@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-vietnamese-wdth-normal-9GtAklmW.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:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-latin-ext-wdth-normal-BaQ5u-C4.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:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-latin-wdth-normal-CHqbGEEr.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}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}:root{--cobalt:#2b35ff;--grape:#8438ff;--sun:#ffd426;--ink:#100a3a;--mist:#f7f5ff;--display:"Anybody Variable", "Arial Narrow", system-ui, sans-serif;--serif:"Instrument Serif", "Times New Roman", serif;--gut:clamp(1rem, 2.4vw, 2.25rem);--ease:cubic-bezier(.22, 1, .36, 1);--top-fg:var(--sun);--top-bg:var(--cobalt);--bot-fg:var(--sun)}html[data-top=cobalt]{--top-fg:var(--sun);--top-bg:var(--cobalt)}html[data-top=grape]{--top-fg:var(--mist);--top-bg:var(--grape)}html[data-top=sun]{--top-fg:var(--ink);--top-bg:var(--sun)}html[data-top=ink]{--top-fg:var(--sun);--top-bg:var(--ink)}html[data-bot=cobalt]{--bot-fg:var(--sun)}html[data-bot=grape]{--bot-fg:var(--mist)}html[data-bot=sun]{--bot-fg:var(--ink)}html[data-bot=ink]{--bot-fg:var(--sun)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped,html.is-loading{overflow:hidden}body{background:var(--ink);color:var(--mist);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1.15rem,1.05rem + .45vw,1.5rem);line-height:1.35;overflow-x:clip}h1,h2,h3,p,dl,dd,ol,ul{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--sun);outline-offset:4px}[data-theme=sun] :focus-visible{outline-color:var(--ink)}[data-theme=cobalt]{background:var(--cobalt);color:var(--mist)}[data-theme=grape]{background:var(--grape);color:#fff}[data-theme=sun]{background:var(--sun);color:var(--ink)}[data-theme=ink]{background:var(--ink);color:var(--mist)}.ui{font-family:var(--display);font-variation-settings:"wdth" 100, "wght" 560;letter-spacing:.01em;font-size:.9rem;line-height:1.25}.h2{font-family:var(--display);font-variation-settings:"wdth" 100, "wght" 780;letter-spacing:-.04em;text-wrap:balance;font-size:clamp(3rem,9vw,9.5rem);line-height:.9}.h3{font-family:var(--display);font-variation-settings:"wdth" 100, "wght" 720;letter-spacing:-.02em;font-size:clamp(1.5rem,2.4vw,2.4rem);line-height:1.1}.skip{z-index:500;background:var(--sun);color:var(--ink);border-radius:999px;padding:.7rem 1.1rem;text-decoration:none;position:fixed;top:-5rem;left:1rem}.skip:focus{top:1rem}.btn{font-family:var(--display);font-variation-settings:"wdth" 105, "wght" 650;white-space:nowrap;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.95rem 1.7rem;font-size:.95rem;text-decoration:none;transition:background .35s,color .35s,border-color .35s;display:inline-flex}.btn-sun{background:var(--sun);color:var(--ink)}.btn-sun:hover{background:var(--mist)}.btn-line{border-color:currentColor}.btn-line:hover{background:var(--sun);border-color:var(--sun);color:var(--ink)}.btn-solid{background:var(--m-fg);color:var(--m-bg);border-color:var(--m-fg)}.btn-solid:hover{color:var(--m-fg);background:0 0}.preloader{z-index:300;color:var(--sun);place-items:center;display:grid;position:fixed;inset:0}.pre-half{background:var(--ink);width:50.2%;position:absolute;top:0;bottom:0}.pre-left{left:0}.pre-right{right:0}.pre-content{justify-content:space-between;align-items:center;width:min(92vw,68rem);display:flex;position:relative}.pre-word{padding-block:.15rem;display:inline-block;overflow:clip}.pre-word>span{font-family:var(--display);font-variation-settings:"wdth" 115, "wght" 600;font-size:clamp(.8rem,1.2vw,1.05rem);display:inline-block}.pre-mark .logo{--h:clamp(3.6rem, 8vw, 6rem)}@media (width<=599px){.pre-content{flex-direction:column;gap:1.6rem}}.pre-count{left:var(--gut);position:absolute;bottom:1.2rem}.curtain{z-index:200;pointer-events:none;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:0}.curtain i{margin-inline:-.5px;display:block;transform:scaleY(0)}.curtain i:first-child{background:var(--cobalt)}.curtain i:nth-child(2){background:var(--grape)}.curtain i:nth-child(3){background:var(--sun)}.curtain i:nth-child(4){background:var(--ink)}.cursor{z-index:400;pointer-events:none;display:none;position:fixed;top:0;left:0}.has-cursor .cursor{display:block}.has-cursor,.has-cursor *{cursor:none!important}.has-cursor input,.has-cursor textarea{cursor:text!important}.cursor-dot{background:var(--cur,var(--sun));width:.8rem;height:.8rem;transition:width .35s var(--ease), height .35s var(--ease), background .3s, border-color .3s, opacity .2s;border:1.5px solid #0000;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor.is-link .cursor-dot{border-color:var(--cur,var(--sun));background:0 0;width:3.4rem;height:3.4rem}.cursor.is-label .cursor-dot{background:var(--cur,var(--sun));width:6rem;height:6rem}.cursor.is-text .cursor-dot,.cursor.is-hidden .cursor-dot{opacity:0}.cursor-label{color:var(--cur-ink,var(--ink));opacity:0;white-space:nowrap;font-variation-settings:"wdth" 105, "wght" 700;transition:opacity .25s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor.is-label .cursor-label{opacity:1}.chrome{z-index:60;padding:1.1rem var(--gut);color:var(--top-fg);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;transition:color .4s;display:grid;position:fixed;inset:0 0 auto}.chrome>*{pointer-events:auto}.menu-btn{justify-self:start;align-items:center;gap:.75rem;padding:.5rem .25rem;display:inline-flex}.plus{width:1.1rem;height:1.1rem;position:relative}.plus:before,.plus:after{content:"";width:100%;height:2px;transition:transform .55s var(--ease);background:currentColor;position:absolute;top:calc(50% - 1px);left:0}.plus:after{transform:rotate(90deg)}.menu-btn[aria-expanded=true] .plus:before{transform:rotate(45deg)}.menu-btn[aria-expanded=true] .plus:after{transform:rotate(135deg)}.brand{text-decoration:none;display:inline-flex}.logo{--h:2.6rem;--u:calc(var(--h) / 194);--open:.75s;height:var(--h);align-items:center;display:inline-flex}.logo svg{height:var(--h);flex:none;display:block;overflow:visible}.logo-bracket{width:calc(var(--u) * 52);fill:currentColor;transition:margin var(--open) var(--ease)}.logo-bracket-l{margin-right:calc(var(--u) * -52)}.logo-bracket-r{margin-left:calc(var(--u) * -52)}.logo-orb{z-index:1;width:calc(var(--u) * 170);position:relative}.logo-word{transition:grid-template-columns var(--open) var(--ease);grid-template-columns:0fr;display:grid}.logo-clip{min-width:0;overflow:hidden}.logo-letters{white-space:nowrap;font-family:var(--display);font-variation-settings:"wdth" 112, "wght" 820;font-size:calc(var(--h) * .44);letter-spacing:-.01em;line-height:1.1;display:flex}.logo-ark .logo-letters{padding-left:calc(var(--u) * 14)}.logo-airi .logo-letters{padding-right:calc(var(--u) * 14)}.logo-letters i{opacity:0;transition:transform .45s var(--ease), opacity .25s;font-style:normal;display:block}.logo-ark i{transform:translate(110%)}.logo-airi i{transform:translate(-110%)}.logo.is-open .logo-word{grid-template-columns:1fr}.logo.is-open .logo-bracket-l,.logo.is-open .logo-bracket-r{margin-inline:0}.logo.is-open .logo-letters i{opacity:1;transition:transform .55s var(--ease), opacity .35s;transition-delay:calc(.12s + var(--i) * 60ms);transform:none}.talk{border:2px solid;border-radius:999px;justify-self:end;align-items:center;gap:.6rem;padding:.65rem 1.15rem;text-decoration:none;transition:background .3s,color .3s;display:inline-flex}.talk:hover{background:var(--top-fg);color:var(--top-bg)}.talk-dot,.status-dot{background:currentColor;border-radius:50%;width:.55rem;height:.55rem;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.55)}}.hud{z-index:60;padding:1.1rem var(--gut);color:var(--bot-fg);pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;transition:color .4s;display:flex;position:fixed;inset:auto 0 0}.at-end .hud{opacity:0}.hud{transition:color .4s,opacity .4s}.hud-left{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.hud-time{opacity:.8;font-variant-numeric:tabular-nums;margin-left:.8rem}.hud-right{font-variant-numeric:tabular-nums;gap:.9rem;display:flex}.nav{z-index:50;padding:6rem var(--gut) 6rem;background:var(--ink);color:var(--mist);clip-path:inset(0 0 100%);visibility:hidden;flex-direction:column;justify-content:center;transition:background .5s,color .5s;display:flex;position:fixed;inset:0}.nav[data-tone=cobalt]{background:var(--cobalt)}.nav[data-tone=grape]{background:var(--grape);color:#fff}.nav[data-tone=sun]{background:var(--sun);color:var(--ink)}.nav-list li{padding-bottom:.05em;overflow:clip}.nav-link{width:max-content;max-width:100%;font-family:var(--display);font-variation-settings:"wdth" 100, "wght" 700;letter-spacing:-.04em;transition:font-variation-settings .6s var(--ease), opacity .3s, transform .6s var(--ease);align-items:baseline;gap:2vw;font-size:clamp(3.4rem,12.5vw,11.5rem);line-height:.96;text-decoration:none;display:flex}.nav-hint{font-family:var(--serif);font-variation-settings:normal;letter-spacing:0;white-space:nowrap;opacity:0;transition:opacity .4s, transform .5s var(--ease);font-size:clamp(1.1rem,1.8vw,1.8rem);font-style:italic;transform:translate(-.6rem)}.nav:focus{outline:none}.nav-link:focus-visible{text-underline-offset:.1em;outline:none;text-decoration:underline;text-decoration-thickness:.05em}.nav-list:has(.nav-link:hover) .nav-link:not(:hover){opacity:.35}.nav-list:has(.nav-link:focus-visible) .nav-link:not(:focus-visible):not(:hover){opacity:.35}.nav-link:hover,.nav-link:focus-visible{font-variation-settings:"wdth" 140, "wght" 900;transform:translate(1.2vw)}.nav-link:hover .nav-hint,.nav-link:focus-visible .nav-hint{opacity:1;transform:none}.nav-foot{left:var(--gut);right:var(--gut);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex;position:absolute;bottom:3.8rem}.nav-socials{flex-wrap:wrap;gap:1.4rem;display:flex}.nav-foot a{text-decoration:none}.nav-foot a:hover{text-underline-offset:.25em;text-decoration:underline}.hero{position:relative}.hero-stage{isolation:isolate;height:100svh;min-height:32rem;padding:6.5rem var(--gut) 5.5rem;background:radial-gradient(ellipse 75% 85% at 68% 46%, #3d47ff 0%, var(--cobalt) 55%, #212adf 100%);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:clip}.hero-canvas{z-index:-1;opacity:0;-webkit-touch-callout:none;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.has-3d .hero-canvas{opacity:1}.has-3d .hero-orb{display:none}.hero-caption{left:var(--gut);right:var(--gut);text-align:center;visibility:hidden;opacity:0;pointer-events:none;margin:0;font-size:clamp(1.25rem,2vw,1.9rem);font-style:italic;position:absolute;bottom:12%}.hero-orb{z-index:-1;aspect-ratio:1;background:var(--grape);border-radius:50%;width:min(60vw,92svh);position:absolute;bottom:-20vw;right:-12vw}.hero-title{font-family:var(--display);letter-spacing:-.035em;align-self:center;font-size:min(15.5vw,27svh);font-weight:400;line-height:.86}.line{white-space:nowrap;margin-bottom:-.16em;padding-bottom:.16em;display:block;overflow-y:clip}.line-2{padding-left:.5em}.hero-title{--swell:56}.ch{--k:0;font-variation-settings:"wdth" calc(84 + var(--swell) * var(--k)), "wght" calc(560 + 340 * var(--k));color:color-mix(in srgb, var(--sun) calc(var(--k) * 100%), var(--mist));display:inline-block}.ch.sp{width:.2em}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem 3rem;display:flex}.hero-intro{max-width:30rem;font-size:clamp(1.2rem,1.7vw,1.7rem)}.hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.strip{padding:1.6rem 0;overflow:clip}.strip-track{will-change:transform;width:max-content;display:flex}.strip-group{flex:none;align-items:center;display:flex}.phrase{font-family:var(--serif);white-space:nowrap;padding:0 clamp(1.4rem,3vw,3rem);font-size:clamp(2.2rem,5.6vw,5.4rem);font-style:italic;line-height:1.1}.sep{background:var(--grape);border-radius:50%;flex:none;width:.9rem;height:.9rem}.work{position:relative}.work-pin{height:100svh;position:relative;overflow:clip}.work-track{width:max-content;height:100%;padding:0 var(--gut);will-change:transform;align-items:center;gap:clamp(1.25rem,3vw,3.5rem);display:flex}.work-intro{flex:0 0 min(36vw,30rem);padding-right:2vw}.work-intro .h2{margin-bottom:1.5rem;font-size:clamp(3.4rem,8vw,8rem)}.work-intro p{max-width:24rem;font-size:clamp(1.2rem,1.6vw,1.6rem)}.work-outro{flex:0 0 min(30vw,24rem);justify-items:start;gap:1.5rem;padding-right:6vw;display:grid}.work-outro p{font-size:clamp(1.8rem,3vw,3rem);font-style:italic;line-height:1.05}.card{flex:0 0 clamp(17rem,27vw,27rem);position:relative}.card:nth-of-type(odd){transform:translateY(-3.5svh)}.card:nth-of-type(2n){transform:translateY(3.5svh)}.card-btn{font:inherit;letter-spacing:inherit;text-align:start}.card-btn:after{content:"";position:absolute;inset:0}.card-btn:focus-visible{outline:none}.card-btn:focus-visible:after{outline:3px solid var(--sun);outline-offset:6px}.card-media{z-index:1;transform-origin:50%;will-change:transform;pointer-events:none;position:relative}.card-media .card-link{pointer-events:auto}.card-link{z-index:2;padding:.55rem 1.1rem;font-size:.85rem;position:absolute;bottom:.9rem;left:.9rem}.card-window{aspect-ratio:4/5;background:var(--bg);border-radius:.8rem;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:clip;box-shadow:0 1.8rem 3.2rem -1.6rem #100a3ab3,0 0 0 1px #ffffff24}.window-bar{background:var(--ink);color:var(--mist);align-items:center;gap:.32rem;padding:.55rem .7rem;display:flex}.window-bar i{background:var(--sun);border-radius:50%;flex:none;width:.5rem;height:.5rem}.window-bar i:nth-child(2){background:var(--grape)}.window-bar i:nth-child(3){background:var(--cobalt)}.window-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--display);font-variation-settings:"wdth" 100, "wght" 500;opacity:.85;background:#ffffff1a;border-radius:999px;flex:1;margin-left:.45rem;padding:.18rem .65rem;font-size:.72rem;overflow:hidden}.window-view{background:var(--bg);position:relative;overflow:clip}.window-shot{will-change:transform;width:100%;height:auto;position:absolute;top:0;left:0}.window-view svg{width:100%;height:100%;position:absolute;inset:0}.window-glare{pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), #ffffff4d, transparent 42%);mix-blend-mode:soft-light;transition:opacity .4s;position:absolute;inset:0}.card:hover .window-glare{opacity:1}.card-meta{justify-content:space-between;align-items:baseline;gap:1rem;padding-top:1rem;display:flex}.card-title{font-family:var(--display);font-variation-settings:"wdth" 112, "wght" 720;letter-spacing:-.02em;font-size:clamp(1.35rem,1.9vw,1.9rem);line-height:1.05}.card-tagline{opacity:.9;margin-top:.3rem;font-size:1.15rem}.work-bar{left:var(--gut);right:var(--gut);align-items:center;gap:1.2rem;display:flex;position:absolute;bottom:3.6rem}.work-line{background:color-mix(in srgb, currentColor 28%, transparent);flex:1;height:2px;position:relative}.work-line i{transform-origin:0;background:currentColor;position:absolute;inset:0;transform:scaleX(0)}.modal{--m-bg:var(--cobalt);--m-fg:var(--sun);--m-accent:var(--mist);z-index:120;background:var(--m-bg);color:var(--m-fg);padding:5.5rem var(--gut) 4rem;position:fixed;inset:0;overflow:auto}.modal[hidden]{display:none}.modal-close{top:1rem;right:var(--gut);z-index:3;position:fixed}.modal-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(1.5rem,4vw,5rem);min-height:calc(100svh - 9.5rem);display:grid}.modal-year{opacity:.85;margin-bottom:1rem}.modal-title{font-family:var(--display);font-variation-settings:"wdth" 115, "wght" 780;letter-spacing:-.04em;text-wrap:balance;font-size:clamp(3rem,8vw,8.5rem);line-height:.9}.modal-desc{max-width:34rem;margin:1.5rem 0 2rem;font-size:clamp(1.25rem,1.6vw,1.65rem)}.modal-meta{grid-template-columns:auto 1fr;gap:.6rem 1.6rem;margin-bottom:2.2rem;display:grid}.modal-meta dt{font-family:var(--display);font-variation-settings:"wdth" 100, "wght" 560;opacity:.8;padding-top:.2rem;font-size:.9rem}.modal-meta dd{font-size:1.25rem}.modal-art{width:min(100%,59.2svh);margin-inline:auto;position:relative}.modal-window{box-shadow:0 2.4rem 4rem -2rem #100a3aa6,0 0 0 1px #ffffff2e}.breather{isolation:isolate;min-height:150svh;padding:12rem var(--gut);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-content:center;align-items:center;gap:3rem clamp(2rem,5vw,6rem);display:grid;position:relative;overflow:clip}.breather-text{max-width:12ch;color:var(--sun);text-wrap:balance;letter-spacing:-.02em;font-size:clamp(3rem,8.4vw,9.5rem);font-style:italic;line-height:1}.terminal{will-change:transform;background:#170f4a;border-radius:.8rem;align-self:end;max-width:30rem;overflow:clip;box-shadow:0 2rem 4rem -2rem #0009,0 0 0 1px #c9b3ff38}.terminal .window-bar{background:#1f165c}.terminal-body{min-height:13.5em;color:var(--mist);white-space:pre-wrap;word-break:break-word;margin:0;padding:1.1rem 1.2rem 1.3rem;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:clamp(.8rem,1vw,.98rem);line-height:1.7}.terminal-body .t-prompt{color:var(--sun)}.terminal-body .t-out{color:#c9b3ff}.terminal-body .t-ok{color:var(--sun);font-weight:700}.terminal-body .t-caret{background:var(--sun);width:.6em;height:1.15em;margin-bottom:-.2em;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.bits{z-index:-1;pointer-events:none;position:absolute;inset:0}.bit{left:var(--x);top:var(--y);white-space:nowrap;will-change:transform;font-family:var(--display);font-variation-settings:"wdth" 110, "wght" 700;color:#c9b3ff;opacity:.4;font-size:clamp(1.3rem,2.4vw,2.6rem);position:absolute}.bit-code{opacity:.5;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:clamp(.85rem,1.2vw,1.2rem)}.bit-sun{color:var(--sun);opacity:.55}.about{padding:clamp(6rem, 12vw, 11rem) var(--gut) clamp(5rem, 9vw, 8rem)}.about-top{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start;gap:clamp(2rem,5vw,6rem);display:grid}.about-title{max-width:14ch;font-size:clamp(2.6rem,6.2vw,6.6rem)}.about-lead{max-width:34rem;margin-top:2rem;font-size:clamp(1.3rem,1.8vw,1.85rem)}.facts{flex-wrap:wrap;gap:1.4rem 3rem;margin-top:2.6rem;display:flex}.facts dt{font-family:var(--display);font-variation-settings:"wdth" 100, "wght" 560;opacity:.7;font-size:.85rem}.facts dd{font-size:1.3rem}.portrait{perspective:900px;justify-self:end;width:100%;max-width:26rem}.portrait-frame{aspect-ratio:3/4;background:var(--grape);transform-style:preserve-3d;will-change:transform;border-radius:999px 999px 0 0;position:relative;overflow:clip}.portrait-initials{font-family:var(--display);font-variation-settings:"wdth" 130, "wght" 850;letter-spacing:-.04em;color:var(--sun);place-items:center;font-size:clamp(5rem,11vw,10rem);display:grid;position:absolute;inset:0}.portrait-frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.duo-stage{margin-top:clamp(4rem,9vw,8rem)}.duo{gap:.75rem;height:clamp(26rem,68svh,38rem);display:flex}.duo-bar{align-items:center;gap:1.2rem;margin-top:1.2rem;display:flex}.duo-stage.is-manual .duo-bar{display:none}.pane{min-width:0;transition:flex-grow .9s var(--ease);flex:1 1 0;display:flex;position:relative;overflow:clip}.pane.is-open{flex-grow:4}.pane-design{background:var(--grape);color:#fff}.pane-code{background:var(--cobalt);color:var(--mist)}.pane-both{background:var(--ink);color:var(--sun)}.pane-word{flex:none;width:clamp(5rem,9vw,8.5rem);display:grid}.pane-word button{text-align:start;writing-mode:vertical-rl;width:100%;height:100%;font-family:var(--display);font-variation-settings:"wdth" 96, "wght" 620;letter-spacing:-.03em;opacity:.55;transition:font-variation-settings .9s var(--ease), opacity .6s;padding:1rem;font-size:clamp(3.4rem,7vw,7rem);line-height:1;transform:rotate(180deg)}.pane.is-open .pane-word button{font-variation-settings:"wdth" 118, "wght" 860;opacity:1}.pane-body{flex:1;align-items:flex-end;min-width:0;padding:clamp(1.25rem,2.4vw,2.5rem) clamp(1.25rem,2.4vw,2.5rem) clamp(1.25rem,2.4vw,2.5rem) 0;display:flex}.pane-inner{flex:none;width:clamp(16rem,27vw,29rem)}.pane-inner p{font-size:clamp(1.25rem,1.6vw,1.6rem)}.chips{flex-wrap:wrap;gap:.5rem;margin-top:1.4rem;display:flex}.chips li{border:1.5px solid;border-radius:999px;padding:.4rem .85rem}.pane-inner p,.chips li{opacity:0;transition:opacity .25s, transform .4s var(--ease);transform:translateY(.9rem)}.pane.is-open .pane-inner p{opacity:1;transition:opacity .5s .35s, transform .8s .35s var(--ease);transform:none}.pane.is-open .chips li{opacity:1;transition:opacity .4s calc(.55s + var(--i,0) * 70ms), transform .7s calc(.55s + var(--i,0) * 70ms) var(--ease);transform:none}.timeline-wrap{margin-top:clamp(4rem,9vw,8rem)}.timeline-wrap .h3{margin-bottom:1.4rem}.timeline{border-top:2px solid}.timeline li{isolation:isolate;transition:color .4s, padding .5s var(--ease);border-bottom:2px solid;grid-template-columns:minmax(8rem,.7fr) 1fr 1.4fr;align-items:baseline;gap:1rem 2rem;padding:1.4rem 0;display:grid;position:relative}.timeline li:before{content:"";inset:0 calc(var(--gut) * -1);z-index:-1;background:var(--ink);transform-origin:bottom;transition:transform .55s var(--ease);position:absolute;transform:scaleY(0)}.timeline li:hover{color:var(--sun);padding-inline:.5rem}.timeline li:hover:before{transform:scaleY(1)}.tl-year{font-family:var(--display);font-variation-settings:"wdth" 100, "wght" 560;font-size:.95rem}.tl-place{font-family:var(--display);font-variation-settings:"wdth" 112, "wght" 720;letter-spacing:-.02em;font-size:clamp(1.3rem,2vw,2rem)}.tl-role{font-size:clamp(1.15rem,1.5vw,1.5rem)}.contact{min-height:100svh;padding:clamp(7rem, 14vw, 12rem) var(--gut) clamp(4rem, 8vw, 8rem)}.contact-title{max-width:12ch;font-size:clamp(3rem,9.4vw,10.5rem)}.contact-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(2.5rem,5vw,6rem);margin-top:clamp(3rem,7vw,6rem);display:grid}.contact-note{margin-bottom:.8rem;font-size:clamp(1.2rem,1.6vw,1.6rem);font-style:italic}.email-big{text-align:start;max-width:100%;color:var(--sun);font-family:var(--display);font-variation-settings:"wdth" 118, "wght" 700;letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(1.6rem,3.7vw,4rem);line-height:1.1;display:block}.email-big span{transition:background-size .5s var(--ease), background-position .5s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/100% .07em no-repeat;padding-bottom:.08em}.email-big:hover span{background-position:100% 100%;background-size:0 .07em}.copy-status{min-height:1.4em;color:var(--sun);margin-top:1rem}.field{margin-bottom:1.5rem}.field label{opacity:.85;margin-bottom:.3rem;display:block}.field input,.field textarea{resize:vertical;border:0;border-bottom:2px solid color-mix(in srgb, var(--mist) 45%, transparent);width:100%;color:var(--mist);font-family:var(--serif);background:0 0;border-radius:0;outline:0;padding:.3rem 0 .6rem;font-size:1.6rem;line-height:1.3;transition:border-color .3s,box-shadow .3s}.field input:focus,.field textarea:focus{border-bottom-color:var(--sun);box-shadow:0 2px 0 var(--sun)}.err{min-height:1.25em;color:var(--sun);margin-top:.35rem}.form-actions{flex-wrap:wrap;align-items:center;gap:1.2rem 1.6rem;margin-top:2rem;display:flex}.form-note{opacity:.8;max-width:16rem}.foot{padding:clamp(5rem, 10vw, 9rem) var(--gut) 5.5rem}.foot-phrase{color:var(--sun);text-wrap:balance;letter-spacing:-.03em;font-size:clamp(3.4rem,12vw,12.5rem);font-style:italic;line-height:.95}.foot-row{border-top:2px solid color-mix(in srgb, var(--mist) 25%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.4rem;margin-top:clamp(3rem,6vw,6rem);padding-top:1.5rem;display:flex}.foot-socials{flex-wrap:wrap;gap:1.5rem;display:flex}.foot-row a{text-decoration:none}.foot-row a:hover{text-underline-offset:.25em;text-decoration:underline}.to-top{font-family:var(--display);font-variation-settings:"wdth" 100, "wght" 560;border:2px solid;border-radius:999px;padding:.65rem 1.15rem;font-size:.9rem;transition:background .3s,color .3s}.to-top:hover{background:var(--sun);color:var(--ink);border-color:var(--sun)}.foot-credit{opacity:.6;margin-top:1.4rem}@media (aspect-ratio>=5/6){.webgl .hero-title{font-size:min(12.5vw,24svh)}}@media (aspect-ratio<=5/6){.webgl .hero-title{align-self:end;margin-bottom:1.4rem;font-size:min(20vw,22svh)}}@media (width<=599px){.hero-title{--swell:18;font-size:min(23vw,26svh)}}@media (width<=899px){.chrome{padding-block:.8rem}.talk{padding:.55rem .95rem}.hud-time{display:none}.breather{grid-template-columns:minmax(0,1fr);min-height:130svh;padding-block:9rem}.terminal{place-self:start stretch;max-width:none}.bit:nth-child(n+7){display:none}.about-top,.contact-grid{grid-template-columns:1fr}.portrait{justify-self:start;max-width:18rem}.work-pin{height:auto;padding:6.5rem 0 5rem}.work-track{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;width:auto;height:auto;padding-bottom:1.5rem;overflow-x:auto}.work-track::-webkit-scrollbar{display:none}.work-intro{scroll-snap-align:start;flex:0 0 82vw}.card{scroll-snap-align:center;flex:0 0 74vw;transform:none!important}.work-outro{scroll-snap-align:center;flex:0 0 74vw;align-content:center}.work-bar{display:none}.modal-grid{grid-template-columns:1fr}.modal-art{order:-1;width:min(100%,33.6svh)}.nav-hint{display:none}}@media (width<=799px){.duo{flex-direction:column;height:auto}.pane{flex-direction:column;flex:none}.pane-word{width:auto}.pane-word button{writing-mode:horizontal-tb;height:auto;padding:1.2rem 1.25rem;font-size:clamp(2.6rem,12vw,4rem);transform:none}.pane-body{opacity:1;transition:grid-template-rows .6s var(--ease);flex:none;grid-template-rows:0fr;align-items:stretch;padding:0;display:grid}.pane.is-open .pane-body{transition:grid-template-rows .6s var(--ease);grid-template-rows:1fr}.pane-inner{width:auto;min-height:0;padding:0 1.25rem;overflow:clip}.pane.is-open .pane-inner{padding-bottom:1.5rem}.timeline li{grid-template-columns:1fr;gap:.2rem}}@media (pointer:coarse){.nav-link:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}.preloader,.curtain{display:none}.work-track{width:auto;height:auto;overflow-x:auto}.work-pin{height:auto;padding:6.5rem 0 5rem}}