/* ============================================================
   NAINEYWORKS shared stylesheet
   Design system extracted verbatim from framework V17
   Single source of truth for all page templates
   ============================================================ */
:root{
  --parchment:#F8F4ED; --parchment:oklch(96.8% .01 78);
  --nav-surface:#FFFDF8;
  --nav-surface-solid:#FFFFFF;
  --nav-border:#EEE8DF;
  --linen:#EEE9E1; --linen:oklch(93.6% .012 78);
  --linen-deep:#E2DAD0; --linen-deep:oklch(89.2% .016 76);
  --charcoal:#1C140F; --charcoal:oklch(19.8% .016 52);
  --ink:#2B231E; --ink:oklch(26.5% .015 54);
  --warm-gray:#5D554E; --warm-gray:oklch(45.5% .015 64);
  --muted-text:#7E7871; --muted-text:oklch(57.5% .012 70);
  --terracotta:#905339; --terracotta:oklch(50.8% .09 44);
  --terracotta-h:#7D4228; --terracotta-h:oklch(44.8% .09 44);
  --terracotta-lt:rgba(144,83,57,.12); --terracotta-lt:oklch(50.8% .09 44/.12);
  --border-line:#D7D1C8; --border-line:oklch(86.2% .014 76);
  --border-faint:#E2DDD7; --border-faint:oklch(90% .01 76);
  --sand:#D8A88E; /* warm accent for dark sections */
  --night:#17100C; --night:oklch(16.5% .018 52);

  --t-display:3rem;
  --t-h1:2.25rem;
  --t-h2:1.625rem;
  --t-h3:1.125rem;
  --t-lead:1.0625rem; --t-body:1rem; --t-small:.875rem; --t-eyebrow:.6875rem;

  --content-max:1400px;
  --text-max:calc(var(--content-max) * .75);
  --content-px-sm:1.25rem; --content-px-md:2rem; --content-px-lg:4rem;
  --section-y-sm:5rem; --section-y-md:7rem; --section-y-lg:10rem;

  --radius:0;
  --ease:cubic-bezier(.23,1,.32,1); /* V17 signature easing */
}
@media (min-width:820px){
  :root{--t-display:4.5rem;--t-h1:3rem;--t-h2:2rem;--t-h3:1.375rem}
}
@media (min-width:1200px){
  :root{--t-display:5.5rem;--t-h1:3.75rem;--t-h2:2.5rem;--t-h3:1.625rem}
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{background:var(--parchment);color:var(--ink);font-family:Lato,system-ui,-apple-system,sans-serif;font-weight:400;font-size:var(--t-body);line-height:1.82;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:1.14;color:var(--charcoal);letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
::selection{background:var(--terracotta);color:var(--parchment)}

.wrap{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--content-px-sm)}
.copy-wide{max-width:var(--text-max);margin-inline:auto}
.center-copy{text-align:center}
@media (min-width:640px){.wrap{padding-inline:var(--content-px-md)}}
@media (min-width:1024px){.wrap{padding-inline:var(--content-px-lg)}}
section{padding-block:var(--section-y-md)}
.sec-lg{padding-block:var(--section-y-lg)}
.sec-sm{padding-block:var(--section-y-sm)}

.eyebrow{display:inline-flex;align-items:center;gap:.7rem;font-family:Lato,sans-serif;font-size:var(--t-eyebrow);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--terracotta);line-height:1}
.eyebrow::before{content:"";display:block;width:2rem;height:1px;background:var(--terracotta);flex:0 0 auto}
.lead{font-size:var(--t-lead);color:var(--warm-gray);line-height:1.75}
.muted{color:var(--muted-text)}
.mobile-label{display:none}

/* ---- V17-style brand entrance ---- */
.site-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--night);color:var(--parchment);opacity:1;visibility:visible;transition:opacity .6s var(--ease),visibility .6s var(--ease);pointer-events:auto}
.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.site-loader .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(-.25rem)}
.site-loader .mark{width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1) opacity(.86);margin-bottom:1.35rem;animation:loaderRise .82s var(--ease) both}
.site-loader .name{font-family:"Playfair Display",Georgia,serif;font-size:1.42rem;font-weight:500;line-height:1;letter-spacing:.16em;color:#EDE4DA;text-transform:uppercase;animation:loaderRise .82s var(--ease) .1s both}
.site-loader .sub{margin-top:.72rem;font-size:.56rem;font-weight:700;line-height:1;letter-spacing:.34em;text-transform:uppercase;color:var(--terracotta);animation:loaderRise .82s var(--ease) .18s both}
.site-loader .rule{display:block;width:4.7rem;height:1px;background:var(--terracotta);margin-top:1.75rem;transform-origin:center;animation:loaderRule .86s var(--ease) .28s both}
@keyframes loaderRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes loaderRule{from{opacity:0;transform:scaleX(.18)}to{opacity:1;transform:scaleX(1)}}

/* ---- V17 image motion ---- */
.img-hover{position:relative;display:block;overflow:hidden}
.img-hover::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:rgba(144,83,57,0);transition:background .7s var(--ease)}
.img-hover:hover::after{background:rgba(144,83,57,.07)}
.img-hover img{width:100%;height:auto;will-change:filter;transition:filter .9s var(--ease)}
.img-hover:hover img{filter:brightness(1.04) saturate(1.06)}
.ratio-4x3 img{height:auto;object-fit:contain}

/* ---- Buttons (small uppercase, square, 1.5px border) ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;font-family:Lato,sans-serif;font-weight:700;font-size:var(--t-eyebrow);letter-spacing:.12em;text-align:center;text-transform:uppercase;line-height:1.25;padding:.875rem 2.25rem;border:1.5px solid transparent;border-radius:0;cursor:pointer;white-space:normal;overflow-wrap:anywhere;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .12s ease-out}
.btn-primary{background:var(--terracotta);color:var(--parchment);border-color:var(--terracotta)}
.btn-primary:hover{background:var(--terracotta-h);border-color:var(--terracotta-h);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--terracotta);border-color:var(--terracotta)}
.btn-ghost:hover{background:var(--terracotta-lt);transform:translateY(-2px)}
.btn{max-width:100%}
.btn svg{width:1.1em;height:1.1em;flex:0 0 auto}

/* ---- Header ---- */
header.site{position:sticky;top:0;z-index:60;background:var(--parchment);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid transparent;transition:border-color .25s ease,box-shadow .25s ease}
header.site.scrolled{background:var(--parchment);border-color:var(--border-faint);box-shadow:0 8px 24px -24px rgba(28,20,15,.35)}
.nav{display:flex;align-items:center;justify-content:space-between;height:63px;width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--content-px-sm)}
@media (min-width:640px){.nav{padding-inline:var(--content-px-md)}}
@media (min-width:1024px){.nav{padding-inline:var(--content-px-lg)}}
.brand{display:flex;align-items:center;gap:.55rem;min-width:0;font-family:"Playfair Display",serif;font-size:1.3rem;font-weight:600;color:var(--charcoal)}
.brand img{width:32px;height:32px}
.nav .brand img,
footer.site .brand img{filter:contrast(1.55) saturate(1.12) brightness(.68);opacity:1}
.brand small{font-family:Lato;font-weight:400;font-size:.9rem;color:var(--terracotta)}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-links a{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--warm-gray);position:relative;padding-block:.3rem;transition:color .18s var(--ease)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--terracotta);transition:width .28s var(--ease)}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--charcoal)}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{width:100%}
.nav-cta{display:flex;align-items:center;gap:1rem}
.nav-cta .btn{padding:.6rem 1.4rem}
.menu-btn{display:none;background:none;border:0;cursor:pointer;width:30px;height:24px;position:relative}
.menu-btn span{position:absolute;left:0;width:100%;height:2px;background:var(--charcoal);transition:.3s var(--ease)}
.menu-btn span:nth-child(1){top:2px}.menu-btn span:nth-child(2){top:11px}.menu-btn span:nth-child(3){top:20px}
body.menu-open .menu-btn span:nth-child(1){top:11px;transform:rotate(45deg)}
body.menu-open .menu-btn span:nth-child(2){opacity:0}
body.menu-open .menu-btn span:nth-child(3){top:11px;transform:rotate(-45deg)}

/* ---- Page hero (sub-pages) ---- */
.phero{padding-top:clamp(3rem,6vw,5rem);padding-bottom:0}
.phero .eyebrow{margin-bottom:1rem}
.phero h1{font-size:var(--t-h1);max-width:var(--text-max)}
.phero .lead{margin-top:1.3rem;max-width:var(--text-max)}

/* ---- Hero (home) ---- */
.hero{padding-top:clamp(3rem,6vw,5rem);padding-bottom:0}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hero h1{font-size:var(--t-display);font-weight:500;margin:1.25rem 0 0;max-width:13ch;line-height:1.06}
.hero h1 em{font-style:italic;color:var(--terracotta)}
.hero .sub{margin-top:1.6rem;font-size:var(--t-lead);color:var(--warm-gray);max-width:46ch;line-height:1.75}
.hero-cta{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.25rem}
.hero-meta{margin-top:2.4rem;font-size:var(--t-eyebrow);letter-spacing:.14em;color:var(--muted-text);text-transform:uppercase;font-weight:700}
.hero-figure{position:relative}
.hero-figure img{width:100%;box-shadow:0 40px 80px -50px rgba(28,20,15,.7)}
.hero-figure figcaption{position:absolute;left:-1.25rem;bottom:1.6rem;background:var(--parchment);padding:.95rem 1.2rem;box-shadow:0 16px 40px -24px rgba(28,20,15,.6);max-width:15rem;font-size:var(--t-small);color:var(--warm-gray);line-height:1.5;border-left:2px solid var(--terracotta)}

