*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#f5f3ee;--ink:#0a0a0a;--soft:#353331;--muted:#6b6762;--line:rgba(10,10,10,.14);--accent:#f15a37;--serif:'Fraunces',Georgia,serif;--sans:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'Geist Mono',monospace;--ease:cubic-bezier(.23,1,.32,1)}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.dark{--bg:#080808;--ink:#f5f3ee;--soft:#c7c3bc;--muted:#918d86;--line:rgba(245,243,238,.16)}
::selection{background:var(--accent);color:#fff}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.wrap{width:min(1180px,calc(100% - 112px));margin-inline:auto}
.site-nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;font:italic 400 23px/1 var(--serif)}
.brand svg{width:21px;height:auto}
.brand sup{font:400 8px/1 var(--mono);margin-left:3px;opacity:.55;vertical-align:top}
.nav-links{display:flex;align-items:center;gap:28px;font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.nav-links a{transition:opacity .25s var(--ease)}
.nav-links a:hover{opacity:.55}
.nav-cta{padding:11px 16px;border:1px solid currentColor}
.breadcrumb{padding-top:34px;font:400 10px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.breadcrumb a{border-bottom:1px solid var(--line)}
.hero{position:relative;padding:82px 0 112px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.7fr);gap:80px;align-items:end}
.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:30px;font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.eyebrow:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent)}
.hero h1{max-width:900px;font:300 clamp(56px,8.4vw,126px)/.89 var(--serif);letter-spacing:-.055em}
.hero h1 em{font-style:italic;color:var(--accent)}
.hero-lead{max-width:430px;font-size:18px;line-height:1.65;color:var(--soft)}
.hero-lead strong{display:block;margin-top:28px;font:500 11px/1.55 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.hero-mark{position:absolute;right:-30px;bottom:-44px;font:300 clamp(96px,17vw,260px)/1 var(--serif);font-style:italic;color:var(--accent);opacity:.08;pointer-events:none;white-space:nowrap}
.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.fact{min-height:170px;padding:34px 30px;border-right:1px solid var(--line)}
.fact:first-child{padding-left:max(30px,calc((100vw - 1180px)/2))}
.fact:last-child{border-right:0;padding-right:max(30px,calc((100vw - 1180px)/2))}
.fact b{display:block;font:400 clamp(25px,3vw,42px)/1.05 var(--serif);letter-spacing:-.03em}
.fact span{display:block;max-width:300px;margin-top:14px;font:400 10px/1.55 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.answer{padding:120px 0;border-bottom:1px solid var(--line)}
.answer-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:80px;align-items:start}
.answer-aside{position:sticky;top:32px}
.answer-aside .label{font:500 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.answer-aside .route{display:block;margin-top:32px;font:italic 300 48px/.95 var(--serif);color:var(--accent)}
.answer-copy{max-width:800px}
.answer-copy h2,.section-head h2{font:300 clamp(42px,6vw,78px)/1 var(--serif);letter-spacing:-.04em}
.answer-copy h2 em,.section-head h2 em{font-style:italic;color:var(--accent)}
.answer-copy>p{margin-top:26px;font-size:19px;line-height:1.72;color:var(--soft)}
.answer-copy>p:first-of-type{font-weight:500;color:var(--ink)}
.details{padding:120px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:70px}
.section-head p{max-width:390px;color:var(--muted)}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.detail{min-height:290px;padding:34px 30px 42px;border-right:1px solid var(--line)}
.detail:first-child{padding-left:0}
.detail:last-child{padding-right:0;border-right:0}
.detail .num{font:400 10px/1 var(--mono);letter-spacing:.09em;color:var(--accent)}
.detail h3{margin-top:55px;font:400 29px/1.08 var(--serif);letter-spacing:-.025em}
.detail p{margin-top:18px;color:var(--soft)}
.process{padding:120px 0;background:var(--ink);color:var(--bg)}
.process .section-head p{color:color-mix(in srgb,var(--bg) 58%,transparent)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid color-mix(in srgb,var(--bg) 20%,transparent)}
.step{min-height:270px;padding:32px 24px;border-right:1px solid color-mix(in srgb,var(--bg) 20%,transparent)}
.step:first-child{padding-left:0}.step:last-child{border-right:0}
.step small{font:400 10px/1 var(--mono);letter-spacing:.1em;color:var(--accent)}
.step h3{margin-top:54px;font:300 26px/1.1 var(--serif)}
.step p{margin-top:15px;font-size:14px;color:color-mix(in srgb,var(--bg) 67%,transparent)}
.case-visual{padding:120px 0;border-bottom:1px solid var(--line)}
.visual-frame{position:relative;min-height:520px;overflow:hidden;background:#111;color:#fff;border:1px solid var(--line)}
.visual-frame img{width:100%;height:100%;min-height:520px;object-fit:cover}
.visual-copy{position:absolute;left:0;right:0;bottom:0;padding:80px 42px 38px;background:linear-gradient(transparent,rgba(0,0,0,.84))}
.visual-copy span{font:400 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.visual-copy h2{max-width:850px;margin-top:15px;font:300 clamp(36px,5vw,72px)/.98 var(--serif)}
.outcomes{display:grid;grid-template-columns:repeat(2,1fr);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.outcome{padding:30px 30px 32px 0;border-right:1px solid var(--line)}
.outcome+.outcome{padding-left:30px;border-right:0}
.outcome b{display:block;font:300 clamp(32px,4.4vw,62px)/1 var(--serif);color:var(--accent)}
.outcome span{display:block;margin-top:12px;font:400 10px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.related{padding:100px 0}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line)}
.related-card{padding:28px 28px 34px 0;border-right:1px solid var(--line)}
.related-card+.related-card{padding-left:28px}.related-card:last-child{border-right:0}
.related-card small{font:400 10px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.related-card h3{margin-top:25px;font:400 28px/1.08 var(--serif)}
.related-card span{display:inline-block;margin-top:35px;padding-bottom:3px;border-bottom:1px solid currentColor;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.cta{padding:120px 0;background:var(--accent);color:#fff}
.cta-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:60px;align-items:end}
.cta h2{font:300 clamp(50px,7vw,100px)/.92 var(--serif);letter-spacing:-.05em}
.cta h2 em{font-style:italic}
.cta p{margin-top:26px;max-width:650px;font-size:18px}
.cta-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:260px;padding:18px 20px;border:1px solid currentColor;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:background .25s,color .25s}
.cta-button:hover{background:#fff;color:var(--accent)}
.site-footer{padding:70px 40px 32px;background:#080808;color:#f5f3ee}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:60px}
.footer-name{font:italic 300 66px/.9 var(--serif)}
.footer-grid h3{margin-bottom:18px;font:400 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#918d86}
.footer-grid ul{list-style:none}.footer-grid li{margin-top:8px;font-size:14px;color:#c7c3bc}
.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:80px;padding-top:25px;border-top:1px solid rgba(255,255,255,.14);font:400 9px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#918d86}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.wrap{width:min(100% - 64px,1180px)}.nav-links a:not(.nav-cta){display:none}.hero-grid,.answer-grid,.cta-grid{grid-template-columns:1fr;gap:45px}.answer-aside{position:static}.fact-strip{grid-template-columns:1fr}.fact,.fact:first-child,.fact:last-child{min-height:auto;padding:26px 32px;border-right:0;border-bottom:1px solid var(--line)}.detail-grid,.related-grid{grid-template-columns:1fr}.detail,.detail:first-child,.detail:last-child,.related-card,.related-card+.related-card{min-height:auto;padding:32px 0;border-right:0;border-bottom:1px solid var(--line)}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb,var(--bg) 20%,transparent)}.cta-button{min-width:0;width:100%}}
@media(max-width:600px){.wrap{width:calc(100% - 48px)}.site-nav{padding:18px 24px}.brand{font-size:20px}.nav-cta{padding:10px 12px}.breadcrumb{padding-top:24px}.hero{padding:56px 0 78px}.hero-grid{gap:32px}.hero h1{font-size:clamp(48px,17vw,76px)}.hero-lead{font-size:16px}.answer,.details,.case-visual,.related{padding:76px 0}.answer-grid{gap:40px}.answer-copy>p{font-size:16px}.section-head{align-items:start;flex-direction:column;margin-bottom:45px}.section-head p{font-size:14px}.steps{grid-template-columns:1fr}.step,.step:first-child,.step:last-child{min-height:auto;padding:28px 0;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--bg) 20%,transparent)}.step h3{margin-top:32px}.visual-frame,.visual-frame img{min-height:420px}.visual-copy{padding:70px 24px 28px}.outcomes{grid-template-columns:1fr}.outcome,.outcome+.outcome{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.cta{padding:82px 0}.footer-grid{grid-template-columns:1fr;gap:38px}.site-footer{padding:60px 24px 28px}.footer-bottom{flex-direction:column;margin-top:55px}.footer-name{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}