:root{--ink:#030b15;--navy:#071526;--paper:#f3f0e9;--white:#fff;--green:#21c486;--mint:#9ee8cb;--muted:#91a1b1;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font:400 16px/1.6 "DM Sans",sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;z-index:999;top:8px;left:8px;padding:10px 14px;background:#fff;color:#000;border-radius:8px;transform:translateY(-160%)}.skip:focus{transform:none}.nav{position:fixed;z-index:100;top:0;left:0;width:100%;height:78px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(3,11,21,.58);backdrop-filter:blur(20px);transition:background-color .2s ease}.nav.is-scrolled{background:rgba(3,11,21,.92)}.brand{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:600}.brand img{width:38px;height:38px}.nav-note{margin:0;color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.nav-action{justify-self:end;padding:10px 15px;border:1px solid rgba(255,255,255,.26);border-radius:999px;font-size:12px;font-weight:600;transition:background-color .18s ease,color .18s ease,transform .14s var(--ease)}.nav-action:hover{background:#fff;color:#07111f}.nav-action:active,.choice:active{transform:scale(.97)}
.opening{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:flex-end;padding:150px 6vw 10vh;overflow:hidden}.opening-image,.opening-shade{position:absolute;inset:0}.opening-image{z-index:-3}.opening-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:hero-settle 2.4s var(--ease) both}.opening-shade{z-index:-2;background:linear-gradient(90deg,rgba(3,11,21,.96) 0%,rgba(3,11,21,.72) 38%,rgba(3,11,21,.08) 74%),linear-gradient(0deg,rgba(3,11,21,.72),transparent 48%)}.opening-copy{max-width:960px}.overline{margin:0 0 22px;color:var(--mint);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.opening h1{margin:0 0 28px;font:600 clamp(4rem,8vw,9rem)/.9 Manrope,sans-serif;letter-spacing:-.07em}.opening h1 em{color:var(--green);font-style:normal}.opening-copy>p:not(.overline){max-width:610px;margin:0 0 34px;color:#c2ced8;font-size:clamp(1rem,1.35vw,1.25rem)}.opening-link{display:inline-flex;align-items:center;gap:14px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.45);font-size:13px;font-weight:600}.opening-link span{transition:transform .18s var(--ease)}.opening-link:hover span{transform:translateY(4px)}.opening-folio{position:absolute;right:4vw;bottom:7vh;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.56);font-size:10px}.opening-folio i{width:70px;height:1px;background:rgba(255,255,255,.28)}
.story{position:relative;display:grid;grid-template-columns:48vw 1fr;gap:6vw;padding:110px 5vw 0;background:var(--ink)}.story-stage{position:sticky;top:105px;align-self:start;height:calc(100vh - 135px);overflow:hidden;border-radius:2px;background:var(--navy)}.layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blueprint{filter:saturate(.9)}.photo-reveal{position:absolute;inset:0;clip-path:inset(0 100% 0 0);will-change:clip-path}.finished{transform:scale(1.002)}.stage-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(158,232,203,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(158,232,203,.18) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,#000,transparent 80%)}.stage-label{position:absolute;top:28px;left:28px;display:flex;align-items:baseline;gap:12px;text-shadow:0 2px 20px rgba(0,0,0,.4)}.stage-label span{font:600 2.3rem/1 Manrope,sans-serif}.stage-label small{color:var(--mint);font-size:9px;letter-spacing:.18em}.stage-progress{position:absolute;left:28px;right:28px;bottom:28px;height:2px;background:rgba(255,255,255,.18)}.stage-progress i{display:block;width:var(--progress,0%);height:100%;background:var(--green);transition:width .2s linear}.chapters-intro{min-height:76vh;padding-top:10vh;display:flex;flex-direction:column;justify-content:center}.chapters-intro h2,.clarity-break h2,.pathfinder h2,.signature h2{margin:0;font:600 clamp(3.2rem,5.7vw,6.7rem)/.95 Manrope,sans-serif;letter-spacing:-.065em}.chapters-intro>p:last-child{max-width:550px;color:var(--muted);font-size:1.1rem}.chapter{min-height:100vh;padding:16vh 0;display:grid;grid-template-columns:56px 1fr;gap:30px;align-content:center;opacity:.2;transition:opacity .35s ease,transform .5s var(--ease);transform:translateY(20px)}.chapter.is-active{opacity:1;transform:none}.chapter-number{color:var(--green);font:600 12px/1 Manrope,sans-serif;letter-spacing:.12em}.chapter-question{margin:0 0 24px;color:var(--mint);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.chapter h3{margin:0 0 26px;font:600 clamp(2.5rem,4.3vw,5.2rem)/.98 Manrope,sans-serif;letter-spacing:-.06em}.chapter div>p:last-child{max-width:660px;margin:0;color:var(--muted);font-size:1.08rem}
.clarity-break{padding:20vh 8vw;background:var(--paper);color:var(--ink)}.clarity-break .overline{color:#087550}.clarity-break h2{max-width:1150px}.clarity-answer{max-width:950px;margin:50px 0 0 24vw;color:#52606b;font-size:clamp(1.4rem,2.5vw,2.6rem);line-height:1.25;letter-spacing:-.035em}
.pathfinder{padding:150px 7vw;background:#081421;display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw}.pathfinder-copy{position:sticky;top:140px;align-self:start}.pathfinder h2{font-size:clamp(3rem,5vw,5.8rem)}.pathfinder-copy>p:last-child{max-width:450px;color:var(--muted)}.choice-row{display:grid;gap:10px}.choice{padding:22px 24px;border:1px solid rgba(255,255,255,.14);border-radius:2px;color:#c7d1da;background:transparent;text-align:left;cursor:pointer;font-size:1rem;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .14s var(--ease)}.choice:hover,.choice.is-selected{border-color:var(--green);background:rgba(33,196,134,.1);color:#fff}.answer-panel{min-height:360px;margin-top:40px;padding:42px;background:var(--green);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between}.answer-panel>p{margin:0;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.answer-panel h3{max-width:780px;margin:42px 0;font:600 clamp(1.8rem,3vw,3.4rem)/1.1 Manrope,sans-serif;letter-spacing:-.05em}.answer-line{display:flex;align-items:center;gap:14px}.answer-line span{width:48px;height:1px;background:var(--ink)}.answer-line p{margin:0;font-size:12px}
.signature{padding:18vh 7vw 12vh;background:var(--green);color:var(--ink)}.signature-line{display:flex;align-items:center;gap:16px;margin-bottom:11vh}.signature-line span{width:60px;height:1px;background:var(--ink)}.signature-line p{margin:0;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.signature-content{display:grid;grid-template-columns:1fr 430px;gap:8vw;align-items:end}.signature-content h2{max-width:900px}.signature-person{display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:center}.signature-person img{width:90px;height:110px;object-fit:cover;object-position:top;border-radius:2px;filter:grayscale(1)}.signature-person strong,.signature-person span{display:block}.signature-person strong{font:600 1.3rem Manrope,sans-serif}.signature-person span{font-size:12px}.signature-person p{margin:13px 0 0;color:#134b39;font-size:12px}footer{padding:38px 5vw;display:flex;justify-content:space-between;gap:50px;background:#02070d;color:#8d9aa6;font-size:11px}footer p{margin:0}footer p:last-child{max-width:800px;text-align:right}footer strong{color:#fff}
@keyframes hero-settle{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.04)}}
@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav-note{display:none}.opening{padding-left:24px;padding-right:24px}.opening-shade{background:linear-gradient(90deg,rgba(3,11,21,.93),rgba(3,11,21,.25)),linear-gradient(0deg,rgba(3,11,21,.72),transparent 60%)}.story{display:block;padding:70px 20px 0}.story-stage{top:94px;height:58vh;z-index:2}.chapters{position:relative}.chapters-intro{min-height:70vh}.chapter{min-height:82vh;padding:14vh 0}.clarity-break{padding:14vh 24px}.clarity-answer{margin-left:0}.pathfinder{grid-template-columns:1fr;padding:110px 24px}.pathfinder-copy{position:static}.signature{padding:14vh 24px}.signature-content{grid-template-columns:1fr}.signature-person{max-width:430px}footer{flex-direction:column}footer p:last-child{text-align:left}}
@media(max-width:560px){.nav{height:70px;padding:0 14px}.brand span{display:none}.nav-action{font-size:11px}.opening{padding:120px 20px 9vh}.opening h1{font-size:clamp(3.8rem,18vw,5.7rem)}.opening-copy>p:not(.overline){font-size:1rem}.opening-folio{display:none}.story-stage{height:52vh}.stage-label{top:18px;left:18px}.stage-progress{left:18px;right:18px;bottom:18px}.chapters-intro h2,.clarity-break h2,.pathfinder h2,.signature h2{font-size:3.15rem}.chapter{grid-template-columns:34px 1fr;gap:12px}.chapter h3{font-size:2.55rem}.answer-panel{padding:28px}.signature-person{grid-template-columns:72px 1fr}.signature-person img{width:72px;height:92px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.photo-reveal{clip-path:none!important}.chapter{opacity:1;transform:none}.blueprint{display:none}}