:root{color-scheme:dark;--bg:#10151c;--fg:#edeae0;--muted:#8c969f;--line:#30363d;--yellow:#f3d675}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg)}body{font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--yellow)}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button{border:0;background:none}::selection{background:var(--yellow);color:#10151c}.exhibition{min-height:100svh;height:100svh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:60px;flex:0 0 60px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 42px;border-bottom:1px solid rgba(160,170,185,.15);position:relative;z-index:3;font-size:10px;letter-spacing:.08em}.back{display:flex;align-items:center;gap:12px}.back span{font-size:12px;letter-spacing:.05em}.back i{font-style:normal;color:#59636d;margin:0 8px}.top-right{display:flex;gap:25px;align-items:center}.edition{color:#77808a;font-size:9px;margin-right:8px;letter-spacing:.13em}.hero{flex:0 0 40%;min-height:240px;max-height:420px;position:relative;overflow:hidden}.pixel-field{position:absolute;right:-80px;top:-150px;display:grid;grid-template-columns:repeat(14,90px);grid-auto-rows:90px;gap:5px;transform:rotate(-10deg);transform-origin:65% 30%;opacity:.82;mask-image:linear-gradient(90deg,transparent,black 30%,black 90%,transparent)}.pixel{overflow:hidden;background:#394340;box-shadow:inset 0 0 0 1px #fff1;transition:filter .5s,transform .5s;position:relative}.pixel img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85)}.pixel:nth-child(7n){transform:translateY(7px)}.pixel:nth-child(13n){opacity:.5}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 80%),linear-gradient(90deg,var(--bg) 0%,rgba(16,21,28,.92) 30%,rgba(16,21,28,.15) 75%)}.hero-copy{position:absolute;left:6.5%;bottom:40px;z-index:2}.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--yellow);display:flex;align-items:center;gap:8px;margin:0 0 18px}.live-dot{height:5px;width:5px;background:var(--yellow);display:inline-block}h1{font-size:clamp(72px,8.7vw,136px);font-weight:650;line-height:.92;letter-spacing:-.065em;margin:0}h1 span{color:var(--yellow)}h1 sup{font-size:16px;vertical-align:top;line-height:2;letter-spacing:0;margin-left:10px;color:#bbb9ae}.hero-line{display:flex;gap:34px;align-items:baseline;margin-top:25px}.hero-line p{margin:0;color:#b6b9b9;font-size:14px;letter-spacing:.12em}.text-button{font-size:10px;color:#a4adae;padding:0;border-bottom:1px solid #5c6365;line-height:2}.text-button span{padding-left:18px}.text-button:hover{color:var(--yellow)}.hero-credit{position:absolute;bottom:42px;right:44px;z-index:2;display:flex;flex-direction:column;text-align:right;gap:3px}.hero-credit span{font-size:13px}.hero-credit small{font-size:9px;color:var(--muted)}.hero-index{position:absolute;top:26px;left:42px;font-size:8px;letter-spacing:.12em;line-height:1.7;color:#6f7a80;display:none}.archive{min-height:0;flex:1;display:flex;flex-direction:column;position:relative}.archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 42px;padding:22px 0 20px;border-top:1px solid var(--line)}.archive-title{display:flex;align-items:center;gap:12px;white-space:nowrap}.section-mark{font-size:9px;color:#78838a;font-family:monospace}.archive-title h2{font-size:14px;font-weight:500;letter-spacing:.05em;margin:0}.count{font-size:9px;color:var(--yellow);font-family:monospace}.filters{display:flex;gap:4px;margin-left:auto;margin-right:auto}.filters button{font-size:11px;color:#8c969f;padding:6px 14px;border-radius:20px}.filters button.active{background:var(--yellow);color:#24271e}.filters button:hover:not(.active){background:#252c33;color:var(--fg)}.view-controls{display:flex;align-items:center;gap:5px}.view-controls button{width:28px;height:28px;font-size:18px;color:#aeb3b5}.view-controls button:hover{color:var(--yellow)}.view-controls button:disabled{opacity:.3;cursor:default}.divider{height:14px;width:1px;background:var(--line);margin:0 8px}.art-track{min-height:0;display:flex;gap:22px;padding:0 42px 12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;flex:1;align-items:stretch}.art-track::-webkit-scrollbar{display:none}.art-card{flex:0 0 auto;width:var(--card-width,380px);min-width:200px;max-width:70vw;display:flex;flex-direction:column;gap:12px;scroll-snap-align:center;border:0;padding:0;text-align:left;background:none;min-height:0}.card-art{flex:1;min-height:0;display:block;overflow:hidden;position:relative;background:#1a222d;border:1px solid #fff1;border-radius:2px}.card-art img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .5s,filter .4s}.art-card:hover .card-art img{transform:scale(1.025);filter:brightness(1.07)}.card-number{position:absolute;top:12px;left:12px;background:#0d131cb5;backdrop-filter:blur(8px);font:9px/1.5 monospace;padding:3px 7px;color:#d1d1c8;border:1px solid #ffffff20}.expand-icon{position:absolute;right:12px;bottom:12px;background:#f3d675;color:#15191e;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;opacity:0;transform:translateY(5px);transition:.2s}.art-card:hover .expand-icon,.art-card:focus-visible .expand-icon{opacity:1;transform:none}.play-marker{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.play-marker span{width:44px;height:44px;background:#10151cb0;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font-size:15px}.card-caption{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:11px;line-height:1.5;min-height:20px;color:#c5c7c6;white-space:nowrap}.card-caption strong{font-weight:400;overflow:hidden;text-overflow:ellipsis}.card-caption small{color:#6d7b86;font:9px monospace}.archive-footer{margin:0 42px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6e7a83;font-size:8px;letter-spacing:.12em}.hint-arrow{padding-left:12px;color:var(--yellow);font-size:15px}.art-track.overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));overflow:auto;align-content:start;gap:25px;scrollbar-width:thin}.overview .art-card{width:auto;max-width:none;height:220px}.overview .card-art img{object-fit:contain}.viewer{inset:0;width:100%;height:100svh;max-height:none;max-width:none;padding:0;margin:0;border:0;background:#0a0e14f7;color:var(--fg);overflow:hidden}.viewer[open]{display:flex;flex-direction:column}.viewer::backdrop{background:#080c12}.viewer-top{height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 35px;font-size:10px;color:#9ca6ad;letter-spacing:.1em}.viewer-separator{margin:0 15px;color:#4a555f}.round-button{width:36px;height:36px;border:1px solid #39424b;border-radius:50%;display:grid;place-items:center;font-size:19px;background:#131b24;color:#ccd1d2}.round-button:hover{color:#10151c;background:var(--yellow);border-color:var(--yellow)}.viewer-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;padding:0 90px}.viewer-stage .previous,.viewer-stage .next{position:absolute;top:50%;z-index:2}.viewer-stage .previous{left:28px}.viewer-stage .next{right:28px}#viewer-media{height:100%;width:100%;display:flex;align-items:center;justify-content:center}#viewer-media img,#viewer-media video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.viewer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 90px 16px}.viewer-bottom h2{font-size:16px;font-weight:400;margin:0 0 4px}.viewer-bottom p{font-size:10px;color:#73818d;margin:0}.viewer-bottom>a{font-size:11px;color:#8a969d}.viewer-thumbs{display:flex;gap:9px;justify-content:center;padding:0 30px 18px;overflow:auto;min-height:63px}.viewer-thumbs button{width:60px;min-width:60px;height:44px;padding:2px;border:1px solid #343d46;opacity:.45}.viewer-thumbs button.active{border-color:var(--yellow);opacity:1}.viewer-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.about{color:var(--fg);background:#161e28;border:1px solid #3a4651;width:560px;max-width:calc(100% - 30px);padding:50px;max-height:85svh;overflow:auto}.about::backdrop{background:#080c13c9;backdrop-filter:blur(10px)}.about-close{position:absolute;right:18px;top:18px}.about h2{font-size:38px;line-height:1.4;font-weight:500;letter-spacing:-.03em;margin:20px 0}.about>p:not(.eyebrow){font-size:13px;line-height:1.95;color:#a2afb9}.about dl{border-top:1px solid var(--line);padding-top:20px;display:grid;gap:13px}.about dl>div{display:flex;justify-content:space-between;font-size:11px;gap:20px}.about dt{color:#778895}.about dd{margin:0;color:#c9ced0}.about-links{display:flex;gap:25px;font-size:12px;margin-top:26px}.about p.source-note{font-size:10px;color:#687a89;margin-top:25px}.skip{position:fixed;top:-70px;left:20px;z-index:20}.skip:focus{top:10px;padding:8px;background:var(--yellow);color:#10151c}@media(min-height:950px){.hero{flex-basis:42%;max-height:470px}.archive-toolbar{padding-top:28px;padding-bottom:28px}.art-track{padding-bottom:20px}.archive-footer{min-height:60px}}@media(max-width:850px){.topbar{margin:0 25px}.edition{display:none}.hero-credit{right:25px}.hero-copy{left:25px}.archive-toolbar{margin:0 25px;gap:15px}.art-track{padding-left:25px;padding-right:25px;gap:16px}.archive-footer{margin:0 25px}.section-mark{display:none}.archive-title{gap:7px}.filters{gap:0}.filters button{padding:5px 10px}.view-controls{gap:0}.view-controls .divider{margin:0 4px}.hero{flex-basis:38%}.pixel-field{right:-450px}.hero-line p{font-size:12px}}@media(max-width:600px){.exhibition{height:100svh;min-height:650px}.topbar{height:50px;flex-basis:50px;margin:0 20px;font-size:9px}.back{gap:7px}.back i{margin:0 2px}.top-right{gap:16px}.hero{flex-basis:35%;min-height:230px}.hero-copy{left:22px;bottom:32px}.eyebrow{font-size:8px;margin-bottom:15px}h1{font-size:72px}h1 sup{font-size:11px;margin-left:6px}.hero-line{margin-top:19px;gap:24px;display:block}.hero-line p{font-size:12px}.text-button{margin-top:12px;font-size:9px}.hero-credit{right:22px;bottom:32px}.hero-credit span{font-size:11px}.hero-credit small{font-size:8px}.hero-shade{background:linear-gradient(0deg,var(--bg),transparent 100%),linear-gradient(90deg,#10151cdd,transparent)}.pixel-field{grid-template-columns:repeat(14,65px);grid-auto-rows:65px;gap:4px;right:-240px;top:-80px;opacity:.65}.archive-toolbar{padding:15px 0;flex-wrap:wrap;margin:0 20px;gap:12px}.archive-title{flex:1}.archive-title h2{font-size:12px}.filters{order:3;flex-basis:100%;justify-content:flex-start;margin:0;gap:8px}.filters button{padding:5px 14px;font-size:10px}.view-controls button{font-size:17px;width:25px;height:25px}.art-track{padding:0 20px 8px;gap:16px}.art-card{min-width:200px;max-width:85vw}.card-caption{font-size:10px}.archive-footer{margin:0 20px;min-height:36px}.archive-footer>span:first-child{display:none}.archive-footer>span:last-child{margin-left:auto;font-size:9px}.art-track.overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.overview .art-card{height:160px;min-width:0}.overview .card-caption small{display:none}.viewer-top{padding:0 18px;height:58px}.viewer-stage{padding:0 12px}.viewer-stage .previous,.viewer-stage .next{top:auto;bottom:-55px}.viewer-stage .previous{left:15px}.viewer-stage .next{right:15px}.viewer-bottom{padding:20px 58px;display:block;text-align:center}.viewer-bottom h2{font-size:12px}.viewer-bottom p{font-size:9px}.viewer-bottom>a{display:inline-block;font-size:9px;margin-top:5px}.viewer-thumbs{justify-content:flex-start;padding-left:20px;padding-right:20px}.about{padding:40px 28px}.about h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Featured motion, comic theatre and the final artwork collection. */
[hidden]{display:none!important}.card-art video{width:100%;height:100%;object-fit:contain;display:block}.media-badge{position:absolute;left:12px;bottom:12px;background:#10151ce0;border:1px solid #ffffff30;padding:4px 9px;font:9px/1.5 monospace;color:var(--yellow);letter-spacing:.05em}.comic-card .card-art img{object-fit:cover;object-position:top}.hero-line{gap:24px}.comic-link{color:var(--yellow)}.pixel-field{opacity:.95;top:-140px}.hero-shade{background:linear-gradient(0deg,var(--bg),transparent 95%),linear-gradient(90deg,var(--bg) 0%,rgba(16,21,28,.85) 24%,rgba(16,21,28,.08) 76%)}.viewer-thumbs{justify-content:flex-start;padding-left:max(30px,calc((100vw - 1050px)/2));scrollbar-width:thin}.art-card{max-width:76vw}.card-caption small{color:#9ba8af}.archive-footer{color:#91a0aa}.view-controls #motion-toggle{font-size:14px}.comic-dialog{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;inset:0;background:#10151c;color:var(--fg);border:0;overflow:hidden}.comic-dialog[open]{display:flex;flex-direction:column}.comic-dialog::backdrop{background:#10151c}.comic-top{height:76px;flex:0 0 76px;border-bottom:1px solid #ffffff20;padding:0 42px;display:flex;align-items:center;justify-content:space-between;z-index:3;background:#10151c}.comic-top>div{display:flex;align-items:center;gap:24px}.comic-top span{font:10px monospace;color:var(--yellow);letter-spacing:.16em}.comic-top strong{font-size:12px;font-weight:400;color:#a9b7c2}.comic-scroll{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;overscroll-behavior:contain;background:radial-gradient(ellipse at 25% 20%,#21374760,transparent 45%),radial-gradient(ellipse at 85% 70%,#3b29445c,transparent 40%);scrollbar-color:#475460 #10151c}.comic-intro{max-width:1000px;margin:0 auto;padding:65px 50px 30px}.comic-intro h2{font-size:clamp(32px,4vw,64px);font-weight:500;letter-spacing:-.04em;line-height:1.3;margin:20px 0}.comic-intro>p:last-of-type{font-size:11px;color:#91a2ae}.comic-intro>p span{margin-left:18px;color:var(--yellow)}.comic-progress{display:flex;gap:8px;margin:30px 0}.comic-progress i{width:24px;height:3px;background:#3c4853}.comic-progress i.done{background:var(--yellow)}.comic-scene{position:relative;width:min(780px,80%);margin:30px auto 150px;padding-bottom:75px}.scene-label{font:10px monospace;letter-spacing:.1em;color:#9caeb9;display:block;margin-bottom:20px}.comic-panel{width:76%;position:relative;overflow:hidden;border:7px solid #050a10;border-radius:30px 30px 30px 5px;box-shadow:0 25px 65px #0006;opacity:0;transform:translateY(75px) rotate(-3deg);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}.comic-panel img{position:absolute;left:0;width:100%;max-width:none;height:auto;display:block}.scene-2 .comic-panel{margin-left:auto;border-radius:30px 30px 5px 30px;transform:translateY(75px) rotate(3deg)}.speech{position:absolute;right:-10px;bottom:0;min-width:220px;background:#f3d675;color:#18212a;border:3px solid #090e14;border-radius:30px 30px 30px 2px;padding:24px 32px;box-shadow:9px 9px 0 #0005;opacity:0;transform:translateY(40px) scale(.85);transition:opacity .7s .25s,transform .8s .25s cubic-bezier(.16,1,.3,1)}.speech:after{content:"";position:absolute;bottom:-18px;left:17px;width:30px;height:25px;background:#f3d675;clip-path:polygon(0 0,100% 0,0 100%)}.speech p{font-size:clamp(17px,2vw,25px);font-weight:600;line-height:1.6;margin:0}.speech-dot{position:absolute;top:-20px;right:-17px;font-size:38px;color:#faf4cf;text-shadow:3px 3px #10151c}.scene-2 .speech{left:-10px;right:auto;background:#aed9cb}.scene-2 .speech:after{background:#aed9cb}.scene-3 .speech{background:#bfc2f1}.scene-3 .speech:after{background:#bfc2f1}.comic-scene.revealed .comic-panel,.comic-scene.revealed .speech{opacity:1;transform:none}.comic-end{text-align:center;padding:0 25px 100px}.comic-end>span{font-size:22px;font-weight:600;letter-spacing:.08em;color:var(--yellow)}.comic-end>p{font-size:11px;color:#899ca9}.comic-end>div{display:flex;justify-content:center;gap:35px;margin-top:30px;font-size:12px}.comic-end button{color:var(--yellow);padding:0}.comic-end a{color:#a6b5c0}@media(max-width:1000px){.filters button{padding:5px 10px}.archive-toolbar{gap:12px}}@media(max-width:600px){.hero{flex-basis:34%;min-height:235px}.pixel-field{top:-115px;right:-280px;opacity:.78}.hero-shade{background:linear-gradient(0deg,var(--bg) 3%,rgba(16,21,28,.1) 100%),linear-gradient(90deg,#10151cbb,transparent)}.hero-copy{bottom:28px}.hero-line{margin-top:18px}.hero-line .text-button{margin-right:22px}.hero-credit{bottom:29px}.filters{gap:2px;justify-content:space-between}.filters button{padding:5px 11px}.hero-credit small{color:#a5b3b9}.comic-top{height:65px;flex-basis:65px;padding:0 20px}.comic-top>div{display:block}.comic-top strong{display:block;font-size:10px;margin-top:3px}.comic-intro{padding:35px 26px 10px}.comic-scene{width:90%;margin:22px auto 85px;padding-bottom:70px}.comic-panel{width:94%;border-width:4px;border-radius:20px 20px 20px 3px}.scene-2 .comic-panel{border-radius:20px 20px 3px 20px}.speech{min-width:0;right:0;padding:18px 20px;border-radius:20px 20px 20px 2px;max-width:85%}.scene-2 .speech{left:0}.speech p{font-size:17px}.scene-label{font-size:9px}.comic-intro h2{font-size:36px}.comic-end>span{font-size:17px}}@media(prefers-reduced-motion:reduce){.comic-panel,.speech{opacity:1;transform:none;transition:none}}
@media(max-width:600px){h1{font-size:clamp(56px,16.8vw,72px)}}