.stage-canvas{z-index:0;opacity:0;width:100vw;height:100vh;transition:opacity .35s;display:none;position:fixed;inset:0}.is-3d .stage-canvas{display:block}.veil{z-index:1;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 70%, transparent) 0%, transparent 52%);display:none;position:fixed;inset:0}.is-3d .veil{display:block}main{z-index:2;position:relative}.chapter{padding:clamp(4rem, 12vh, 8rem) var(--gutter);background:var(--bg);color:var(--fg);position:relative}html:not(.is-3d) .chapter[data-theme=dark]{--bg:#0d0c0b;--bg-2:#1a1715;--fg:#e8e2d9;--muted:#a89e92;--accent:#ff6a1f;--line:#3b342e;--glass:#1a171599;--glass-edge:#e8e2d929}html:not(.is-3d) .chapter[data-theme=light],html:not(.is-3d) .closing{--bg:#fff8ec;--bg-2:#ffefd4;--fg:#2a2438;--muted:#5b516b;--accent:#4fa8ff;--line:#eadcc4;--glass:#ffffffb8;--glass-edge:#2a24381a;--radius:20px}.chapter__stage{gap:2rem;max-width:72rem;margin:0 auto;display:grid}.copy{max-width:34rem;font-family:var(--font-display)}.eyebrow{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1.4rem;font-size:.78rem;font-weight:500}.eyebrow__n{color:var(--accent);margin-right:.5em}.beat{text-wrap:balance;margin-bottom:.7em;font-size:clamp(1.5rem,2.4vw,2.4rem);font-weight:350;line-height:1.24}[data-theme=light] .beat{font-size:clamp(1.35rem,2.1vw,2.1rem);font-weight:500;line-height:1.3}.beat--label{font-family:var(--font-ui);font-variant:small-caps;letter-spacing:.14em;text-transform:lowercase;border:1px solid var(--glass-edge);background:var(--glass);color:var(--fg);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;display:inline-block}[data-theme] .beat--label,.is-3d [data-theme] .beat--label{font-size:.85rem;font-weight:600;line-height:1.4}.chapter--blocks .beat--block{max-width:28ch;font-size:clamp(1.6rem,3vw,2.8rem)}.still{max-width:22rem;margin:0}.still svg{width:100%;height:auto}.ill-glass{fill:#ffffff0f;stroke:#fff6}.ill-ember{fill:var(--ember)}.ill-smoke{fill:#aaa09659}.ill-sun{fill:var(--sun)}.ill-a{fill:var(--sky)}.ill-b{fill:var(--berry)}.ill-c{fill:var(--sun)}.ill-screen{fill:#8fd8ff}.ill-white{fill:#fff;stroke:var(--line)}.ill-line{stroke:var(--line);stroke-width:3px;fill:none}.ill-line-fill{fill:var(--ink)}.ill-path{stroke:#d9b98a;stroke-width:10px;fill:none;stroke-linecap:round}.ill-earth{fill:var(--leaf);stroke:#c48a3a;stroke-width:4px}.scroll-hint{display:none}.is-3d .chapter{height:calc(var(--len) * 100vh);background:0 0;padding:0}.is-3d .chapter__stage{max-width:none;height:100vh;padding:0 var(--gutter);flex-direction:column;justify-content:flex-end;padding-bottom:16vh;display:flex;position:sticky;top:0}.is-3d .still{display:none}.is-3d .copy{border-radius:var(--radius);border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);width:min(36vw,34rem);transition:border-radius .6s var(--ease-heavy), opacity .5s ease;padding:1.6rem 1.8rem 1rem;box-shadow:0 20px 60px -30px #00000073}.is-3d .copy:not(.has-beats){opacity:0;pointer-events:none}.is-3d .copy:has(.beat:not(.is-on)) .beat:not(.is-on){max-height:0;margin:0;overflow:hidden}.is-3d .beat{opacity:0;filter:blur(4px);transition:opacity .7s ease, transform .9s var(--ease-heavy), filter .7s ease, max-height .6s ease;max-height:12em;transform:translateY(14px)}.is-3d [data-theme=light] .beat{transition:opacity .45s ease, transform .6s var(--ease-spring), filter .45s ease, max-height .45s ease}.is-3d .beat.is-on{opacity:1;filter:none;transform:none}.is-3d .chapter--blocks .chapter__stage,.is-3d .chapter--question .chapter__stage{justify-content:center;align-items:center;padding-bottom:0}.is-3d .chapter--blocks .copy,.is-3d .chapter--question .copy{width:min(48rem,90vw);box-shadow:none;-webkit-backdrop-filter:none;text-align:center;background:0 0;border:none}.is-3d .chapter--blocks .beat--block{margin-inline:auto}.is-3d .chapter--ilmi .chapter__stage,.is-3d .chapter--fields .chapter__stage{flex-direction:row;justify-content:space-between;align-items:center;gap:4vw;padding-bottom:0}.is-3d .chapter--ilmi .copy,.is-3d .chapter--fields .copy{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none}.is-3d .chapter--ilmi .beat,.is-3d .chapter--fields .beat,.is-3d .chapter--question .beat{font-size:clamp(1.2rem,1.7vw,1.65rem)}.is-3d .chapter--question .beat:first-of-type{font-size:clamp(1.6rem,2.8vw,2.6rem)}.is-3d .extra.beat,.is-3d .programmes.beat{max-height:none}.is-3d .scroll-hint{font-family:var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;gap:.6rem;font-size:.72rem;transition:opacity .6s;display:flex;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.is-3d .scroll-hint:after{content:"";background:linear-gradient(var(--muted), transparent);width:1px;height:3rem;animation:hint 2.4s var(--ease-heavy) infinite;transform-origin:top}.scroll-hint.is-gone{opacity:0}.scene-hint{display:none}.is-3d .scene-hint{right:calc(var(--gutter) + 2.5rem);max-width:18rem;font-family:var(--font-ui);color:var(--fg);border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(6px);transition:opacity .5s ease, transform .5s var(--ease-spring);border-radius:999px;margin:0;padding:.45rem .9rem;font-size:.8rem;display:block;position:absolute;bottom:4vh}.is-3d .scene-hint[data-at]:not(.is-on){opacity:0;transform:translateY(8px)}.is-clickable,.is-clickable body{cursor:pointer}@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.is-3d .chapter--flow{height:auto;min-height:100vh;padding:clamp(5.5rem, 14vh, 9rem) var(--gutter) clamp(3rem, 8vh, 6rem)}.is-3d .chapter--flow .chapter__stage{max-width:72rem;height:auto;margin:0 auto;padding:0;position:relative}.is-3d .chapter--blocks .chapter__stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 42%, color-mix(in srgb, var(--bg) 78%, transparent), transparent 75%);position:absolute;inset:0}.is-3d .chapter--blocks .chapter__stage{flex-direction:column;gap:clamp(.5rem,3vh,1.5rem);padding-top:4.5rem}.is-3d .chapter--blocks .beat--block{font-size:clamp(1.3rem,min(3vw,4.4vh),2.8rem)}.windows{width:min(24rem,80vw,42vh);margin:0 auto}.windows svg{width:100%;height:auto;display:block}.win__wall{fill:var(--bg-2);stroke:var(--line)}.win__glass{fill:#f2b35e;filter:drop-shadow(0 0 6px #ffaa5073)}.win__frame{stroke:var(--bg-2);stroke-width:2.5px;fill:none}.win__queue circle{fill:var(--muted);opacity:.75}.win__new .win__glass{fill:color-mix(in srgb, var(--muted) 45%, transparent);filter:none;transition:fill 1.2s,filter 1.2s}.win__new.is-on .win__glass,html:not(.is-3d) .win__new .win__glass{fill:var(--sun);filter:drop-shadow(0 0 12px #ffc93ccc)}.is-3d .chapter--ilmi .chapter__stage{padding-top:4.5rem}.is-3d .chapter--ilmi .chapter__stage:before{content:"";z-index:-1;pointer-events:none;opacity:calc(var(--theme,1) * (1 - var(--theme,1)) * 4);background:radial-gradient(circle at 72% 55%, color-mix(in srgb, var(--sun) 55%, transparent), transparent 45%);position:absolute;inset:0}