@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(./font-0-D9VpUvlI.ttf)format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(./font-1-Apw_3I1e.ttf)format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(./font-2-S-AH7y_S.ttf)format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(./font-3-CoiCOvr2.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(./font-4-RZZ47rCX.ttf)format("truetype")}:root{color:#e9eded;font-synthesis:none;--accent:#e2633e;--muted:#839097;--cyan:#9dd9e6;background:#080b0e;font-family:Barlow,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}#app{background:radial-gradient(at 64% 46%,#1d292e 0%,#080b0e 65%);height:100svh;min-height:660px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}#viewport canvas{touch-action:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(90deg,#06090cf5,#06090cc7 21%,#0000 52%),linear-gradient(#06090c99,#0000 16% 77%,#06090ce6);position:absolute;inset:0}.grain{opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:29px;left:44px;right:44px}.wordmark{letter-spacing:4px;align-items:center;gap:14px;font-size:19px;font-weight:700;display:flex}.brand-mark{letter-spacing:-7px;width:31px;font:800 32px/1 Barlow Condensed,sans-serif;transform:skewY(-8deg)}.brand-mark span{color:var(--accent)}.wordmark-divider{background:#59626b;width:1px;height:18px;margin:0 8px}.archive{letter-spacing:2px;color:#acb7ba;font-size:10px;font-weight:400}.header-right{letter-spacing:2px;color:#98a8ac;align-items:center;gap:10px;font-size:9px;display:flex}.header-right .round{margin-left:18px}.live-dot{background:var(--cyan);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #8ce2fb70}.intro{pointer-events:none;transition:opacity .6s,transform .6s;position:absolute;top:22%;left:6.2%}.intro button{pointer-events:auto}.eyebrow{letter-spacing:4px;color:#b7c4c8;align-items:center;gap:10px;font-size:10px;font-weight:500;display:flex}.eyebrow span{background:var(--accent);width:22px;height:2px}h1{letter-spacing:-1px;margin:25px 0 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(76px,8.5vw,142px);font-weight:600;line-height:.85}h1>span{color:#0000;-webkit-text-stroke:1px #a0adb5}h1 em{letter-spacing:12px;margin:26px 0;font-family:PingFang SC,sans-serif;font-size:22px;font-style:normal;font-weight:500;display:block}.tagline{letter-spacing:3px;margin:25px 0 12px;font-size:15px}.description{color:#869397;letter-spacing:1px;font-size:12px;line-height:1.9}.primary{background:var(--accent);letter-spacing:2px;border:1px solid #e2633e;justify-content:space-between;align-items:center;gap:48px;margin-top:27px;padding:15px 21px;font-size:12px;transition:background .25s,transform .25s;display:flex}.primary:hover{background:#f07d56;transform:translateY(-2px)}.edition{letter-spacing:2px;color:#a5b0b6;margin-top:29px;font-size:9px;line-height:2}.edition>span{color:var(--accent);margin-right:10px}.edition small{color:#66777e;letter-spacing:1.8px;padding-left:33px;font-size:8px}.specimen{color:#91a9b0;pointer-events:none;letter-spacing:2px;gap:14px;font-size:9px;line-height:1.8;display:flex;position:absolute;top:19%;left:54%}.cross{font-size:24px;font-weight:300;line-height:1}.specimen b{color:#d5e4e6;font-size:8px;font-weight:500}.viewer-tools{flex-direction:column;gap:13px;display:flex;position:absolute;top:39%;right:40px}.round{background:#14202855;border:1px solid #7a969a30;border-radius:50%;place-items:center;width:38px;height:38px;font-size:16px;transition:background .2s,border .2s;display:grid}.round svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:16px;height:16px}.round:hover,.round.active{color:#d7f7ff;background:#819ba320;border-color:#9cbcc580}footer{grid-template-columns:1fr minmax(300px,470px) 1fr;align-items:center;gap:38px;display:grid;position:absolute;bottom:29px;left:44px;right:44px}.footer-note{letter-spacing:1.7px;color:#80979e;align-items:center;gap:10px;font-size:9px;display:flex}.timeline-top{justify-content:space-between;align-items:center;display:flex}.text-button{letter-spacing:2px;color:#778b91;background:0 0;border:0;padding:10px 0;font-size:10px}.text-button.selected{color:#dfedef}.text-button:hover{color:#fff}#percentage{letter-spacing:2px;font-family:Barlow Condensed,sans-serif;font-size:23px}#percentage span{color:#81979c;margin-left:3px;font-family:Barlow,sans-serif;font-size:10px}input[type=range]{appearance:none;background:linear-gradient(to right,var(--accent) var(--progress,0%),#425158 var(--progress,0%));cursor:ew-resize;width:100%;height:2px;margin:14px 0 12px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#e2eceb;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #9dd9e618}input[type=range]::-moz-range-thumb{background:#e2eceb;border:0;border-radius:50%;width:10px;height:10px}.ticks{justify-content:space-between;display:flex}.ticks i{background:#46565d;width:1px;height:4px}.ticks i:nth-child(5n+1){height:7px}.gesture{color:#93a6ad;letter-spacing:1px;justify-self:end;align-items:center;gap:12px;font-size:10px;line-height:1.9;display:flex}.gesture svg{stroke:#90a9b3;stroke-width:1px;fill:none;width:18px;height:28px}.gesture small{color:#62747b;font-size:8px}.part-panel{opacity:0;pointer-events:none;width:185px;max-height:52%;transition:opacity .4s,transform .4s;position:absolute;top:25%;right:7.7%;transform:translate(20px)}.panel-head{color:#aebfc3;letter-spacing:2px;border-bottom:1px solid #667b8030;justify-content:space-between;padding-bottom:16px;font-size:10px;display:flex}#partList{scrollbar-width:thin;scrollbar-color:#455960 transparent;max-height:calc(52svh - 50px);overflow-y:auto}.part-button{text-align:left;color:#85989f;background:0 0;border:0;border-bottom:1px solid #667b801c;align-items:center;gap:12px;width:100%;padding:11px 5px;font-size:11px;display:flex}.part-button span{color:#556f7a;min-width:20px;font-size:9px}.part-button.selected,.part-button:hover{color:#e5f7fc;background:#b2e7fb0c}.part-button.selected span{color:var(--accent)}.exploded .intro{opacity:.28;transform:translate(-20px)}.exploded .part-panel{opacity:1;pointer-events:auto;transform:none}.exploded .specimen{opacity:0}dialog{color:#d4e0e3;background:#10191e;border:1px solid #4b656a66;width:calc(100% - 36px);max-width:510px;padding:42px;line-height:1.9;box-shadow:0 30px 120px #000}dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020507b8}dialog h2{letter-spacing:2px;font-size:28px}dialog p{color:#94a8b1;font-size:13px}dialog .eyebrow{letter-spacing:2px;font-size:8px}.close{position:absolute;top:16px;right:16px}.source-links{color:#d0e9ef;border-top:1px solid #67808733;flex-wrap:wrap;gap:18px;margin-top:25px;padding-top:22px;font-size:11px;display:flex}#toast{color:#d3e6e9;opacity:0;pointer-events:none;text-align:center;background:#19272de8;border:1px solid #526a72;max-width:90%;padding:12px 20px;font-size:12px;transition:all .3s;position:absolute;bottom:145px;left:50%;transform:translate(-50%,15px)}#toast.show{opacity:1;transform:translate(-50%)}@media (height>=950px){.intro{top:25%}}@media (width<=1000px){.intro{top:22%;left:5%}h1{font-size:90px}.description{font-size:11px}.part-panel{width:150px;right:9%}.viewer-tools{right:22px}header{left:26px;right:26px}footer{grid-template-columns:1fr 340px;gap:20px;left:26px;right:26px}.gesture{display:none}}@media (width<=650px){#app{min-height:620px}header{top:20px;left:22px;right:22px}.wordmark{letter-spacing:3px;gap:9px;font-size:16px}.wordmark-divider,.archive,.status{display:none}.header-right .round{margin-left:6px}.intro{top:107px;left:25px}.eyebrow{letter-spacing:2px;font-size:8px}h1{margin-top:18px;font-size:67px;line-height:.86}h1 em{letter-spacing:8px;margin:18px 0;font-size:15px}.tagline{letter-spacing:1px;margin:14px 0;font-size:10px}.description,.edition{display:none}.primary{gap:17px;margin-top:20px;padding:12px 13px;font-size:10px}.primary svg{width:15px}.vignette{background:linear-gradient(90deg,#080b0e77,#0000 65%),linear-gradient(#080b0e66,#0000 15% 76%,#080b0e 100%)}.viewer-tools{gap:10px;top:auto;bottom:164px;right:18px}.round{width:34px;height:34px}.specimen{font-size:8px;top:100px;left:auto;right:25px}.cross{font-size:18px}footer{flex-direction:column-reverse;gap:19px;display:flex;bottom:24px;left:25px;right:25px}.timeline{width:100%}.footer-note{letter-spacing:1px;font-size:8px}.part-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080f14c9;width:132px;max-height:260px;padding:10px;top:145px;right:20px}.panel-head{padding-bottom:10px;font-size:9px}#partList{max-height:215px}.part-button{gap:5px;padding:10px 2px;font-size:10px}.exploded .intro{opacity:.13;transform:translate(-15px)}.exploded .intro .primary{pointer-events:none}dialog{padding:30px 24px}dialog h2{font-size:24px}.source-links{gap:13px}#toast{bottom:150px}.gesture{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}body{height:500svh}#app{position:sticky;top:0}.story-progress{flex-direction:column;gap:18px;display:flex;position:absolute;top:50%;left:44px}.story-progress button{color:#586d75;letter-spacing:1px;background:0 0;border:0;padding:7px;font-size:8px;position:relative}.story-progress button:after{content:"";background:#42535b;width:2px;height:12px;position:absolute;top:10px;left:-8px}.story-progress button.active{color:#e4f1f5}.story-progress button.active:after{background:var(--accent);box-shadow:0 0 10px #e2633e50}.story-caption{text-align:center;pointer-events:none;position:absolute;bottom:160px;left:50%;transform:translate(-50%)}.story-caption b{letter-spacing:7px;color:#a3bfc9;font-size:10px;font-weight:400}.story-caption p{letter-spacing:9px;color:#e5eff2;margin:12px 0;font-size:25px;font-weight:300}.scroll-cue{text-align:center;color:#b2c6ce;letter-spacing:4px;font-size:9px;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.scroll-cue span{background:linear-gradient(#b4d3dd,#0000);width:1px;height:29px;margin:15px auto 0;animation:2s infinite breathe;display:block}.story footer,.story .viewer-tools{opacity:0;pointer-events:none}.story .specimen{top:19%;left:auto;right:7%}.story .intro{left:8%}.story .intro .description{max-width:250px}.story .primary{background:0 0;border-color:#b3c9d044}.story .primary:hover{background:#ffffff10}.story-progress,.scroll-cue,.story-caption,footer,.viewer-tools{transition:opacity .5s}.explore .story-progress,.explore .scroll-cue,.explore .story-caption,.stage-1 .intro,.stage-2 .intro,.stage-3 .intro{opacity:0;pointer-events:none}.stage-1 .intro button,.stage-2 .intro button,.stage-3 .intro button{pointer-events:none}.stage-3 .part-panel{opacity:1;pointer-events:auto;transform:none}.stage-3 .specimen{opacity:0}.explore .intro{top:23%}.explore .tagline{color:#b6c5cb}.story #viewport canvas{touch-action:pan-y}.stage-0 .story-caption{opacity:0}@keyframes breathe{50%{opacity:.25;transform:translateY(5px)}}@media (width<=650px){.story-progress{gap:10px;top:47%;left:14px}.story .intro{top:110px;left:25px}.story .specimen{top:97px;right:25px}.story-caption{width:100%;bottom:143px}.story-caption b{letter-spacing:4px;font-size:8px}.story-caption p{letter-spacing:6px;font-size:19px}.scroll-cue{width:100%;font-size:8px;bottom:35px}.story-progress button{font-size:7px}.stage-3 .part-panel{top:116px}.explore .intro{top:105px}}@media (prefers-reduced-motion:reduce){.scroll-cue span{animation:none}}.replay{color:#bed8e1;letter-spacing:2px;background:0 0;border:0;margin-left:18px;padding:12px;font-size:10px;display:none}.explore .replay{display:block}@media (width<=650px){.replay{letter-spacing:1px;margin-left:0;padding:8px;font-size:9px}.round{width:42px;height:42px}.part-panel,.stage-3 .part-panel{background:#0b151bd9;border:1px solid #58727a33;width:auto;max-height:56px;padding:3px;inset:auto 74px 151px 20px}.part-panel .panel-head{display:none}#partList{max-height:none;display:flex;overflow:auto hidden}.part-button{white-space:nowrap;border:0;min-width:120px;height:42px;padding:8px}.viewer-tools{gap:10px;bottom:160px;right:16px}}