@font-face{font-family:Outfit;src:url(../fonts/Outfit-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{font-family:Arial,Helvetica,sans-serif;color:#f6f2eb;background:#090909;font-synthesis:none;-webkit-font-smoothing:antialiased;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible{outline:2px solid #ff9859;outline-offset:7px}button svg{width:20px;height:20px;flex-shrink:0}::selection{background:#f1793e;color:#111}.scene{position:fixed;top:0;right:0;bottom:0;left:0;height:100svh}.scene canvas{display:block;width:100%;height:100%}.scroll-track{height:580svh;pointer-events:none}.scene-shade{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(12,8,5,.45),transparent 20%,transparent 73%,rgba(12,8,5,.66))}.interface{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.interface button,.interface nav{pointer-events:auto}.header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 42px;gap:30px}.wordmark{font-family:Outfit,Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:-1.3px;padding:0;position:relative}.wordmark span{font-family:Arial,sans-serif;position:absolute;font-size:9px;top:4px;right:-10px;letter-spacing:0}.header-caption{font-size:10px;letter-spacing:2.2px;display:flex;align-items:center;gap:9px;color:#ffffffb8}.status-dot{width:5px;height:5px;border-radius:100%;background:#fb914c;box-shadow:0 0 10px #ff8e4966}.header-actions{display:flex;gap:22px;align-items:center}.header-actions button{font-size:12px;padding:8px 0;display:flex;align-items:center;gap:12px}.header-actions button:hover{color:#ffa266}.header-actions .replay{font-size:24px;font-weight:400;padding:2px 0}.brand-title{position:fixed;z-index:11;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;font-family:Outfit,Arial,sans-serif;font-size:clamp(80px,10vw,160px);font-weight:700;letter-spacing:-.065em;line-height:1;pointer-events:none;white-space:nowrap}.brand-title span{position:absolute;right:-19px;top:12px;font-family:Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:0}.frame-index{position:absolute;right:42px;top:50%;display:flex;flex-direction:column;align-items:center;gap:15px;font-size:9px;letter-spacing:1px;color:#ffffff70}.frame-index span{color:#fff}.frame-index i{height:62px;width:1px;background:#ffffff45}.overview-label{position:absolute;left:42px;top:27%}.overview-label>span{font-size:9px;letter-spacing:2px;color:#fba56d}.overview-label p{font-size:clamp(25px,3vw,48px);line-height:1.15;letter-spacing:-1.2px;margin-top:16px}.footer{position:absolute;bottom:0;left:0;width:100%;padding:28px 42px 34px;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:end}.scene-caption span{font-size:9px;letter-spacing:2.2px;color:#ffaf7a}.scene-caption p{font-size:13px;margin:10px 0 0;color:#efe7dfc4}.chapters{display:flex;align-items:center;gap:8px;padding-bottom:1px}.chapters button{display:flex;flex-direction:column;gap:13px;padding:8px 3px;min-width:58px;align-items:flex-start}.chapters button span{font-size:9px;color:#fff6;letter-spacing:1px;transition:color .3s}.chapters button i{height:2px;width:52px;background:#fff4;transition:background .3s}.chapters button[aria-current] i,.chapters button:hover i{background:#f59554}.chapters button[aria-current] span,.chapters button:hover span{color:#fff}.scroll-cue{justify-self:end;display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:1.7px;padding:8px 0}.scroll-cue svg{width:18px;height:26px}.scroll-cue:hover{color:#ffa266}.progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff12}.progress>div{height:100%;background:#f68e49;transform-origin:left}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#090909}.loading{position:absolute;bottom:46px;left:50%;transform:translate(-50%);display:flex;gap:20px;align-items:center;font-size:8px;letter-spacing:1.8px;color:#ffffff70;white-space:nowrap}.loading-line{width:120px;height:1px;background:#ffffff26}.loading-line i{display:block;height:100%;background:#eee;transform-origin:left}.load-error{position:absolute;bottom:12%;max-width:440px;padding:24px;text-align:center;font-size:14px;line-height:1.6}.load-error button{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid #f69752;padding:8px 0}@media(min-width:1800px){.header,.footer{padding:40px 60px}.frame-index{right:60px}}@media(max-width:760px){.header{padding:25px 24px;gap:20px}.header-caption{display:none}.wordmark{font-size:26px}.header-actions{gap:18px}.header-actions button{font-size:11px}.brand-title{font-size:clamp(50px,15vw,88px)}.brand-title span{font-size:9px;right:-12px;top:6px}.frame-index{right:24px;gap:12px}.frame-index i{height:44px}.footer{padding:24px 24px 28px;grid-template-columns:1fr auto;gap:23px;align-items:center}.scene-caption{grid-column:1/-1}.scene-caption p{font-size:12px;margin-top:9px}.chapters{gap:4px}.chapters button{min-width:36px;gap:11px}.chapters button i{width:29px}.scroll-cue{font-size:7px;gap:8px;letter-spacing:1px}.scroll-cue svg{width:16px}.loading{gap:12px;bottom:36px;font-size:7px;letter-spacing:1.2px}.loading-line{width:70px}.overview-label{left:24px;top:20%}.overview-label p{font-size:28px}.overview-label>span{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}