.cinematic{--paper:#f2eee7;--quiet:#bab7b0;background:#090e18;color:var(--paper)}
.cinematic .skip{position:fixed;z-index:100;top:-80px;left:20px;background:#fff;color:#111;padding:12px}.cinematic .skip:focus{top:12px}
.cinematic header{background:linear-gradient(#090e18ed,transparent);padding-block:24px}.cinematic header .cta{box-shadow:none}
.journey{height:440vh}.journey-frame{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;background:#090e18}
.journey-stage{position:absolute;inset:0;touch-action:pan-y}.journey-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.journey-poster{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.7}.webgl-ready .journey-poster{display:none}
.journey-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090e1855,transparent 65%),linear-gradient(0deg,#090e18 0%,transparent 24%,transparent 80%,#090e1844);z-index:1}
.edition{position:absolute;z-index:2;top:118px;left:5vw;right:5vw;display:flex;justify-content:space-between;border-top:1px solid #ffffff26;padding-top:14px;font-size:11px;letter-spacing:.16em;color:var(--quiet)}
.story-copy{position:absolute;z-index:2;left:5vw;top:28%;width:44%;pointer-events:none}.chapter-kicker{color:var(--gold);font-size:13px;letter-spacing:.08em;margin-bottom:28px}
.story-chapter h1,.story-chapter h2{font-size:clamp(42px,5.4vw,86px);line-height:1.1;letter-spacing:-.075em;font-weight:600;margin:0;transform:translateY(var(--copy-shift,0px))}
.story-chapter>p:last-child{color:#c4c5cc;font-size:17px;line-height:1.65;margin-top:25px}
.art-caption{position:absolute;bottom:22%;right:5vw;z-index:2;display:grid;gap:8px;text-align:right;font-size:10px;letter-spacing:.16em;color:#bebbb5}.art-caption span:first-child{font-size:13px;color:var(--gold)}
.journey-bottom{position:absolute;z-index:3;bottom:38px;left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;gap:24px}.scroll-cue{font-size:12px;color:#c4c5cc}.scroll-cue span{margin-left:14px;color:var(--gold)}
.chapter-nav{display:flex;gap:6px}.chapter-nav button,.motion-toggle{font:inherit;color:var(--paper);background:#121925b3;border:1px solid #ffffff26;min-height:44px;cursor:pointer}.chapter-nav button{padding:12px 18px;font-size:12px;letter-spacing:.03em}.chapter-nav button span{margin-left:8px}.chapter-nav [aria-current]{color:#0b1321;background:var(--gold);border-color:var(--gold)}.motion-toggle{padding:10px 12px;font-size:12px}
.cinematic :focus-visible{outline:3px solid #fff;outline-offset:5px}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff12;z-index:3}.journey-progress i{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.story-end{padding:100px 7vw 56px;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;background:#101723;border-top:1px solid #ffffff19}.story-end h2{font-size:clamp(34px,3.6vw,58px);line-height:1.25;letter-spacing:-.05em;margin:24px 0}.story-end p{color:#c4c5cc;font-size:16px;line-height:1.6}.story-end .cta{margin-top:28px}.story-outline{list-style:none;display:grid;align-content:center;gap:30px}.story-outline li{display:flex;gap:28px;padding-bottom:24px;border-bottom:1px solid #ffffff20}.story-outline li>span{color:var(--gold);font-size:12px}.story-outline h3{font-size:18px;font-weight:600;margin-bottom:9px}.story-outline p{font-size:14px}.study-note{grid-column:1/-1;font-size:12px!important;color:#aab3c8!important}.cinematic footer{padding:28px 5vw;justify-content:space-between;font-size:12px;letter-spacing:.03em}
.fallback-note{position:absolute;z-index:4;bottom:150px;left:5vw;max-width:420px;background:#090e18e8;border:1px solid #ffffff40;padding:15px;color:#ddd;font-size:13px;line-height:1.5}
@media(max-width:760px){.cinematic header{padding:20px}.cinematic header img{height:16px}.cinematic header nav{gap:14px}.cinematic header .lnk{font-size:12px}.cinematic header .cta{font-size:11px;padding:9px 12px}.journey{height:340vh}.journey-frame{min-height:600px}.edition{top:85px;left:22px;right:22px;font-size:9px;letter-spacing:.07em;padding-top:12px}.edition>span{font-size:8px}.story-copy{left:24px;top:140px;width:calc(100% - 48px)}.chapter-kicker{font-size:11px;margin-bottom:15px}.story-chapter h1,.story-chapter h2{font-size:clamp(32px,9.8vw,44px);line-height:1.15}.story-chapter>p:last-child{font-size:13px;margin-top:15px}.art-caption{right:24px;bottom:152px;font-size:8px;gap:6px}.art-caption span:first-child{font-size:10px}.journey-bottom{left:22px;right:22px;bottom:22px;display:grid;grid-template-columns:1fr auto;gap:13px}.scroll-cue{grid-column:1/-1;font-size:11px}.chapter-nav{gap:4px}.chapter-nav button{font-size:11px;padding:10px 12px}.chapter-nav button span{display:none}.motion-toggle{font-size:10px;padding:10px}.story-end{padding:60px 24px 32px;grid-template-columns:1fr;gap:40px}.story-end h2{font-size:36px}.story-end p{font-size:14px}.story-outline{gap:24px}.study-note{font-size:11px!important}.fallback-note{bottom:185px;right:24px;left:24px;max-width:none}.journey-vignette{background:linear-gradient(0deg,#090e18 0%,transparent 20%,transparent 60%,#090e1855 85%)}}
@media(prefers-reduced-motion:reduce){.journey{height:260vh}.story-chapter h1,.story-chapter h2{transform:none}.motion-toggle{display:none}}
@media(max-height:640px) and (min-width:761px){.edition{top:88px}.story-copy{top:25%}.chapter-kicker{margin-bottom:14px}.story-chapter h1,.story-chapter h2{font-size:42px}.story-chapter>p:last-child{font-size:14px;margin-top:15px}}
@media(max-height:640px){.journey-frame{min-height:0;height:100svh}.cinematic header{padding-block:14px}.edition{top:66px;padding-top:8px;font-size:9px}.story-copy{top:110px;left:5vw;width:48%}.chapter-kicker{font-size:10px;margin-bottom:10px}.story-chapter h1,.story-chapter h2{font-size:clamp(24px,4vw,34px)}.story-chapter>p:last-child{font-size:12px;margin-top:10px}.journey-bottom{bottom:16px;left:5vw;right:5vw;display:flex;gap:12px}.scroll-cue{display:none}.chapter-nav button{padding:8px 12px;min-height:40px}.motion-toggle{min-height:40px;font-size:10px}.art-caption{bottom:82px;font-size:8px}.art-caption span:first-child{font-size:10px}.fallback-note{bottom:70px;left:auto;right:5vw;max-width:40%;font-size:11px;padding:10px}}