@font-face{font-family:BarlowCondensed;src:url(../fonts/barlow-condensed-800.woff2) format("woff2");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:PlexMono;src:url(../fonts/ibm-plex-mono-400.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--bg-raw:#7a1119;--fg-raw:#f0eee7;--muted-raw:#e2b8ac;--line-raw:#b96c64;--bg-gradient:radial-gradient(ellipse at 68% 28%,#b83432 0%,#8e1b22 31%,transparent 68%),radial-gradient(ellipse at 8% 92%,#31030a 0%,transparent 66%),linear-gradient(135deg,#39050b 0%,#81141c 46%,#4a080f 78%,#210306 100%);--bg:oklch(23% .008 165);--fg:oklch(94% .015 90);--muted:oklch(74% .01 110);--line:oklch(45% .01 130);--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{background:var(--bg-raw);scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--line-raw) var(--bg-raw)}body{margin:0;min-width:320px;color:var(--fg-raw);font-family:PlexMono,monospace;background:var(--bg-raw);transition:background-color .24s ease-out,color .24s ease-out}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--fg-raw);outline-offset:5px}button{cursor:pointer}#poster{position:fixed;inset:0;z-index:0;background:var(--bg-raw) url(../poster.webp) center/cover no-repeat;transition:opacity .4s ease-out}#stage{position:fixed;inset:0;z-index:1;min-height:100dvh;overflow:hidden;background:var(--bg-gradient)}#stage:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.11;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}#webgl,#webgl canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#webgl{background:transparent}.topbar{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 32px;font-size:11px;letter-spacing:.18em}.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-height:44px}.brand svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.text-button{min-height:44px;padding:0 4px 0 20px;border:0;background:none;font-size:11px;letter-spacing:.18em;transition:opacity .18s ease-out}.text-button:hover{opacity:.62}.chapter{position:absolute;inset:0;z-index:3;display:flex;align-items:center;padding:80px 32px 110px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s ease-out,visibility .22s step-end}.chapter.is-visible{opacity:1;visibility:visible;transition:opacity .22s ease-out,visibility 0ms}.chapter-copy{width:min(42vw,570px)}.eyebrow{margin:0 0 22px;font-size:10px;line-height:1.6;letter-spacing:.28em;color:var(--muted-raw)}h1,h2{font-family:BarlowCondensed,Arial Narrow,sans-serif;font-weight:800;font-size:clamp(106px,13.4vw,210px);line-height:.76;letter-spacing:-.035em;margin:0;text-transform:uppercase}.chapter-note{margin:32px 0 0;font-size:10px;line-height:1.8;letter-spacing:.16em;color:var(--muted-raw)}.chapter-anatomy{justify-content:flex-end;text-align:right}.chapter-anatomy .chapter-copy{width:min(43vw,620px)}.chapter-detail{align-items:flex-end;padding-bottom:150px}.chapter-detail h2{font-size:clamp(90px,11vw,174px)}.chapter-final{justify-content:center;text-align:center}.chapter-final .chapter-copy{width:min(80vw,760px)}.chapter-final h2{font-size:clamp(92px,12vw,184px)}.chapter-cta{pointer-events:auto;margin-top:38px;min-height:48px;padding:0 24px;border:1px solid var(--line-raw);border-radius:999px;background:transparent;font-size:10px;letter-spacing:.16em;transition:background-color .18s ease-out,color .18s ease-out}.chapter-cta:hover{background:var(--fg-raw);color:var(--bg-raw)}.side-label{position:absolute;z-index:3;right:30px;top:50%;display:flex;align-items:center;gap:18px;transform:translate(50%,-50%) rotate(90deg);font-size:9px;letter-spacing:.24em;color:var(--muted-raw);white-space:nowrap;pointer-events:none}.side-label span{display:block;width:42px;height:1px;background:var(--line-raw)}.bottom-bar{position:absolute;z-index:5;left:0;bottom:0;width:100%;display:grid;grid-template-columns:1fr minmax(120px,260px) 1fr;align-items:end;gap:28px;padding:24px 32px 30px}.scroll-cue{justify-self:start;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0;border:0;background:none;font-size:10px;letter-spacing:.16em}.scroll-cue svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .18s ease-out}.scroll-cue:hover svg{transform:translateY(3px)}.progress{align-self:center;height:1px;background:var(--line-raw);overflow:hidden}.progress span{display:block;width:100%;height:100%;background:var(--fg-raw);transform:scaleX(0);transform-origin:left center}.controls{justify-self:end;display:flex;gap:10px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border:1px solid var(--line-raw);border-radius:999px;background:transparent;font-size:9px;letter-spacing:.14em;white-space:nowrap;transition:background-color .18s ease-out,border-color .18s ease-out}.pill:hover{background:color-mix(in srgb,var(--fg-raw) 9%,transparent);border-color:var(--fg-raw)}.swatch{width:10px;height:10px;border:1px solid currentColor;border-radius:50%;background:var(--bg-raw)}.frame-corners{position:absolute;inset:12px;z-index:2;pointer-events:none}.frame-corners i{position:absolute;width:12px;height:12px;border-color:var(--line-raw);border-style:solid}.frame-corners i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.frame-corners i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.frame-corners i:nth-child(3){bottom:0;right:0;border-width:0 1px 1px 0}.frame-corners i:nth-child(4){bottom:0;left:0;border-width:0 0 1px 1px}#status{position:absolute;z-index:7;left:50%;bottom:92px;transform:translate(-50%);font-size:10px;letter-spacing:.12em;opacity:0;transition:opacity .18s ease-out;pointer-events:none;white-space:nowrap}#status.show{opacity:1}.scroll-space{height:520vh;pointer-events:none}#loading{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#260408;color:#f0eee7;transition:opacity .36s ease-out,visibility .36s step-end}#loading.is-done{opacity:0;visibility:hidden;pointer-events:none}#loading p{margin:24px 0 14px;font-size:9px;letter-spacing:.22em}.loader-mark{position:relative;width:36px;height:36px}.loader-mark span{position:absolute;top:17px;left:0;width:36px;height:1px;background:currentColor}.loader-mark span:last-child{transform:rotate(90deg)}.loader-line{width:180px;height:1px;background:#444844;overflow:hidden}.loader-line span{display:block;width:100%;height:100%;background:#f0eee7;transform:scaleX(0);transform-origin:left center;transition:transform .18s ease-out}dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:48px;border:1px solid #545952;background:#1d211f;color:#f0eee7;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#080a09b8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:12px;right:14px;width:44px;height:44px;border:0;background:transparent;font-size:28px;font-weight:400}dialog h2{font-size:clamp(64px,10vw,108px);line-height:.82;margin-bottom:30px}dialog>p:not(.eyebrow){font-family:PlexMono,monospace;font-size:13px;line-height:1.8;color:#c7cac4}dialog dl{margin:30px 0}dialog dl div{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:14px 0;border-top:1px solid #444844}dialog dt{font-size:10px;letter-spacing:.15em}dialog dd{margin:0;font-size:12px;line-height:1.6;color:#c7cac4}dialog .credits{font-size:10px!important;color:#9da29b!important}@media(max-width:800px){.topbar{padding:18px 20px}.brand{font-size:9px;letter-spacing:.12em}.text-button{font-size:10px}.chapter{padding:76px 20px 126px;align-items:flex-end}.chapter-copy,.chapter-anatomy .chapter-copy{width:100%}h1,h2{font-size:clamp(82px,26vw,138px);line-height:.78}.chapter-note{margin-top:20px;font-size:9px}.eyebrow{margin-bottom:16px;font-size:9px}.chapter-anatomy{text-align:left;align-items:center;justify-content:flex-start}.chapter-detail{padding-bottom:160px}.chapter-detail h2{font-size:clamp(76px,23vw,122px)}.chapter-final{align-items:center;text-align:center}.chapter-final h2{font-size:clamp(80px,24vw,130px)}.side-label{display:none}.bottom-bar{grid-template-columns:1fr auto;gap:10px;padding:16px 20px max(20px,env(safe-area-inset-bottom))}.progress{position:absolute;left:20px;right:20px;bottom:82px}.controls{gap:8px}.pill{padding:0 13px;font-size:8px}.pill#bg-color{width:44px;padding:0;font-size:0}.pill#bg-color .swatch{width:13px;height:13px}.scroll-cue{font-size:8px;letter-spacing:.08em}.frame-corners{inset:8px}dialog{padding:40px 24px 28px}dialog dl div{grid-template-columns:70px 1fr;gap:12px}}@media(max-width:430px){.brand span{max-width:170px;line-height:1.5}.chapter-hero .chapter-note{display:none}.controls .pill#restart{padding:0 12px}.bottom-bar{grid-template-columns:1fr auto}.scroll-cue span{max-width:85px;line-height:1.5;text-align:left}}@media(max-height:560px)and (max-width:800px){.topbar{padding:6px 16px}.brand,.text-button{min-height:32px}.chapter{padding:44px 20px 64px;align-items:center}.chapter-copy,.chapter-anatomy .chapter-copy{width:52%}h1,h2,.chapter-detail h2,.chapter-final h2{font-size:clamp(52px,20vh,96px);line-height:.78}.eyebrow{margin-bottom:8px;font-size:7px}.chapter-note{display:none}.chapter-cta{margin-top:14px;min-height:36px}.bottom-bar{padding:4px 16px 8px}.progress{bottom:56px}.scroll-cue,.pill{min-height:36px}.frame-corners{inset:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}