@property --track{syntax:"<length>";inherits:true;initial-value:.14em}:root{--black:#0a0a0a;--white:#eceae4;--dim:#8e8b86;--faint:#45433f;--red:#b3261e;--serif:"Source Han Serif Web", "Noto Serif CJK SC", "Source Han Serif SC", serif;--sans:"Source Han Sans Web", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--inset:clamp(14px, 2.2vw, 30px);--sub:clamp(.78rem, .72rem + .22vw, .94rem)}*,:before,:after{box-sizing:border-box}:root,html{background:var(--black);color:var(--white);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:auto}body{background:var(--black);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:1rem;font-weight:400;line-height:1.6}::selection{background:var(--white);color:var(--black)}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:1px solid var(--white);outline-offset:5px}.bi{flex-direction:column;align-items:center;margin:0;display:flex}html[data-lang=en] .bi>.en{order:-1}.bi>.zh{word-break:keep-all;overflow-wrap:anywhere;text-spacing-trim:trim-both}html[data-lang=zh] .bi>.en,html[data-lang=en] .bi>.zh{max-width:42em;font-family:var(--sans);font-size:var(--sub);letter-spacing:.02em;color:var(--dim);margin-top:.95em;font-weight:400;line-height:1.55}html[data-lang=zh] .bi.single>.en,html[data-lang=en] .bi.single>.zh{display:none}.frame{inset:var(--inset);z-index:40;pointer-events:none;position:fixed}.corner{border-color:var(--faint);border-style:solid;border-width:0;width:18px;height:18px;position:absolute}.corner.tl{border-top-width:1px;border-left-width:1px;top:0;left:0}.corner.tr{border-top-width:1px;border-right-width:1px;top:0;right:0}.corner.bl{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.corner.br{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.chrome{top:calc(var(--inset) + 12px);right:calc(var(--inset) + 18px);left:calc(var(--inset) + 18px);z-index:30;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:clamp(14px,2vw,26px);font-size:.78rem;display:flex;position:fixed}.edge-backdrop{--fade-direction:to top;--tint-direction:to bottom;z-index:-1;height:calc(var(--inset) + 110px);background:linear-gradient(var(--tint-direction), color-mix(in srgb, var(--black) 18%, transparent), transparent);pointer-events:none;transition:opacity 1.2s var(--ease-out);position:fixed;left:0;right:0}.edge-backdrop--top{top:0}.edge-backdrop--bottom{--fade-direction:to bottom;--tint-direction:to top;bottom:0}.edge-backdrop>span{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));-webkit-mask-image:linear-gradient(var(--fade-direction), transparent var(--fade-start), #000 var(--fade-end));mask-image:linear-gradient(var(--fade-direction), transparent var(--fade-start), #000 var(--fade-end));position:absolute;inset:0}.edge-backdrop>span:first-child{--blur:1px;--fade-start:0%;--fade-end:25%}.edge-backdrop>span:nth-child(2){--blur:2px;--fade-start:25%;--fade-end:50%}.edge-backdrop>span:nth-child(3){--blur:4px;--fade-start:50%;--fade-end:75%}.edge-backdrop>span:nth-child(4){--blur:8px;--fade-start:75%;--fade-end:100%}html[data-phase=film] .edge-backdrop{opacity:0}.mark{letter-spacing:.1em;font-weight:500;text-decoration:none}.controls{gap:clamp(14px,2vw,26px);margin-left:auto;display:flex}.controls button{color:var(--dim);letter-spacing:inherit;cursor:pointer;transition:color .3s var(--ease-out), opacity .6s var(--ease-out);background:0 0;border:0;min-height:40px;margin:-12px -6px;padding:12px 6px}.controls button:hover,.controls button[aria-pressed=true]{color:var(--white)}.controls button[data-hidden]{display:none}.github{width:40px;height:40px;color:var(--dim);transition:color .3s var(--ease-out);justify-content:center;align-items:center;margin:-12px -12px -12px -8px;display:flex}.github:hover,.github:focus-visible{color:var(--white)}.github svg{fill:currentColor;width:15px;height:15px;display:block}.timecode{right:calc(var(--inset) + 18px);bottom:calc(var(--inset) + 12px);left:calc(var(--inset) + 18px);z-index:30;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.08em;color:var(--dim);align-items:center;gap:10px;font-size:.74rem;display:flex;position:fixed}.sync{background:var(--red);border-radius:50%;width:5px;height:5px}.timecode{pointer-events:none}.progress{--p:0;--g:0;--total:200;pointer-events:auto;touch-action:none;cursor:pointer;flex:1;height:36px;margin:-14px 0 -14px 8px;position:relative}.progress[data-hidden]{display:none}.progress-track{background:var(--faint);opacity:0;height:1px;transition:opacity .6s var(--ease-out);position:absolute;top:50%;left:0;right:0}.progress.shown .progress-track,.progress.dragging .progress-track,.progress:focus-visible .progress-track{opacity:1;transition-duration:.25s}@media (hover:hover){.progress:hover .progress-track{opacity:1;transition-duration:.25s}}.progress-fill{background:var(--dim);transform:scaleX(var(--p));transform-origin:0;position:absolute;inset:0}.progress-tick{bottom:0;left:calc(var(--at) / var(--total) * 100%);background:var(--faint);width:1px;height:3px;position:absolute}.progress-tick.shot{height:6px}.progress-head,.progress-ghost{transform:translateX(calc(var(--p) * 100%));pointer-events:none;position:absolute;inset:0}.progress-ghost{opacity:0;transform:translateX(calc(var(--g) * 100%));transition:opacity .2s var(--ease-out)}.progress.hover .progress-ghost{opacity:1}.progress-head:before,.progress-ghost:before{content:"";background:var(--white);width:1px;height:9px;position:absolute;top:-4px;left:-.5px}.progress-ghost:before{background:var(--dim)}.progress-time{color:var(--white);white-space:nowrap;position:absolute;bottom:10px;left:0;transform:translate(-50%)}.sound-entry{display:none}.shot{min-height:100svh;padding:calc(var(--inset) + 72px) calc(var(--inset) + 28px);text-align:center;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:relative}.shot.open{display:none}.footage{z-index:0;object-fit:cover;background:var(--black) center / cover no-repeat;width:100%;height:100%;opacity:var(--footage,.55);pointer-events:none;position:absolute;inset:0}.shot:has(.footage):after{content:"";z-index:1;pointer-events:none;background:radial-gradient(60% 50%,#0a0a0a8c,#0a0a0a00 100%),linear-gradient(#0a0a0a73,#0a0a0a00 22% 78%,#0a0a0a8c);position:absolute;inset:0}.shot.quote:has(.footage):after{background:linear-gradient(#0a0a0a73,#0a0a0a00 20% 48%,#0a0a0ac7)}.shot:has(.footage) .shot-inner{text-shadow:0 1px 14px #0a0a0abf,0 0 2px #0a0a0a80}.open{--footage:.5}.title{--footage:.85}.scale{--footage:.6}.pascal{--footage:.62}.scene{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shot-inner{z-index:3;flex-direction:column;align-items:center;width:100%;max-width:64rem;display:flex;position:relative}.hint{letter-spacing:.14em;color:var(--dim);font-size:.74rem}.title-card{font-family:var(--serif);flex-direction:column;align-items:center;margin:0;font-size:clamp(2.5rem,.6rem + 8vw,9rem);font-weight:700;line-height:1.1;display:flex}.title-card>.zh,.title-card>.en{letter-spacing:var(--track);padding-left:var(--track)}.bracket{font-feature-settings:"halt"}.title-card .bracket{color:var(--dim);font-weight:200}.title-card>.en{font-family:var(--sans);text-transform:uppercase;color:var(--dim);--track:.42em;margin-top:1.4rem;font-size:.8rem;font-weight:400}html[data-lang=en] .title-card>.en{font-family:var(--serif);text-transform:none;color:var(--white);--track:.02em;order:-1;margin:0;font-size:clamp(2.4rem,.6rem + 7.6vw,8.5rem);font-weight:700}html[data-lang=en] .title-card>.zh{font-family:var(--sans);color:var(--dim);--track:.5em;margin-top:1.4rem;font-size:.86rem;font-weight:400}.readout{flex-direction:column;align-items:center;display:flex}.captions{justify-items:center;display:grid}.shot.scale{place-items:end center;padding-bottom:14svh}.shot.scale .shot-inner{flex-direction:column;align-items:center;gap:3rem;padding-top:150px;display:flex}.scale :is(.readout,.stop,.pair){display:none}.scale-facts{order:-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:2.4rem 2rem;width:100%;max-width:64rem;margin:0;display:grid}.scale-facts>div{flex-direction:column;align-items:center;display:flex}.scale-facts .figure{white-space:normal;text-wrap:balance;font-size:clamp(1.6rem,1.2rem + 1.8vw,2.8rem)}.scale-facts dd{margin:.7rem 0 0}.span-labels{justify-content:center;gap:2rem;margin-top:3rem;display:flex}.span-label{letter-spacing:.12em;color:var(--dim);font-size:.8rem}.stop .figure{font-size:clamp(1.9rem,5vw,4.4rem)}.pair .figure{font-size:clamp(1.4rem,3.4vw,3.2rem)}html[data-lang=en] :is(.stop,.pair) .figure>.en{font-size:inherit}.stop .caption{text-align:center;margin-top:1.1rem;padding:0 .6rem}.pair-rule{background:var(--faint);align-self:stretch;min-height:3rem}.aside{font-family:var(--sans);text-align:center;flex-direction:column;align-items:center;gap:.7em;font-size:clamp(1.05rem,.9rem + .8vw,1.6rem);font-weight:300;line-height:1.6;display:flex}html[data-lang=zh] .aside-line>.zh{letter-spacing:.16em;padding-left:.16em}html.js .shot.return .shot-inner{max-width:none;position:absolute;inset:0}html.js .return .back-motto{top:var(--motto-y,58%);padding:0 7vw;position:absolute;left:0;right:0}.back-motto .subtitle-text{font-size:clamp(1.05rem,.94rem + .45vw,1.4rem);line-height:1.8}html[data-lang=zh] .back-motto .subtitle-text>.zh{letter-spacing:.16em;padding-left:.16em}.back-motto .subtitle-source{margin-top:.9rem}.figure{font-family:var(--serif);letter-spacing:-.01em;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;font-size:clamp(2.3rem,8vw,7rem);font-weight:250;line-height:1}.figure sup{vertical-align:.95em;letter-spacing:.02em;margin-left:.04em;font-size:.48em;line-height:0}html[data-lang=en] .figure>.en{font-size:clamp(1.9rem,6.2vw,5.6rem)}.caption{letter-spacing:.12em;color:var(--dim);margin-top:1.6rem;font-size:.82rem}.pixel{--gap:clamp(2.6rem, 8vh, 5rem);width:1px;height:1px;margin-bottom:var(--gap);background:var(--white);display:block;position:relative}.pixel:before{content:"";border:1px solid var(--faint);border-radius:50%;position:absolute;inset:-11px}.subtitle{flex-direction:column;align-items:center;margin:0;display:flex}.subtitle-text{font-family:var(--serif);margin:0;font-size:clamp(1.15rem,.9rem + 1.05vw,1.95rem);font-weight:400;line-height:1.65}.subtitle-text>span{text-wrap:balance;max-width:22em}html[data-lang=zh] .subtitle-text>.zh{letter-spacing:.06em}html[data-lang=en] .subtitle-text>.en{max-width:28em;line-height:1.45}.clause{display:inline-block}.subtitle-original{max-width:34em;font-family:var(--sans);letter-spacing:.02em;color:var(--dim);text-align:center;text-wrap:balance;margin:1.1rem 0 0;font-size:.86rem;line-height:1.6}.subtitle-source{letter-spacing:.12em;color:var(--dim);margin-top:1rem;font-size:.74rem}.about{background:var(--black);position:relative}.about-sky{z-index:0;width:100%;height:100%;position:absolute;inset:0}.about-id{z-index:1;min-height:100svh;padding:calc(var(--inset) + 72px) calc(var(--inset) + 28px);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.about-name{font-family:var(--serif);letter-spacing:.08em;white-space:nowrap;margin:0;padding-left:.08em;font-size:min(11rem,17.8571vw - .892857rem);font-weight:600;line-height:1}.about-motto{flex-direction:column;align-items:center;margin:2.6rem 0 0;display:flex}.motto-text{font-family:var(--serif);margin:0;font-size:clamp(1.05rem,.94rem + .45vw,1.4rem);font-weight:400;line-height:1.8}html[data-lang=zh] .motto-text>.zh{letter-spacing:.16em;padding-left:.16em}.motto-source{letter-spacing:.12em;color:var(--dim);margin-top:.9rem;font-size:.74rem}.about-down{bottom:calc(var(--inset) + 60px);background:var(--faint);transform-origin:top;width:1px;height:44px;position:absolute;left:50%}.about-body{z-index:1;min-height:100svh;padding:calc(var(--inset) + 80px) calc(var(--inset) + 28px) calc(var(--inset) + 170px);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.about-body :is(a,button,.step){pointer-events:auto}.about-body .bi{align-items:flex-start}.about-facts{--fact-gap:2.8rem;column-gap:1.8rem;row-gap:var(--fact-gap);grid-template-columns:5.5em minmax(0,max-content) 5.5em;justify-content:center;align-items:baseline;width:100%;display:grid}.fact{display:contents}.fact>:not(.fact-label){grid-column:2}.fact-label{white-space:nowrap;letter-spacing:.14em;text-align:right;color:var(--dim);grid-column:1;margin:0;font-size:.72rem;font-weight:400}.about-body .fact-label.bi{align-items:flex-end}.path{pointer-events:auto;margin:0;padding:0;list-style:none}.step{--dot:7px;outline-offset:6px;align-items:baseline;gap:1rem;padding:0 0 1.5rem 1.9rem;display:flex;position:relative}.step:last-child{padding-bottom:0}.step:not(:last-child):before,.path.past .step:last-child:before{content:"";top:.95em;bottom:-.95em;left:calc(var(--dot) / 2);background:var(--dim);width:1px;transition:background-color .35s var(--ease-out);position:absolute}.path.past .step:last-child:before{bottom:calc(-.95em - var(--fact-gap));background:repeating-linear-gradient(to bottom, var(--dim) 0 3px, transparent 3px 7px)}.step-dot{top:calc(.95em - var(--dot) / 2);width:var(--dot);height:var(--dot);border:1px solid var(--white);background:var(--white);transition:background-color .35s var(--ease-out), border-color .35s var(--ease-out);border-radius:50%;position:absolute;left:.5px}.step-name{font-family:var(--serif);transition:color .35s var(--ease-out);font-size:clamp(1.15rem,1rem + .55vw,1.5rem);line-height:1.9}html[data-lang=zh] .step-name>.zh{letter-spacing:.06em}.path.future .step-dot{background:var(--black)}.step.ahead .step-dot{border-color:var(--dim);background:var(--black)}.step.ahead .step-name{color:var(--dim)}.step:has(+.step.ahead):before{background:var(--faint)}.about-facts:has(.future .step.ahead) .past .step:last-child:before{background:repeating-linear-gradient(to bottom, var(--faint) 0 3px, transparent 3px 7px)}.interests{font-family:var(--serif);flex-wrap:wrap;gap:.4rem 1.6rem;margin:0;padding:0;font-size:clamp(1.05rem,.95rem + .4vw,1.3rem);list-style:none;display:flex}html[data-lang=zh] .interests .zh{letter-spacing:.08em}.about-links{flex-direction:column;align-items:flex-start;gap:1.1rem;display:flex}.about-links a{transition:transform .35s var(--ease-out);align-items:baseline;gap:1.4rem;text-decoration:none;display:inline-flex}.link-role{letter-spacing:.12em;min-width:4.5em;color:var(--dim);font-size:.74rem}.link-name{font-family:var(--serif);text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:.3em;transition:text-decoration-color .3s var(--ease-out);font-size:clamp(1.15rem,.95rem + .8vw,1.7rem);text-decoration-thickness:1px}.about-links a:hover .link-name{-webkit-text-decoration-color:var(--white);text-decoration-color:var(--white)}.more{bottom:calc(var(--inset) + 56px);white-space:nowrap;letter-spacing:.16em;color:var(--dim);transition:color .3s var(--ease-out);flex-direction:column;align-items:center;gap:1.2rem;font-size:.8rem;text-decoration:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.about-body .more.bi{align-items:center}.more:hover{color:var(--white)}.more-line{background:var(--faint);transform-origin:top;width:1px;height:44px}.credits{padding:calc(var(--inset) + 110px) calc(var(--inset) + 28px);text-align:center;justify-content:center;display:flex;position:relative}.roll{flex-direction:column;align-items:center;width:min(100%,38rem);display:flex}.credits .bi{align-items:center}.credits-title{font-family:var(--serif);margin:0;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.6rem);font-weight:600}html[data-lang=zh] .credits-title>.zh{letter-spacing:.24em;padding-left:.24em}.credit-list{flex-direction:column;align-items:center;gap:2.6rem;width:100%;margin:5rem 0 0;display:flex}.credit{flex-direction:column;align-items:center;gap:.8rem;display:flex}.credit dt{letter-spacing:.16em;color:var(--dim);font-size:.72rem}.credit dd{font-family:var(--serif);flex-direction:column;align-items:center;gap:.45em;margin:0;font-size:1.02rem;display:flex}.credits .bi>.zh{overflow-wrap:normal}.credit dd a{text-decoration:none}.footage-credit{flex-direction:column;align-items:center;gap:.2em;margin-bottom:.7em;display:flex}.footage-title{font-size:.95rem;line-height:1.5}.footage-by{font-family:var(--sans);letter-spacing:.04em;color:var(--dim);font-size:.72rem}.footage-note{max-width:26em;font-family:var(--sans);letter-spacing:.04em;color:var(--dim);font-size:.72rem;line-height:1.7}.credits-mark{font-family:var(--serif);letter-spacing:.24em;margin:7rem 0 0;padding-left:.24em;font-size:clamp(1.4rem,1.1rem + 1vw,2rem);font-weight:500}.about-cursor{display:none}html.custom-cursor[data-phase=about],html.custom-cursor[data-phase=about] *{cursor:none}html.custom-cursor .about-cursor{z-index:60;opacity:0;pointer-events:none;width:0;height:0;transition:opacity .3s var(--ease-out);display:block;position:fixed;top:0;left:0}html.custom-cursor[data-phase=about] .about-cursor.shown{opacity:1}.about-cursor:before,.about-cursor:after{content:"";border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.about-cursor:before{background:var(--white);width:2px;height:2px}.about-cursor:after{border:1px solid var(--dim);width:22px;height:22px;transition:width .3s var(--ease-out), height .3s var(--ease-out), border-color .3s var(--ease-out)}.about-cursor.over:after{border-color:var(--white);width:44px;height:44px}.notice{padding:calc(var(--inset) + 72px) calc(var(--inset) + 28px);background:var(--black);display:flex;position:fixed;inset:0;overflow-y:auto}.notice-body{z-index:1;text-align:center;flex-direction:column;align-items:center;margin:auto;display:flex;position:relative}.notice .figure{letter-spacing:.12em;margin:0;padding-left:.12em;font-size:clamp(3rem,1.6rem + 4.4vw,5.2rem);font-weight:300}.notice-ring{border:1px solid var(--faint);border-radius:50%;width:23px;height:23px;margin-bottom:clamp(2.6rem,8vh,5rem)}.notice-break{width:min(56vw,360px);height:7px;margin-bottom:clamp(2.6rem,8vh,5rem);position:relative}.notice-break:before,.notice-break:after{content:"";background:linear-gradient(var(--white), var(--white)) center / 100% 1px no-repeat;border:0 solid var(--dim);width:calc(50% - 9px);height:100%;position:absolute;top:0}.notice-break:before{transform-origin:0;border-left-width:1px;left:0}.notice-break:after{transform-origin:100%;border-right-width:1px;right:0}.notice-title{font-family:var(--serif);margin:0;font-size:clamp(1.6rem,1rem + 2.4vw,2.8rem);font-weight:300;line-height:1.3}html[data-lang=zh] .notice-title>.zh{letter-spacing:.24em;padding-left:.24em}.notice-quote{flex-direction:column;align-items:center;margin:clamp(2.6rem,7vh,3.8rem) 0 0;display:flex}.notice-quote-text{font-family:var(--serif);margin:0;font-size:clamp(1rem,.92rem + .36vw,1.25rem);font-weight:400;line-height:1.8}.notice-quote-text>span{text-wrap:balance;max-width:24em}.notice-quote-text .clause{display:block}html[data-lang=zh] .notice-quote-text>.zh{letter-spacing:.08em}.notice-quote .subtitle-original{margin-top:.8rem;font-size:.8rem}.notice-quote .subtitle-source{margin-top:.8rem}.notice-links{letter-spacing:.16em;gap:2.6rem;margin-top:clamp(2.8rem,9vh,4.6rem);font-size:.8rem;display:flex}.notice-links :is(a,button){min-height:40px;color:var(--dim);letter-spacing:inherit;cursor:pointer;transition:color .3s var(--ease-out);background:0 0;border:0;margin:-12px -4px;padding:12px 4px;text-decoration:none}.notice-links :is(a,button):hover{color:var(--white)}.notice.broken .sync{background:var(--faint)}.notice-digest{gap:.5em;display:flex}html.custom-cursor .notice,html.custom-cursor .notice *{cursor:none}html.custom-cursor .notice .about-cursor.shown{opacity:1}@media (prefers-reduced-motion:no-preference){html.js:not([data-phase=about]){overscroll-behavior:none;overflow:hidden}html.js:not([data-phase=about]) .about{display:none}html.js[data-back] .about{animation:about-in 2s var(--ease-out) .9s both}html.js .about-sky{position:fixed}html.js .about-name{animation:focus-in 2.6s var(--ease-out) .3s both}html.js .motto-text{animation:fade-in 1.8s var(--ease-out) 1.9s both}html.js .motto-source{animation:fade-in 1.6s var(--ease-out) 2.6s both}html.js :is(.about-down,.more-line){animation:down 2.8s var(--ease-out) 1.2s infinite both}html.js .about-down{animation-delay:3.6s}html.js[data-phase=about] .timecode{opacity:0}html.js :is(.notice-ring,.notice-break){animation:fade-in 1.2s var(--ease-out) .2s both}html.js .notice-break:before,html.js .notice-break:after{animation:reach 1.6s var(--ease-out) .3s both}html.js .notice :is(.figure,.notice-title){animation:focus-in 2.4s var(--ease-out) .5s both}html.js .notice .caption{animation:fade-in 1.6s var(--ease-out) 1.6s both}html.js .notice-quote{animation:fade-in 1.8s var(--ease-out) 2.2s both}html.js :is(.notice-links,.notice-digest){animation:fade-in 1.4s var(--ease-out) 2.9s both}html.js .stage{z-index:0;opacity:0;visibility:hidden;transition:opacity 1.2s var(--ease-out), visibility 0s linear 1.2s;position:fixed;inset:0;overflow:hidden}html.js:not([data-phase=about]) .stage{opacity:1;visibility:visible;transition:opacity 1.2s var(--ease-out), visibility 0s}html.js .stage:before,html.js .stage:after{content:"";pointer-events:none;position:absolute}html.js .stage:before{z-index:4;background:radial-gradient(78% 72%,#0000 58%,#00000080 100%),#00000009;animation:3.2s step-end infinite flicker;inset:0}html.js .stage:after{z-index:5;background-image:var(--grain,none);opacity:.1;background-size:240px 240px;animation:.5s step-end infinite grain;inset:-120px}html.js .footage{filter:sepia(.12)saturate(.86)contrast(1.06)}html.js .credits{z-index:2;background:var(--black);opacity:0;visibility:hidden;padding:0;transition:opacity 1.4s ease-in-out,visibility 0s linear 1.4s;display:block;position:absolute;inset:0;overflow:hidden}html.js[data-phase=credits] .credits{opacity:var(--credits-in,1);visibility:visible;transition:visibility}html.js .roll{width:min(100vw,38rem);padding:0 calc(var(--inset) + 28px);will-change:transform;position:absolute;top:0;left:50%;transform:translate(-50%,100vh)}html.js .shot{z-index:0;background:var(--black);opacity:0;visibility:hidden;min-height:0;transition:opacity 0s linear 1.3s,visibility 0s linear 1.3s;position:absolute;inset:0}html.js .shot.open{display:grid}html.js .shot.open:not([data-state=active]){opacity:0;transition:opacity .5s var(--ease-out), visibility 0s linear .5s}html.js .shot[data-state=active]{z-index:1;opacity:1;visibility:visible;transition:opacity 1.2s ease-in-out,visibility}html.js .shot .shot-inner{transition:opacity .5s var(--ease-out)}html.js .shot:not([data-state=active]) .shot-inner{opacity:0}html.js [data-b]{opacity:0;filter:blur(10px);transition:opacity 1.3s var(--ease-out), filter 1.6s var(--ease-out)}html.js [data-b].on{opacity:1;filter:blur()}html.js .open .shot-inner{position:static}html.js .open .hint{right:0;bottom:calc(var(--inset) + 56px);z-index:1;position:absolute;left:0}html.js .sound-entry{z-index:3;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1s var(--ease-out), visibility 0s linear 1s;justify-content:center;display:flex;position:absolute;top:calc(50% + clamp(64px,13vmin,120px) + 2.4rem);left:0;right:0}html.js .stage:has(.open[data-state=active]) .sound-entry:not([data-hidden]){opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1s var(--ease-out) .6s, visibility 0s}html.js .sound-entry button{border:1px solid var(--faint);background:var(--black);color:var(--white);letter-spacing:.16em;cursor:pointer;transition:border-color .3s var(--ease-out);border-radius:999px;padding:.75em 1.8em;font-size:.78rem}html.js .sound-entry button:hover{border-color:var(--white)}html.js .title .shot-inner{place-items:center;display:grid}html.js .title .title-card{margin:0}html.js .title-card{--open:.6;font-size:min(clamp(2.5rem, .6rem + 8vw, 9rem), calc((100vw - 6rem) / (6.2 + 7 * var(--open))));--track:calc(var(--open) * 1em);white-space:nowrap;transition:opacity 1.6s var(--ease-out) .7s, filter 2s var(--ease-out) .7s, font-weight 3.4s var(--ease-out) 1s, --track 3.4s var(--ease-out) 1s;font-weight:200}html.js .title-card:not(.on),html.js .title-card:not(.on)>*{transition:none}html.js .title-card.on{--track:.14em;font-weight:700}html.js[data-lang=en] .title-card{--open:.5}html.js[data-lang=en] .title-card>.en{font-size:min(clamp(2.4rem, .6rem + 7.6vw, 8.5rem), calc((100vw - 6rem) / (5.6 + 10 * var(--open))))}html.js[data-lang=en] .title-card.on{--track:.02em}html.js .title-card>.en,html.js[data-lang=en] .title-card>.zh{opacity:0;transition:opacity 1.4s var(--ease-out) 2.9s}html.js .title-card.on>.en,html.js[data-lang=en] .title-card.on>.zh{opacity:1}html.js .shot.scale{padding-bottom:0}html.js .shot.scale .shot-inner{max-width:none;padding-top:0;position:absolute;inset:0}html.js .scale .readout{opacity:var(--readout,1);display:flex;position:absolute;top:46%;left:0;right:0}html.js .scale-facts{display:none}html.js .scale .pixel{opacity:0;transition:opacity .6s var(--ease-out);margin-top:-.5px}html.js .scale[data-beat="0"] .pixel{opacity:var(--pixel-ring,0);transition:none}html.js .scale[data-beat="0"] .readout>.figure{opacity:var(--pixel-figure,0);filter:blur(calc((1 - var(--pixel-figure,0)) * 10px));transition:none}html.js .scale[data-beat="3"] .readout>.figure.on{transition-delay:1.8s}html.js .captions>*{opacity:0;filter:blur(6px);transition:opacity 1.2s var(--ease-out), filter 1.4s var(--ease-out);grid-area:1/1}html.js .scale[data-beat="0"] .at-pixel{opacity:var(--pixel-caption,0);filter:blur(calc((1 - var(--pixel-caption,0)) * 6px));transition:none}html.js .scale[data-beat="4"] .at-universe,html.js .scale[data-beat="11"] .at-planck{opacity:1;filter:none;transition-delay:.4s}html.js .scale .figure{filter:none}html.js .scale:is([data-beat="2"],[data-beat="6"],[data-beat="7"],[data-beat="9"],[data-beat="12"],[data-beat="13"],[data-beat="14"],[data-beat="15"],[data-beat="99"]) .readout>.figure{opacity:0;transition:opacity .7s var(--ease-out)}html.js .scale .stop{flex-direction:column;align-items:center;display:flex}html.js .scale .pair{grid-template-columns:1fr 1px 1fr;align-items:start;display:grid}html.js .scale :is(.stop,.pair)[data-b]{opacity:0;filter:blur(8px);transition:opacity .7s var(--ease-out), filter .8s var(--ease-out);position:absolute;left:0;right:0}html.js .scale :is(.stop,.pair).current{opacity:1;filter:none;transition:opacity 1.3s var(--ease-out) .7s, filter 1.6s var(--ease-out) .7s}html.js .scale .at-earth{top:calc(46% + var(--earth-top,180px))}html.js .scale .at-synapse{top:calc(46% + var(--synapse-top,170px))}html.js .scale .at-proton{top:calc(46% + var(--proton-top,140px))}html.js .scale .pair{left:10vw;right:10vw}html.js .scale .sand{right:0;bottom:calc(var(--inset) + clamp(64px, 11svh, 120px));padding:0 7vw;position:absolute;left:0}html.js .scale .sand.on{transition-delay:.6s}html.js .scale .sand .subtitle-original.on{transition-delay:1.8s}html.js .scale .sand .subtitle-source.on{transition-delay:2.8s}html.js .scale .sand:not(.current),html.js .scale .aside:not(.current){opacity:0;filter:blur(6px);transition:opacity .8s var(--ease-out), filter .9s var(--ease-out)}html.js .span-labels{grid-template-columns:50.56fr 49.44fr;gap:0;width:80vw;margin:0;display:grid;position:absolute;top:calc(46% + 30px);left:50%;transform:translate(-50%)}html.js .span-labels.on{transition-delay:2.4s}html.js .span-labels.bi,html.js .span-labels>.bi{align-items:center}html.js .scale .aside{right:0;bottom:calc(var(--inset) + clamp(72px, 13svh, 140px));padding:0 7vw;position:absolute;left:0}html.js .scale .aside.on{transition-delay:.5s}html.js .scale .aside-line+.aside-line{opacity:0;filter:blur(6px);transition:opacity 1.4s var(--ease-out), filter 1.6s var(--ease-out)}html.js .scale .aside.current .aside-line+.aside-line{opacity:1;filter:none;transition-delay:2.2s}html.js .scale .footage{opacity:0;transition:opacity 1.2s linear}html.js .scale[data-beat="3"] .footage{opacity:var(--footage);transition:opacity 5s linear 6.5s}html.js .scale[data-beat="4"] .footage{opacity:var(--footage)}html.js .scale[data-beat="5"] .footage{opacity:0;transition:opacity 3s linear .5s}html.js .return .back-motto,html.js .return .back-motto .subtitle-source{transition:none}html.js .return .back-motto{opacity:var(--motto-text,0);filter:blur(calc((1 - var(--motto-text,0)) * 10px))}html.js .return .back-motto .subtitle-source{opacity:var(--motto-source,0);filter:blur(calc((1 - var(--motto-source,0)) * 10px))}html.js .shot:is([data-state=active],[data-state=after]) .footage{animation:30s linear both footage-drift}html.js .shot.quote{padding-bottom:calc(var(--inset) + clamp(64px, 11svh, 120px));place-items:end center}html.js .shot.quote .subtitle[data-b="0"]{transition-delay:1.4s}html.js .shot.quote .subtitle[data-b="0"]:not(.on){transition-delay:0s}}@keyframes footage-drift{0%{transform:scale(1.001)}to{transform:scale(1.08)}}@keyframes grain{0%{transform:translate(0)}12.5%{transform:translate(-41px,23px)}25%{transform:translate(27px,-52px)}37.5%{transform:translate(-63px,-17px)}50%{transform:translate(49px,38px)}62.5%{transform:translate(-12px,71px)}75%{transform:translate(82px,-9px)}87.5%{transform:translate(-88px,44px)}}@keyframes flicker{0%{opacity:.8}9%{opacity:1}21%{opacity:.7}33%{opacity:.95}46%{opacity:.75}58%{opacity:1}71%{opacity:.85}84%{opacity:.7}93%{opacity:.95}}@keyframes focus-in{0%{opacity:0;filter:blur(22px)}60%{opacity:1}to{opacity:1;filter:blur()}}@keyframes fade-in{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes reach{0%{transform:scaleX(0)}}@keyframes about-in{0%{opacity:0}}@keyframes down{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (max-width:720px){.chrome{font-size:.72rem}.controls{gap:14px}.span-label{letter-spacing:.06em;font-size:.7rem}.credit-list{grid-template-columns:auto 1fr;column-gap:1.4rem}.about-body{padding-right:calc(var(--inset) + 16px);padding-left:calc(var(--inset) + 16px)}.about-facts{grid-template-columns:max-content minmax(0,1fr);justify-content:stretch;column-gap:1rem}.about-links a{flex-direction:column;gap:.3rem}}@media (max-width:720px) and (prefers-reduced-motion:no-preference){html.js .title-card,html.js[data-lang=en] .title-card{--open:.3}}