@font-face{font-family:Archivo X;src:url(/fonts/archivo-x-black.woff2)format("woff2");font-weight:900;font-display:block}@font-face{font-family:Archivo;src:url(/fonts/archivo-vf.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Noto SC;src:url(/fonts/notosans-sc-vf.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:JB Mono;src:url(/fonts/mono-vf.woff2)format("woff2");font-weight:100 800;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/serif-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@property --r{syntax:"<length>";inherits:true;initial-value:18px}:root{--ink:#0a0a0b;--bone:#efeae0;--black:#050505;--orange:#ff4d19;--blue:#1933ff;--venom:#bbff1c;--hero:"Archivo X", "Arial Black", sans-serif;--sans:"Archivo", "Helvetica Neue", Arial, sans-serif;--cjk:"Noto SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"JB Mono", "Noto SC", ui-monospace, "SFMono-Regular", monospace;--serif:"Instrument Serif", Georgia, serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--bone);overscroll-behavior:none;touch-action:none;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}html.has-lens,html.has-lens *{cursor:none!important}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:0;padding:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#gl{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}#ui a,#ui button{pointer-events:auto}body:after{content:"";pointer-events:none;z-index:30;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.fallback{font:400 13px/1.7 var(--cjk);color:var(--bone);z-index:5;display:none;position:fixed;inset:auto 24px 24px}.fallback a{border-bottom:1px solid}body.no-gl .gl-fail,noscript .fallback{display:block}.grid{transition:opacity .5s;position:fixed;inset:0}.gl{background:var(--bone);will-change:transform;position:absolute;top:0;left:0}.gv{transform-origin:0;width:1px;height:100%}.gh{transform-origin:50% 0;width:100%;height:1px}.gl-tag{font:400 8.5px/1 var(--mono);letter-spacing:.1em;color:var(--bone);white-space:nowrap;opacity:.8;position:absolute}.gv .gl-tag{top:10px;left:6px}.gh .gl-tag{top:5px;right:76px}.gv:nth-child(2) .gl-tag{top:auto;bottom:38px}.gl-cross{width:13px;height:13px;position:absolute;top:-6px;left:-6px}.gl-cross:before,.gl-cross:after{content:"";background:var(--bone);position:absolute}.gl-cross:before{width:1px;height:13px;top:0;left:6px}.gl-cross:after{width:13px;height:1px;top:6px;left:0}.grid.act3 .gv{background:var(--bone)}.grid.act3 .gv.dark{background:var(--black)}.grid.act3 .gv.dark .gl-tag{color:var(--black)}.grid.act3 .gh{background:linear-gradient(90deg, var(--black) var(--split), var(--bone) var(--split))}.grid.act3 .gh .gl-tag{color:var(--bone)}.grid.act3 .gl-cross{display:none}.lens{z-index:60;pointer-events:none;--r:17px;--c:#efeae0d9;width:64px;height:64px;margin:-32px 0 0 -32px;transition:--r .45s cubic-bezier(.2,1.4,.3,1),opacity .2s;position:fixed;top:0;left:0}.lens.refract{-webkit-backdrop-filter:url(#lens);clip-path:circle(var(--r) at 50% 50%)}.lens:not(.refract){-webkit-backdrop-filter:blur(1.2px)saturate(1.5)brightness(1.15);clip-path:circle(var(--r) at 50% 50%)}.lens-glass{width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);border:1px solid var(--c);background:radial-gradient(circle at 32% 28%,#ffffff47,#fff0 38%);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:inset 0 1px #ffffff8c,inset 0 -6px 10px #0000002e,inset 4px 4px 10px #ffffff1f}.lens-ring{opacity:0;width:64px;height:64px;transition:opacity .2s;position:absolute;inset:0;transform:rotate(-90deg)}.lens-ring circle{fill:none;stroke:var(--bone);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px}.lens-label{left:50%;top:calc(50% + var(--r) + 8px);font:400 9px/1 var(--cjk);letter-spacing:.3em;color:var(--c);white-space:nowrap;position:absolute;transform:translate(-50%)}.lens[data-mode=gaze]{--r:29px}.lens[data-mode=gaze] .lens-ring{opacity:1}.lens[data-mode=burn]{--r:29px;--c:var(--orange)}.lens[data-mode=burn] .lens-ring{opacity:1;animation:.5s ease-in-out infinite alternate lensPulse}.lens[data-mode=burn] .lens-ring circle{stroke:var(--orange);stroke-dashoffset:0!important}.lens[data-mode=link]{--r:9px}.lens[data-mode=link] .lens-glass{background:#efeae059}.lens[data-mode=grab],.lens[data-mode=drag]{--r:24px}.lens[data-mode=drag] .lens-glass{border-style:dashed}.lens.ink-dark{--c:#050505e6}.lens.ink-dark .lens-ring circle{stroke:var(--black)}@keyframes lensPulse{to{transform:rotate(-90deg)scale(1.08)}}.fx{pointer-events:none;z-index:55;width:100vw;height:100vh;position:fixed;inset:0}.core{z-index:70;border-radius:50%;width:46px;height:46px;position:fixed;top:14px;right:14px}.core canvas{width:100%;height:100%;display:block}.status{z-index:45;font:400 9px/1 var(--mono);letter-spacing:.09em;color:var(--bone);opacity:.78;white-space:nowrap;align-items:center;gap:9px;transition:color .3s;display:flex;position:fixed;bottom:13px;left:16px}.st-dot{border:1px solid;border-radius:50%;flex:none;width:6px;height:6px}.status[data-state=live] .st-dot{background:var(--orange);border-color:var(--orange);animation:.577s ease-out infinite beat}.status.ink{background:var(--black);color:var(--bone);opacity:1;margin:0 0 -5px;padding:5px 9px;left:calc(11vmin + 14px)}.status.paper{color:var(--black);opacity:1;background:#efebe2;margin:0 0 -5px -9px;padding:5px 9px}.grid.white .gl{background:var(--black)}.grid.white .gl-tag{color:var(--black)}.grid.white .gl-cross:before,.grid.white .gl-cross:after{background:var(--black)}#flash{opacity:0;pointer-events:none;z-index:65;background:#fff;position:fixed;inset:0}html.neg #ui{filter:invert()}.st-cta{animation:1.6s steps(2,jump-none) infinite blink;display:none}.status.sealed .st-cta{display:inline}@keyframes beat{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes blink{50%{opacity:.25}}.works{display:none;position:fixed;inset:0}.works.on{display:block}.wk{will-change:transform;transform-origin:0;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 0 0 6vw;display:flex;position:absolute;top:0;left:0}.wk-top{font:500 11px/1 var(--mono);letter-spacing:.14em;align-items:center;gap:10px;display:flex}.wk-top i{opacity:.5;background:currentColor;flex:0 0 60px;height:1px}.wk-top span{opacity:.5}.wk-top em{opacity:.65;margin-left:18px;font-style:normal}.wk-title{white-space:nowrap;font:900 min(calc(48vw / var(--chars)), 34vh)/.86 var(--cjk);letter-spacing:-.03em;flex-direction:column;margin:3.2vh 0 2.4vh;display:flex}.wk.latin .wk-title{font-family:var(--hero);font-size:min(calc(50vw / (var(--chars) * .9)), 28vh);letter-spacing:-.045em}.wk-en{font:600 clamp(11px, 1.05vw, 15px)/1 var(--sans);letter-spacing:.4em;opacity:.7}.wk-mani{max-width:min(33vw,520px);font:700 clamp(17px, 1.75vw, 30px)/1.5 var(--cjk);letter-spacing:.01em;margin:4vh 0 0}.wk-mani:before{content:"「";margin-left:-.55em}.wk-mani:after{content:"」"}.wk-body{max-width:min(30vw,460px);font:400 clamp(12px, .95vw, 15px)/1.7 var(--cjk);opacity:.55;margin:1.6vh 0 0}.wk-cta{font:900 clamp(14px, 1.2vw, 18px)/1 var(--cjk);letter-spacing:.1em;border-bottom:2px solid;align-self:flex-start;margin-top:4vh;padding-bottom:6px}.wk-cta span{transition:transform .4s cubic-bezier(.2,1.6,.4,1);display:inline-block}.wk-cta:hover span{transform:translate(5px,-5px)}.wk-cta.soon{opacity:.55;border-bottom-style:dashed}.wk-hint{font:400 10px/1.4 var(--cjk);letter-spacing:.12em;opacity:0;text-align:right;transition:opacity .5s;position:fixed;top:74px;right:18px}.wk-hint.on{opacity:.55}.works.portrait .wk{justify-content:flex-start;padding:7vh 7vw 0}.works.portrait .wk-title{font-size:min(calc(80vw / var(--chars)), 14vh);margin:2vh 0 1.4vh}.works.portrait .wk.latin .wk-title{font-size:min(calc(86vw / (var(--chars) * .9)), 11vh)}.works.portrait .wk-mani{max-width:80vw;margin-top:2vh;font-size:16px}.works.portrait .wk-body,.works.portrait .wk-en{display:none}.works.portrait .wk-cta{margin-top:2vh}.works.portrait .wk-top em,.works.portrait .wk-hint{display:none}.act3{display:none;position:fixed;inset:0}.act3.on{opacity:var(--fade,1);display:block}.a3-layer{will-change:clip-path;position:absolute;inset:0}.a3-layer.dark{color:var(--black)}.a3-layer.light{color:var(--bone)}.a3-panel{will-change:transform;position:absolute;inset:0}.a3-big{white-space:nowrap;font-family:var(--cjk);font-variation-settings:"wght" var(--wght,860);font-weight:900;font-size:min(calc(95vw / var(--len)), 46vh);letter-spacing:-.035em;transform:translate(var(--lead,0px), -56%) skewX(var(--skew,0deg)) scale(calc(1.08 - .08 * var(--enter,1)));transform-origin:0;opacity:var(--enter,1);margin:0;line-height:1;position:absolute;top:50%;left:2.5vw}.a3-en{left:2.8vw;top:calc(50% + min(calc(95vw / var(--len,4)), 46vh) * .46);font-family:var(--sans);letter-spacing:.34em;font-variation-settings:"wght" calc(var(--wght,860) * .8), "wdth" var(--wdth,100);transform:translateX(calc(var(--lead,0px) * .6));font-size:clamp(11px,1.15vw,17px);line-height:1;position:absolute}.a3-no{left:calc(var(--v0,12vw) + 10px);top:calc(var(--h0,28vh) - 22px);font:500 10px/1 var(--mono);letter-spacing:.16em;position:absolute}.a3-no span{opacity:.55}.a3-notes{left:calc(var(--v2,76vw) + 14px);top:calc(50% + min(calc(95vw / var(--len,4)), 46vh) * .5 + 6px);width:min(270px, calc(100vw - var(--v2,76vw) - 32px));position:absolute}.a3-notes p{font:400 11px/1.65 var(--cjk);letter-spacing:.02em;margin:0 0 16px}.a3-notes b{font:500 8.5px/1 var(--mono);letter-spacing:.18em;margin-bottom:5px;display:block}.a3-fixed{position:absolute;inset:0}.a3-head{font:500 9.5px/1 var(--mono);letter-spacing:.14em;position:absolute;top:18px;left:16px}.a3-readout{font:400 9px/1 var(--mono);letter-spacing:.1em;white-space:pre;position:absolute;bottom:13px;right:16px}.a3-mark-cap{font:400 8.5px/1 var(--mono);letter-spacing:.14em;text-align:right;white-space:nowrap;position:absolute;top:calc(50% + 34px);right:18px}.a3-strings{width:100%;height:100%;opacity:var(--fade,1);position:absolute;inset:0}.a3-mark{width:48px;height:48px;position:absolute;top:0;left:0}.act4{color:var(--black);visibility:hidden;opacity:0;transition:opacity .6s,visibility .6s;position:fixed;inset:0}.act4.on{visibility:visible;opacity:1}.a4-head{font:500 9.5px/1 var(--mono);letter-spacing:.14em;position:absolute;top:18px;left:16px}.a4-hint{font:400 10px/1 var(--cjk);letter-spacing:.14em;opacity:.55;position:absolute;top:30px;right:74px}.a4-stage{align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:44px;left:16px}.a4-stage b{font:900 clamp(54px, 7vw, 110px)/.8 var(--hero);letter-spacing:-.05em}.a4-stage>div{flex-direction:column;gap:6px;padding-bottom:4px;display:flex}.a4-cn{font:900 clamp(18px, 1.8vw, 28px)/1 var(--cjk)}.a4-en{font:600 11px/1 var(--sans);letter-spacing:.36em}.a4-stage em{font:400 10px/1 var(--cjk);opacity:.55;letter-spacing:.08em;font-style:normal}.a4-count{font:400 9px/1 var(--mono);letter-spacing:.12em;position:absolute;bottom:13px;right:16px}.a4-count b{color:var(--orange);font-weight:500}.a4-labels{will-change:transform, opacity;position:absolute;inset:0}.a4-lab{font:400 11px/1 var(--cjk);white-space:nowrap;align-items:baseline;gap:8px;display:flex;position:absolute;transform:translate(6px,-24px)}.a4-lab b{font:600 10px/1 var(--mono);letter-spacing:.16em;background:var(--black);color:var(--bone);padding:3px 5px}.a4-lab i{font:500 10px/1 var(--mono);opacity:.6;font-style:normal}.act4[data-stage="1"] .a4-stage b,.act4[data-stage="3"] .a4-stage b{color:var(--blue)}.act4[data-stage="2"] .a4-stage b{color:var(--orange)}.act5{width:100vw;height:100vh;display:none;position:fixed;inset:0}.act5.on{display:block}.finale{visibility:hidden;opacity:0;transition:opacity 1s,visibility 1s;position:fixed;inset:0}.finale.on{visibility:visible;opacity:1}.finale.flash:after{content:"";pointer-events:none;background:#fff;animation:.42s ease-out forwards shutter;position:fixed;inset:0}@keyframes shutter{0%{opacity:.85}to{opacity:0}}.fn-cap{font:500 9.5px/1 var(--mono);letter-spacing:.14em;opacity:var(--fin,0);gap:12px;display:flex;position:absolute;top:18px;left:16px}.fn-cap b{color:var(--orange)}.fn-axis{height:1px;opacity:var(--fin,0);background:linear-gradient(90deg,#0000,#efeae059 12% 88%,#0000);position:absolute;top:27vh;left:4vw;right:4vw}.fn-sign{white-space:nowrap;opacity:var(--fin,0);transform:translateY(calc((1 - var(--fin,0)) * 30px));align-items:baseline;gap:2vw;display:flex;position:absolute;top:50vh;left:4vw;right:4vw}.fn-hero{font:900 clamp(48px, 8.4vw, 150px)/.86 var(--hero);letter-spacing:-.05em}.fn-sign i{font:900 clamp(30px, 4vw, 70px)/1 var(--hero);color:var(--orange);font-style:normal}.fn-cn{font:900 clamp(40px, 6.6vw, 118px)/.9 var(--cjk);letter-spacing:-.02em}.fn-sign em{font:300 clamp(12px, 1vw, 15px)/1 var(--cjk);opacity:.55;letter-spacing:.1em;font-style:normal;position:absolute;top:-2.4em;right:0}.bands{opacity:var(--fin,0);pointer-events:auto;flex-direction:column;display:flex;position:absolute;inset:66vh 0 40px}.band{background:var(--black);color:var(--bone);border-top:1px solid #efeae038;flex:1;align-items:center;gap:3vw;padding:0 4vw;transition:background-color 80ms linear,color 80ms linear;display:flex;position:relative;overflow:hidden}.band:last-child{border-bottom:1px solid #efeae038}.b-n{font:500 11px/1 var(--mono);letter-spacing:.16em;opacity:.55}.b-t{font:900 clamp(24px, 3.6vw, 62px)/1 var(--cjk);letter-spacing:.02em;align-items:baseline;gap:.5em;display:flex}.b-t i{font:400 .6em/1 var(--mono);opacity:.5;font-style:normal}.b-en{font-family:var(--hero);letter-spacing:-.02em}.b-u{font:400 clamp(10px, .9vw, 13px)/1 var(--mono);letter-spacing:.12em;opacity:.65;margin-left:auto;margin-right:92px}.band[data-c=orange]:hover{background:var(--orange);color:var(--black)}.band[data-c=blue]:hover{background:var(--blue);color:var(--bone)}.band:hover .b-n,.band:hover .b-u,.band:hover .b-t i{opacity:1}.band.jolt .b-t{animation:.42s step-end both silk}@keyframes silk{0%{text-shadow:7px 0 0 var(--orange), -7px 0 0 var(--blue);transform:translate(-6px,2px)skew(-8deg)}18%{text-shadow:-5px 2px 0 var(--blue), 6px -1px 0 var(--venom);transform:translate(5px,-2px)skew(6deg)}36%{text-shadow:4px 0 0 var(--orange), -3px 0 0 var(--blue);transform:translate(-3px,1px)}58%{text-shadow:-2px 1px 0 var(--blue), 2px 0 0 var(--orange);transform:translate(2px)}80%{text-shadow:1px 0 #00000040;transform:none}to{text-shadow:none;transform:none}}.seal{z-index:2;width:62px;height:62px;opacity:var(--fin,0);pointer-events:auto;transition:transform .6s cubic-bezier(.2,1.4,.3,1);position:absolute;bottom:52px;right:22px}.seal:hover{transform:rotate(-24deg)scale(1.08)}.seal svg{width:100%;height:100%;overflow:visible}.seal circle{fill:#05050599;stroke:var(--orange);stroke-width:1.4px}.seal circle+circle{fill:none}.seal text{fill:var(--orange);font:500 7.4px var(--mono);letter-spacing:.14em}.seal .seal-c{font:900 24px var(--cjk);letter-spacing:0;fill:var(--orange)}.poster{opacity:0;visibility:hidden;pointer-events:auto;z-index:80;background:#050506e0;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.poster.on{opacity:1;visibility:visible}.poster img{max-width:86vw;max-height:82vh;transition:transform .8s cubic-bezier(.16,1,.3,1);transform:scale(.96);box-shadow:0 30px 80px #0009}.poster.on img{transform:none}.poster-bar{font:400 11px/1 var(--mono);letter-spacing:.16em;gap:28px;display:flex}.poster-bar a,.poster-bar button{border-bottom:1px solid;padding-bottom:4px}@media (max-width:760px){.status{max-width:calc(100vw - 32px);font-size:8px;overflow:hidden}.gl-tag{display:none}.a3-notes{width:70vw;top:auto;bottom:14vh;left:6vw}.a4-hint{display:none}.fn-sign{flex-wrap:wrap;top:44vh}.fn-sign em{inset:auto auto -1.8em 0}.bands{top:60vh}.b-u{display:none}.seal{width:46px;height:46px;top:14px;bottom:auto;right:74px}}@media (prefers-reduced-motion:reduce){.status[data-state=live] .st-dot,.st-cta{animation:none}}
