@font-face{font-family:Manrope;src:url(manrope-latin.woff2) format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#100e14;--ink:#eee6db;--muted:#bcb0af;--rose:#b99187;--line:#6e5554;--vh:100svh}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e8c8b3;outline-offset:6px}button{cursor:pointer}h1,h2,p{margin:0}#surface-5777{isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 50% 40%,#2e2228 0,#100e14 65%)}.skip{position:fixed;top:10px;left:15px;z-index:100;transform:translateY(-160%);padding:14px;background:#eee6db;color:#211a21}.skip:focus{transform:none}.surface-header{position:fixed;z-index:30;top:0;left:0;width:100%;height:76px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(180deg,#211b21ed,#151218bc);box-shadow:0 1px 0 #efd7c214,inset 0 1px 0 #efd7c21a;backdrop-filter:blur(16px)}.brand{display:flex;gap:13px;align-items:center;font-size:13px;font-weight:600;white-space:nowrap;min-height:44px}.emblem{width:21px;height:31px;filter:drop-shadow(0 3px 6px #0008)}nav{display:flex;align-items:center;gap:30px}nav a{font-size:12px;color:#d5c8c5;min-height:44px;display:flex;align-items:center;position:relative}nav a:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--rose);transform:scaleX(0);transition:transform .2s}nav a:hover:after,nav a[aria-current]:after{transform:scaleX(1)}.header-action{display:flex;align-items:center;gap:17px;font-size:11px;letter-spacing:.05em;min-height:44px}.header-action svg{width:30px;height:24px;fill:none;stroke:var(--rose);stroke-width:1}.stage{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,#302329 0,#17141b 45%,#100e14 90%)}.stage canvas,.opening-poster,.opening-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage canvas{opacity:0}.webgl-ready .stage canvas{opacity:1}.webgl-ready .opening-poster{visibility:hidden}.stage-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px 25px #0d0c1040;background:linear-gradient(180deg,#100e1440 0,transparent 29%,transparent 85%,#100e1499 100%)}.chapter{height:var(--vh);position:relative;text-align:center}.chapter-copy{position:relative;padding:120px 24px 0;margin:auto;max-width:980px;z-index:4}.chapter h1{font-size:clamp(38px,5.6vw,78px);font-weight:500;line-height:1.06;letter-spacing:-.057em}.hero-line{font:italic clamp(27px,3vw,39px)/1.2 Georgia,serif;color:#d5b9b0;margin-top:12px}.chapter h2{font:400 clamp(36px,4.1vw,57px)/1.07 Georgia,serif;letter-spacing:-.035em}.chapter-copy>p:not(.hero-line){font-size:13px;line-height:1.7;color:var(--muted);max-width:475px;margin:17px auto 0}.chapter .still{display:block;width:min(100%,1000px);height:65svh;object-fit:cover;margin:0 auto}.enhanced:not(.static-mode) .chapter .still{display:none}.enhanced:not(.static-mode) .chapter-copy{position:fixed;top:0;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity}.enhanced:not(.static-mode) .chapter.active .chapter-copy{visibility:visible;pointer-events:auto}.scroll-cue{font-size:10px;letter-spacing:.14em;position:absolute;bottom:58px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:14px;align-items:center;min-width:140px;min-height:44px;z-index:5;color:#d8c3bb}.scroll-cue svg{height:31px;width:16px;fill:none;stroke:#ab8680}.chapter-counter{position:fixed;top:50%;left:4.5%;z-index:10;display:flex;flex-direction:column;align-items:center;gap:18px;font-size:10px;color:#ad9b9d;font-variant-numeric:tabular-nums}.chapter-counter #chapter-number{color:#eee6db}.counter-line{width:1px;height:64px;background:#8c6a6255}.progress-rail{position:fixed;right:3.1%;top:40%;height:20%;width:1px;background:#b08b7133;z-index:10}#progress-bar{height:100%;background:#d6b5a0;transform:scaleY(0);transform-origin:top}.scene-note{position:fixed;bottom:20px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;z-index:25;font-size:10px;letter-spacing:.05em;color:#c2b0ad}.scene-note button{min-height:44px;padding:0 12px;background:#17121988;border:1px solid #a27f7340;border-radius:0;font-size:10px}.scene-note button[aria-pressed=true]{background:#eee6db;color:#201820}.annotation{position:fixed;z-index:7;pointer-events:none;font-size:10px;color:#d2c3bd;display:none;white-space:nowrap;align-items:center;gap:9px}.annotation-line{width:45px;height:1px;background:#cbb3a5a0;position:relative}.annotation-line:before{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#e4cdbb}.component-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:19px}.component-controls button{font-size:11px;min-height:44px;padding:0 16px;background:#151218b3;border:1px solid #9d80744f;border-radius:2px}.component-controls button[aria-pressed=true]{background:#dac1b2;color:#241821;border-color:#dac1b2}.finish-controls{display:flex;justify-content:center;gap:10px;margin-top:21px}.finish-controls button{width:48px;height:48px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:50%}.finish-controls button span{width:29px;height:29px;background:var(--swatch);border-radius:50%;box-shadow:inset 0 1px 3px #fff8,0 2px 5px #0009}.finish-controls button[aria-pressed=true]{border-color:#ddc0b1}.finish-label{font-size:11px!important;letter-spacing:.12em;margin-top:9px!important}.final-actions{position:absolute;bottom:65px;left:0;right:0;display:flex;justify-content:center;gap:28px;align-items:center;z-index:12}.final-actions a{font-size:12px;min-height:48px;display:flex;align-items:center;gap:20px;padding:0 16px;border-bottom:1px solid #b88f75}.final-actions .primary-link{background:#d8b9a5;color:#23171d;border:0;padding:0 22px}.surface-footer{position:relative;z-index:27;background:#151117;padding:42px 6% 38px;display:flex;flex-direction:column;align-items:center;gap:22px;font-size:11px;text-align:center;border-top:1px solid #ac897329}.surface-footer>p{color:#baaaa8}.surface-footer>a{color:#d2b09c}.surface-footer details{width:min(650px,100%);color:#bdb1ae;font-size:11px}.surface-footer summary{cursor:pointer;min-height:44px;align-content:center}.study-notes{padding:15px 10px;line-height:1.8;text-align:left}.study-notes p{margin-bottom:15px}.study-notes a{display:inline-block;text-decoration:underline;text-underline-offset:4px;margin-right:20px;min-height:44px;align-content:center}.static-mode .stage{display:none}.static-mode .chapter{height:auto;min-height:100svh}.static-mode .chapter-copy{padding-top:112px}.static-mode .still{object-fit:contain;height:auto;max-height:70svh}.static-mode .chapter-counter,.static-mode .progress-rail,.static-mode .annotation{display:none!important}.static-mode .scroll-cue{position:relative;bottom:auto;padding:25px 0;left:auto;transform:none}.static-mode .final-actions{position:relative;bottom:auto;padding:20px 0 50px}.static-mode #surface-5777{background:#100e14}.static-mode .scene-note{background:#151218cc;padding:0 10px;bottom:8px}.static-mode .chapter{padding-bottom:25px}.static-mode .finish-still{margin-top:12px}
@media(min-width:1700px){.chapter-copy{padding-top:140px}}@media(max-height:780px) and (min-width:641px){.chapter-copy{padding-top:95px}.chapter h1{font-size:59px}.chapter h2{font-size:43px}.hero-line{font-size:29px}.chapter-copy>p:not(.hero-line){margin-top:12px;font-size:12px}.surface-header{height:64px}.scene-note{bottom:9px}.scroll-cue{bottom:48px}.finish-controls{margin-top:13px}.explore-chapter h2{font-size:38px}.component-controls{margin-top:11px}}
@media(max-width:860px){.surface-header{padding:0 24px;gap:15px}.header-action{display:none}nav{gap:21px}.brand{font-size:11px}.chapter-counter{left:23px}.progress-rail{right:23px}.chapter-copy{padding-top:118px}}
@media(max-width:640px){.surface-header{height:65px;padding:0 16px;gap:10px}.brand{font-size:10px;gap:8px}.brand .emblem{width:16px;height:26px}nav{gap:15px}nav a{font-size:10px}nav a:first-child,nav a:last-child{display:none}.chapter h1{font-size:clamp(32px,8.6vw,52px);letter-spacing:-.052em;white-space:nowrap}.chapter-copy{padding:106px 15px 0}.hero-line{font-size:29px;margin-top:12px}.chapter h2{font-size:39px;line-height:1.07}.chapter-copy>p:not(.hero-line){font-size:11px;max-width:295px;margin-top:14px;line-height:1.7}.chapter-counter{left:15px;top:48%;font-size:9px;gap:12px}.counter-line{height:40px}.progress-rail{right:15px;height:15%;top:45%}.scene-note{left:16px;right:12px;bottom:9px;font-size:8px;letter-spacing:.015em;gap:10px}.scene-note button{font-size:9px;padding:0 9px}.scroll-cue{bottom:64px;font-size:9px}.component-controls{gap:5px;max-width:340px;margin:15px auto 0}.component-controls button{font-size:9px;padding:0 11px;min-height:44px}.explore-chapter h2{font-size:33px}.explore-chapter .chapter-copy{padding-top:91px}.finish-controls{margin-top:15px}.final-actions{bottom:68px;gap:12px;flex-direction:column}.final-actions a{min-height:44px;font-size:11px}.final-actions .primary-link{padding:0 18px}.finale .chapter-copy{padding-top:103px}.annotation{font-size:8px}.annotation-line{width:17px}.surface-footer{padding:36px 22px 65px;font-size:10px}.static-mode .chapter-copy{padding-top:92px}.static-mode .still{max-height:66svh}.static-mode .scene-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.stage,.surface-header,.scene-note,.chapter-counter,.progress-rail,.annotation{display:none!important}.chapter{height:auto!important;break-inside:avoid}.chapter-copy{position:static!important;opacity:1!important;visibility:visible!important}.chapter .still{display:block!important;width:60%;height:auto}.chapter-copy{padding-top:24px}body,#surface-5777{background:#fff;color:#222}.surface-footer{background:#fff;color:#222}}

@media(min-width:641px) and (min-height:781px){.assembly-chapter .chapter-copy{padding-top:207px}.assembly-chapter h2{font-size:46px}.assembly-chapter .chapter-copy>p{margin-top:9px;font-size:11px}}

.static-mode .chapter .still{margin-top:-80px;position:relative;z-index:-1}.static-mode .chapter-copy{position:relative;z-index:2}.static-mode .stage{display:none}.static-mode .chapter{isolation:isolate}.static-mode .assembly-chapter .chapter-copy{padding-top:110px}
@media(max-width:640px){.stage:before{content:'';position:absolute;inset:0 30px;box-shadow:inset 1px 0 #c3a79712,inset -1px 0 #b3c5e210;background:linear-gradient(90deg,#30202833,transparent 10%,transparent 90%,#1f263533)}.static-mode .chapter .still{margin-top:-100px;width:100%;max-height:80svh;object-fit:contain}.static-mode .chapter-copy{padding-bottom:0}.static-mode .assembly-chapter .chapter-copy{padding-top:95px}}

nav a{min-width:44px;justify-content:center}.surface-footer>a{min-height:44px;display:inline-flex;align-items:center}

.enhanced:not(.static-mode) #surface-5777:not(.unmasked) .stage canvas{mask-image:linear-gradient(to bottom,transparent 0,transparent var(--copy-bottom,220px),#000 calc(var(--copy-bottom,220px) + 32px))}

@media(min-width:641px){.scroll-cue{bottom:40px}}