:root{color-scheme:light;--paper:#eae7e0;--ink:#252822;--muted:#7a7c73;--line:#cccac1;--accent:#e75b27;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}#story{height:360svh}#stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:radial-gradient(ellipse at 55% 39%,#f6f4ef 0%,var(--paper) 67%)}header{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:30px 42px;font-size:11px;letter-spacing:1.5px}.wordmark{text-decoration:none;color:var(--ink);font-weight:700}.wordmark span{font-weight:400;color:var(--muted);margin-left:13px}.edition{display:flex;gap:15px;align-items:center;color:var(--muted)}.edition i{height:5px;width:5px;background:var(--accent);border-radius:50%}.intro{position:absolute;z-index:2;left:6.2%;top:23%;pointer-events:none}.eyebrow,.phase-index{font-size:10px;letter-spacing:2px;font-weight:500;color:var(--muted)}h1{font-size:clamp(60px,6.5vw,100px);letter-spacing:-6px;line-height:1;margin:22px 0 0;font-weight:400}h1 span{display:block;font-size:21px;letter-spacing:-.4px;margin-top:17px}.description{font-size:14px;line-height:1.7;color:#6b6e65;margin-top:30px}.specs{margin-top:48px;display:flex;flex-direction:column;gap:9px;font-family:monospace;font-size:12px;color:#62665d}.specs small{color:#85887f;font-size:10px}.watermark{position:absolute;font-size:clamp(180px,32vw,510px);font-weight:700;letter-spacing:-.07em;color:#dddcd430;left:30%;top:20%;line-height:1;pointer-events:none;white-space:nowrap}#viewport{position:absolute;left:23%;top:10%;width:60%;height:70%;}#scene{width:100%;height:100%;display:block;opacity:0;transition:opacity .45s;touch-action:pan-y}#scene.ready{opacity:1;cursor:grab}#scene.dragging{cursor:grabbing}#scene.rotating{touch-action:none;cursor:grab}#scene.rotating:active{cursor:grabbing}#poster{position:absolute;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .4s;pointer-events:none}#poster.hidden{opacity:0}#loading{position:absolute;bottom:5%;width:100%;text-align:center;font-family:monospace;font-size:11px;color:var(--muted)}.phase{position:absolute;right:5%;top:36%;width:145px;pointer-events:none}.phase h2{font-size:19px;font-weight:400;letter-spacing:-.5px;margin:16px 0 12px}.phase p{font-size:12px;color:#767a70;line-height:1.6;min-height:60px}.phase-lines{display:flex;gap:6px;margin-top:25px}.phase-lines i{height:2px;background:#c9cbc2;width:27px}.phase-lines i.active{background:var(--accent)}.view-tools{position:absolute;left:50%;transform:translateX(-50%);bottom:24%;display:flex;gap:22px;z-index:4}.view-tools button{border:0;background:none;color:#6d7166;font-size:11px;padding:8px}.view-tools button[aria-pressed=true]{color:var(--accent)}.controls{position:absolute;left:50%;transform:translateX(-50%);bottom:10.5%;width:430px;z-index:4}.transport{display:flex;align-items:center;justify-content:center;gap:7px}.transport button{border:1px solid #c6c8bf;background:#eeeee6b0;border-radius:5px;height:43px;font-size:11px;padding:0 20px;color:var(--ink)}.transport button:hover:not(:disabled){border-color:#777d6d}.transport .primary{background:var(--ink);border-color:var(--ink);color:#fff}.primary span{color:#f8814b;margin-right:8px;font-size:17px}.transport .play{width:43px;padding:0}.scrubber{display:flex;align-items:center;gap:12px;margin-top:20px;font-family:monospace;font-size:8px;color:#7a7d71;letter-spacing:.6px}.scrubber input{width:100%;height:18px;accent-color:var(--accent);cursor:ew-resize}.scrubber output{width:28px;flex-shrink:0;font-size:10px;color:var(--ink)}footer{position:absolute;inset:auto 42px 25px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.2px;color:#7a7d72}.disclosure{font-size:9px}.progress{position:absolute;bottom:0;height:2px;width:100%;background:#d9dbd0}.progress span{display:block;height:100%;background:var(--accent);width:0}.no-js{position:fixed;bottom:90px;left:20px;color:#a44220}#stage.failed #scene{display:none}#stage.failed #loading{max-width:300px;left:50%;transform:translateX(-50%);line-height:1.5}.embed #story{height:100svh}.embed header{display:none}
@media(min-width:1550px){#viewport{left:25%;width:54%}.phase{right:9%}.intro{left:10%}}@media(max-width:1050px){header{padding:25px}.intro{left:5%;top:19%}h1{font-size:65px}.phase{right:3%;width:120px;top:39%}#viewport{left:20%;width:66%}.description{font-size:12px}.specs{margin-top:30px}footer{left:25px;right:25px}.wordmark span{margin-left:8px;font-size:9px}.phase p{font-size:11px}}@media(max-width:700px){#stage{min-height:660px}header{padding:23px 22px}.wordmark{font-size:10px}.wordmark span{display:none}.edition{font-size:9px;gap:10px}.intro{top:12%;left:23px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:46px;letter-spacing:-2px;margin:14px 0 0}h1 span{font-size:13px;margin-top:8px}.description,.specs{display:none}#viewport{left:0;top:22%;width:100%;height:51%}.watermark{top:35%;left:3%;font-size:40vw}.phase{top:13%;right:24px;width:106px}.phase-index{font-size:8px}.phase h2{font-size:14px;margin:11px 0 8px}.phase p{font-size:10px;min-height:32px;margin:0}.phase-lines{margin-top:14px}.phase-lines i{width:20px}.view-tools{bottom:23%;gap:13px;white-space:nowrap}.controls{width:min(350px,calc(100% - 40px));bottom:9.5%}.transport button{padding:0 13px;font-size:10px;height:41px}.transport .play{width:41px}.scrubber{gap:8px;font-size:7px;margin-top:14px}footer{left:22px;right:22px;bottom:19px;display:block;font-size:9px}.disclosure{display:block;margin-top:6px;font-size:8px}}@media(prefers-reduced-motion:reduce){#story{height:100svh}#scene,#poster{transition:none}.progress{display:none}}