@font-face{font-family:OrbitSans;src:local("Helvetica Neue");font-display:swap}:root{font-family:OrbitSans,Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#f3eee6;background:#090b0c;font-synthesis:none;--ink:#f3eee6;--muted:rgba(243,238,230,.57);--line:rgba(243,238,230,.18);--accent:#e7b38f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{overflow-x:hidden;overscroll-behavior-y:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:wait}::selection{background:#bd7048;color:#fff}#journey{height:1500svh;min-height:7000px}#viewport{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#090b0c;color:var(--ink)}#scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 43%,rgba(2,4,6,.26) 100%);z-index:1}.header{position:absolute;top:34px;left:4.5%;right:4.5%;height:44px;display:flex;align-items:center;justify-content:space-between;z-index:10}.wordmark{font-size:30px;font-weight:700;letter-spacing:-1.7px;display:inline-flex;align-items:flex-start}.wordmark span{font-size:11px;letter-spacing:0;margin:5px 0 0 4px}.header-caption{font-size:10px;letter-spacing:.2em;color:var(--muted);margin-left:65px}.menu-button{border:1px solid var(--line);border-radius:30px;padding:14px 20px;background:#64646414;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;display:flex;gap:22px;align-items:center}.menu-glyph{display:flex;gap:4px}.menu-glyph i{width:4px;height:4px;border-radius:50%;background:currentColor}.menu-button:hover{background:#96969626}.intro-copy,.end-copy{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.small-label{position:absolute;font-size:10px;letter-spacing:.22em;font-weight:400;margin:0}.intro-copy .small-label{top:24%;left:9%}.intro-copy h1{font-size:clamp(68px,9.2vw,170px);line-height:.91;letter-spacing:-.065em;font-weight:400;margin:0;position:absolute;left:8.5%;top:30%;width:83%;mix-blend-mode:screen}.intro-copy h1 span{display:block}.intro-copy h1 span+span{text-align:right;color:#f3eee6c4;margin-top:12px}.intro-note{position:absolute;left:9%;bottom:21%;font-size:12px;line-height:1.9;letter-spacing:.06em;color:var(--muted);margin:0}.end-copy{opacity:0}.end-copy .small-label{top:25%;left:0;width:100%;text-align:center}.end-copy h2{position:absolute;top:33%;width:100%;text-align:center;font-size:clamp(64px,8.7vw,160px);font-weight:400;line-height:.91;letter-spacing:-.065em;margin:0}.replay-button{pointer-events:auto;position:absolute;bottom:16%;left:50%;transform:translate(-50%);background:#eee8df;color:#181b1d;border-radius:40px;padding:19px 28px;font-size:12px;display:flex;gap:42px;align-items:center;white-space:nowrap}.replay-button span{font-size:22px;line-height:12px}.replay-button:hover{background:#e7b38f}.chapter-caption{position:absolute;left:8%;top:47%;z-index:3;pointer-events:none;opacity:0;max-width:210px}.chapter-caption span{font-size:10px;letter-spacing:.2em;opacity:.5}.chapter-caption p{font-size:30px;font-weight:400;letter-spacing:-.04em;line-height:1.1;margin:14px 0 0}.controls{position:absolute;left:4.5%;right:4.5%;bottom:30px;display:flex;align-items:center;justify-content:space-between;z-index:9;font-size:10px;letter-spacing:.06em;color:var(--muted)}.scroll-hint{display:flex;align-items:center;gap:13px;background:none;padding:8px 0;font-size:11px;color:var(--ink)}.scroll-symbol{width:17px;height:26px;border:1px solid var(--muted);border-radius:12px;position:relative}.scroll-symbol:after{content:"";position:absolute;top:6px;left:7px;width:1px;height:6px;background:currentColor;animation:scrollCue 2s ease-in-out infinite}.transport{display:flex;gap:22px;margin-right:70px}.text-button{background:none;font-size:10px;color:var(--muted);padding:12px 0}.text-button:hover{color:var(--ink)}.progress-label{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.1em}.progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0d;z-index:10}.progress-track div{height:100%;width:100%;background:#d5996d;transform:scaleX(0);transform-origin:left}.chapters{position:absolute;right:4.5%;top:98px;width:340px;padding:28px;background:#14191bf0;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:18px;z-index:20;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s;pointer-events:none;color:#f3eee6}.chapters.open{opacity:1;transform:translateY(0);pointer-events:auto}.chapters>p{font-size:9px;letter-spacing:.15em;opacity:.45;margin:0 0 20px}.chapters button{display:flex;align-items:center;width:100%;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.08);background:none;text-align:left;font-size:13px}.chapters button:last-child{border:0}.chapters button>span{font-size:10px;opacity:.4;margin-right:20px}.chapters small{margin-left:auto;font-size:8px;opacity:.4;letter-spacing:.07em}.chapters button:hover{color:#e7b38f}.loader{position:absolute;top:0;right:0;bottom:0;left:0;background:#090b0c;z-index:50;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity .7s ease,visibility .7s}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-brand{font-size:46px;font-weight:600;letter-spacing:-2px;color:#eee8df}.loader-line{width:150px;height:1px;background:#343331;margin-top:30px;overflow:hidden}.loader-line i{display:block;height:100%;width:100%;transform:scaleX(.03);transform-origin:left;background:#e7b38f;transition:transform .3s}.loader p{font-size:10px;letter-spacing:.15em;color:#8f8d88;margin-top:16px}.error-panel{position:absolute;z-index:60;top:50%;left:50%;transform:translate(-50%,-50%);background:#171b1e;padding:32px;border:1px solid #424446;border-radius:15px;width:min(400px,85vw);color:#eee8df}.error-panel span{display:block;font-size:12px;line-height:1.8;color:#aaa;margin:12px 0 20px}.error-panel button{padding:10px 22px;background:#e7b38f;border-radius:20px;color:#151719}.no-script{position:fixed;top:40%;right:10%;bottom:40%;left:10%;z-index:100}.reduced .vignette{background:none}.chapter-caption p{white-space:pre-line}.text-button{min-height:44px}.chapters button{min-height:48px}@media(min-width:1000px){.end-copy .small-label{top:35%;left:6%;width:31%;text-align:left}.end-copy h2{top:40%;left:6%;width:32%;font-size:4.3vw;line-height:1.04;text-align:left;letter-spacing:-.055em}.end-copy .replay-button{left:6%;bottom:27%;transform:none}.end-copy h2 br{display:block}}@keyframes scrollCue{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(5px);opacity:1}}@media(min-width:1700px){.header{top:45px}.controls{bottom:40px}}@media(max-width:700px){.header{top:22px;left:6%;right:6%}.wordmark{font-size:25px}.header-caption{display:none}.menu-button{font-size:11px;padding:12px 16px;gap:15px}.intro-copy .small-label{top:25%;left:7%;font-size:8px}.intro-copy h1{top:31%;left:6%;width:88%;font-size:14vw;line-height:.98;letter-spacing:-.07em}.intro-copy h1 span+span{margin-top:7px}.intro-note{left:7%;bottom:23%;font-size:10px}.end-copy .small-label{top:27%;font-size:8px}.end-copy h2{top:35%;font-size:13vw;line-height:1.02}.replay-button{bottom:20%;padding:17px 24px;gap:30px}.controls{left:6%;right:6%;bottom:22px}.transport{position:absolute;bottom:43px;right:0;margin:0;gap:18px}.scroll-hint,.progress-label{font-size:9px}.chapters{left:6%;right:6%;width:auto;top:85px}.chapter-caption{left:7%;top:27%;max-width:150px}.chapter-caption p{font-size:24px}.chapter-caption span{font-size:8px}#journey{height:1300svh;min-height:6500px}}@media(prefers-reduced-motion:reduce){.scroll-symbol:after{animation:none}*{scroll-behavior:auto!important}}@media(max-width:700px){.end-copy .small-label{top:12%}.end-copy h2{top:17%;font-size:8.5vw;line-height:1.04}.end-copy .replay-button{bottom:13%}}