/* ---- AEO answer card ---- */
.aeo{margin-top:clamp(2.5rem,5vw,4rem);background:var(--linen);border:1px solid var(--border-faint);padding:clamp(1.75rem,3vw,2.75rem)}
.aeo h2{font-size:var(--t-h3);margin-bottom:.7rem}
.aeo p.answer{font-size:1.0625rem;color:var(--ink);line-height:1.78;max-width:var(--text-max)}
.aeo .pos{display:inline-block;margin-top:1.2rem;font-style:italic;font-family:"Playfair Display",serif;font-size:1.2rem;color:var(--terracotta)}

/* ---- Section heads ---- */
.sec-head{max-width:var(--text-max)}
.sec-head h2{font-size:var(--t-h2);margin:1rem 0 0}
.sec-head p{margin-top:1.1rem}

/* Text column width constraint (per spec: 850px) */
.textcol{max-width:var(--text-max)}
.wrap > .lead,.wrap > p{max-width:var(--text-max)}

.centered{margin-inline:auto;text-align:center}
.centered .eyebrow{justify-content:center}

/* ---- Two-column fits / not-enough ---- */
.fits{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:2.5rem}
.fitbox{padding:1.7rem 1.8rem;border:1px solid var(--border-faint);background:var(--linen)}
.fitbox h3{font-size:var(--t-h3);margin-bottom:.9rem;display:flex;align-items:center;gap:.6rem}
.fitbox h3 svg{width:1.3rem;height:1.3rem;color:var(--terracotta);flex:0 0 auto}
.fitbox ul{list-style:none;display:grid;gap:.65rem}
.fitbox li{font-size:.97rem;color:var(--warm-gray);line-height:1.6;padding-left:1.2rem;position:relative}
.fitbox li::before{content:"";position:absolute;left:0;top:.65em;width:.4rem;height:.4rem;background:var(--terracotta);opacity:.6}

/* ---- Dark sections ---- */
.dark{background:var(--charcoal);color:var(--linen)}
.dark h2,.dark h3,.dark h1{color:var(--parchment)}
.dark .eyebrow{color:var(--sand)}.dark .eyebrow::before{background:var(--sand)}
.dark .lead{color:#D8CCC0}

/* ---- Trigger list (why planning) ---- */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);margin-top:2.6rem;align-items:start}
.trigger-list{list-style:none;display:grid;gap:1rem;margin-top:1.8rem}
.trigger-list li{display:flex;gap:.9rem;align-items:flex-start;font-size:1.0625rem;color:var(--linen);padding-bottom:1rem;border-bottom:1px solid rgba(216,168,142,.22)}
.trigger-list li:last-child{border-bottom:0}
.trigger-list .ic{flex:0 0 auto;width:1.5rem;height:1.5rem;color:var(--sand);margin-top:.2rem}
.by-then{display:grid;gap:.5rem}
.by-then .step{font-family:"Playfair Display",serif;font-size:1.4rem;color:var(--parchment);line-height:1.2}
.by-then .deserve{margin-top:1.6rem;font-size:1.15rem;color:#E9C9B5;font-style:italic;font-family:"Playfair Display",serif;line-height:1.4}

/* ---- Pillars ---- */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3rem}
.pillar{background:var(--linen);border:1px solid var(--border-faint);padding:1.9rem 1.5rem;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.pillar:hover{transform:translateY(-4px);box-shadow:0 24px 50px -34px rgba(28,20,15,.55)}
.pillar .num{font-family:"Playfair Display",serif;font-size:.95rem;color:var(--terracotta);letter-spacing:.05em}
.pillar h3{font-size:var(--t-h3);margin:.7rem 0 .5rem}
.pillar p{font-size:.95rem;color:var(--warm-gray);line-height:1.6}

/* ---- Roadmap steps ---- */
.road-wrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;margin-top:.5rem}
.road-fig img{width:100%;box-shadow:0 36px 70px -48px rgba(28,20,15,.7)}
.steps{list-style:none;counter-reset:s;margin-top:.5rem}
.steps li{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start;padding:1.2rem 0;border-bottom:1px solid var(--border-line)}
.steps li:last-child{border-bottom:0}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:"Playfair Display",serif;font-size:1.15rem;color:var(--terracotta);min-width:2.2rem;padding-top:.15rem}
.steps .st-t{font-family:"Playfair Display",serif;font-size:1.2rem;color:var(--charcoal);line-height:1.3}
.steps .st-d{display:block;font-size:.9375rem;color:var(--warm-gray);margin-top:.3rem;line-height:1.6}

/* ---- Deliverables (what you receive) ---- */
.deliver{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}
.dcard{background:var(--linen);border:1px solid var(--border-faint);padding:1.7rem 1.6rem;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.dcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px -34px rgba(28,20,15,.5)}
.dcard .di{width:2rem;height:2rem;color:var(--terracotta);margin-bottom:.9rem}
.dcard h3{font-size:1.18rem;margin-bottom:.5rem}
.dcard p{font-size:.92rem;color:var(--warm-gray);line-height:1.6}

/* ---- Areas ---- */
.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem}
.area{position:relative;overflow:hidden;border:1px solid var(--border-faint);background:var(--linen);display:flex;flex-direction:column}
.area .imgwrap{overflow:hidden}
.area img{height:auto;object-fit:contain;width:100%;transform-origin:50%;will-change:filter;transition:filter .9s var(--ease)}
.area:hover img{filter:brightness(1.04) saturate(1.06)}
.area .body{padding:1.6rem}
.area h3{font-size:var(--t-h3);margin-bottom:.5rem}
.area p{font-size:.9375rem;color:var(--warm-gray);line-height:1.6}

/* ---- Support team ---- */
.team-wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.8rem}
.chip{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--linen);border:1px solid var(--border-line);padding:.5rem 1rem}
.team-note{margin-top:1.8rem;padding:1.4rem 1.6rem;background:var(--terracotta-lt);border-left:2px solid var(--terracotta);font-size:.9875rem;color:var(--ink);line-height:1.7}

/* ---- Choose grid ---- */
.choose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:3rem}
.choose-item{padding:1.7rem 0;border-top:2px solid rgba(216,168,142,.3)}
.choose-item h3{font-size:var(--t-h3);color:var(--parchment);margin-bottom:.55rem}
.choose-item p{font-size:.9375rem;color:#C9BEB2;line-height:1.65}

/* ---- Founder ---- */
.founder-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.founder-fig img{width:100%;box-shadow:0 36px 70px -48px rgba(28,20,15,.65)}
blockquote.q{font-family:"Playfair Display",serif;font-size:1.3rem;line-height:1.4;color:var(--charcoal);font-style:italic;margin:1.4rem 0;font-weight:400}
.sig{font-family:"Playfair Display",serif;font-style:italic;font-size:1.5rem;color:var(--terracotta);margin-top:1.2rem}
.who{margin-top:.45rem;font-size:var(--t-eyebrow);letter-spacing:.14em;color:var(--muted-text);text-transform:uppercase;font-weight:700}

/* ---- Cards / journal-style links ---- */
.linkcards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem}
.lcard{display:flex;flex-direction:column;background:var(--linen);border:1px solid var(--border-faint);padding:1.8rem 1.7rem;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}
.lcard:hover{transform:translateY(-4px);box-shadow:0 26px 54px -36px rgba(28,20,15,.5);border-color:var(--border-line)}
.lcard .tag{font-size:var(--t-eyebrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta)}
.lcard h3{font-size:1.2rem;margin:.8rem 0 .6rem;line-height:1.32}
.lcard p{font-size:.9375rem;color:var(--warm-gray);line-height:1.65;flex:1}
.lcard .more{margin-top:1.2rem;font-size:var(--t-eyebrow);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--terracotta);display:inline-flex;align-items:center;gap:.45rem}
.lcard:hover .more svg{transform:translateX(4px)}
.lcard .more svg{width:1.1em;height:1.1em;transition:transform .25s var(--ease)}

/* ---- FAQ ---- */
.faq-list{margin-top:2.5rem;border-top:1px solid var(--border-line)}
.faq-item{border-bottom:1px solid var(--border-line)}
.faq-q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:1.45rem 0;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;font-family:"Playfair Display",serif;font-size:1.05rem;color:var(--charcoal);line-height:1.35;transition:color .18s var(--ease);list-style:none}
.faq-q::-webkit-details-marker{display:none}
.faq-q:hover{color:var(--terracotta)}
.faq-q .pm{flex:0 0 auto;width:1.4rem;height:1.4rem;position:relative;transition:transform .3s var(--ease)}
.faq-q .pm::before,.faq-q .pm::after{content:"";position:absolute;background:var(--terracotta);top:50%;left:50%;transition:.3s var(--ease)}
.faq-q .pm::before{width:1.1rem;height:1.5px;transform:translate(-50%,-50%)}
.faq-q .pm::after{width:1.5px;height:1.1rem;transform:translate(-50%,-50%)}
.faq-item[open] .pm::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.faq-a{overflow:hidden;max-height:0;transition:max-height .38s var(--ease),padding .38s var(--ease)}
.faq-item[open] .faq-a{max-height:420px;padding-bottom:1.55rem}
.faq-a p{color:var(--warm-gray);font-size:1rem;line-height:1.75;max-width:var(--text-max)}

