@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--board:#e7e5df;--board-2:#dddad2;--board-3:#cfcbc1;--ink:#1a1917;--ink-2:#5c5a55;--ink-3:#8a877f;--rule:#c7c3ba;--blue:#1f3fd6;--blue-ink:#16309f;--sans:"Archivo Variable", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gutter:clamp(20px, 4.5vw, 72px);--panel-w:min(46vw, 620px);--chapter-h:170vh;--chapter-h-last:260vh;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--board);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:17px;line-height:1.6}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-feature-settings:"ss01", "cv05";text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}h1,h2,h3,p,dl,dd,dt,ul{margin:0}ul{padding:0;list-style:none}img,picture{max-width:100%;display:block}.top{z-index:20;padding:18px var(--gutter);font-variation-settings:"wdth" 100;letter-spacing:.01em;background:color-mix(in srgb, var(--board) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:1fr auto 1fr;align-items:center;font-size:.85rem;display:grid;position:fixed;inset:0 0 auto}.mark{font-variation-settings:"wdth" 112;letter-spacing:-.01em;font-size:1rem;font-weight:640}.mark span{color:var(--ink-3);font-weight:480}.counter{font-variant-numeric:tabular-nums;color:var(--ink-2);justify-self:center}.top-nav{justify-self:end;align-items:center;gap:22px;display:flex}.top-link{border-bottom:1px solid var(--rule);padding-bottom:1px}.top-link:hover{border-color:var(--ink)}.lang{border:1px solid var(--rule);gap:2px;padding:2px;display:inline-flex}.lang-btn{color:var(--ink-2);padding:3px 9px;font-size:.8rem;line-height:1.4}.lang-btn[data-pressed]{background:var(--ink);color:var(--board)}.stage{z-index:0;position:fixed;inset:0;overflow:hidden}.stage-canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}html.gpu .stage-canvas{opacity:1;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 50%);mask-image:linear-gradient(90deg,#0000 30%,#000 50%)}.stage-stills{pointer-events:none;position:absolute;inset:0}html.gpu .stage-stills{display:none}.still{top:50%;right:var(--gutter);opacity:0;width:min(56vw,900px);transition:opacity .9s;position:absolute;overflow:hidden;transform:translateY(-50%)}.still img{will-change:transform;transition:transform .15s linear}.still[data-on]{opacity:1}.still img{width:100%;height:auto}.stage-caption{right:var(--gutter);width:min(56vw,900px);color:var(--ink-3);text-align:right;font-size:.8rem;position:absolute;bottom:22px}html.gpu .stage-caption{display:none}main{z-index:1;position:relative}.chapter{min-height:var(--chapter-h);position:relative}.chapter:last-of-type{min-height:var(--chapter-h-last)}.panel{height:100vh;padding:80px var(--gutter) 64px;width:var(--panel-w);will-change:opacity, transform;flex-direction:column;justify-content:center;max-width:100%;display:flex;position:sticky;top:0}html.js:not(.stage-ready) .chapter:not(:first-child) .panel{opacity:0}.kicker{color:var(--ink-2);align-items:baseline;gap:14px;margin-bottom:22px;font-size:.82rem;display:flex}.kicker-district{color:var(--blue-ink);font-weight:600}.kicker-i{font-variant-numeric:tabular-nums;color:var(--ink-3);margin-left:auto}.epigraph{color:var(--ink-2);margin-bottom:26px;font-size:.95rem}.epigraph small{color:var(--ink-3);margin-left:6px;font-size:.8rem}.display{font-variation-settings:"wdth" 115;letter-spacing:-.028em;margin-bottom:30px;font-size:clamp(2.2rem,4.7vw,4.4rem);font-weight:620;line-height:1}.display .line{display:block}.display-zh{font-variation-settings:"wdth" 100;letter-spacing:.005em;font-size:clamp(2rem,4.3vw,4rem);font-weight:700;line-height:1.16}.lede{max-width:44ch;color:var(--ink);margin-bottom:20px;font-size:1.08rem;line-height:1.6}.meta{color:var(--ink-2);font-size:.85rem}.scroll-cue{bottom:28px;left:var(--gutter);color:var(--ink-3);padding-left:22px;font-size:.8rem;position:absolute}.scroll-cue:before{content:"";background:var(--ink-3);width:1px;height:22px;animation:2s ease-in-out infinite cue;position:absolute;top:50%;left:0;transform:translateY(-50%)}@keyframes cue{0%,to{transform:translateY(-50%)scaleY(1)}50%{transform:translateY(-30%)scaleY(1.3)}}@media (prefers-reduced-motion:reduce){.scroll-cue:before{animation:none}}.work-name{font-variation-settings:"wdth" 112;letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:640;line-height:1.06}:lang(zh-CN) .work-name{font-variation-settings:"wdth" 100;letter-spacing:0;line-height:1.2}.work-alt{color:var(--ink-3);letter-spacing:0;font-variation-settings:"wdth" 100;margin-top:8px;font-size:.55em;font-weight:480;display:block}.work-tagline{max-width:40ch;margin-bottom:16px;font-size:1.15rem;line-height:1.5}.work-detail{color:var(--ink-2);max-width:50ch;margin-bottom:18px;font-size:.95rem;line-height:1.62}.work-stack{color:var(--ink-3);max-width:50ch;margin-bottom:18px;font-size:.82rem}.work-stack-label{color:var(--ink-2)}.work-links{flex-wrap:wrap;gap:10px 24px;font-size:.92rem;display:flex}.work-links a,.linkish{border-bottom:1px solid var(--ink);padding-bottom:1px;transition:color .15s,border-color .15s}.work-links a:hover,.linkish:hover{color:var(--blue);border-color:var(--blue)}.work-links .host{color:var(--ink-3);margin-left:4px}.work-links .muted{color:var(--ink-3)}.floors{border-top:1px solid var(--rule);gap:12px;max-width:52ch;padding-top:14px;font-size:.86rem;display:grid}.floor{border-bottom:1px solid var(--rule);grid-template-columns:9.5em 1fr;gap:12px;padding-bottom:12px;display:grid}.floor:last-child{border-bottom:0}.floor dt{color:var(--ink);font-weight:600}.floor dd{color:var(--ink-2);line-height:1.5}.rail{z-index:20;gap:8px;transition:opacity .3s;display:grid;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.rail a{padding:3px;display:block}.rail a span{background:var(--ink-3);width:14px;height:1px;transition:width .25s,background .25s;display:block}.rail a[data-active] span{background:var(--blue);width:26px}.rail a:hover span{background:var(--ink)}.after{z-index:1;background:var(--board);padding:clamp(80px, 12vh, 140px) var(--gutter) 40px;border-top:1px solid var(--rule);position:relative}.after section{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:24px 64px;max-width:1120px;margin:0 auto clamp(64px,10vh,120px);display:grid}.h2{font-variation-settings:"wdth" 112;letter-spacing:-.02em;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:640;line-height:1.1}:lang(zh-CN) .h2{font-variation-settings:"wdth" 100;letter-spacing:0}.note{color:var(--ink-3);grid-column:2;max-width:60ch;font-size:.85rem}.ledger-rows{border-top:1px solid var(--ink);grid-column:2}.ledger-row{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;gap:24px;padding:12px 0;font-size:.95rem;display:grid}.ledger-row dt{color:var(--ink-2)}.ledger-row dd{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.shelf{grid-template-rows:auto 1fr}.shelf-list{border-top:1px solid var(--ink);grid-area:1/2/span 2;gap:14px;padding-top:14px;display:grid}.shelf-list li{border-bottom:1px solid var(--rule);grid-template-columns:13em 1fr;gap:16px;padding-bottom:14px;font-size:.92rem;display:grid}.shelf-list a{border-bottom:1px solid #0000;font-weight:600}.shelf-list a:hover{color:var(--blue)}.shelf-list span{color:var(--ink-2)}.foot{border-top:1px solid var(--ink);max-width:1120px;color:var(--ink-2);gap:8px;margin:0 auto;padding-top:20px;font-size:.85rem;display:grid}.foot-rev{color:var(--ink-3);margin:0 8px}.foot a{border-bottom:1px solid var(--rule)}.foot a:hover{color:var(--blue);border-color:var(--blue)}.foot-colophon,.foot-privacy{max-width:70ch;color:var(--ink-3)}.foot-nogpu{max-width:70ch;color:var(--ink-3);display:none}html.nogpu .foot-nogpu{display:block}@media (max-width:880px){:root{--panel-w:100%;--chapter-h:150vh;--chapter-h-last:230vh}html{font-size:16px}.top{grid-template-columns:1fr auto}.counter{display:none}.panel{padding:46vh var(--gutter) 40px;justify-content:flex-end;height:100vh}.display{font-size:clamp(1.9rem,8.4vw,2.8rem)}.display-zh{font-size:clamp(1.8rem,8vw,2.6rem)}.lede{font-size:.98rem}.scroll-cue{display:none}.work-detail{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.floors{gap:8px;font-size:.8rem}.floor{grid-template-columns:1fr;gap:2px;padding-bottom:8px}.still{width:min(88vw,420px);top:12px;right:50%;transform:translate(50%)}.stage-caption{display:none}html.gpu .stage-canvas{-webkit-mask-image:linear-gradient(#000 36%,#0000 56%);mask-image:linear-gradient(#000 36%,#0000 56%)}.rail{display:none}.after section{grid-template-columns:1fr;gap:16px}.note,.ledger-rows,.shelf-list,.shelf .note{grid-area:auto/1}.shelf-list li{grid-template-columns:1fr;gap:4px}}
