@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-BgDaEnEv.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{--bg:#111;--ink:#f4f3ef;--ink-dim:#f4f3ef9e;--ink-faint:#f4f3ef4d;--line:#f4f3ef29;--accent:#aab4ff;--sans:"Geist Variable", system-ui, sans-serif;--pad:clamp(16px, 2.4vw, 36px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.45;overflow:hidden}h1,h2,p{font-weight:inherit;font-size:inherit;margin:0}a{color:inherit;text-decoration:none}button{all:unset;box-sizing:border-box;cursor:pointer}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.label{letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--ink-dim);font-size:12px;font-weight:500;line-height:1.5}.title{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(1.9rem,min(3.8vw,7vh),4.2rem);font-weight:560;line-height:.94}.chars .word{vertical-align:top;margin:-.06em 0 -.14em;padding:.06em 0 .14em;display:inline-block;overflow:hidden}.chars .char{transition:transform .7s var(--ease-out);transition-delay:calc(var(--i) * 12ms);display:inline-block;transform:translateY(112%)}.chars.is-in .char{transform:none}#stage{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}@media (hover:hover) and (pointer:fine){#stage{cursor:none}}.ui{pointer-events:none;position:fixed;inset:0}.ui a,.ui button{pointer-events:auto}.ui:before,.ui:after{content:"";z-index:-1;transition:opacity .6s;position:absolute;left:0;right:0}.ui:before{background:linear-gradient(#000000b8,#0000);height:22vh;top:0}.ui:after{background:linear-gradient(#0000,#0000008c 45%,#000000eb 88%);height:46vh;bottom:0}body:not([data-view=wall]) .ui:before,body:not([data-view=wall]) .ui:after{opacity:0}.bar{z-index:3;padding:var(--pad);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;display:grid;position:absolute;top:0;left:0;right:0}.bar-nav{justify-self:start;display:grid}.link{letter-spacing:.06em;text-transform:uppercase;grid-area:1/1;justify-self:start;padding:6px 0;font-size:12px;font-weight:500;transition:opacity .4s,visibility .4s;position:relative}.link:after{content:"";transform-origin:100%;height:1px;transition:transform .5s var(--ease-out);background:currentColor;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.link:hover:after,.link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.link kbd{border:1px solid var(--line);font:inherit;color:var(--ink-dim);border-radius:4px;margin-left:.7em;padding:2px 5px;font-size:10px}body[data-view=wall] .bar-close,body:not([data-view=wall]) .bar-info{opacity:0;visibility:hidden}@media (pointer:coarse),(max-width:720px){.link kbd{display:none}}.pager{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink-dim);align-items:center;gap:.4rem;font-size:12px;font-weight:500;transition:opacity .4s,visibility .4s;display:flex}.pager span{text-align:center;min-width:5.5em}body:not([data-view=work]) .pager{opacity:0;visibility:hidden}.pager button,.stepper-step{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);border-radius:50%;place-items:center;transition:background-color .3s,color .3s,border-color .3s;display:grid}.pager button:before,.stepper-step:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:7px;height:8.4px;transform:translate(.7px)}.pager button[data-work="-1"]:before,.stepper-step[data-step="-1"]:before{transform:translate(-.7px)scaleX(-1)}.pager button:hover,.stepper-step:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}.lede,.caption{left:var(--pad);bottom:var(--pad);max-width:min(60rem, 100% - 2 * var(--pad));transition:opacity .45s, transform .7s var(--ease-out);gap:.9rem;display:grid;position:absolute}.lede-text{letter-spacing:-.035em;text-wrap:balance;max-width:17ch;font-size:clamp(1.6rem,min(3vw,6vh),3rem);font-weight:520;line-height:1.02}.caption{opacity:0;gap:.7rem}.caption .label{color:var(--accent);transition:color .4s}body[data-hover] .lede{opacity:0;transform:translateY(.8rem)}body[data-hover] .caption{opacity:1}body:not([data-view=wall]) .lede{opacity:0}body[data-view=work] .caption{opacity:1}body[data-view=info] .caption{opacity:0}.detail{opacity:0;transition:opacity .4s;position:absolute;inset:0}body[data-view=work] .detail{opacity:1;transition-delay:.1s}.stepper{width:clamp(min(30rem, 100% - 2 * var(--pad)), var(--width,30rem), min(40rem, 100% - 2 * var(--pad)));transform:translate(-50%, var(--y,70vh));font-variant-numeric:tabular-nums;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.5rem .9rem;display:grid;position:absolute;top:0;left:50%}.stepper .label{white-space:nowrap}.stepper .label:empty{display:none}.stepper-track{gap:3px;min-width:0;display:flex}.segment{flex:var(--span,1) 1 0;pointer-events:auto;cursor:pointer;height:22px;position:relative}.segment:before,.segment:after{content:"";background:var(--ink-faint);height:2px;transition:background-color .3s, transform .3s var(--ease-out);border-radius:1px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.segment:after{background:var(--ink);transform:scaleX(var(--fill,0));transform-origin:0;transition:none}.segment:hover:before{background:var(--ink-dim);transform:scaleY(2.5)}.stepper.is-single{visibility:hidden}.info{z-index:2;padding:calc(var(--pad) * 3 + 2rem) var(--pad) var(--pad);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;visibility:hidden;background:#0000009e;grid-template-columns:minmax(0,1fr);align-items:end;transition:opacity .5s,visibility .5s;display:grid;position:absolute;inset:0;overflow:hidden auto}@media (pointer:coarse){.info{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000c}}body[data-view=info] .info{opacity:1;visibility:visible;pointer-events:auto}.info-sheet{transition:transform .9s var(--ease-out);grid-template-columns:minmax(0,1fr);gap:clamp(2rem,6vh,4.5rem);display:grid;transform:translateY(1.5rem)}body[data-view=info] .info-sheet{transform:none}.info-lead{gap:clamp(1.2rem,3vh,2rem);display:grid}.info-who{gap:clamp(.5rem,1.4vh,1rem);display:grid}.info-name{letter-spacing:-.05em;font-size:clamp(3rem,min(8.4vw,15vh),8.5rem);font-weight:560;line-height:.9}.info-intro{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.3rem,min(2.5vw,4.6vh),2.5rem);font-weight:500;line-height:1.08}.info-about{letter-spacing:-.012em;text-wrap:pretty;gap:.7em;max-width:46ch;font-size:clamp(1.05rem,min(1.5vw,2.9vh),1.45rem);line-height:1.32;display:grid}.info-facts{gap:1.6rem var(--pad);border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));max-width:72rem;padding-top:1.4rem;display:grid}.info-facts .label{margin-bottom:.5rem}.info-links{justify-items:start;gap:.15rem;display:grid}.info-links a{text-decoration:underline;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);text-underline-offset:.25em;transition:text-decoration-color .3s}.info-links a:hover{text-decoration-color:currentColor}.works{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cursor{z-index:5;pointer-events:none;opacity:0;transition:opacity .25s;position:fixed;top:0;left:0}.cursor.is-visible{opacity:1}.cursor i{mix-blend-mode:difference;width:10px;height:10px;transition:transform .35s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:-5px;left:-5px}.cursor.is-pressed i{transform:scale(2.4)}.cursor span{background:var(--ink);color:var(--bg);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transform-origin:0 0;transition:transform .35s var(--ease-out);border-radius:99px;padding:6px 11px 5px;font-size:11px;font-weight:500;position:absolute;top:14px;left:14px;transform:scale(0)}.cursor.has-label span{transform:none}.loader{z-index:10;background:var(--bg);width:100%;transition:opacity .9s var(--ease-in-out), visibility .9s;place-content:center;gap:.8rem;display:grid;position:fixed;inset:0}.loader-label{width:min(15rem,70vw);color:var(--ink);font-variant-numeric:tabular-nums;justify-content:space-between;gap:3rem;display:flex}.loader-bar{background:var(--line);height:1px}.loader-bar i{background:var(--ink);height:100%;transform:scaleX(var(--progress,0));transform-origin:0;transition:transform .5s var(--ease-out);display:block}.loader.is-done{opacity:0;visibility:hidden}.loader.is-failed .loader-bar{display:none}@media (max-width:720px){.stepper{width:clamp(15rem, var(--width,30rem), min(40rem, 100% - 2 * var(--pad)));grid-template-columns:auto 1fr auto}.stepper-step:first-child{grid-area:1/1}.stepper-track{grid-area:1/2}.stepper-step:last-child{grid-area:1/3}.stepper-label{grid-area:2/1/3/3}.stepper-time{text-align:right;grid-area:2/2/3/4}.title{font-size:clamp(1.8rem,8.4vw,3rem)}.info{align-items:start}.info-name{font-size:clamp(2.6rem,15vw,4.2rem)}.info-intro{font-size:clamp(1.15rem,5.4vw,1.6rem)}.info-facts{grid-template-columns:minmax(0,1fr)}}@media (orientation:landscape) and (max-height:500px){.bar{min-height:64px;padding-block:10px}body[data-view=work] .caption{top:10px;right:var(--pad);max-width:calc(50% - var(--pad) - 6.5rem);text-align:right;justify-items:end;gap:2px;bottom:auto;left:auto}body[data-view=work] .caption .label{font-size:11px}body[data-view=work] .caption .title{letter-spacing:-.02em;font-size:16px;line-height:1.1}.stepper{width:clamp(min(30rem, 100% - 2 * var(--pad)), var(--width,30rem), min(40rem, 100% - 2 * var(--pad)));grid-template-columns:auto auto 1fr auto auto}.stepper-step:first-child,.stepper-step:last-child,.stepper-track,.stepper-label,.stepper-time{text-align:left;grid-area:auto}}@media (prefers-reduced-motion:reduce){.chars .char{transition:none}}
