/* Art direction: a quiet observatory, then a deliberately staged departure. */
:root{--sc-gutter:clamp(1.25rem,5vw,5.5rem);--brass-text:#dabb83;--sc-accent:#c7a268;--sc-accent-ink:#080d17;--sc-ink-soft:#bdc5d1}
.bar{padding-top:24px;padding-bottom:24px;background:linear-gradient(#060b1480,transparent)}
.bar-actions{display:flex;align-items:center;gap:24px}.quiet-link{font-size:12px;color:#c9ced8;text-decoration:none;padding:12px 0;border-bottom:1px solid #b38b4555}
.cta{border:0;border-radius:2px;min-height:48px;cursor:pointer;padding:1.05rem 1.35rem;font-size:.87rem;letter-spacing:.015em;box-shadow:none}
.cta::after{display:none}.cta span{margin-left:1.3rem}.cta--quiet{border:1px solid #f3f0ea33;background:#0b122280;box-shadow:none;min-height:44px}
.h1{font-size:clamp(3.6rem,6.6vw,7.1rem);line-height:.97;letter-spacing:-.045em}.h1 em,.h2 em{font-weight:400;color:#ded7c8}.h2{font-size:clamp(2.6rem,4.2vw,4.7rem);line-height:1.02;letter-spacing:-.035em}
.eyebrow{font-size:.65rem;letter-spacing:.18em;line-height:1.6;margin-bottom:1.5rem}.eyebrow span{margin:0 .8rem;color:#f3f0ea66}
.lede{font-size:clamp(1rem,1.3vw,1.15rem);max-width:35ch;line-height:1.65;margin-top:1.6rem;color:#cbd1d9}
.sc-copy{max-width:min(41rem,52vw);overflow-wrap:anywhere}.hero{top:50%;bottom:auto;translate:0 -48%}.hero .actions{align-items:center;gap:1.2rem;margin-top:2rem}.scroll-cue{font-size:.68rem;color:#b8c2d1;max-width:14ch;line-height:1.6}
.orbit{top:46%}.orbit .h2{font-size:clamp(2.6rem,4.6vw,5rem)}.orbit .lede{max-width:34ch}.namefield{margin-top:1.5rem;max-width:25rem}.namefield input{font-family:var(--sc-font-text);font-style:normal;font-size:1rem;background:#050a1580;padding:.8rem 0}.namefield input::placeholder{font-size:.85rem}.namefield small{font-size:.7rem}.namefield label{font-size:.68rem;letter-spacing:.12em}.orbit .actions{margin-top:1.25rem}.launch-note{font-size:.68rem;color:#b8c2d1;margin:.75rem 0 0}
.count{left:var(--sc-gutter);top:45%;max-width:35rem}.count__n{font-size:clamp(7rem,17vw,15rem);color:#dabb83;line-height:.75}.count__t{padding-top:0}.count h2{font-size:clamp(2rem,3vw,3rem)}
.peak{right:var(--sc-gutter);bottom:22vh;max-width:40vw}.peak .h2{font-size:clamp(2.5rem,4.9vw,5.7rem)}.peak .eyebrow{margin-bottom:1rem}.ledger{top:46%;max-width:39rem}.ledger dl{margin-top:1.8rem}.ledger .row{padding:.65rem 0}.ledger dt{font-size:.85rem}.ledger dd{font-size:.8rem;line-height:1.5}.finale{bottom:22vh;max-width:47vw}.finale .h2{font-size:clamp(2.6rem,4.4vw,5rem)}.colophon{font-size:.65rem;margin-top:1.25rem;max-width:49ch}.colophon a{color:inherit}.finale .mail{font-size:.8rem}
.route{top:auto;bottom:24px;left:var(--sc-gutter);right:var(--sc-gutter);width:auto;translate:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 3rem;padding-top:16px;border-top:1px solid #f3f0ea33}
.route::before{inset:-50px calc(-1 * var(--sc-gutter)) -24px;background:linear-gradient(transparent,#060b14d9 55%,#060b14)}.route__line,.route__trace{display:none}.route-heading{margin:0 0 6px;grid-column:1;font-size:.65rem;letter-spacing:.08em;color:#c4cbd4;display:flex;gap:1.3rem}.route-heading #chapter-number{color:#dabb83;font-variant-numeric:tabular-nums}.route-heading #chapter-name{display:none}.route ol{grid-column:1;display:flex;justify-content:space-between;gap:10px}.route a{padding:8px 4px;min-height:44px;font-size:.7rem;color:#aeb9c8}.route a::before{display:none}.route a b{font-weight:400;margin-right:.6rem;font-size:.6rem;color:#7f8b9c}.route a[aria-current]{color:#f3f0ea}.route a[aria-current] b{color:#dabb83}.route a.is-past{color:#dabb83}.route a[aria-current]::after{content:'';height:2px;background:#dabb83;position:absolute;inset:auto 4px 0}
.route__read{grid-column:2;grid-row:1 / 3;margin:0;padding:0;min-width:150px;text-align:right;align-self:center;gap:.25rem}.route__k{font-size:.6rem;letter-spacing:.13em}.route__v{font-size:1.25rem;font-variant-numeric:tabular-nums}.route__mission{display:none}.route::after{content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:#dabb83;transform-origin:0 50%;transform:scaleX(var(--trace,0))}
.film-tools{position:fixed;right:var(--sc-gutter);top:95px;z-index:70;display:flex;gap:16px;align-items:center;font-size:.65rem;color:#dabb83}.film-tools button{background:#07111fe6;border:1px solid #dabb8366;padding:10px 14px;min-height:44px;border-radius:2px;cursor:pointer;font-size:.7rem}.film-tools button span{margin-left:16px}
.route .route__mission{display:none}.has-long-name .finale .h2,.has-long-name .peak .h2{font-size:clamp(2.2rem,3.5vw,4.1rem)}
.skip-link{position:fixed;top:-100px;left:1rem;z-index:100;background:#eddab7;color:#080d17;padding:1rem}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible{outline:2px solid #eddab7;outline-offset:5px}
.scrim--lead,.scrim--left{background:linear-gradient(90deg,#060b14ed 0%,#060b14b3 24%,#060b1433 53%,transparent 70%)}.scrim--trail{background:linear-gradient(270deg,#060b14c9,transparent 68%)}
.enhanced [data-sc-copy]{position:absolute;opacity:0;pointer-events:none;will-change:opacity}.enhanced .sc-world__spacer{height:1240vh}.enhanced .sc-world__copy{position:fixed;inset:0;pointer-events:none}.enhanced .sc-world__seg{opacity:0}.enhanced .sc-world__seg:first-child{opacity:1}.enhanced .sc-world__seg img{transform:none!important}.enhanced #world-canvas{transition:opacity 700ms ease}.sc-grain{opacity:.022}
.enhanced .hero{left:var(--sc-gutter)}.enhanced .peak{left:auto}.enhanced .route{display:grid}
/* Reading mode is also the baseline before JavaScript, when it fails, or when
   reduced motion is requested. No hidden essential content or motion engine. */
html:not(.enhanced){scroll-behavior:auto}html:not(.enhanced) .bar{position:relative;background:#060b14}html:not(.enhanced) .sc-world,html:not(.enhanced) [data-sc-spacer],html:not(.enhanced) .scrim,html:not(.enhanced) .film-tools,html:not(.enhanced) .sc-grain{display:none}html:not(.enhanced) .sc-world__copy{position:relative;pointer-events:auto}html:not(.enhanced) [data-sc-copy]{position:relative;inset:auto;translate:none;transform:none!important;opacity:1!important;pointer-events:auto!important;max-width:none;margin:0;padding:4rem var(--sc-gutter);border-bottom:1px solid #f3f0ea1f}html:not(.enhanced) .route{position:relative;inset:auto;display:block;margin:0 var(--sc-gutter);padding:1rem 0}html:not(.enhanced) .route::before,html:not(.enhanced) .route::after,html:not(.enhanced) .route__read,html:not(.enhanced) .route-heading{display:none}html:not(.enhanced) .route ol{flex-wrap:wrap;justify-content:flex-start;gap:1rem}html:not(.enhanced) .hero{padding-top:5rem;padding-bottom:5rem;background:linear-gradient(90deg,#060b14ed,#060b1499),url('assets/posters/0.webp') right center/cover}html:not(.enhanced) .finale{background:linear-gradient(90deg,#060b14ed,#060b1499),url('assets/posters/5.webp') right center/cover}html:not(.enhanced) .count{display:flex;gap:2rem}html:not(.enhanced) .count__n{font-size:5rem}html:not(.enhanced) .peak{text-align:left}html:not(.enhanced) .launch-note,html:not(.enhanced) .scroll-cue{display:none}html:not(.enhanced) .lede{max-width:48ch}html:not(.enhanced) .h1{max-width:12ch}html:not(.enhanced) .ledger dl{max-width:50rem}html:not(.enhanced) #launch{display:none}
@media(max-width:860px){
 .bar{padding:18px var(--sc-gutter)}.bar-actions{gap:15px}.quiet-link{font-size:.62rem;max-width:7ch;line-height:1.25;padding:8px 0}.bar .cta{font-size:.7rem;padding:.75rem .8rem}.logo-naam{font-size:24px}
 .route{bottom:env(safe-area-inset-bottom,0px);left:var(--sc-gutter);right:var(--sc-gutter);top:auto;padding:10px 0 8px;gap:0;grid-template-columns:1fr auto}.route::before{inset:-30px calc(-1 * var(--sc-gutter)) -10px}.route-heading{margin:0;align-items:center;min-height:24px;font-size:.65rem}.route-heading #chapter-name{display:inline}.route ol{grid-column:1 / 3;grid-row:2;gap:0;width:100%;justify-content:space-between}.route a{width:44px;min-height:38px;justify-content:center;padding:6px 0}.route a span{position:static;width:auto;height:auto;clip:auto;font-size:0;white-space:normal}.route a b{display:block;font-size:.65rem;margin:0;line-height:24px}.route a[aria-current]::after{inset:auto 8px 0}.route__read{grid-column:2;grid-row:1;display:block;min-width:0;text-align:right}.route__k{display:none}.route__v{font-size:.7rem}
 .sc-copy{max-width:none;left:var(--sc-gutter);right:var(--sc-gutter)}.enhanced .hero{top:auto;translate:none;bottom:110px}.h1{font-size:clamp(2.65rem,10.2vw,4rem);line-height:1}.eyebrow{font-size:.55rem;margin-bottom:1rem;letter-spacing:.12em}.eyebrow span{margin:0 .4rem}.hero .lede{font-size:.9rem;line-height:1.55;max-width:34ch;margin-top:1.1rem}.hero .actions{margin-top:1.3rem;gap:1rem}.scroll-cue{font-size:.6rem;max-width:13ch}.cta{min-height:46px;font-size:.78rem;padding:.9rem 1.1rem}.cta span{margin-left:.7rem}
 .enhanced .orbit,.enhanced .ledger{top:auto;translate:none;bottom:105px}.orbit .h2{font-size:2.45rem}.orbit .h2 br{display:none}.orbit .lede{font-size:.82rem;line-height:1.5;margin-top:1rem;max-width:36ch}.namefield{margin-top:1rem}.namefield input{padding:.65rem 0;font-size:.9rem}.namefield small{font-size:.61rem}.orbit .actions{margin-top:1rem}.launch-note{font-size:.6rem;margin-top:.6rem}.orbit .eyebrow{margin-bottom:.6rem}
 .enhanced .count{top:auto;bottom:145px;translate:none;max-width:none}.count__n{font-size:7rem}.count__t{padding:0}.count h2{font-size:2rem}.count p{font-size:.9rem}
 .enhanced .peak{bottom:130px;max-width:none;left:var(--sc-gutter);right:var(--sc-gutter);text-align:left}.peak .h2{font-size:2.8rem}.peak .eyebrow{font-size:.56rem}
 .ledger .h2{font-size:2.4rem}.ledger .eyebrow{margin-bottom:.7rem}.ledger dl{margin-top:1rem}.ledger .row{padding:.5rem 0}.ledger dt{font-size:.8rem}.ledger dd{display:block;font-size:.72rem;line-height:1.4;margin-top:.1rem}
 .enhanced .finale{bottom:112px;max-width:none}.finale .h2{font-size:2.6rem}.finale .lede{font-size:.85rem;line-height:1.5;max-width:35ch;margin-top:1rem}.finale .actions{margin-top:1.2rem}.finale .mail{font-size:.7rem;margin-top:1rem}.colophon{display:block;font-size:.55rem;line-height:1.4;margin-top:.8rem}.film-tools{top:80px;left:var(--sc-gutter);right:var(--sc-gutter);justify-content:space-between}.film-tools button{font-size:.65rem;padding:8px 12px}
 .scrim--lead,.scrim--left,.scrim--trail{background:linear-gradient(0deg,#060b14 0%,#060b14e8 28%,#060b1466 58%,transparent 85%)}
 html:not(.enhanced) [data-sc-copy]{padding:2.75rem var(--sc-gutter)}html:not(.enhanced) .route a{width:auto}html:not(.enhanced) .route a span{font-size:.7rem}html:not(.enhanced) .route a b{display:inline;margin-right:.4rem}
}
@media(max-width:860px) and (max-height:740px){.enhanced .hero,.enhanced .orbit,.enhanced .ledger,.enhanced .finale{bottom:98px}.hero .h1{font-size:2.7rem}.orbit .h2,.ledger .h2,.finale .h2{font-size:2rem}.hero .lede{font-size:.82rem}.orbit .lede{font-size:.76rem}.orbit .eyebrow,.ledger .eyebrow{display:none}.namefield{margin-top:.7rem}.namefield small{font-size:.58rem}.launch-note{display:none}.ledger .row{padding:.35rem 0}.ledger dd{font-size:.66rem}.colophon{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:860px){#film-status{max-width:24ch;font-size:.58rem}.film-tools button{flex-shrink:0}.has-long-name .finale .h2,.has-long-name .peak .h2{font-size:2.05rem}.namefield input{font-size:16px}.route a{min-height:44px}}
.capture-frame .bar,.capture-frame .route,.capture-frame .film-tools,.capture-frame .sc-world__copy,.capture-frame .skip-link,.capture-frame .sc-grain{visibility:hidden}.capture-frame{scrollbar-width:none}.capture-frame::-webkit-scrollbar{display:none}

/* v2: desktop shows the chapter name, the numbered route already carries the count */
@media(min-width:861px){.route-heading #chapter-number{display:none}.route-heading #chapter-name{display:inline;color:#dabb83;letter-spacing:.14em;text-transform:uppercase;font-size:.6rem}}
