:root{color-scheme:dark;--charcoal:#1c1e21;--ice:#a7d5d5;--chalk:#f0f1ed;--fog:#aab7bc;--gutter:6vw;font-family:Arial,Helvetica,sans-serif;color:var(--chalk);background:var(--charcoal)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--ice);outline-offset:7px}.skip{position:fixed;top:10px;left:10px;z-index:20;padding:14px;background:var(--chalk);color:var(--charcoal);transform:translateY(-160%)}.skip:focus{transform:none}.visual{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#071117}.plate{position:absolute;width:100%;height:100%;object-fit:cover;object-position:left center}.data,.understood{opacity:0;will-change:opacity}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,16,.32),transparent 46%)}.site-header{position:absolute;z-index:5;top:24px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:clamp(205px,18vw,270px);height:auto}.header-link{font-size:14px;color:var(--chalk);padding:12px 0}.header-link span{color:var(--ice);margin-left:14px}main{position:relative;z-index:1}.chapter{min-height:100svh;padding:160px var(--gutter) 125px;display:flex;align-items:center}.copy{width:39%;max-width:690px}h1,h2{font-size:clamp(48px,5.2vw,94px);line-height:1.025;letter-spacing:-.045em;font-weight:400;margin:0}.next{display:inline-flex;align-items:center;gap:26px;margin-top:38px;font-size:14px;padding:10px 0;color:var(--ice)}.next span{font-size:24px}.manifesto{max-width:450px;margin-top:32px;font-size:clamp(18px,1.5vw,24px);line-height:1.48;color:var(--chalk)}.manifesto p{margin:0 0 20px}.manifesto p:last-child{color:#b9c6cc}.mobile-art{display:none;width:100%;height:auto}.chapter-nav{position:fixed;z-index:7;left:var(--gutter);bottom:26px;display:flex;align-items:center;gap:24px;padding:13px 19px;background:rgba(13,20,26,.9);border:1px solid #35434c;border-radius:3px}.chapter-nav a,.chapter-nav button{font-size:12px;white-space:nowrap;color:#bdc8ce}.chapter-nav a{padding:8px 0}.chapter-nav a span{font-size:10px;margin-right:6px;opacity:.65}.chapter-nav a[aria-current]{color:var(--ice)}.chapter-nav a[aria-current] span{opacity:1}.chapter-nav button{border:0;border-left:1px solid #46545b;padding:8px 0 8px 20px;background:transparent;cursor:pointer}.study-note{position:fixed;right:var(--gutter);bottom:46px;z-index:6;color:#aab7bc;text-transform:uppercase;letter-spacing:.16em;font-size:9px}.at-footer .chapter-nav,.at-footer .study-note{visibility:hidden}footer{position:relative;z-index:9;background:var(--charcoal);padding:54px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #35414a}footer img{display:block;width:190px;height:auto}footer p{font-size:18px}footer div{font-size:11px;color:var(--fog)}footer small{display:block;margin-top:8px;font-size:10px}.motion-off{scroll-behavior:auto}@media(max-height:700px) and (min-width:901px){.chapter{padding-top:140px;padding-bottom:110px}h1,h2{font-size:clamp(44px,4.7vw,75px)}.manifesto{font-size:18px;margin-top:24px}.manifesto p{margin-bottom:14px}.brand img{width:205px}}@media(max-width:900px){:root{--gutter:7vw}.visual{display:none}.site-header{position:relative;top:auto;left:auto;right:auto;padding:18px var(--gutter);background:#071117}.brand img{width:190px}.header-link{font-size:12px}.header-link span{margin-left:6px}.chapter{display:block;min-height:0;padding:0 0 65px;background:#071117}.mobile-art{display:block;width:100%;height:48svh;min-height:260px;max-height:520px;object-fit:cover;object-position:right center}.copy{width:100%;max-width:700px;padding:32px var(--gutter) 0}h1,h2{font-size:clamp(48px,8vw,72px)}.next{margin-top:24px}.manifesto{font-size:20px;margin-top:28px}.chapter-nav,.study-note{display:none}footer{flex-wrap:wrap;padding:38px var(--gutter);gap:24px}footer p{width:100%;margin:0}footer img{width:190px}footer div{width:100%}}@media(max-width:360px){.brand img{width:165px}.header-link{font-size:11px}h1,h2{font-size:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The image sequence is a single composited surface; copy remains in normal flow. */
.visual{background:#000}.signal-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.visual.render-ready .signal-canvas{opacity:1}.visual.render-ready .plate{visibility:hidden}.chapter-nav a{transition:color .25s}.header-link svg{margin-left:10px}.motion-off .chapter-nav a{transition:none}

/* Longer desktop scrub distance; image progress is continuous and reversible. */
@media(min-width:901px){.chapter{min-height:120svh}}