/* ---- Boundary block ---- */
.boundary{background:var(--parchment);border:1px dashed var(--border-line);padding:clamp(1.6rem,3vw,2.2rem);margin-top:3rem}
.boundary h3{font-size:var(--t-eyebrow);font-family:Lato;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta);margin-bottom:.8rem}
.boundary p{font-size:.9875rem;color:var(--warm-gray);line-height:1.7;max-width:var(--text-max)}

/* ---- Prepare-before checklist (contact) ---- */
.prep{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 2.5rem;margin-top:2.5rem;list-style:none}
.prep li{display:flex;gap:.8rem;align-items:flex-start;font-size:.97rem;color:var(--warm-gray);line-height:1.6;padding-bottom:1rem;border-bottom:1px solid var(--border-faint)}
.prep .ic{flex:0 0 auto;width:1.3rem;height:1.3rem;color:var(--terracotta);margin-top:.2rem}

/* ---- CTA band ---- */
.cta-band{text-align:center}
.cta-band .wrap{max-width:calc(750px + (var(--content-px-lg) * 2))}
.cta-band .eyebrow{justify-content:center}
.cta-band h2{color:var(--parchment);font-size:var(--t-h1);max-width:750px;margin:1.1rem auto 0;line-height:1.12;text-align:center}
.cta-band p.lead{color:#D8CCC0;max-width:750px;margin:1.5rem auto 0;text-align:center}
.cta-band .cn{margin-top:1.6rem;font-family:"Playfair Display",serif;font-style:italic;font-size:1.3rem;color:#E9C9B5}
.cta-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;max-width:750px;margin:2.4rem auto 0}
.cta-cta .btn{min-width:min(100%,15.5rem)}
.cta-band .btn-ghost{color:#E9C9B5;border-color:rgba(233,201,181,.45)}
.cta-band .btn-ghost:hover{border-color:#E9C9B5;background:rgba(233,201,181,.08)}
.cta-detail{max-width:750px;margin:2.4rem auto 0;font-size:.9rem;color:#B7ABA0;letter-spacing:.02em;text-align:center}
.cta-detail a{color:#E9C9B5;border-bottom:1px solid rgba(233,201,181,.4)}

/* ---- Footer ---- */
footer.site{background:#161009;color:#9A8E82;padding-block:clamp(3rem,5vw,4.5rem) 2rem}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(216,168,142,.16)}
.foot-brand .brand{color:var(--parchment)}
.foot-brand p{margin-top:1rem;font-size:.9rem;line-height:1.7;max-width:34ch;color:#9A8E82}
.foot-brand .tag{margin-top:.9rem;font-size:var(--t-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:#C09A82;font-weight:700}
.foot-col h4{font-family:Lato;font-weight:700;font-size:var(--t-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:#C9BEB2;margin-bottom:1rem}
.foot-col ul{list-style:none;display:grid;gap:.7rem}
.foot-col a{font-size:.9rem;color:#9A8E82;transition:color .18s var(--ease)}
.foot-col a:hover{color:#E9C9B5}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.8rem;font-size:.8rem;color:#7A6F64}
.foot-bottom a{color:#9A8E82}.foot-bottom a:hover{color:#E9C9B5}
.foot-disclaimer{font-size:.8rem;line-height:1.7;color:#7A6F64;max-width:80ch;margin-top:1.6rem}

/* ---- Responsive composition helpers ---- */
.founder-copy-grid{margin-top:2.5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.founder-copy-grid > *{min-width:0}
.responsive-quote{font-size:1.2rem}

/* ---- Reveal (V17 verbatim: translateY 28px, opacity+transform .72s) ---- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .72s var(--ease),transform .72s var(--ease)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal[data-d="1"]{transition-delay:.06s}.reveal[data-d="2"]{transition-delay:.12s}
.reveal[data-d="3"]{transition-delay:.18s}.reveal[data-d="4"]{transition-delay:.24s}

/* ---- Responsive ---- */
@media (max-width:1000px){
  .pillars,.choose-grid{grid-template-columns:1fr 1fr}
  .areas,.linkcards,.deliver{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .nav-links{position:fixed;inset:63px 0 auto 0;flex-direction:column;align-items:flex-start;background:var(--parchment);padding:1.25rem var(--content-px-md) 2rem;gap:.2rem;border-bottom:1px solid var(--border-line);transform:translateY(-120%);transition:transform .35s var(--ease);box-shadow:0 20px 40px -28px rgba(28,20,15,.5)}
  body.menu-open .nav-links{transform:translateY(0)}
  .nav-links a{font-size:.95rem;padding:.75rem 0;width:100%;border-bottom:1px solid var(--border-faint)}
  .menu-btn{display:block;position:fixed;right:1.25rem;top:20px;z-index:90}
  .nav-cta{margin-left:auto}
  .menu-btn{flex:0 0 30px;width:30px}
  .nav-cta .btn{display:none}
  .hero-grid,.road-wrap,.team-wrap,.founder-wrap,.why-grid,.fits,.prep{grid-template-columns:1fr}
  .hero-figure{order:-1}
  .hero-figure figcaption{left:0;bottom:0;max-width:13rem}
  .areas,.linkcards,.choose-grid,.deliver{grid-template-columns:1fr}
  .pillars{grid-template-columns:1fr 1fr}
  .foot-top{grid-template-columns:1fr}
  .founder-copy-grid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .pillars,.choose-grid{grid-template-columns:1fr;gap:.8rem}
  .pillar{padding:1.4rem 1.15rem}
  .nav{max-width:100%;min-width:0}
  .brand{font-size:1.25rem;gap:.45rem}
  .brand img{width:30px;height:30px}
  .menu-btn{left:min(340px,calc(100vw - 3.5rem));right:auto;flex:0 0 auto}
  .hero-full{min-height:760px}
  .hero-full .wrap{max-width:100%;width:100%;overflow:visible}
  .hero-full .hero-copy{width:calc(100vw - 2.5rem);max-width:calc(100vw - 2.5rem);min-width:0;overflow:visible}
  .hero-full h1{max-width:none;font-size:2.6rem;overflow-wrap:normal}
  .hero-full p.sub{max-width:100%;overflow-wrap:break-word}
  .hero-full .hero-cta{display:grid;grid-template-columns:1fr}
  .hero-full .btn{display:block;width:100%;padding-inline:1rem;white-space:normal}
  .hero-full .btn svg{display:inline-block;margin-right:.45rem;vertical-align:-.16em}
  .hero-full .hero-meta{max-width:100%;letter-spacing:.08em;line-height:1.65;overflow-wrap:break-word}
  .hero-badge{left:1rem;right:1rem;text-align:center}
  .desktop-label{display:none}
  .mobile-label{display:inline}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}
  .area:hover img{transform:none!important;filter:none!important}
}
.skip{position:absolute;left:-999px;top:0;background:var(--terracotta);color:#fff;padding:.7rem 1.2rem;z-index:100}
.skip:focus{left:0}
:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}

/* ============================================================
   V17 FIDELITY - full-bleed editorial layout
   ============================================================ */
/* Full-bleed hero with photographic background + overlay */
.hero-full{position:relative;min-height:clamp(620px,75vw,1086px);display:flex;align-items:center;color:var(--parchment);overflow:hidden;isolation:isolate;background:#1E150F}
.hero-full .bg{position:absolute;inset:0;z-index:-2;background-size:100% auto;background-repeat:no-repeat;background-position:center top}
.hero-full::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(20,14,9,.74) 0%,rgba(20,14,9,.52) 42%,rgba(20,14,9,.22) 72%,rgba(20,14,9,.06) 100%)}
.hero-full .eyebrow{color:#E2C4B0}.hero-full .eyebrow::before{background:#E2C4B0}
.hero-full .hero-copy{max-width:var(--text-max)}
.hero-full h1{font-size:var(--t-display);color:#FBF8F2;max-width:var(--text-max);margin:1.2rem 0 0;line-height:1.07;text-shadow:0 2px 30px rgba(20,14,9,.35)}
.hero-full p.sub{margin-top:1.5rem;font-size:var(--t-lead);color:#EDE4DA;max-width:min(52rem,var(--text-max));line-height:1.7}
.hero-full .hero-cta{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.3rem}
.hero-full .btn-ghost{color:#F5EDE3;border-color:rgba(245,237,227,.5)}
.hero-full .btn-ghost:hover{border-color:#F5EDE3;background:rgba(245,237,227,.1)}
.hero-full .hero-meta{margin-top:2.4rem;font-size:var(--t-eyebrow);letter-spacing:.14em;color:#CBBBAC;text-transform:uppercase;font-weight:700}
.hero-full .eyebrow + .hero-meta{margin-top:1rem;color:#E2C4B0}
.hero-badge{position:absolute;right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,4vw,2.5rem);z-index:1;background:rgba(20,14,9,.55);border:1px solid rgba(226,196,176,.4);backdrop-filter:blur(4px);padding:.6rem 1rem;font-size:var(--t-eyebrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#E2C4B0}

/* Edge-to-edge split sections (image bleeds to viewport edge) */
.split{display:grid;grid-template-columns:40% 60%;align-items:stretch;min-height:clamp(460px,62vh,680px);overflow:hidden}
.split .ph{position:relative;background-size:contain;background-repeat:no-repeat;background-position:center;min-height:340px;transform-origin:center;will-change:filter;transition:filter .9s var(--ease)}
.split .ph::after{content:"";position:absolute;inset:0;background:rgba(144,83,57,0);transition:background .7s var(--ease);pointer-events:none}
.split:hover .ph{filter:brightness(1.04) saturate(1.06)}
.split:hover .ph::after{background:rgba(144,83,57,.07)}
.split .tx{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,6vw,6rem) clamp(1.5rem,5.5vw,5.5rem)}
.split .tx .inner{max-width:var(--text-max)}
.split.img-right{grid-template-columns:60% 40%}
.split.img-right .ph{order:2}
.split.img-right .tx{order:1}
.split .tx h2{font-size:var(--t-h2);margin:1rem 0 0}
.split .tx p{margin-top:1.1rem;color:var(--warm-gray);font-size:var(--t-lead);line-height:1.72}
.split .tx .bullets{list-style:none;margin-top:1.4rem;display:grid;gap:.7rem}
.split .tx .bullets li{position:relative;padding-left:1.3rem;color:var(--warm-gray);font-size:1rem;line-height:1.55}
.split .tx .bullets li::before{content:"";position:absolute;left:0;top:.6em;width:.4rem;height:.4rem;background:var(--terracotta)}
.split .tx .note{margin-top:1.5rem;padding-left:1.1rem;border-left:2px solid var(--terracotta);font-style:italic;color:var(--ink);font-size:1rem;line-height:1.6}
.split.on-linen{background:var(--linen)}
.split.on-cream{background:var(--parchment)}

/* Roadmap phases image with overlay + step row */
.steprow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border-line);margin-top:3rem}
.steprow.steprow-3{grid-template-columns:repeat(3,1fr)}
.steprow.steprow-4{grid-template-columns:repeat(4,1fr)}
.steprow .st{padding:1.6rem 1.4rem;border-right:1px solid var(--border-line);min-width:0}
.steprow .st:last-child{border-right:0}
.steprow .st .n{font-family:"Playfair Display",serif;font-size:.85rem;color:var(--terracotta);letter-spacing:.05em}
.steprow .st h3{font-size:1.02rem;margin:.6rem 0 .5rem;line-height:1.25}
.steprow .st p{font-size:.875rem;color:var(--warm-gray);line-height:1.55}

/* Big dark quote */
.quote-dark{background:var(--charcoal);color:var(--linen)}
.quote-dark .eyebrow{color:var(--sand)}.quote-dark .eyebrow::before{background:var(--sand)}
.quote-dark blockquote{font-family:"Playfair Display",serif;font-style:italic;font-weight:400;font-size:1.4rem;line-height:1.42;color:var(--parchment);max-width:30ch;margin:1.6rem 0 0;padding-left:1.3rem;border-left:2px solid var(--sand)}
.quote-dark .after{margin-top:1.6rem;color:#CBBBAC;font-size:var(--t-lead);max-width:var(--text-max);line-height:1.7}

/* Founder editorial panel */
.founder-section{background:var(--linen);padding-block:clamp(6rem,9vw,9rem)}
.founder-panel{display:grid;grid-template-columns:minmax(20rem,.72fr) minmax(0,1.28fr);gap:clamp(2.25rem,5vw,4.75rem);align-items:center}
.founder-story{max-width:36rem}
.founder-story h2{margin-top:1rem;font-size:var(--t-h2);line-height:1.12}
.founder-lede{margin-top:1.25rem;color:var(--warm-gray);font-size:var(--t-lead);line-height:1.75}
.founder-principle{margin-top:1.7rem;padding-left:1.25rem;border-left:2px solid var(--terracotta);font-family:"Playfair Display",serif;font-style:italic;font-size:1.18rem;line-height:1.55;color:var(--charcoal)}
.founder-facts{display:grid;gap:0;margin-top:2rem;border-top:1px solid var(--border-line);border-bottom:1px solid var(--border-line)}
.founder-facts div{display:grid;grid-template-columns:8.5rem 1fr;gap:1.25rem;padding:1rem 0;border-bottom:1px solid var(--border-faint)}
.founder-facts div:last-child{border-bottom:0}
.founder-facts dt{font-size:var(--t-eyebrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta);padding-top:.2rem}
.founder-facts dd{color:var(--warm-gray);font-size:1rem;line-height:1.55}
.founder-link{margin-top:2rem}
.founder-portrait{margin:0;overflow:visible}
.founder-img{width:100%;height:auto;object-fit:contain;display:block;box-shadow:0 40px 80px -54px rgba(28,20,15,.6)}
.founder-meta{display:grid;grid-template-columns:auto 1fr;gap:.6rem 2rem;margin-top:2rem;max-width:60ch}
.founder-meta dt{font-size:var(--t-eyebrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta);padding-top:.15rem}
.founder-meta dd{color:var(--warm-gray);font-size:1rem}
.founder-quote{font-family:"Playfair Display",serif;font-style:italic;font-size:1.1rem;line-height:1.5;color:var(--charcoal);max-width:60ch}

/* Contact form */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.contact-form{display:grid;gap:1.1rem}
.contact-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.contact-form label{display:grid;gap:.45rem;font-size:var(--t-eyebrow);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray)}
.contact-form input,.contact-form select,.contact-form textarea{font-family:Lato,sans-serif;font-size:1rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--parchment);border:1px solid var(--border-line);border-radius:0;padding:.8rem .9rem;width:100%;transition:border-color .2s var(--ease)}
.contact-form textarea{resize:vertical;line-height:1.6}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--terracotta)}
.contact-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.contact-form .form-note{font-size:.85rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted-text);line-height:1.55}
.contact-form button{margin-top:.4rem;justify-self:start}
.contact-info dt{font-size:var(--t-eyebrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta);margin-top:1.2rem}
.contact-info dd{font-size:1rem;color:var(--ink);margin-top:.3rem}
.contact-info dd a{color:var(--ink);border-bottom:1px solid var(--border-line)}
/* dark variant for on-charcoal form */
.dark .contact-form input,.dark .contact-form select,.dark .contact-form textarea{background:#241a13;border-color:#43342a;color:var(--linen)}
.dark .contact-form label,.dark .contact-info dt{color:var(--sand)}
.dark .contact-info dd,.dark .contact-info dd a{color:var(--linen)}
.dark .contact-form .form-note{color:#9a8e82}

/* footer wechat row already via list */

@media (max-width:820px){
  .split{grid-template-columns:1fr}
  .split .ph{min-height:300px;order:-1}
  .split.img-right .tx{order:2}
  .steprow,.steprow.steprow-3,.steprow.steprow-4{
    grid-template-columns:1fr 1fr;
    gap:1rem;
    border:0;
    margin-top:2rem;
  }
  .steprow .st,
  .steprow .st:nth-child(odd),
  .steprow .st:last-child{
    border:1px solid var(--border-line);
    background:#FBF7F1;
    padding:1.35rem 1.2rem;
  }
  .contact-grid{grid-template-columns:1fr}
  .contact-form .field-row{grid-template-columns:1fr}
  .founder-meta{grid-template-columns:1fr}
  .founder-meta dt{margin-top:.6rem}
  .quote-dark blockquote{font-size:1.8rem}
  .founder-quote{font-size:1.22rem}
  .founder-panel{grid-template-columns:1fr}
  .founder-story{max-width:var(--text-max)}
  .founder-portrait{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }
}
@media (max-width:520px){
  .hero-full .wrap{max-width:100%;overflow:hidden}
  .phero h1,.phero h2,.sec-head h2,.cta-band h2{max-width:none}
  .hero-full .hero-copy{max-width:100%;overflow:visible}
  .hero-full h1{max-width:none}
  .hero-full p.sub{max-width:100%;overflow-wrap:break-word}
  .hero-full .hero-cta{display:grid;grid-template-columns:1fr}
  .hero-full .btn{display:block;width:100%;padding-inline:1rem;white-space:normal}
  .hero-full .btn svg{display:inline-block;margin-right:.45rem;vertical-align:-.16em}
  .hero-full .hero-meta{max-width:100%;letter-spacing:.08em;line-height:1.65;overflow-wrap:anywhere}
  .hero-badge{left:1rem;right:1rem;text-align:center}
  .desktop-label{display:none}
  .mobile-label{display:inline}
  .phero .lead{max-width:100%;overflow-wrap:break-word}
  .aeo,.boundary{max-width:100%;overflow:hidden}
  .aeo p.answer,.faq-a p,.boundary p{max-width:100%;overflow-wrap:break-word}
  .steprow,.steprow.steprow-3,.steprow.steprow-4{
    grid-template-columns:1fr;
    gap:.9rem;
    border:0;
    margin-top:1.75rem;
  }
  .steprow .st,
  .steprow .st:nth-child(odd),
  .steprow .st:last-child{
    border:1px solid var(--border-line);
    border-radius:0;
    padding:1.45rem 1.35rem;
    background:#FBF7F1;
  }
  .steprow .st h3{font-size:1.2rem;line-height:1.22;margin:.65rem 0 .55rem}
  .steprow .st p{font-size:1rem;line-height:1.62;max-width:34ch}
  .quote-dark blockquote{font-size:1.4rem}
  .founder-quote{font-size:1.1rem}
  .founder-copy-grid .founder-quote{max-width:100%;overflow-wrap:break-word}
  .founder-section{padding-block:4.5rem}
  .founder-story h2{font-size:1.85rem}
  .founder-lede{font-size:1rem;line-height:1.7}
  .founder-principle{font-size:1.05rem}
  .founder-facts div{grid-template-columns:1fr;gap:.35rem}
  .cta-cta{display:grid;grid-template-columns:1fr;max-width:100%}
  .cta-cta .btn{width:100%;min-width:0}
  .responsive-quote{font-size:1.2rem}
}

@media (min-width:820px){
  .by-then .step{font-size:1.75rem}
  blockquote.q{font-size:1.5rem}
  .faq-q{font-size:1.16rem}
  .quote-dark blockquote{font-size:1.8rem}
  .founder-quote{font-size:1.22rem}
  .responsive-quote{font-size:1.45rem}
}
@media (min-width:1200px){
  .by-then .step{font-size:2rem}
  blockquote.q{font-size:1.7rem}
  .faq-q{font-size:1.25rem}
  .quote-dark blockquote{font-size:2.15rem}
  .founder-quote{font-size:1.35rem}
  .responsive-quote{font-size:1.7rem}
}

/* ============================================================
   Hero entrance (page-load orchestration) - matches V17 feel
   ============================================================ */
/* Slow Ken Burns zoom on the hero background */
@keyframes heroKen{from{filter:brightness(.92) saturate(.96)}to{filter:brightness(1) saturate(1)}}
.hero-full .bg{animation:heroKen 12s var(--ease) both}
@keyframes heroAutoReveal{to{opacity:1;transform:translateY(0)}}
/* Page-load reveal: hero children rise in on load (independent of scroll) */
.hero-full .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .9s var(--ease);animation:heroAutoReveal .9s var(--ease) 1.75s forwards}
.hero-full .reveal[data-d="1"]{animation-delay:1.85s}
.hero-full .reveal[data-d="2"]{animation-delay:1.95s}
.hero-full .reveal[data-d="3"]{animation-delay:2.05s}
.hero-full .reveal.visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  .hero-full .bg{animation:none!important}
  .hero-full .reveal{opacity:1!important;transform:none!important;animation:none!important}
  .site-loader{display:none!important}
  .img-hover img,.img-hover::after,.split .ph,.split .ph::after{transition:none!important}
  .img-hover:hover img,.split:hover .ph{transform:none!important;filter:none!important}
}

/* Mobile hero endpoint control: keep copy and controls inside one scaled width. */
@media (max-width:520px){
  .menu-btn{display:block;position:fixed;left:auto;right:1rem;top:20px;z-index:120;width:30px;height:24px;opacity:1;visibility:visible}
  .menu-btn span{display:block;background:var(--charcoal)}
  .hero-full{min-height:760px}
  .hero-full .wrap{width:100%;max-width:100%;padding-inline:1.25rem;overflow:visible}
  .hero-full .hero-copy{width:100%;max-width:21.5rem;min-width:0;overflow:visible}
  .hero-full .eyebrow{font-size:.58rem;letter-spacing:.13em;line-height:1.5}
  .hero-full .eyebrow::before{width:2rem}
  .hero-full h1{max-width:21.5rem;font-size:2.18rem;line-height:1.08;overflow-wrap:normal}
  .hero-full p.sub{max-width:21.5rem;margin-top:1.15rem;font-size:.94rem;line-height:1.58;overflow-wrap:normal}
  .hero-full .hero-cta{display:grid;grid-template-columns:1fr;width:100%;max-width:21.5rem;gap:.62rem;margin-top:1.45rem}
  .hero-full .btn{display:flex;width:100%;min-height:44px;box-sizing:border-box;padding:.72rem .82rem;font-size:.61rem;letter-spacing:.09em;line-height:1.25;white-space:normal;overflow-wrap:normal}
  .hero-full .btn svg{flex:0 0 .9rem;width:.9rem;height:.9rem;margin:0}
  .hero-full .hero-meta{width:100%;max-width:21.5rem;margin-top:1.35rem;font-size:.56rem;letter-spacing:.07em;line-height:1.55;overflow-wrap:normal}
  .hero-badge{left:50%;right:auto;bottom:1rem;width:min(calc(100% - 2rem),21.5rem);box-sizing:border-box;transform:translateX(-50%);padding:.52rem .62rem;text-align:center;font-size:.53rem;letter-spacing:.075em;line-height:1.35;white-space:normal}
}
@media (max-width:380px){
  .menu-btn{right:.9rem}
  .hero-full .wrap{padding-inline:1rem}
  .hero-full .hero-copy,.hero-full h1,.hero-full p.sub,.hero-full .hero-cta,.hero-full .hero-meta{max-width:19.75rem}
  .hero-full h1{font-size:2.02rem;line-height:1.08}
  .hero-full p.sub{font-size:.9rem;line-height:1.55}
  .hero-full .btn{min-height:42px;padding:.68rem .7rem;font-size:.57rem;letter-spacing:.075em}
  .hero-badge{width:min(calc(100% - 1.5rem),19.75rem);font-size:.5rem;letter-spacing:.065em}
}

/* V17 motion restore: images enter from a slight distance, cards rise in by screen. */
.img-hover img,.area img{
  --scroll-y:0px;
  --motion-scale:1;
  transform:translate3d(0,var(--scroll-y),0) scale(var(--motion-scale));
  will-change:transform,filter;
  transition:transform 1.05s var(--ease),filter 1.05s var(--ease);
}
.img-hover.reveal:not(.visible) img,.area.reveal:not(.visible) img{
  --motion-scale:1.06;
  filter:brightness(.94) saturate(.94);
}
.img-hover.reveal.visible img,.area.reveal.visible img{
  --motion-scale:1;
  filter:brightness(1) saturate(1);
}
.img-hover:hover img,.area:hover img,.img-hover.reveal.visible:hover img,.area.reveal.visible:hover img{
  --motion-scale:1.035;
  filter:brightness(1.04) saturate(1.06);
}
.split .ph{
  --scroll-y:0px;
  --motion-scale:1;
  transform:translate3d(0,var(--scroll-y),0) scale(var(--motion-scale));
  will-change:transform,filter,opacity;
  transition:opacity .78s var(--ease),transform 1.18s var(--ease),filter 1.18s var(--ease);
}
.split .ph.reveal{
  opacity:0;
  --motion-scale:1.06;
  filter:brightness(.93) saturate(.94);
}
.split .ph.reveal.visible{
  opacity:1;
  --motion-scale:1;
  filter:brightness(1) saturate(1);
}
.split:hover .ph.reveal.visible{
  --motion-scale:1.025;
  filter:brightness(1.04) saturate(1.06);
}
.pillar.reveal,.dcard.reveal,.area.reveal,.lcard.reveal,.st.reveal,.faq-item.reveal{
  transition:opacity .72s var(--ease),transform .72s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);
}

@media (max-width:900px){
  .split,.split.img-right{
    display:grid;
    grid-template-columns:1fr!important;
    min-height:auto;
    overflow:hidden;
  }
  .split .ph,.split.img-right .ph{
    order:-1!important;
    width:100%;
    min-height:300px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
  }
  .split .tx,.split.img-right .tx{
    order:2!important;
    width:100%;
    min-width:0;
    padding:3.25rem 1.5rem;
  }
  .split .tx .inner{
    width:100%;
    max-width:var(--text-max);
    min-width:0;
  }
  .split .tx p,.split .tx .note,.split .tx .bullets li{
    overflow-wrap:normal;
    word-break:normal;
  }
}

@media (max-width:520px){
  .split .ph,.split.img-right .ph{min-height:245px}
  .split .tx,.split.img-right .tx{padding:2.75rem 1.25rem}
}

@media (prefers-reduced-motion:reduce){
  .img-hover img,.area img,.split .ph{
    --scroll-y:0px!important;
    --motion-scale:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}

/* Mobile reading rhythm: full-width image bands + separated screen backgrounds. */
@media (max-width:820px){
  main > section{position:relative}
  main > section:nth-of-type(3),
  main > section:nth-of-type(5),
  main > section:nth-of-type(8),
  main > section:nth-of-type(11){background:#FBF8F2}
  main > section:nth-of-type(4),
  main > section:nth-of-type(6),
  main > section:nth-of-type(9){background:var(--linen)}
  main > section:nth-of-type(7),
  main > section:nth-of-type(10){background:var(--parchment)}
  .split .ph,.split.img-right .ph{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    aspect-ratio:1.16;
    min-height:0;
    background-size:cover;
    background-position:center;
  }
  .wrap > figure.img-hover.ratio-4x3,
  .sec-lg .wrap > figure.img-hover.ratio-4x3{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }
  .wrap > figure.img-hover.ratio-4x3 img,
  .sec-lg .wrap > figure.img-hover.ratio-4x3 img{
    width:100%;
    height:auto;
  }
}

@media (max-width:520px){
  .split .ph,.split.img-right .ph{aspect-ratio:1.16}
  .steprow,.steprow.steprow-3,.steprow.steprow-4{border:0}
}

/* V17-style solid navigation: no gradient, no glass blur. */
header.site,
header.site.scrolled{
  background:var(--parchment);
  background-image:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
@media (min-width:821px){
  .nav-links{
    background:transparent;
    background-image:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}

/* Mobile hero rhythm correction: avoid a hard, empty dark tail under the CTAs. */
@media (max-width:520px){
  .hero-full{
    display:block;
    align-items:initial;
    min-height:0;
    padding-block:clamp(8.4rem,34vw,9.8rem) 3.35rem;
  }
  .hero-full::after{
    background:linear-gradient(180deg,rgba(20,14,9,.22) 0%,rgba(20,14,9,.55) 34%,rgba(20,14,9,.93) 63%,#17100C 100%);
  }
  .hero-full .wrap{
    padding-inline:1.25rem;
  }
  .hero-full .hero-copy{
    width:100%;
    max-width:21.5rem;
  }
  .hero-full .hero-meta{
    margin-top:1.15rem;
  }
  .hero-badge{
    position:static;
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(calc(100% - 2.5rem),21.5rem);
    margin:1.45rem auto 0;
    transform:none;
    padding:.52rem .62rem;
    background:rgba(20,14,9,.26);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .roadmap-hero-full{
    min-height:clamp(660px,80.7vh,720px);
  }
}
@media (max-width:380px){
  .hero-full{
    padding-block:8rem 3.1rem;
  }
  .hero-badge{
    width:min(calc(100% - 2rem),19.75rem);
  }
}

/* ============================================================
   V7 dynamic upgrade layer
   SEO/AEO HTML remains static; this layer only upgrades motion.
   ============================================================ */
h1,h2,h3,h4{letter-spacing:0}

header.site{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  background:transparent;
  background-image:none;
  border-bottom:1px solid transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:background 300ms ease,border-color 300ms ease,backdrop-filter 300ms ease,box-shadow 300ms ease;
}
header.site.scrolled,
body.menu-open header.site{
  background:rgba(255,253,248,.96);
  background-image:none;
  border-bottom-color:var(--nav-border);
  box-shadow:none;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
main > section:first-child:not(.hero-full){
  padding-top:clamp(7.25rem,11vw,10rem);
}
body.menu-open{overflow:hidden}

.site-loader{transition:opacity .6s var(--ease),visibility .6s var(--ease)}

.hero-full .bg{
  inset:auto 0 auto 0;
  top:-7.5%;
  height:115%;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform:translate3d(0,var(--parallax-y,0%),0) scale(1.03);
  transform-origin:center;
  will-change:transform;
  transition:transform .06s linear;
}
.hero-full::after{
  background:
    linear-gradient(to bottom,rgba(20,14,9,.25) 0%,rgba(20,14,9,0) 40%,rgba(20,14,9,.6) 80%,#17100C 100%),
    linear-gradient(to right,rgba(20,14,9,.5) 0%,rgba(20,14,9,0) 55%);
}

.img-hover,
.area{
  --parallax-y:0%;
  --motion-scale:1.015;
}
.img-hover img:not(.founder-img),
.area img{
  transform:translate3d(0,var(--parallax-y,0%),0) scale(var(--motion-scale));
  transform-origin:center;
  will-change:transform,filter;
  transition:transform .9s var(--ease),filter .9s var(--ease);
}
.img-hover.reveal:not(.visible),
.area.reveal:not(.visible){
  --motion-scale:1.06;
}
.img-hover.reveal.visible,
.area.reveal.visible{
  --motion-scale:1.015;
}
.img-hover:hover,
.area:hover{
  --motion-scale:1.035;
}
.founder-img{
  transform:none;
  filter:none;
}

.split .ph{
  --parallax-y:0%;
  --motion-scale:1;
  position:relative;
  overflow:hidden;
  background-size:0 0!important;
  background-repeat:no-repeat;
  background-position:center;
  transform:none;
  filter:none;
  will-change:opacity,transform;
}
.split .ph::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-7.5%;
  height:115%;
  z-index:0;
  background-image:inherit;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform:translate3d(0,var(--parallax-y,0%),0) scale(var(--motion-scale));
  transform-origin:center;
  will-change:transform,filter;
  transition:transform .9s var(--ease),filter .9s var(--ease);
}
.split .ph::after{
  z-index:1;
}
.split .ph.reveal{
  opacity:0;
  transform:translateY(28px);
  --motion-scale:1.06;
}
.split .ph.reveal.visible{
  opacity:1;
  transform:translateY(0);
  --motion-scale:1;
}
.split:hover .ph{
  --motion-scale:1.025;
}
.split:hover .ph::before{
  filter:brightness(1.04) saturate(1.06);
}

.split .ph.ph-roadmap-contain{
  background-color:#A77858;
}
.split .ph.ph-roadmap-contain::before{
  top:0;
  height:100%;
  background-size:contain;
}
.split .ph.ph-contain{
  background-color:var(--linen);
}
.split .ph.ph-contain::before{
  top:0;
  height:100%;
  background-size:contain;
}

@media (max-width:820px){
  .nav-links{
    position:fixed;
    inset:0;
    z-index:110;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:.25rem;
    padding:4.65rem 1.5rem 2.25rem;
    background:var(--parchment);
    background-image:none;
    border:0;
    box-shadow:none;
    opacity:0;
    transform:translateY(-8px);
    pointer-events:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    transition:opacity 280ms ease,transform 280ms ease;
  }
  body.menu-open .nav-links{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }
  .nav-links a{
    width:min(100%,26rem);
    border-bottom:1px solid var(--border-faint);
    font-size:1.05rem;
    padding:.82rem 0;
  }
  .nav-links a::after{display:none}
  .menu-btn{
    display:block;
    position:fixed;
    right:1.25rem;
    top:20px;
    z-index:120;
  }
  body.menu-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:120;
    background:var(--parchment);
    pointer-events:none;
  }
  body.menu-open header.site{
    z-index:130;
    background:var(--parchment);
    background-image:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  body.menu-open .nav-links{
    z-index:131;
    background:var(--parchment);
    background-image:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  body.menu-open .menu-btn{
    z-index:132;
  }
  .split .ph,
  .split.img-right .ph{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    aspect-ratio:4/3;
    min-height:0;
  }
  .wrap > figure.img-hover.ratio-4x3,
  .sec-lg .wrap > figure.img-hover.ratio-4x3{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }
  .wrap > figure.img-hover.ratio-4x3 img,
  .sec-lg .wrap > figure.img-hover.ratio-4x3 img{
    width:100%;
    height:auto;
  }
}

@media (max-width:820px){
  main > section.dark,
  main > section.quote-dark{
    background:var(--charcoal);
    color:var(--linen);
  }
  main > section.dark h1,
  main > section.dark h2,
  main > section.dark h3,
  main > section.quote-dark h1,
  main > section.quote-dark h2,
  main > section.quote-dark h3{
    color:var(--parchment);
  }
  main > section.dark .lead,
  main > section.quote-dark .after{
    color:#D8CCC0;
  }
}

@media (max-width:520px){
  .hero-full{
    display:block;
    align-items:initial;
    min-height:0;
    padding-block:clamp(8.35rem,34vw,9.8rem) 3.35rem;
  }
  .hero-full .bg{
    background-position:center top;
    transform:translate3d(0,var(--parallax-y,0%),0) scale(1.02);
  }
  .hero-full::after{
    background:linear-gradient(180deg,rgba(20,14,9,.18) 0%,rgba(20,14,9,.55) 35%,rgba(20,14,9,.93) 66%,#17100C 100%);
  }
  .hero-full .wrap{padding-inline:1.25rem}
  .hero-full .hero-copy{width:100%;max-width:21.5rem}
  .hero-full h1{max-width:21.5rem;font-size:2.18rem;line-height:1.08}
  .hero-full p.sub{max-width:21.5rem;margin-top:1.15rem;font-size:.94rem;line-height:1.58}
  .hero-full .hero-cta{display:grid;grid-template-columns:1fr;width:100%;max-width:21.5rem;gap:.62rem;margin-top:1.45rem}
  .hero-full .btn{display:flex;width:100%;min-height:44px;padding:.72rem .82rem;font-size:.61rem;letter-spacing:.09em;line-height:1.25}
  .hero-full .hero-meta{width:100%;max-width:21.5rem;margin-top:1.15rem;font-size:.56rem;letter-spacing:.07em;line-height:1.55}
  .hero-badge{
    position:static;
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(calc(100% - 2.5rem),21.5rem);
    margin:1.45rem auto 0;
    transform:none;
    padding:.52rem .62rem;
    background:rgba(20,14,9,.26);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}

@media (max-width:380px){
  .hero-full{padding-block:8rem 3.1rem}
  .hero-full .wrap{padding-inline:1rem}
  .hero-full .hero-copy,
  .hero-full h1,
  .hero-full p.sub,
  .hero-full .hero-cta,
  .hero-full .hero-meta{max-width:19.75rem}
  .hero-full h1{font-size:2.02rem}
  .hero-full p.sub{font-size:.9rem}
  .hero-full .btn{min-height:42px;padding:.68rem .7rem;font-size:.57rem;letter-spacing:.075em}
  .hero-badge{width:min(calc(100% - 2rem),19.75rem);font-size:.5rem;letter-spacing:.065em}
}

@media (prefers-reduced-motion:reduce){
  .hero-full .bg,
  .img-hover img,
  .area img,
  .split .ph,
  .split .ph::before{
    --parallax-y:0%!important;
    --motion-scale:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
  header.site,
  header.site.scrolled{
    transition:none!important;
  }
}

/* V17 card-stack entrance: each repeated card cuts in individually. */
.steprow,
.choose-grid,
.pillars,
.deliver,
.linkcards,
.fits{
  perspective:1200px;
  transform-style:preserve-3d;
}
.card-enter.reveal{
  --card-angle:60deg;
  --card-x:-18px;
  --card-y:30px;
  opacity:0;
  transform-origin:0 50%;
  transform:translate3d(var(--card-x),var(--card-y),0) rotateY(var(--card-angle)) skewY(-1.5deg);
  transition:
    opacity .78s var(--ease),
    transform .88s var(--ease),
    box-shadow .42s var(--ease),
    border-color .42s var(--ease),
    filter .88s var(--ease);
  will-change:opacity,transform,filter;
  filter:brightness(.96) saturate(.96);
  backface-visibility:hidden;
}
.card-enter.reveal.visible{
  opacity:1;
  transform:translate3d(0,0,0) rotateY(0deg) skewY(0deg);
  filter:brightness(1) saturate(1);
}
.card-enter.reveal[data-d="1"]{transition-delay:.06s}
.card-enter.reveal[data-d="2"]{transition-delay:.13s}
.card-enter.reveal[data-d="3"]{transition-delay:.2s}
.card-enter.reveal[data-d="4"]{transition-delay:.27s}
.steprow .card-enter.reveal:nth-child(even),
.choose-grid .card-enter.reveal:nth-child(even),
.pillars .card-enter.reveal:nth-child(even),
.deliver .card-enter.reveal:nth-child(even),
.linkcards .card-enter.reveal:nth-child(even),
.fits .card-enter.reveal:nth-child(even){
  --card-angle:-60deg;
  --card-x:18px;
  transform-origin:100% 50%;
}
.steprow .st.card-enter.reveal{
  background:color-mix(in oklab,var(--parchment) 72%,transparent);
}

@media (max-width:820px){
  .card-enter.reveal{
    --card-angle:52deg;
    --card-x:-14px;
    --card-y:26px;
    transform:translate3d(var(--card-x),var(--card-y),0) rotateX(10deg) rotateY(var(--card-angle)) skewY(-1deg);
  }
  .card-enter.reveal.visible{
    transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) skewY(0deg);
  }
}

@media (max-width:520px){
  .steprow,
  .choose-grid,
  .pillars,
  .deliver,
  .linkcards,
  .fits{
    perspective:900px;
  }
  .card-enter.reveal{
    --card-angle:42deg;
    --card-x:-10px;
    --card-y:22px;
  }
  .steprow .card-enter.reveal:nth-child(even),
  .choose-grid .card-enter.reveal:nth-child(even),
  .pillars .card-enter.reveal:nth-child(even),
  .deliver .card-enter.reveal:nth-child(even),
  .linkcards .card-enter.reveal:nth-child(even),
  .fits .card-enter.reveal:nth-child(even){
    --card-angle:-42deg;
    --card-x:10px;
  }
}

@media (prefers-reduced-motion:reduce){
  .card-enter.reveal,
  .card-enter.reveal.visible{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}

/* ---- Mother-template typography lock ----
   Homepage V17 frame is the visual source of truth.
   Public pages share one tag scale; utility text such as eyebrow, nav,
   buttons, captions, and footer metadata keeps its role styling. */
:root{
  --font-heading:"Playfair Display",Georgia,serif;
  --font-body:Lato,system-ui,-apple-system,sans-serif;
  --t-h4:1rem;
  --t-h5:.875rem;
  --t-p:var(--t-body);
}

body,
main p,
main li,
main dd,
main dt,
input,
select,
textarea,
button{font-family:var(--font-body)}

main h1,
main h2,
main h3,
main h4,
main h5{
  font-family:var(--font-heading);
  font-weight:500;
  letter-spacing:0;
  color:var(--charcoal);
}
main h1{font-size:var(--t-h1);line-height:1.08}
main h2{font-size:var(--t-h2);line-height:1.14}
main h3{font-size:var(--t-h3);line-height:1.24}
main h4{font-size:var(--t-h4);line-height:1.35}
main h5{font-size:var(--t-h5);line-height:1.45}

main p{
  font-size:var(--t-p);
  line-height:1.78;
  color:var(--warm-gray);
}
main p:not(.sub):not(.hero-meta):not(.lead):not(.answer):not(.cn):not(.cta-detail):not(.tag):not(.foot-disclaimer){
  font-size:var(--t-p);
  line-height:1.78;
  color:var(--warm-gray);
}
main .lead,
main p.lead{font-size:var(--t-lead);line-height:1.75;color:var(--warm-gray)}
main .answer,
main p.answer{font-size:var(--t-p);line-height:1.78;color:var(--ink)}

main .hero-full h1{
  font-size:var(--t-display);
  line-height:1.06;
  color:var(--parchment);
}
main .hero-full p.sub{font-size:var(--t-lead);line-height:1.72;color:#F3EDE6}
main .hero-full .hero-meta{font-size:var(--t-eyebrow);color:#CBBBAC}

main .dark h1,
main .dark h2,
main .dark h3,
main .dark h4,
main .dark h5,
main .quote-dark h1,
main .quote-dark h2,
main .quote-dark h3,
main .quote-dark h4,
main .quote-dark h5{color:var(--parchment)}

main .dark p,
main .dark li,
main .quote-dark p,
main .quote-dark li{color:#D8CCC0}
main .dark p:not(.sub):not(.hero-meta):not(.lead):not(.answer):not(.cn):not(.cta-detail):not(.tag):not(.foot-disclaimer),
main .quote-dark p:not(.sub):not(.hero-meta):not(.lead):not(.answer):not(.cn):not(.cta-detail):not(.tag):not(.foot-disclaimer){
  color:#D8CCC0;
}
main .dark .cn,
main .quote-dark .cn{color:#E9C9B5}

footer.site h4{
  font-family:var(--font-body);
  font-size:var(--t-eyebrow);
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

@media (max-width:820px){
  main .hero-full h1{font-size:2.18rem;line-height:1.08}
  main .hero-full p.sub{font-size:.94rem;line-height:1.58}
  main .hero-full .hero-meta{font-size:.56rem;line-height:1.55}
}
@media (max-width:390px){
  main .hero-full h1{font-size:2.02rem}
  main .hero-full p.sub{font-size:.9rem;line-height:1.55}
}

@media (max-width:520px){
  main .hero-full.roadmap-hero-full{
    min-height:clamp(660px,80.7vh,720px);
  }
}

/* Home-only transition quote: separates the hero from the body content. */
main .quote-planning{
  background:#E8DED3;
  color:var(--ink);
  border-top:1px solid rgba(79,63,51,.08);
  border-bottom:1px solid rgba(79,63,51,.08);
}
main .quote-planning .eyebrow{color:var(--terracotta)}
main .quote-planning .eyebrow::before{background:var(--terracotta)}
main .quote-planning h2{
  font-family:"Playfair Display",serif;
  font-weight:400;
  font-size:clamp(2.05rem,4.2vw,4.5rem);
  line-height:1.08;
  color:var(--charcoal);
  max-width:var(--text-max);
  margin:1.6rem 0 0;
}
main .quote-planning blockquote{
  font-family:"Playfair Display",serif;
  font-style:italic;
  font-weight:400;
  font-size:clamp(1.42rem,2.25vw,2.15rem);
  line-height:1.42;
  color:var(--charcoal);
  max-width:var(--text-max);
  margin:1.6rem 0 0;
  padding-left:1.3rem;
  border-left:2px solid var(--terracotta);
}
main .quote-planning .after{
  margin-top:1.6rem;
  color:#5E534B;
  font-size:var(--t-lead);
  max-width:var(--text-max);
  line-height:1.7;
}
@media (max-width:820px){
  main .quote-planning h2{font-size:2rem;line-height:1.12}
  main .quote-planning blockquote{font-size:1.45rem;line-height:1.42}
  main .quote-planning .after{font-size:.98rem;line-height:1.72}
}

/* ============================================================
   V27 responsive reading rails
   Preserve the SEO/AEO document structure while improving line
   length, hero contrast, and multi-device rhythm.
   ============================================================ */
.title-rail{
  max-width:min(860px,var(--text-max));
}
.title-rail h2{
  max-width:100%;
}
.page-answer-card{
  max-width:min(1050px,var(--text-max));
}
.page-answer-card p.answer{
  max-width:min(900px,100%);
}

.roadmap-page .roadmap-hero-full::after{
  background:
    radial-gradient(circle at 42% 52%,rgba(20,14,9,.44) 0%,rgba(20,14,9,.26) 28%,rgba(20,14,9,0) 52%),
    linear-gradient(to bottom,rgba(20,14,9,.34) 0%,rgba(20,14,9,.24) 38%,rgba(20,14,9,.72) 100%),
    linear-gradient(to right,rgba(20,14,9,.76) 0%,rgba(20,14,9,.56) 42%,rgba(20,14,9,.22) 76%,rgba(20,14,9,.08) 100%);
}
.roadmap-page .roadmap-hero-copy{
  max-width:min(1050px,68vw);
}
.roadmap-page .roadmap-hero-full h1{
  max-width:1050px;
  color:#FFF9F0;
  text-shadow:0 3px 34px rgba(20,14,9,.72),0 0 2px rgba(20,14,9,.78);
}
.roadmap-page .roadmap-hero-full h1 span{
  display:block;
}
.roadmap-page .roadmap-hero-full h1 span + span::before{
  content:"";
}
.roadmap-page .roadmap-hero-full p.sub{
  max-width:min(58rem,100%);
  margin-top:1.2rem;
  color:#FFF4EA;
  font-weight:500;
  text-shadow:0 2px 18px rgba(20,14,9,.72),0 0 1px rgba(20,14,9,.7);
}

.faq-page .phero .wrap,
.contact-page .phero .wrap{
  max-width:calc(1050px + (var(--content-px-lg) * 2));
}
.faq-page .phero h1,
.contact-page .phero h1{
  max-width:min(900px,100%);
}
.faq-page .phero .lead{
  max-width:min(760px,100%);
}
.contact-page .phero .lead{
  max-width:min(980px,100%);
}
.faq-page .quote-wrap{
  max-width:calc(860px + (var(--content-px-lg) * 2));
}
.faq-page .quote-dark blockquote{
  max-width:26ch;
}
.faq-page .faq-list{
  max-width:min(1100px,var(--text-max));
}
.faq-page .faq-a p{
  max-width:min(920px,100%);
}
.contact-page .page-answer-card{
  max-width:min(1100px,var(--text-max));
}
.contact-page .page-answer-card p.answer{
  max-width:min(960px,100%);
}
.contact-grid-balanced{
  max-width:1200px;
  margin-inline:auto;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
}
.contact-grid-balanced .lead{
  max-width:34rem;
}

@media (min-width:1440px){
  .roadmap-page .roadmap-hero-copy{
    max-width:1120px;
  }
  .roadmap-page .roadmap-hero-full h1{
    max-width:1120px;
  }
}
@media (max-width:1024px){
  .title-rail{
    max-width:min(780px,var(--text-max));
  }
  .roadmap-page .roadmap-hero-copy{
    max-width:min(760px,78vw);
  }
}
@media (max-width:820px){
  .title-rail,
  .page-answer-card,
  .faq-page .faq-list,
  .contact-grid-balanced{
    max-width:100%;
  }
  .contact-grid-balanced{
    grid-template-columns:1fr;
  }
  .roadmap-page .roadmap-hero-copy{
    max-width:21.5rem;
  }
  .roadmap-page .roadmap-hero-full h1 span{
    display:inline;
  }
  .roadmap-page .roadmap-hero-full h1 span + span::before{
    content:" ";
  }
}
@media (max-width:390px){
  .roadmap-page .roadmap-hero-copy{
    max-width:19.75rem;
  }
}
@media (max-width:520px){
  .contact-page .phero h1{
    font-size:2rem;
    line-height:1.08;
    max-width:20rem;
  }
  .contact-page .phero .lead{
    font-size:.98rem;
    line-height:1.68;
  }
}
@media (max-width:370px){
  .contact-page .phero h1{
    font-size:1.9rem;
    max-width:19rem;
  }
}
@media (max-width:820px){
  body.menu-open::before,
  body.menu-open header.site,
  body.menu-open .nav-links{
    background:var(--nav-surface-solid);
    background-image:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}

/* V28: keep FAQ and Connect on the same 1400px master grid as the home,
   roadmap, and about pages. Only the reading content is constrained. */
.faq-page .phero .wrap,
.contact-page .phero .wrap,
.faq-page .quote-wrap{
  max-width:var(--content-max);
}
.faq-page .page-answer-card,
.contact-page .page-answer-card,
.faq-page .faq-list{
  max-width:var(--text-max);
  margin-left:0;
  margin-right:0;
}
.faq-page .phero h1,
.contact-page .phero h1{
  max-width:var(--text-max);
}
.contact-grid-balanced{
  width:100%;
  max-width:var(--content-max);
  margin-left:0;
  margin-right:0;
}

/* V30: FAQ and Connect follow the accepted Home-page mother rhythm.
   HTML owns the section roles; CSS only applies the shared rails, breathing
   space, and responsive behavior. */
.page-kickoff{
  padding-top:clamp(5rem,8vw,7rem);
  padding-bottom:clamp(5.5rem,8vw,7.5rem);
}
.page-kickoff .wrap,
.page-body .wrap,
.page-scope .wrap,
.page-transition .wrap{
  max-width:var(--content-max);
}
.page-rail,
.page-kickoff .page-answer-card,
.faq-page .faq-list{
  width:min(var(--text-max),100%);
  max-width:var(--text-max);
  margin-left:0;
  margin-right:auto;
}
.page-kickoff .page-answer-card{
  margin-top:clamp(3rem,5vw,4.5rem);
}
.page-kickoff .page-answer-card p.answer{
  max-width:min(900px,100%);
}
.page-transition{
  padding-block:clamp(5rem,7vw,7rem);
}
.page-transition blockquote{
  max-width:min(920px,var(--text-max));
}
.page-body{
  padding-block:clamp(6rem,8vw,8rem);
}
.page-body-linen{
  background:var(--linen);
}
.faq-page .page-body .sec-head,
.contact-page .page-body .sec-head{
  max-width:min(860px,var(--text-max));
}
.faq-page .faq-list{
  margin-top:clamp(2.5rem,4vw,3.5rem);
}
.contact-page .contact-grid-balanced{
  width:100%;
  max-width:var(--content-max);
  margin-left:0;
  margin-right:0;
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  gap:clamp(2.5rem,5vw,4.5rem);
}
.contact-page .contact-grid-balanced > .reveal:first-child{
  max-width:min(520px,100%);
}
.contact-page .contact-grid-balanced .contact-form{
  max-width:760px;
  margin-left:auto;
  width:100%;
}
.contact-page .page-scope{
  background:var(--parchment);
}
.contact-page .page-scope .boundary{
  width:min(var(--text-max),100%);
}

@media (min-width:1440px){
  .page-transition blockquote{
    max-width:min(980px,var(--text-max));
  }
}
@media (max-width:820px){
  .page-kickoff{
    padding-top:4.5rem;
    padding-bottom:4.5rem;
  }
  .page-transition{
    padding-block:4.25rem;
  }
  .page-body{
    padding-block:4.5rem;
  }
  .page-rail,
  .page-kickoff .page-answer-card,
  .faq-page .faq-list,
  .contact-page .contact-grid-balanced,
  .contact-page .contact-grid-balanced .contact-form{
    width:100%;
    max-width:100%;
  }
  .contact-page .contact-grid-balanced{
    grid-template-columns:1fr;
  }
}

/* V38: mobile paint containment for animated full-width media.
   Keeps the V17 image motion while preventing transformed media from
   contributing a few pixels of horizontal scroll width. */
@media (max-width:820px){
  .wrap{--bleed-pad:var(--content-px-sm)}
  .hero-full,
  .hero-full .bg,
  .wrap > figure.img-hover.ratio-4x3,
  .sec-lg .wrap > figure.img-hover.ratio-4x3,
  .split .ph,
  .split.img-right .ph,
  .founder-portrait{
    max-width:100vw;
    overflow:clip;
    contain:paint;
  }
  .wrap > figure.img-hover.ratio-4x3,
  .sec-lg .wrap > figure.img-hover.ratio-4x3,
  .founder-portrait{
    width:calc(100% + (var(--bleed-pad) * 2));
    margin-left:calc(var(--bleed-pad) * -1);
    margin-right:calc(var(--bleed-pad) * -1);
  }
  .split .ph,
  .split.img-right .ph{
    width:100%;
    margin-left:0;
    margin-right:0;
  }
}

@media (min-width:640px) and (max-width:820px){
  .wrap{--bleed-pad:var(--content-px-md)}
}

@media (max-width:380px){
  .img-hover,
  .area,
  .img-hover img:not(.founder-img),
  .area img{
    --motion-scale:1!important;
  }
  .img-hover img:not(.founder-img),
  .area img{
    transform:translate3d(0,var(--parallax-y,0%),0) scale(1)!important;
  }
}

/* V39: scoped desktop refinements for the accepted Home layout.
   These are visual rails only; the semantic H1/H2/P structure stays intact. */
@media (min-width:1024px){
  .home-page .hero-full:not(.roadmap-hero-full) h1{
    font-size:clamp(4.35rem,5.55vw,5rem);
    line-height:1.06;
  }

  .home-page main > section:nth-of-type(3) .copy-wide.center-copy{
    max-width:min(calc(var(--text-max) + 100px),var(--content-max));
  }

  .home-page main > section:nth-of-type(4){
    background:#F3EEE7;
  }

  .home-page main > section:nth-of-type(4) .sec-head{
    max-width:min(calc(var(--text-max) + 30px),100%);
  }

  .home-page main > section:nth-of-type(4) .sec-head h2{
    max-width:var(--text-max);
  }

  .home-page main > section:nth-of-type(4) .sec-head .lead{
    max-width:min(calc(var(--text-max) + 30px),100%);
  }

  .home-page .cta-band .wrap,
  .about-page .cta-band .wrap{
    max-width:calc(810px + (var(--content-px-lg) * 2));
  }

  .home-page .cta-band h2,
  .home-page .cta-band .lead,
  .home-page .cta-cta,
  .home-page .cta-detail,
  .about-page .cta-band h2,
  .about-page .cta-band .lead,
  .about-page .cta-cta,
  .about-page .cta-detail{
    max-width:810px;
  }
}