@font-face{font-family:"Newsreader";src:url(fonts/newsreader/Newsreader.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Newsreader";src:url(fonts/newsreader/Newsreader-Italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter/Inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--indigo:#1F3355;--deep:#172846;--night:#121F38;--sand:#EDE7DA;--sand2:#D9D2C3;--muted:#C9C2B4;--ox:#6E2430;--oxl:#E08F99;
--serif:"Newsreader",Georgia,serif;--sans:"Inter",system-ui,sans-serif;--pad:24px;--max:1200px;--ease:cubic-bezier(.2,.7,.1,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--indigo);color:var(--sand);font:400 18px/1.6 var(--sans);overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.1;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
img{display:block;max-width:100%;height:auto}a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
p,li{text-wrap:pretty}h1,h2,h3{text-wrap:balance}
h1,h2,h3{font-family:var(--serif);font-weight:540;letter-spacing:-.018em;line-height:1.02}
h1{font-size:clamp(56px,15vw,124px)}
h2{font-size:clamp(40px,9.5vw,84px);max-width:14ch}
h3{font-size:26px;line-height:1.12}
.eyebrow{font:italic 400 22px/1.3 var(--serif);color:var(--muted);margin-bottom:14px}
.lead{font-size:19px;max-width:34em;margin-top:22px;color:#F3EEE4}
section{position:relative}
.word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.word>span{display:inline-block}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;background:var(--sand);color:var(--indigo);font:600 16px/1.1 var(--sans);text-decoration:none;border:1.5px solid var(--sand);border-radius:999px;overflow:hidden;isolation:isolate;transition:color .45s var(--ease),transform .2s var(--ease);-webkit-tap-highlight-color:transparent}
.btn::before{content:"";position:absolute;inset:0;background:var(--indigo);border-radius:inherit;transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}
.btn:hover{color:var(--sand)}.btn:hover::before{transform:none}
.btn:active{transform:scale(.97)}
.btn.ghost{background:transparent;color:var(--sand)}
.btn.ghost::before{background:var(--sand)}.btn.ghost:hover{color:var(--indigo)}
.btn.sm{min-height:46px;font-size:15px;padding:0 18px}
.btn:focus-visible,.burger:focus-visible{outline:2px solid var(--oxl);outline-offset:3px}
.ctas{display:grid;gap:12px;margin-top:30px}
.more{display:inline-flex;gap:8px;align-items:center;font:600 16px var(--sans);text-decoration:none;border-bottom:1px solid rgba(237,231,218,.35);padding:10px 0}
.more b{transition:transform .3s var(--ease)}.more:hover b{transform:translateX(5px)}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;transition:transform .4s var(--ease)}
.nav::before{content:"";position:absolute;inset:0;background:rgba(23,40,70,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .3s}
.nav.scrolled::before{opacity:1}
.navin{position:relative;display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.mark{font:600 21px/1 var(--serif);letter-spacing:.01em;text-decoration:none}.mark i{color:var(--oxl);font-weight:400}
.links{display:flex;gap:28px;font:500 15px var(--sans)}
.links a{text-decoration:none;position:relative;padding:6px 0}
.links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.links a:hover::after,.links a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.burger{display:none;background:none;border:0;color:var(--sand);font:500 15px var(--sans);align-items:center;gap:10px;min-height:44px;cursor:pointer}
.burger b{width:22px;height:8px;border-top:1.5px solid;border-bottom:1.5px solid;transition:transform .3s}
.mob-only{display:none}
@media(max-width:899px){
  .desk-only{display:none}.burger{display:inline-flex}
  .links{position:fixed;top:64px;left:0;right:0;height:calc(100dvh - 64px);flex-direction:column;gap:0;padding:24px var(--pad);background:var(--deep);font:500 34px/1.1 var(--serif);clip-path:inset(0 0 100% 0);transition:clip-path .55s var(--ease);visibility:hidden}
  .links a{padding:16px 0;border-bottom:1px solid rgba(237,231,218,.12)}.links a::after{display:none}
  .links .mob-only{display:block;margin-top:24px;font:600 17px var(--sans);border:0;color:var(--oxl)}
  body.menu-open .links{clip-path:inset(0);visibility:visible}
  body.menu-open .nav::before{opacity:1}
}

/* hero */
.hero{padding:92px 0 64px;overflow:hidden}
.hero .eyebrow{margin-bottom:24px;font:600 13px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.nw{white-space:nowrap}
.hero h1 .name{display:block}
.hero h1 em{display:block;font:italic 400 clamp(26px,3.4vw,40px)/1.15 var(--serif);letter-spacing:0;margin-top:18px;color:var(--sand)}
.heroin{display:grid;gap:44px}
.portrait{position:relative;width:min(78%,400px);margin:12px 11px 0 auto}
.arch{position:relative;aspect-ratio:773/900;border-radius:50% 50% 16px 16px/43% 43% 16px 16px;overflow:hidden;background:var(--deep);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.92) contrast(1.02)}
.arch-line{position:absolute;inset:-11px;border:1px solid rgba(237,231,218,.5);border-radius:50% 50% 24px 24px/44% 44% 24px 24px;pointer-events:none}
.balloon{position:absolute;left:-19%;top:14%;width:36%;z-index:2;filter:sepia(.3) brightness(1.1) contrast(1.12)}
.seal{position:absolute;right:-4px;bottom:-26px;width:116px;z-index:3;font:600 11px var(--sans);letter-spacing:.12em;fill:var(--sand);background:var(--ox);border-radius:50%;box-shadow:0 0 0 1px rgba(237,231,218,.35)}
.seal .amp{font:italic 400 40px var(--serif);letter-spacing:0}
@media(min-width:900px){
  .hero{padding:120px 0 72px;min-height:min(100svh,900px);display:flex;align-items:center}
  .heroin{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px}
  .ctas{grid-template-columns:auto auto;justify-content:start}
  .portrait{width:100%;max-width:440px;margin:0 auto}
  .balloon{left:-20%;top:14%;width:33%}
}

/* proof */
.proof{background:var(--sand);color:var(--indigo)}
.facts{display:grid;gap:0}
.fact{padding:30px 0;border-bottom:1px solid rgba(31,51,85,.18)}.fact:last-child{border:0}
.fact b{display:block;font:560 clamp(44px,10vw,64px)/1 var(--serif);letter-spacing:-.02em;margin-bottom:10px}
.fact .pre{display:block;font:italic 400 20px/1.2 var(--serif);margin-bottom:4px;color:#4A5876}
.fact>span{font-size:17px;color:#2E3F5E;display:block;max-width:26em}
@media(min-width:900px){.facts{grid-template-columns:repeat(3,1fr);gap:48px}.fact{border:0;padding:56px 0}}

/* statement */
.statement,.cuts,.who,.feat,.voices,.role,.method,.road-s,.offers-s,.story-s,.contact-s,.grid-s{padding:96px 0}
.big{font-size:clamp(56px,15vw,150px);max-width:none;line-height:.95}
.two{display:grid;gap:0}
@media(min-width:900px){.two{grid-template-columns:1fr 1fr;gap:48px}}

/* cuts */
.cuts{background:var(--deep)}
.meter{display:flex;height:64px;margin:40px 0 8px;border-radius:12px;overflow:visible;font:500 12px/1.2 var(--sans)}
.seg{position:relative;display:flex;align-items:flex-end;padding:8px;color:var(--indigo)}
.seg i{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s1{flex:30;background:var(--sand2)}.s2{flex:25;background:#BFB7A6}.s3{flex:30;background:#A69E8E}.keep{flex:15;background:var(--ox);color:var(--sand)}
.seg+.seg{border-left:2px dashed var(--deep)}.s1{border-radius:12px 0 0 12px}.keep{border-radius:0 12px 12px 0}
.cutlist{list-style:none;display:grid;gap:0;margin-top:28px}
.cutlist li{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:24px 0;border-top:1px solid rgba(237,231,218,.16)}
.tagc{font:600 15px var(--sans);letter-spacing:.06em;color:var(--oxl);padding-top:6px}
.cutlist p{color:#E6E0D3;margin-top:8px}
@media(min-width:900px){.cutlist{grid-template-columns:repeat(3,1fr);gap:40px}.cutlist li{grid-template-columns:1fr}.seg i{font-size:14px}.meter{height:84px}}
.seg i{font-weight:600}

/* who */
.stages{display:grid;gap:16px;margin-top:40px}
.stage{padding:30px 26px;border:1px solid rgba(237,231,218,.22);border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.04),transparent);transition:border-color .3s,transform .4s var(--ease)}
.stage:hover{border-color:rgba(237,231,218,.5);transform:translateY(-4px)}
.stage .no,.case .no,.case .tag{font:500 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.stage h3{font-size:36px;margin:12px 0 10px}.stage p{color:#E6E0D3;margin-bottom:14px}
@media(min-width:900px){.stages{grid-template-columns:1fr 1fr;gap:24px}}

/* cases */
.feat{background:var(--sand);color:var(--indigo)}
.feat .eyebrow{color:#4A5876}.feat .more{border-color:rgba(31,51,85,.35)}
.sechead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.rail{scroll-padding-left:var(--pad);display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:36px calc(var(--pad)*-1) 0;padding:0 var(--pad) 12px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail .case{scroll-snap-align:start}
.case{display:flex;flex-direction:column;gap:10px;padding:26px 24px;border-radius:20px;background:#F6F2EA;color:var(--indigo);border:1px solid rgba(31,51,85,.12);transition:transform .4s var(--ease),box-shadow .4s}
.case:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(18,31,56,.6)}
.case .ch{display:flex;justify-content:space-between}.case .no,.case .tag{color:#56627C}
.case .tag{color:var(--ox)}
.case .eyebrow{font-size:19px;margin:6px 0 0;color:#4A5876}
.case h3{font-size:25px}
.case ul{padding-left:18px;font-size:16.5px;color:#2E3F5E;display:grid;gap:6px}
.case small{margin-top:auto;padding-top:10px;font-size:14px;color:#56627C}
@media(min-width:900px){.rail{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible;margin:48px 0 0;padding:0}}
.grid-s{padding-top:24px}.grid{display:grid;gap:16px}
@media(min-width:700px){.grid{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
.case.hide{display:none}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.filters button{min-height:44px;padding:0 15px;border-radius:999px;border:1px solid rgba(237,231,218,.35);background:none;color:var(--sand);font:500 15px var(--sans);cursor:pointer;transition:background .3s,color .3s}
.filters button.on,.filters button:hover{background:var(--sand);color:var(--indigo)}

/* voices */
.pull p{font:italic 400 clamp(36px,8vw,72px)/1.08 var(--serif);max-width:18ch;letter-spacing:-.01em}
.qs{display:grid;gap:16px;margin-top:48px}
.qs blockquote{font:400 21px/1.45 var(--serif);padding:26px 0;border-top:1px solid rgba(237,231,218,.2)}
.qs cite{display:block;margin-top:12px;font:500 14px var(--sans);font-style:normal;color:var(--muted)}
@media(min-width:900px){.qs{grid-template-columns:repeat(3,1fr);gap:40px}}

/* inner pages */
.phead{padding:140px 0 40px}
.phead h1{font-size:clamp(60px,16vw,140px);line-height:.95}
.offers{display:grid;gap:16px}
.offer{padding:28px 24px;border-radius:20px;border:1px solid rgba(237,231,218,.22);display:flex;flex-direction:column;gap:12px}
.offer.main{background:var(--sand);color:var(--indigo);border:0;padding:34px 26px}
.offer.main .eyebrow{color:var(--ox)}.offer.main h2{font-size:clamp(36px,8vw,56px)}
.offer.main .btn{background:var(--indigo);color:var(--sand);border-color:var(--indigo)}.offer.main .btn::before{background:var(--ox)}
.offer ul{padding-left:18px;display:grid;gap:6px}
.price{font:560 32px/1.1 var(--serif)}.price small{display:block;font:400 15px var(--sans);margin-top:6px;opacity:.8}.price s{opacity:.7}
.offer .btn{align-self:stretch;margin-top:6px}
.side{display:grid;gap:16px}
@media(min-width:900px){.offers{grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.offer .btn{align-self:flex-start}}
.role{background:var(--deep)}
.rolein{display:grid;gap:40px}
.areas{list-style:none;counter-reset:a;display:grid}
.areas li{counter-increment:a;padding:18px 0 18px 52px;position:relative;border-top:1px solid rgba(237,231,218,.14);color:#E6E0D3}
.areas li::before{content:counter(a,decimal-leading-zero);position:absolute;left:0;top:20px;font:500 14px var(--sans);color:var(--oxl)}
.areas b{color:var(--sand);font-weight:600}
@media(min-width:900px){.rolein{grid-template-columns:1fr 1fr;gap:64px}}
.tags{display:flex;flex-wrap:wrap;gap:10px}
.tags span{padding:10px 16px;border-radius:999px;border:1px solid rgba(237,231,218,.3);font-size:15px}
.road-s{background:var(--sand);color:var(--indigo);overflow:hidden}.road-s .eyebrow{color:#4A5876}
.road{list-style:none;display:grid;margin-top:40px;position:relative}
.road li{display:grid;grid-template-columns:84px 1fr;gap:12px;padding:22px 0;border-top:1px solid rgba(31,51,85,.18)}
.road span{font:italic 500 22px var(--serif);color:var(--ox)}
.road-s .lead{color:#2E3F5E}
@media(min-width:900px){.road{grid-template-columns:repeat(4,1fr);gap:28px}.road li{grid-template-columns:1fr}}
.accent-wide{width:min(100%,900px);margin:48px auto 0;mix-blend-mode:multiply}
.abouthin{display:grid;gap:24px;align-items:end}
.accent{width:min(58%,300px);margin:0 auto}
@media(min-width:900px){.abouthin{grid-template-columns:1.4fr .6fr}}
.story{list-style:none;display:grid;margin-bottom:56px}
.story li{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:22px 0;border-top:1px solid rgba(237,231,218,.16)}
.story span{font:italic 500 22px var(--serif);color:var(--oxl)}
.clinks{display:grid;gap:14px}
.cl{display:grid;gap:6px;padding:26px 24px;border-radius:20px;border:1px solid rgba(237,231,218,.22);text-decoration:none;transition:background .35s,color .35s,transform .35s var(--ease)}
.cl span{font:500 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cl b{font:500 28px/1.15 var(--serif);word-break:break-word}.cl i{font-style:normal;font-size:15px;opacity:.8}
.cl:hover{background:var(--sand);color:var(--indigo);transform:translateY(-3px)}.cl:hover span{color:var(--ox)}
@media(min-width:900px){.clinks{grid-template-columns:1fr 1fr}}

/* cta + footer */
.cta{background:var(--night);padding:110px 0 120px;overflow:hidden}
.glow{position:absolute;width:120vmax;height:120vmax;left:50%;top:-30%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(110,36,48,.55),transparent 70%);pointer-events:none}
.ctain{position:relative}
.cta h2{font-size:clamp(44px,10vw,96px);max-width:12ch}
.foot-art{width:min(46%,240px);margin:48px auto 0;opacity:.95}
.foot{position:relative;display:grid;gap:18px;margin-top:80px;padding-top:28px;border-top:1px solid rgba(237,231,218,.14)}
.fl{display:grid;grid-template-columns:1fr 1fr;gap:2px 22px}.fl a{font-size:16px;text-decoration:none;padding:8px 0;color:#E3DCCD}.fl a:hover{color:var(--sand);text-decoration:underline}
.foot small{font-size:13px;color:var(--muted)}
@media(min-width:900px){.foot{grid-template-columns:auto 1fr 1fr;align-items:center}}

/* sticky bar */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--sand);color:var(--indigo);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px -10px rgba(0,0,0,.4);transition:transform .45s var(--ease)}
.bar p{font:italic 500 18px/1.2 var(--serif)}
.bar .btn{background:var(--indigo);color:var(--sand);border-color:var(--indigo);min-height:48px;padding:0 20px;font-size:15px}.bar .btn::before{background:var(--ox)}
.bar.away{transform:translateY(110%)}
@media(min-width:900px){.bar{display:none}}
@media(max-width:899px){.cta{padding-bottom:150px}}

/* motion states (JS only) */
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.desk-only.btn{background:transparent;color:var(--sand)}.desk-only.btn::before{background:var(--sand)}.desk-only.btn:hover{color:var(--indigo)}
.ctas{gap:14px}
.hero .lead{max-width:27em}
@media(max-width:899px){.statement,.cuts,.who,.feat,.voices,.role,.method,.road-s,.offers-s,.story-s,.contact-s,.grid-s{padding:72px 0}.grid-s{padding-top:16px}}

/* ===== v8: calm, LAAS rhythm ===== */
body{line-height:1.65}
.lead{font-size:20px;line-height:1.6;max-width:32ch;margin-top:32px}
.eyebrow{margin-bottom:24px}
h2{margin-bottom:0}
.statement,.cuts,.who,.feat,.voices,.role,.method,.road-s,.offers-s,.calls-s,.story-s,.contact-s,.grid-s{padding:112px 0!important}
@media(min-width:900px){.statement,.voices,.road-s,.offers-s,.calls-s,.story-s,.contact-s,.grid-s{padding:176px 0!important}.lead{max-width:52ch}}
.ctas{margin-top:44px}
/* hero */
.hero{padding:120px 0 112px}
.hero h1 em{margin-top:28px}
.heroin{gap:80px}
.arch-line{inset:-14px;border:1.5px solid rgba(237,231,218,.42)}
.balloon{left:-30%;top:-6%;width:30%;filter:invert(1) sepia(.25) brightness(.98);mix-blend-mode:screen;opacity:.9}
@media(min-width:900px){.hero{padding:140px 0 120px}.balloon{left:-34%;top:-4%;width:30%}}
/* numbers: one per screen-ish, no dividers */
.proof{padding:112px 0}
.facts{gap:112px}
.fact{padding:0;border:0!important}
.fact b{font-size:clamp(64px,18vw,96px);margin-bottom:18px}
.fact>span{font-size:19px;max-width:24ch;line-height:1.6}
@media(min-width:900px){.proof{padding:176px 0}.facts{gap:64px}.fact{padding:0}}
.statement .more{margin-top:40px}
.voices{background:var(--deep)}
.pull p{max-width:16ch;line-height:1.15}
/* cta */
.cta{padding:144px 0 120px}
.cta h2{max-width:11ch}
.cta.bare{padding:64px 0 48px}.cta.bare .foot{margin-top:0}
.foot{margin-top:120px}
.foot-art{margin-top:96px}
.fl{grid-template-columns:1fr}
@media(min-width:900px){.cta{padding:200px 0 120px}}
/* inner pages */
.phead{padding:168px 0 24px}
@media(min-width:900px){.phead{padding:220px 0 40px}}
.flag{display:flex;flex-direction:column;gap:20px;max-width:560px}
.flag .eyebrow{color:var(--oxl);margin:0}
.flag h2{font-size:clamp(38px,9vw,64px)}
.plain{list-style:none;display:grid;gap:10px;font-size:19px;color:#E6E0D3}
.flag .btn{align-self:flex-start;margin-top:16px;min-width:180px}
.price{font:560 34px/1.1 var(--serif)}
.calls-s{padding-top:0!important}
.calls{display:grid;gap:96px}
.call{display:flex;flex-direction:column;gap:10px}
.call h3{font-size:30px}.call p{color:#E6E0D3}.call .more{align-self:flex-start;margin-top:6px}
@media(min-width:900px){.calls{grid-template-columns:repeat(3,1fr);gap:64px}}
.road{gap:0;margin-top:64px}
.road li{padding:28px 0;border-top:1px solid rgba(31,51,85,.14)}
.road p{font:400 24px/1.3 var(--serif)}
.accent-wide{margin-top:96px;width:min(100%,640px)}
.grid{gap:80px}
@media(min-width:700px){.grid{grid-template-columns:1fr 1fr;gap:96px 64px}}
@media(min-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
.case{background:none;border:0;padding:0;color:var(--sand);gap:8px}
.case:hover{transform:none;box-shadow:none}
.case .no{color:var(--oxl);font:500 13px var(--sans);letter-spacing:.12em}
.case .kind{font:italic 400 20px/1.3 var(--serif);color:var(--muted)}
.case h3{font-size:30px;line-height:1.15;max-width:16ch}
.filters{margin-top:48px}
.grid-s{padding-top:64px!important}
.story{margin-bottom:112px}
.story li{padding:32px 0;border-top:0;grid-template-columns:110px 1fr}
.story p{font:400 22px/1.4 var(--serif)}
.clinks{gap:8px}
.cl{border:0;padding:20px 0;border-radius:0}
.cl b{font-size:30px}
.cl:hover{background:none;color:var(--oxl);transform:none}
.contact-s .accent{margin-top:96px;width:min(50%,240px)}
.about-h .accent{width:min(46%,240px)}
.balloon{filter:none;mix-blend-mode:normal;opacity:.92;left:-26%;top:-4%;width:30%}
.arch-line{border:1.5px solid rgba(237,231,218,.6)}
.hero .eyebrow{color:#D8D1C2;max-width:22ch}
.portrait{margin-right:16px}
@media(min-width:900px){.balloon{left:-34%}}
.balloon{left:-30%;top:-10%;width:26%;opacity:1}
@media(min-width:900px){.balloon{left:-36%;top:-8%;width:26%}}
.hero .eyebrow{max-width:none}
.voices{background:var(--indigo);padding-top:0!important}
.pull cite{display:block;margin-top:32px;font:500 15px var(--sans);font-style:normal;color:var(--muted)}
.glow{top:0;height:100%;width:140vmax;background:radial-gradient(ellipse at 50% 40%,rgba(110,36,48,.45),transparent 60%)}
@media(min-width:900px){.facts{align-items:end}.fact .pre{position:absolute;transform:translateY(-110%)}.fact b{position:relative}}
.foot{border-top:1px solid rgba(237,231,218,.12)}
.arch-line{z-index:1}.seal{z-index:4}.balloon{z-index:2}
@media(max-width:899px){.balloon{left:-14%;top:-16%;width:28%}.portrait{margin-top:72px}}
.cta{background:linear-gradient(180deg,var(--indigo) 0,var(--night) 38%)}

/* ===== v9: 9 sections, LAAS rhythm, centred desktop ===== */
.sp{padding:112px 0!important}
@media(min-width:900px){.sp{padding:160px 0!important}}
.split2{display:grid;gap:56px}
@media(min-width:900px){.split2{grid-template-columns:1fr 1fr;gap:80px;align-items:center}}
.statement .big{font-size:clamp(56px,14vw,112px)}
.statement{background:var(--deep)}
.meter{height:72px;margin:0 0 8px}
.meter .seg{padding:10px}
.cm{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.cm span{display:block;font:600 15px var(--sans);letter-spacing:.08em;color:var(--oxl)}
.cm p{font:400 20px/1.25 var(--serif);margin-top:6px}
.note{margin-top:40px;font:italic 400 22px/1.4 var(--serif);color:var(--muted)}
.rows{list-style:none;display:grid}
.rows li{padding:28px 0;border-top:1px solid rgba(237,231,218,.16)}
.rows li:first-child{border-top:0;padding-top:0}
.rows span{display:block;font:500 34px/1.1 var(--serif);margin-bottom:8px}
.rows p{font-size:19px;color:#E6E0D3}
.how{background:var(--deep)}
.feat .rail{grid-auto-columns:78%;gap:40px}
.feat .case{color:var(--indigo);background:none}
.feat .case .kind{color:#4A5876}
.feat .case h3{font-size:30px;color:var(--indigo)}
.mob-more{margin-top:40px}
@media(min-width:900px){.feat .rail{grid-template-columns:repeat(4,1fr);gap:48px}.mob-more{display:none}.feat .sechead .desk-only{display:inline-flex}}
@media(max-width:899px){.feat .sechead .desk-only{display:none}}
.voices.sp{padding-top:112px!important}
@media(min-width:900px){.voices .wrap{text-align:center}.voices .pull p{margin:0 auto}.voices .qs{grid-template-columns:repeat(3,1fr);max-width:1100px;margin:72px auto 0;text-align:left}}
.qs{gap:8px;margin-top:56px}
.qs blockquote{font:400 23px/1.4 var(--serif)}
.olist{display:grid}
.o{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:24px 0;border-top:1px solid rgba(237,231,218,.16);text-decoration:none;transition:color .3s}
.o:first-child{border-top:0;padding-top:0}
.o b{font:500 26px/1.15 var(--serif)}.o i{font:560 22px/1.2 var(--serif);font-style:normal;color:var(--oxl);align-self:baseline}
.o span{grid-column:1/-1;font-size:17px;color:#E6E0D3}
.o:hover b{color:var(--oxl)}
.offers-h .more{margin-top:32px}
.offers-h{background:var(--indigo)}
/* hero fixes: tighter gap button->photo on phone, balloon clear of arch line */
@media(max-width:899px){.heroin{gap:24px}.hero{padding-bottom:88px}.portrait{margin-top:56px}.balloon{left:-24%;top:-14%;width:26%}}
@media(min-width:900px){.balloon{left:-44%;top:-10%;width:26%}}
/* final CTA centred on desktop */
@media(min-width:900px){.ctain{text-align:center}.cta h2{margin:0 auto}.cta .ctas{justify-content:center}}

.hero .lead{margin-top:28px}
/* v9 polish */
@media(min-width:900px){.split2{align-items:start}.balloon{left:-34%;top:-22%;width:24%}
.facts{align-items:start}
.feat .case h3{font-size:34px}.sechead{align-items:baseline}
.voices .qs{max-width:none;margin:72px 0 0}
.foot{grid-template-columns:1fr auto;align-items:center}.fl{grid-auto-flow:column;gap:32px}}
.offers-h{background:var(--deep)}
.cta{background:linear-gradient(180deg,var(--deep) 0,var(--night) 38%)}
.pull .word{padding-right:.08em;margin-right:-.08em}
@media(max-width:899px){.foot{margin-top:72px}.foot-art{margin-top:72px}}

/* ===== v10: one navy, spacing scale, structured rows, solid header ===== */
:root{--deep:#1F3355;--night:#1F3355;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:96px;--s7:128px;--secY:112px;--rule:rgba(237,231,218,.18);--ruleD:rgba(31,51,85,.2);--navh:64px;--sat:env(safe-area-inset-top,0px)}
@media(min-width:900px){:root{--secY:176px}}
body{font-family:"Inter",system-ui,sans-serif}
.statement,.who,.how,.voices,.offers-h,.cta,.offers-h,.role{background:var(--indigo)!important}
.feat,.proof{background:var(--sand)!important}
.cta{background:var(--indigo)!important}
/* header: solid, owns the safe area */
.nav{padding-top:var(--sat);background:var(--indigo)}
.nav::before{opacity:1!important;background:var(--indigo);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid transparent;transition:border-color .3s}
.nav.scrolled::before{border-bottom-color:var(--rule)}
@media(max-width:899px){.links{top:calc(var(--navh) + var(--sat));height:calc(100dvh - var(--navh) - var(--sat));background:var(--indigo)}}
.hero{padding-top:calc(var(--navh) + var(--sat) + var(--s5))!important}
.phead{padding-top:calc(var(--navh) + var(--sat) + var(--s6))!important}
/* sections: rule + label opens each one, then the head, then content */
.sp,.proof{padding:0 0 var(--secY)!important}
.lab{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);font:600 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s6)}
.lab::before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:var(--rule)}
.lab{position:relative;padding-top:var(--s3)}
.proof .lab,.feat .lab{color:#4A5876}.proof .lab::before,.feat .lab::before{background:var(--ruleD)}
.proof,.feat{padding-top:var(--s5)!important}
.statement,.voices{padding-top:var(--s5)!important}
@media(min-width:900px){.lab{margin-bottom:var(--s7)}.lab::before{left:var(--pad);right:var(--pad)}}
.sh .eyebrow{display:none}
h2{font-size:clamp(40px,10.5vw,76px);line-height:1.04}
.statement .big{font-size:clamp(48px,13vw,104px)}
.split2{gap:var(--s5)!important}
@media(min-width:900px){.split2{grid-template-columns:repeat(12,1fr);column-gap:24px!important}.split2>.sh{grid-column:1/6}.split2>.sb,.split2>.olist{grid-column:7/13}.split2{align-items:start}}
/* structured rows */
.rows{counter-reset:r;border-bottom:1px solid var(--rule)}
.rows li,.rows li:first-child{counter-increment:r;display:grid;grid-template-columns:48px 1fr;column-gap:var(--s2);padding:var(--s3) 0!important;border-top:1px solid var(--rule)!important}
.rows li::before{content:counter(r,decimal-leading-zero);font:500 14px/1 var(--sans);letter-spacing:.08em;color:var(--oxl);padding-top:9px;grid-row:1/3}
.rows span{font:500 26px/1.2 var(--serif)!important;margin:0 0 var(--s1)!important}
.rows p{font-size:18px;line-height:1.5;color:#E6E0D3}
/* CM list */
.cm{gap:var(--s2);margin-top:var(--s3)}.cm li{border-top:1px solid var(--rule);padding-top:var(--s2)}
.cm p{margin-top:var(--s1)}
.note{margin-top:var(--s5);font-size:20px}
/* stats as rows */
.facts{gap:0!important;border-bottom:1px solid var(--ruleD)}
.fact{padding:var(--s4) 0!important;border-top:1px solid var(--ruleD)!important}
.fact b{font-size:clamp(52px,14vw,80px)!important;margin-bottom:var(--s1)!important}
.fact .pre{position:static!important;transform:none!important;display:inline;font-size:.4em;margin:0 .2em 0 0;vertical-align:.5em}
.fact>span{font-size:18px}
@media(min-width:900px){.facts{grid-template-columns:repeat(3,1fr);column-gap:24px!important;border-bottom:0}.fact{padding:var(--s4) 0 0!important}}
/* cases as rows */
.feat .sechead{margin-bottom:var(--s5)}
.feat .rail{display:block!important;margin:0!important;padding:0!important;overflow:visible;counter-reset:c;border-bottom:1px solid var(--ruleD)}
.feat .case{counter-increment:c;display:grid!important;grid-template-columns:48px 1fr;column-gap:var(--s2);row-gap:var(--s1);padding:var(--s3) 0!important;border-top:1px solid var(--ruleD)!important}
.feat .case::before{content:counter(c,decimal-leading-zero);font:500 14px/1 var(--sans);letter-spacing:.08em;color:var(--ox);padding-top:5px;grid-row:1/3}
.feat .case .kind{font:600 13px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin:0;color:#4A5876}
.feat .case h3{font-size:26px!important;line-height:1.2;max-width:none}
.mob-more{margin-top:var(--s4)}
@media(min-width:900px){.feat .rail{display:grid!important;grid-template-columns:1fr 1fr;column-gap:24px}.feat .case{border-bottom:0}}
/* voices */
.pull p{font-size:clamp(34px,8.5vw,64px)}
.qs{gap:0!important;margin-top:var(--s5)!important;border-bottom:1px solid var(--rule)}
.qs blockquote{padding:var(--s3) 0;border-top:1px solid var(--rule);font-size:21px}
.qs cite{margin-top:var(--s1)}
@media(min-width:900px){.voices .wrap{text-align:left}.voices .pull p{margin:0}.voices .qs{grid-template-columns:repeat(3,1fr);column-gap:24px!important;border-bottom:0}}
/* offers: name left, price right, rule between */
.olist{border-bottom:1px solid var(--rule)}
.o,.o:first-child{padding:var(--s3) 0!important;border-top:1px solid var(--rule)!important;row-gap:var(--s1)}
.o b{font-size:24px}.o i{font-size:22px}.o span{font-size:17px}
.offers-h .more{margin-top:var(--s4)}
/* cta: one navy, the glow is the device */
.cta{padding:var(--secY) 0 var(--s6)!important;border-top:1px solid var(--rule)}
.cta .ctas{margin-top:var(--s5)}
.glow{background:radial-gradient(ellipse at 50% 30%,rgba(110,36,48,.38),transparent 60%)}
@media(max-width:899px){.cta{padding-bottom:calc(var(--s6) + 88px)!important}}
/* inner pages: same rows */
.road,.story{border-bottom:1px solid var(--ruleD)}
.story{border-color:var(--rule)}.story li{border-top:1px solid var(--rule)!important;padding:var(--s3) 0}
.calls{gap:0!important;border-bottom:1px solid var(--rule)}.call{padding:var(--s4) 0;border-top:1px solid var(--rule)}
@media(min-width:900px){.calls{column-gap:24px!important;border-bottom:0}}
.grid{gap:0 24px!important}.grid .case{padding:var(--s4) 0;border-top:1px solid var(--rule)}
.clinks{gap:0}.cl{border-top:1px solid var(--rule)!important}
/* sticky bar */
.bar{background:var(--indigo);color:var(--sand);border-top:1px solid var(--rule);box-shadow:0 -12px 24px -12px rgba(0,0,0,.45);padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom));transition:transform .4s var(--ease)}
.bar p{display:flex;flex-direction:column;gap:2px;font:400 14px/1.3 var(--sans);color:var(--muted)}
.bar p b{font:600 15px/1.2 var(--sans);color:var(--sand)}
.bar .btn{background:var(--sand);color:var(--indigo);border-color:var(--sand);min-height:44px;padding:0 20px;font-size:15px}
.bar .btn::before{background:var(--oxl)}
/* reveal safety */
html.reveal-all .rv,html.reveal-all .word>span{opacity:1!important;transform:none!important}
/* v10: case cards */
.feat .sechead{margin-bottom:var(--s4)}
.cards{display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);margin:0 calc(var(--pad)*-1);padding:2px var(--pad);scrollbar-width:none;overscroll-behavior-x:contain}
.cards::-webkit-scrollbar{display:none}
.card{scroll-snap-align:start;display:flex;flex-direction:column;gap:var(--s1);padding:20px;border-radius:14px;background:#F4EFE5;border:1px solid rgba(31,51,85,.14);color:var(--indigo);min-width:0}
.card .cat{font:600 12.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ox)}
.card h3{font:540 27px/1.15 var(--serif);margin-top:var(--s1)}
.card .chg{font-size:16px;line-height:1.5;color:#2E3F5E}
.card .rc{margin-top:auto;padding-top:var(--s2);font:600 15px var(--sans);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;align-self:flex-start}
.card .rc b,.more b{display:inline-block;text-decoration:none}
.plus{font-family:var(--sans);font-weight:400;font-size:.82em;vertical-align:baseline}
.cfoot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s2)}
.dots{display:flex;gap:6px}.dots i{width:6px;height:6px;border-radius:50%;background:rgba(31,51,85,.25);transition:background .3s,width .3s}.dots i.on{background:var(--indigo);width:18px;border-radius:3px}
.cnt{font:500 13px var(--sans);letter-spacing:.08em;color:#4A5876}
.fine{margin-top:var(--s3);font-size:13px;line-height:1.5;color:#56627C}
.mob-more{margin-top:var(--s3)}
.more{display:inline;border:0!important;padding:0;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.feat .more{color:var(--indigo)}
@media(min-width:900px){.cards{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);gap:24px;overflow:visible;margin:0;padding:0}.cfoot{display:none}}
/* header: solid, shorter */
:root{--navh:56px}.navin{height:56px}
.more{display:inline-block}
@media(min-width:900px){.mob-more{display:none!important}}
@media(max-width:899px){.feat .sechead .desk-only{display:none!important}}

/* v10: CM equation */
.mlab{font:600 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s2)}
.meter{height:56px!important;margin:0!important}
.meter .seg{align-items:center;justify-content:center;padding:0 4px!important}
.meter .seg i{font:600 12.5px/1 var(--sans)!important;letter-spacing:.06em}
.eq{list-style:none;margin-top:var(--s4);border-bottom:1px solid var(--rule)}
.eq li{display:grid;grid-template-columns:96px 1fr;gap:var(--s2);align-items:baseline;padding:var(--s2) 0;border-top:1px solid var(--rule)}
.eq span{font:600 15px/1.3 var(--sans);letter-spacing:.06em;color:#F0B7BE}
.eq p{font-size:18px;color:#E6E0D3}
.eq .keep-row span,.eq .keep-row p{color:var(--sand);font-weight:600}
.fine2{margin-top:var(--s2);font-size:14px;line-height:1.5;color:var(--muted)}
.note{margin-top:var(--s5)!important;font:400 18px/1.5 var(--sans)!important;color:#E6E0D3!important}
.punch{margin-top:var(--s1);font:400 30px/1.2 var(--serif);color:var(--sand);letter-spacing:-.01em}
/* one eyebrow style, italic only for pull quotes */
.eyebrow,.hero .eyebrow{font:600 13px/1.4 var(--sans)!important;letter-spacing:.14em!important;text-transform:uppercase;font-style:normal!important;color:var(--muted)}
.hero h1 em{font-style:normal!important}
.case .kind,.road span,.story span,.fact .pre,.qs blockquote{font-style:normal!important}
.road span,.story span{font:600 14px/1.4 var(--sans)!important;letter-spacing:.08em;text-transform:uppercase}
.fact .pre{font-family:var(--sans)!important;font-weight:500!important;font-size:.28em!important;letter-spacing:.1em;text-transform:uppercase}
.rows li::before,.lab span:last-child{color:#F0B7BE}
.proof .lab span:last-child,.feat .lab span:last-child{color:var(--ox)}
/* sticky bar: inset card */
.bar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:16px;border:1px solid var(--rule);padding:10px 10px 10px 18px!important;box-shadow:0 18px 40px -12px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.2)}
.bar.away{transform:translateY(calc(100% + 40px))}

/* v10: closing CTA + footer */
.cta{padding:var(--s5) 0 calc(var(--s4) + env(safe-area-inset-bottom))!important;background:var(--indigo)!important}
.glow,.foot-art{display:none!important}
.ctain{display:grid;gap:var(--s4);text-align:left!important;position:relative}
.cta h2{font-size:clamp(40px,10.5vw,76px);max-width:12ch;margin:0!important}
.ctaline{margin-top:var(--s2);font-size:19px;line-height:1.5;color:#E6E0D3;max-width:30ch}
.cta .ctas{margin-top:var(--s4);justify-content:start!important}
.cta-art{width:150px;opacity:.9;filter:invert(1) sepia(.35) saturate(.6) brightness(1.02);mix-blend-mode:screen;order:-1}
@media(min-width:900px){.ctain{grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:center}.ctacopy{grid-column:1/8}.cta-art{order:0;grid-column:9/13;width:100%;max-width:300px;justify-self:end}}
.foot{margin:var(--s6) auto 0!important;padding-top:var(--s4)!important;border-top:0!important;display:grid!important;gap:var(--s3)!important;grid-template-columns:1fr!important;position:relative}
.foot::before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:var(--rule)}
.signoff{font:400 22px/1.3 var(--serif);color:var(--sand)}
.fl{display:grid!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;gap:0!important}
.fl a{display:flex;gap:var(--s2);padding:12px 0!important;font-size:16px;color:var(--sand)!important;text-decoration:none!important;border-top:1px solid var(--rule)}
.fl a span{width:96px;flex:none;font:600 12.5px/1.6 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fl a:hover{color:#F0B7BE!important}
.copy{font-size:13px;color:var(--muted)}
@media(min-width:900px){.foot{grid-template-columns:1fr 1fr!important;align-items:start}.fl{grid-row:1/3;grid-column:2}}
@media(max-width:899px){.cta{padding-bottom:calc(var(--s4) + 88px + env(safe-area-inset-bottom))!important}}
.cta.bare{padding-top:0!important}

/* v10: compact proof */
.proof .lab{margin-bottom:var(--s4)!important}
.fact{padding:20px 0!important}
.fact b{font-size:56px!important;line-height:1!important;margin-bottom:var(--s1)!important}
.fact>span{font-size:18px!important;line-height:1.45;color:#22324F!important;max-width:30ch}
@media(min-width:900px){.fact{padding:var(--s4) 0 0!important}.fact b{font-size:72px!important}}
.bar{box-shadow:0 8px 24px -10px rgba(0,0,0,.35)!important}
@media(max-width:899px){body{padding-bottom:0}}

.balloon,.cta-art,.accent,.accent-wide{display:none!important}
.ctacopy{grid-column:1/-1!important}

@media(max-width:899px){.portrait{width:min(76%,320px)!important;margin:var(--s5) auto 0!important}.hero{padding-bottom:var(--s6)!important}}

:root{--secY:80px}@media(min-width:900px){:root{--secY:144px}}
.lab{margin-bottom:var(--s5)!important}@media(min-width:900px){.lab{margin-bottom:var(--s6)!important}}
.proof .lab::before,.statement .lab::before,.feat .lab::before,.voices .lab::before{display:none}
.proof .lab,.statement .lab,.feat .lab,.voices .lab{padding-top:0}
.proof,.statement,.feat,.voices{padding-top:var(--s6)!important}
.nav.scrolled::before{border-bottom-color:transparent}
h1,.hero h1 .name{color:var(--sand)}
.bar{background:var(--sand)!important;border:1px solid rgba(31,51,85,.18)!important}
.bar p{color:#4A5876!important}.bar p b{color:var(--indigo)!important}
.bar .btn{background:var(--indigo)!important;color:var(--sand)!important;border-color:var(--indigo)!important}
.bar .btn::before{background:var(--ox)!important}

.cards{grid-auto-columns:calc(100vw - 56px)!important}
@media(min-width:900px){.cards{grid-auto-columns:auto!important}}
.cnt-l{font:500 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#4A5876}
.bar{left:var(--pad);right:var(--pad)}
.more,.card .rc{font:600 15px/1.4 var(--sans)!important}

.rows,.olist,.qs{border-bottom:0!important}
@media(min-width:900px){.split2>.sh{position:sticky;top:120px}}
.meter .seg{transform:none}