:root{
    /* Palette matched to Thirdway (land-book swatches) */
    --ink:#3C3322; --soft:#615342; --paper:#F6EFE7; --card:#FBF8F3;
    --wood:#7C4819; --teal:#7C4819; --teal-dk:#3C3322; --sky:#EADFD2; --line:#E2D7CA;
    --stone:#C9C2BA; --sand:#AB9683; --taupe:#877563; --olive:#5A554C; --night:#2E2A21;
    --head:"Inter Tight",system-ui,sans-serif; --serif:"Instrument Serif",Georgia,serif;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{margin:0;background:var(--paper);color:var(--ink);font-family:"Atkinson Hyperlegible",system-ui,sans-serif;font-size:1.25rem;line-height:1.6}
  img{max-width:100%;display:block;height:auto}
  h1,h2,h3{font-family:var(--head);line-height:1.05;margin:0 0 .5em;font-weight:500;letter-spacing:-.03em}
  h1{font-size:clamp(2.6rem,6.5vw,5rem)}
  h2{font-size:clamp(2rem,4.4vw,3.4rem)}
  h3{font-size:1.5rem;letter-spacing:-.02em}
  p{margin:0 0 1em}
  a{color:var(--teal)}
  :focus-visible{outline:4px solid #e0a100;outline-offset:3px;border-radius:6px}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .skip{position:absolute;left:-9999px}
  .skip:focus{left:16px;top:16px;background:#fff;padding:12px 18px;z-index:99}
  .muted{color:var(--soft)}

  .bar{position:sticky;top:0;z-index:10;background:var(--card);border-bottom:1px solid var(--line)}
  .bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
  .brand{font-family:var(--head);font-weight:600;font-size:1.3rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none;line-height:1.1}
  .brand small{display:block;font-family:"Atkinson Hyperlegible",sans-serif;font-weight:400;font-size:.95rem;color:var(--soft)}
  .call{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;padding:14px 22px;border-radius:999px;min-height:52px;white-space:nowrap}
  .call:hover{background:var(--wood)}
  .call svg{width:22px;height:22px;flex:none}

  .hero{padding:56px 0 64px}
  .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
  .eyebrow{display:inline-block;background:rgba(246,239,231,.92);color:var(--ink);font-weight:700;padding:6px 14px;border-radius:999px;font-size:1rem;margin-bottom:20px}
  .lede{font-size:1.4rem;color:var(--soft);max-width:34ch}
  .phone-big{display:block;font-family:var(--head);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;color:var(--teal-dk);text-decoration:none;margin:8px 0 4px}
  .hero-photo{position:relative}
  .hero-photo img{border-radius:6px;aspect-ratio:4/5;object-fit:cover;width:100%;box-shadow:0 24px 48px -24px rgba(29,38,41,.45)}
  .tag{position:absolute;left:-18px;bottom:28px;background:var(--card);border-radius:6px;padding:14px 18px;max-width:280px;font-size:1rem;box-shadow:0 10px 30px -12px rgba(0,0,0,.35);margin:0}
  .tag strong{display:block;color:var(--wood)}

  /* who are you here for */
  .paths{padding:0 0 72px}
  .paths h2{font-size:1.6rem;margin-bottom:20px}
  .path-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  .path{display:block;background:var(--card);border:2px solid var(--line);border-radius:6px;padding:24px 26px;text-decoration:none;color:var(--ink);min-height:44px}
  .path:hover{border-color:var(--teal)}
  .path strong{display:block;font-family:var(--head);font-size:1.4rem;margin-bottom:6px}
  .path span{display:block;color:var(--soft);font-size:1.1rem}
  .path em{display:block;margin-top:12px;font-style:normal;font-weight:700;color:var(--teal)}

  section{padding:80px 0}
  .alt{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .intro{max-width:46ch;color:var(--soft);font-size:1.3rem}

  /* audience sections */
  .aud .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
  .aud.flip .wrap{grid-template-columns:1.1fr .9fr}
  .aud img{border-radius:6px;width:100%;object-fit:cover;aspect-ratio:4/5}
  .kicker{font-weight:700;color:var(--wood);margin-bottom:8px;font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em}
  .checks{list-style:none;padding:0;margin:24px 0}
  .checks li{position:relative;padding-left:40px;margin-bottom:16px}
  .checks li::before{content:"";position:absolute;left:0;top:.35em;width:24px;height:24px;border-radius:50%;background:var(--sky) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C3322' stroke-width='3'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/16px no-repeat}
  .note{background:var(--sky);border-radius:6px;padding:18px 22px;font-size:1.1rem;color:var(--teal-dk)}

  .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;list-style:none;padding:0}
  .grid4 li{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:26px}
  .grid4 .ic{width:52px;height:52px;border-radius:6px;background:var(--sky);display:grid;place-items:center;margin-bottom:16px}
  .grid4 .ic svg{width:28px;height:28px;stroke:var(--teal-dk)}
  .grid4 p{font-size:1.1rem;color:var(--soft);margin:0}
  .feature{margin-top:20px;background:var(--wood);color:#fff;border-radius:6px;padding:28px}
  .feature p{margin:0;font-size:1.2rem}
  .feature strong{font-family:var(--head);font-size:1.5rem;display:block;margin-bottom:4px}

  /* retrofits */
  .retro{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
  .retro article{background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden}
  .retro .art{background:var(--sky);padding:20px 24px;display:grid;place-items:center}
  .retro .art svg{width:100%;max-width:260px;height:auto}
  .retro .txt{padding:22px 24px}
  .retro .txt p{font-size:1.1rem;color:var(--soft);margin:0}
  .more{margin-top:36px;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:30px}
  .more h3{margin-bottom:16px}
  .more ul{columns:2;column-gap:40px;margin:0;padding-left:1.1em}
  .more li{margin-bottom:10px;break-inside:avoid}
  .faq{max-width:820px;margin-top:28px}
  .faq details{background:var(--paper);border:1px solid var(--line);border-radius:6px;margin-bottom:12px}
  .faq summary{cursor:pointer;padding:20px 24px;font-weight:700;font-size:1.2rem;min-height:44px;list-style-position:outside}
  .faq details p{padding:0 24px 20px;margin:0;color:var(--soft)}
  .work{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:40px}
  figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden}
  figure img{width:100%;object-fit:cover}
  figcaption{padding:16px 20px;font-size:1.05rem;color:var(--soft)}
  figcaption strong{display:block;color:var(--ink);font-size:1.15rem}
  .w-a,.w-b{grid-column:span 3}.w-a img,.w-b img{aspect-ratio:3/4}
  .w-c{grid-column:span 4}.w-c img{aspect-ratio:16/10}
  .w-d{grid-column:span 2}.w-d img{aspect-ratio:9/13}
  .w-e{grid-column:span 6}.w-e img{aspect-ratio:21/9}
  .w-g{grid-column:span 6}.w-g img{aspect-ratio:21/9}
  .group-label{grid-column:1/-1;font-family:var(--head);font-size:1.6rem;margin:28px 0 -4px;color:var(--wood)}
  .group-label:first-child{margin-top:0}

  .how{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
  .how li{counter-increment:s;padding-top:20px;border-top:4px solid var(--teal)}
  .how li::before{content:counter(s);font-family:var(--head);font-size:2.4rem;font-weight:700;color:var(--teal);display:block;line-height:1;margin-bottom:10px}
  .how p{font-size:1.1rem;color:var(--soft);margin:0}

  .two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .panel{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:36px}
  .panel p{font-size:1.15rem}

  /* referral partners */
  .partners{background:var(--olive);color:var(--paper)}
  .partners h2{color:#fff}
  .partners .intro{color:#d9eef4}
  .partners .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
  .partners .box{background:rgba(255,255,255,.06);border:1px solid rgba(246,239,231,.28);border-radius:6px;padding:26px}
  .partners .box h3{color:#fff}
  .partners .box p,.partners .box li{color:#e4f2f6;font-size:1.1rem}
  .partners .box ul{margin:0;padding-left:1.1em}
  .partners a{color:#fff}
  .partners .who{margin-top:28px;color:#d9eef4;font-size:1.05rem}

  .close{text-align:center}
  .close p{font-size:1.3rem;max-width:40ch;margin:0 auto 1em;color:var(--soft)}
  .close .phone-big{font-size:clamp(2.6rem,7vw,4.4rem)}
  .close .call{font-size:1.3rem;padding:18px 32px;margin-top:12px}
  footer{padding:32px 0;font-size:1rem;color:var(--soft);text-align:center;border-top:1px solid var(--line)}

  @media (max-width:900px){
    .hero .wrap,.two,.aud .wrap,.aud.flip .wrap{grid-template-columns:1fr}
    .hero{padding-top:32px}
    .hero-photo{order:-1}
    .hero-photo img{aspect-ratio:4/3}
    .tag{position:static;max-width:none;margin:12px 0 0;box-shadow:none;border:1px solid var(--line)}
    .aud img{aspect-ratio:4/3}
    .aud.flip .media{order:-1}
    .path-grid,.partners .grid3,.retro{grid-template-columns:1fr}
    .more ul{columns:1}
    .grid4,.how{grid-template-columns:1fr 1fr}
    .work{grid-template-columns:1fr 1fr}
    .w-a,.w-b,.w-d{grid-column:span 1}
    .w-c,.w-e,.w-f,.w-g{grid-column:1/-1}
  }
  @media (max-width:560px){
    body{font-size:1.15rem}
    .grid4,.how{grid-template-columns:1fr}
    .bar .call span.long{display:none}
    .brand small{display:none}
    section{padding:56px 0}
  }

  /* multi-page: tabs, menu, page heads */
  .tabs{background:var(--card);border-bottom:1px solid var(--line)}
  .tab-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
  .tab-list a{display:block;padding:14px 14px;min-height:48px;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.02rem;border-bottom:4px solid transparent}
  .tab-list a:hover{color:var(--teal)}
  .tab-list a[aria-current="page"]{color:var(--teal-dk);border-bottom-color:var(--teal)}
  .menu{display:none}
  .menu summary{cursor:pointer;font-weight:700;padding:14px 0;min-height:48px;font-size:1.15rem}
  .menu ul{list-style:none;margin:0 0 12px;padding:0}
  .menu a{display:block;padding:12px 0;min-height:44px;color:var(--ink);text-decoration:none;font-weight:700;border-top:1px solid var(--line)}
  .menu a[aria-current="page"]{color:var(--teal-dk)}
  .page-head{padding:64px 0 48px;background:var(--paper)}
  .page-head .lede{max-width:46ch}
  .grid2{grid-template-columns:repeat(2,1fr)}
  .more-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .foot-links{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px}
  .foot-links a{color:var(--ink)}
  @media (max-width:900px){
    .tab-list{display:none}
    .menu{display:block}
    .more-links,.grid2{grid-template-columns:1fr}
    .page-head{padding:40px 0 32px}
  }

  /* Thirdway-style pieces */
  .hero-full{position:relative;padding:0;min-height:min(86vh,820px);display:flex;align-items:flex-end;color:var(--paper);overflow:hidden;background:var(--night)}
  .hero-full .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .hero-full::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,42,33,.15) 0%,rgba(46,42,33,.35) 45%,rgba(46,42,33,.88) 100%)}
  .hero-full .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;padding-top:120px;padding-bottom:56px;width:100%}
  .hero-full h1{color:#fff;margin:0}
  .hero-full .lede{color:#F6EFE7;max-width:36ch;font-size:1.3rem;margin-bottom:18px}
  .hero-full .phone-big{color:#fff;margin:0 0 6px}
  .hero-full .small{color:#EADFD2;font-size:1rem;margin:0}
  .statement{background:var(--paper);text-align:center;padding:88px 0}
  .statement p{font-family:var(--serif);font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.12;max-width:24ch;margin:0 auto;color:var(--ink)}
  .statement .by{font-family:var(--head);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wood);margin-top:20px}
  .kicker{font-family:var(--head);letter-spacing:.1em}
  .lede{font-family:var(--head);letter-spacing:-.01em}
  .cta-photo{position:relative;padding:0;min-height:560px;display:flex;align-items:flex-end;overflow:hidden;background:var(--night)}
  .cta-photo .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .cta-photo .wrap{position:relative;z-index:1;display:flex;justify-content:flex-end;width:100%;padding-bottom:48px}
  .cta-card{background:var(--paper);padding:36px 40px;max-width:560px;border-radius:4px}
  .cta-card h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
  .cta-card p{color:var(--soft)}
  .cta-card .phone-big{color:var(--ink);font-family:var(--head);letter-spacing:-.03em;margin:4px 0 16px}
  footer{background:var(--night);color:#EADFD2;border:0;padding:64px 0 40px;text-align:left}
  footer a{color:#F6EFE7}
  footer .foot-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end}
  footer .wordmark{font-family:var(--head);font-weight:500;letter-spacing:-.04em;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.95;color:#F6EFE7;margin:0 0 20px}
  footer .foot-links{justify-content:flex-start;flex-direction:column;gap:8px}
  footer .foot-links a{color:#F6EFE7;text-decoration:none;font-family:var(--head);font-size:1.3rem;letter-spacing:-.01em}
  footer .foot-links a:hover{text-decoration:underline}
  .phone-big{font-family:var(--head);font-weight:500;letter-spacing:-.03em}
  .path{border-width:1px}
  .path strong,.grid4 h3,.retro h3,.panel h2{font-family:var(--head)}
  .work figure{position:relative}
  @media (max-width:900px){
    .hero-full .wrap,footer .foot-grid{grid-template-columns:1fr;gap:20px}
    .hero-full{min-height:auto}
    .hero-full .wrap{padding-top:220px}
    .cta-photo{min-height:auto}
    .cta-photo .wrap{padding-top:200px}
    .cta-card{padding:28px}
  }
  .cta-photo.close{text-align:left}
  .cta-photo.close p{margin:0 0 1em;max-width:none;color:var(--soft);font-size:1.15rem}
  .hero-call{background:var(--paper);color:var(--ink);font-size:1.3rem;padding:18px 30px;min-height:60px;margin:6px 0 14px}
  .hero-call:hover{background:#fff;color:var(--ink)}
  .hero-call .num{font-weight:500;opacity:.85;margin-left:4px}
  @media (max-width:900px){.hero-full .eyebrow{display:none}}