@font-face{font-family:cabinetGrotesk;src:url(../media/cabinet_grotesk_800_normal-s.p.27o7s6nm2qdr6.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:cabinetGrotesk Fallback;src:local(Arial);ascent-override:86.07%;descent-override:27.7%;line-gap-override:8.9%;size-adjust:101.07%}._3RL4jG_className{font-family:cabinetGrotesk,cabinetGrotesk Fallback}._3RL4jG_variable{--font-cabinet-grotesk:"cabinetGrotesk", "cabinetGrotesk Fallback"}
@font-face{font-family:switzer;src:url(../media/switzer_400_normal-s.p.2-8jtw7dj7qzq.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:switzer;src:url(../media/switzer_500_normal-s.p.3l_u-a-fiviai.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:switzer;src:url(../media/switzer_600_normal-s.p.394xklrezc08f.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:switzer Fallback;src:local(Arial);ascent-override:96.67%;descent-override:24.66%;line-gap-override:8.88%;size-adjust:101.38%}.fumgfG_className{font-family:switzer,switzer Fallback}.fumgfG_variable{--font-switzer:"switzer", "switzer Fallback"}
@font-face{font-family:Martian Mono;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f4a4b720e2c65fc7-s.2zkj-p18lgxwi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/45ffbcdffab553f3-s.2ffn2c0h-1t7r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/a32bf90a071893d4-s.1ns0a980vcn85.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/72473373e412ffca-s.p.12ukhzf-lem3a.woff2)format("woff2");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:Martian Mono;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/f4a4b720e2c65fc7-s.2zkj-p18lgxwi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/45ffbcdffab553f3-s.2ffn2c0h-1t7r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/a32bf90a071893d4-s.1ns0a980vcn85.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/72473373e412ffca-s.p.12ukhzf-lem3a.woff2)format("woff2");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:Martian Mono Fallback;src:local(Arial);ascent-override:63.69%;descent-override:12.74%;line-gap-override:0.0%;size-adjust:157.02%}.lAMFZa_className{font-family:Martian Mono,Martian Mono Fallback;font-style:normal}.lAMFZa_variable{--font-mono:"Martian Mono", "Martian Mono Fallback"}
:root{--ground:#fff;--ink:#000;--muted:#000000bd;--line:#00000024;--code:#00f;--redline:#f40a0a;--c-bg:var(--ground);--c-fg:var(--ink);--c-muted:var(--muted);--c-line:var(--line);--c-accent:var(--code);--accent:var(--code);--c-curtain:#00f;--frame-ink:var(--ink);--frame-bg:var(--ground);--f-display:var(--font-cabinet-grotesk), "Arial Black", system-ui, sans-serif;--f-body:var(--font-switzer), system-ui, sans-serif;--f-mono:var(--font-mono), ui-monospace, monospace;--t-mega:clamp(4rem, 1.2rem + 14vw, 16rem);--t-xl:clamp(2.5rem, 1.4rem + 4.8vw, 6rem);--t-l:clamp(1.75rem, 1.3rem + 1.9vw, 3rem);--t-m:clamp(1.25rem, 1.1rem + .6vw, 1.625rem);--t-body:clamp(1rem, .95rem + .2vw, 1.125rem);--t-s:.875rem;--t-xs:.75rem;--t-hero:clamp(5rem, 30cqi, 36rem);--u:clamp(.5rem, .35rem + .6vw, 1rem);--gutter:clamp(1rem, .6rem + 1.6vw, 2rem);--cols:12;--space-tight:clamp(4rem, 8vw, 7rem);--space-normal:clamp(6rem, 14vw, 12rem);--space-airy:clamp(9rem, 22vw, 18rem);--frame-h:calc(var(--gutter) * 2 + 1.5rem);--hero-top:calc(var(--frame-h) + clamp(1.5rem, 6svh, 5rem));--radius:0px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.215, .61, .355, 1);--snap:.45s;--snap-l:.8s;--z-content:1;--z-preview:5;--z-header:50;--z-menu:60;--z-curtain:90;--z-loader:100}@media (min-width:1024px){:root{--content-max:168rem;--gutter:clamp(1.5rem, 2.2vw, 3.5rem);--t-hero:clamp(5rem, 31cqi, 52rem);--t-xl:clamp(5.5rem, 7vw, 12rem);--t-l:clamp(3rem, 3.6vw, 5.5rem);--t-m:clamp(1.625rem, 1.9vw, 3rem);--t-body:clamp(1.125rem, 1.1vw, 1.5rem);--t-s:clamp(.875rem, .5536rem + .3571vw, 1.125rem);--t-xs:clamp(.75rem, .2679rem + .5357vw, 1.125rem);--space-tight:clamp(5rem, 8vw, 10rem);--space-normal:clamp(7rem, 10vw, 16rem);--space-airy:clamp(9rem, 14vw, 20rem);--hero-top:clamp(6.5rem, 9svh, 9rem)}}@media (min-width:1600px){:root{--gutter:clamp(2rem, 2.2vw, 3.5rem)}}@media (min-width:1920px){:root{--t-xl:clamp(8rem, 7.4vw, 12rem)}}@media (max-width:1023px){:root{--cols:4}}
*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:none;text-size-adjust:none;background:var(--c-bg);color:var(--c-fg)}body{min-height:100dvh;font-family:var(--f-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;line-height:1.5;overflow-x:clip}img,picture,video,canvas,svg{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:inherit;font-size:inherit;text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--code);color:#fff}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:0}#main:focus{outline:none}.skip-link{left:var(--gutter);top:var(--gutter);z-index:calc(var(--z-loader) + 1);background:var(--c-fg);color:var(--c-bg);padding:.6em 1em;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}#main,[data-layer=content]{z-index:var(--z-content);position:relative}.motion [data-split],.motion [data-reveal]{visibility:hidden}.split-line{margin-bottom:-.08em;padding-bottom:.08em}[data-split]>*,[data-split]>*>*{text-indent:0}[data-split]>:first-child,[data-split]>:first-child>:first-child{text-indent:inherit}#curtain{z-index:var(--z-curtain);pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.curtain__panel{background:var(--c-curtain);position:absolute;inset:0}#loader{z-index:var(--z-loader);padding:var(--gutter);background:var(--c-fg);color:var(--c-bg);clip-path:inset(0%);align-content:end;display:grid;position:fixed;inset:0}.loader__inner{justify-content:space-between;align-items:end;display:flex;overflow:hidden}.loader__count{font-variant-numeric:tabular-nums}.loader__bar{height:1px;margin-top:calc(var(--u) * 1.5);transform-origin:0;background:currentColor;transform:scaleX(0)}html:not(.js) #loader,#loader[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
html{--ink-top:var(--ink);--plate-top:var(--ground)}html.is-dark{--ink-top:#fff;--plate-top:#000}body{font-weight:400}main{display:block}.num,time{font-variant-numeric:tabular-nums}code,kbd,samp{font-family:var(--f-mono)}p a:not(.cta,.inspect__link),.inline-link{color:var(--code);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}p a:not(.cta,.inspect__link):hover{text-decoration-thickness:2px}[data-tone=dark]{--c-accent:#fff;background:var(--ink);color:#fff}[data-tone=dark] :focus-visible{outline-color:#fff}section[tabindex="-1"]:focus{outline:none}.chip{white-space:nowrap;font:500 var(--t-xs) / 1 var(--f-mono);letter-spacing:0;font-variant-numeric:tabular-nums;padding:.38em .55em .32em;display:inline-block}.chip--red{background:var(--redline);color:#000}.chip--blue{background:var(--code);color:#fff}.chip--line{transition:background-color var(--snap) var(--ease-out), color var(--snap) var(--ease-out);box-shadow:inset 0 0 0 1px}.sq{flex:none;width:10px;height:10px;display:inline-block}.sq--design{background:var(--redline)}.sq--code{background:var(--code)}.sq--metal{background:var(--ink)}[data-tone=dark] .sq--metal{background:#fff}.cta{min-height:44px;font:500 var(--t-s) / 1.2 var(--f-body);white-space:nowrap;cursor:pointer;align-items:center;gap:.75em;padding:.7em 1em;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px}.cta:focus-visible{outline:none}.sel{--sel:var(--code);pointer-events:none;border:1px solid var(--sel);opacity:0;transition:opacity .35s var(--ease-out), scale .35s var(--ease-out);position:absolute;inset:-6px;scale:1.06}.sel i{background:var(--ground);border:1px solid var(--sel);width:7px;height:7px;position:absolute}.sel i:first-child{top:-4px;left:-4px}.sel i:nth-child(2){top:-4px;right:-4px}.sel i:nth-child(3){bottom:-4px;left:-4px}.sel i:nth-child(4){bottom:-4px;right:-4px}@media (hover:hover){:hover>.sel{opacity:1;scale:1}}:focus-visible>.sel,:active>.sel{opacity:1;scale:1}:focus-visible>.sel{border-width:2px}[data-tone=dark] .sel{--sel:#fff}[data-tone=dark] .sel i{background:#000}.cv__meta{font:400 var(--t-xs) / 1 var(--f-mono);opacity:.74}.roll{display:inline-grid;overflow:clip}.roll>span{transition:translate .45s var(--ease-out);position:relative}.roll>span:after{content:attr(data-text);position:absolute;top:105%;left:0}@media (hover:hover){.roll:hover>span{translate:0 -105%}}.roll:focus-visible>span{translate:0 -105%}.roll[aria-current]{box-shadow:inset 0 -1px}html:not(.source-on) [data-lens-small] .inspect__hud{display:none}.frame:before{content:"";z-index:calc(var(--z-header) - 1);pointer-events:none;height:max(calc(var(--gutter) * 2 + 1.25rem), calc(var(--gutter) + 2.75rem));background:var(--plate-top);transition:translate .6s var(--ease-out), background-color .3s;position:fixed;inset:0 0 auto}html.frame-away .frame:before{translate:0 -100%}.utility{transition:color .25s var(--ease-soft)}@media (hover:hover){.utility:hover{color:var(--code);text-underline-offset:.2em;text-decoration:underline}}.utility:focus-visible{color:var(--code);text-decoration:underline}.frame__tl,.frame__tr{z-index:var(--z-header);font:500 var(--t-s) / 1.2 var(--f-body);top:var(--gutter);color:var(--ink-top);transition:translate .6s var(--ease-out), color .3s;position:fixed}.frame__tl{left:var(--gutter)}.frame__tr{right:var(--gutter)}.brand{font:800 1.25rem / 1 var(--f-display);letter-spacing:-.02em;background:var(--plate-top);margin:-.35em -.45em;padding:.35em .45em .3em;transition:background-color .3s}.brand__label{transition:translate var(--snap) var(--ease-out);display:inline-block}.brand:hover .brand__label,.brand:focus-visible .brand__label{translate:.15em}@media (prefers-reduced-motion:reduce){.brand__label{transition:none;translate:none!important}}.frame__tr{background:var(--plate-top);transition:translate .6s var(--ease-out), background-color .3s, color .3s;align-items:center;gap:2rem;margin:-.4em -.6em;padding:.4em .6em;display:flex}.nav ul{gap:1.5rem;padding:0;list-style:none;display:flex}.nav__link{min-width:24px;min-height:28px;padding-block:0;line-height:28px}.lang a{opacity:.74;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding-inline:.15em;display:inline-flex}.lang a[aria-current]{opacity:1;box-shadow:inset 0 -1px}@media (hover:hover){.lang a:hover{opacity:1;color:var(--code)}html.is-dark .frame__tr .lang a:hover{color:#fff}}.lang a{transition:background-color var(--snap) var(--ease-out), color var(--snap) var(--ease-out), box-shadow var(--snap) var(--ease-out)}@media (hover:hover){.lang a[aria-current]:hover{background:var(--ink);color:var(--ground);box-shadow:none}html.is-dark .frame__tr .lang a[aria-current]:hover{color:#000;background:#fff}}.lang a[aria-current]:focus-visible{background:var(--ink);color:var(--ground);box-shadow:none}html.is-dark .frame__tr .lang a[aria-current]:focus-visible{color:#000;background:#fff}html.frame-away .frame__tl,html.frame-away .frame__tr{translate:0 calc(-100% - var(--gutter) * 2)}.menu-btn{white-space:nowrap;min-height:44px;font:500 var(--t-s) / 1 var(--f-body);padding-inline:.25rem;display:none}.menu{display:none}.curtain__h{background:#fff;width:10px;height:10px;position:absolute}.curtain__h:first-child{left:var(--gutter);top:var(--gutter)}.curtain__h:nth-child(2){right:var(--gutter);top:var(--gutter)}.curtain__h:nth-child(3){left:var(--gutter);bottom:var(--gutter)}.curtain__h:nth-child(4){right:var(--gutter);bottom:var(--gutter)}.curtain__label{left:var(--gutter);right:var(--gutter);color:#fff;font:800 var(--t-xl) / .95 var(--f-display);letter-spacing:-.03em;text-align:center;position:absolute;top:50%;translate:0 -50%}#loader{background:var(--ground);color:var(--ink);clip-path:none;padding:0;display:block}html.booted-before #loader,html.loader-done #loader{display:none}.hero__name,.finale .inspect{overflow-clip-margin:calc(var(--gutter) - 2px);overflow-x:clip}.motion [data-intro][data-split]{visibility:visible}.loader__frame{padding:var(--hero-top) var(--gutter) 0;position:absolute;inset:0;container-type:inline-size}.loader__name{height:calc(var(--t-hero) * .82);letter-spacing:normal;font:700 2em/1 Times New Roman,Times,serif;display:block}.loader__specs{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.loader__dim{left:var(--gutter);right:var(--gutter);top:calc(var(--hero-top) - 1.6rem);place-items:center;display:grid;position:absolute}.loader__dim-line{background:var(--redline);height:1px;position:absolute;top:50%;left:0;right:0}.loader__dim-line:before,.loader__dim-line:after{content:"";background:var(--redline);width:1px;height:11px;position:absolute;top:-5px}.loader__dim-line:before{left:0}.loader__dim-line:after{right:0}.loader__dim .chip{position:relative}[data-anno]{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .2s, clip-path .45s var(--ease-out)}[data-anno].is-drawn{opacity:1;clip-path:inset(0)}.inspect,.inspect__el{position:relative}.inspect__link{color:inherit;text-decoration:none;display:inline-block;position:relative}.inspect__src{z-index:2;pointer-events:none;clip-path:circle(var(--lr,0px) at var(--lx,33%) var(--ly,50%));position:absolute;inset:0}html:not(.js) .inspect__src{display:none}.inspect__outline{background:var(--ground);color:#0000;-webkit-text-stroke:1px var(--code);text-wrap:inherit;display:block;position:absolute;inset:0}.inspect__guides{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.inspect__guides line{stroke:var(--redline);stroke-width:1px;shape-rendering:crispedges}.inspect__guides [data-g=dim]{stroke-dasharray:4 3}.inspect__ring{left:calc(var(--lx,0px) - var(--lr,0px));top:calc(var(--ly,0px) - var(--lr,0px));width:calc(var(--lr,0px) * 2);height:calc(var(--lr,0px) * 2);border:1px solid var(--code);border-radius:50%;position:absolute}.inspect__leader{pointer-events:none;fill:none;width:100%;height:100%;stroke:var(--code);stroke-width:1px;display:none;position:absolute;inset:0;overflow:visible}.inspect__leader circle{fill:var(--ground)}html:not(.source-on) [data-lens-attached]>.inspect__leader{display:block}.inspect__hud{left:var(--lx,33%);top:var(--ly,50%);justify-items:center;gap:.35rem;width:max-content;min-width:clamp(12rem,12vw,20rem);display:grid;position:absolute;translate:-50% -50%}.inspect__chips{justify-items:center;gap:.3rem;display:grid}.inspect__chips .chip{white-space:nowrap;text-align:center;font-size:clamp(.75rem,.7vw,1.125rem)}html.source-on .inspect__src{clip-path:inset(-100vh -100vw)}html.source-on .inspect__ring{display:none}html.source-on .inspect__hud{justify-items:end;max-width:min(46ch,60%);top:calc(100% + .75rem);left:auto;right:0;translate:none}html.source-on .inspect__chips{justify-content:end}html.source-on [data-inspect-id] .inspect__hud{display:none}html.source-on [data-inspect-id] .inspect__guides{overflow:hidden}html.source-on [data-inspect-id]>.inspect__el{color:#0000}html.source-on [data-inspect-id] .inspect__outline{background:0 0}.source-readout{grid-column:1/-1;min-width:0;display:none}html.source-on .source-readout{border-top:1px solid var(--code);gap:.8rem;padding-block:1.25rem;display:grid}.source-readout__chips{flex-wrap:wrap;gap:.4rem;display:flex}.source-readout code{min-width:0;font:400 var(--t-xs) / 1.5 var(--f-mono);color:var(--code);white-space:pre-wrap;overflow-wrap:anywhere}.hero__dock,.case__lens-dock,.row__summary{display:none}[data-tone=dark] .inspect__outline{-webkit-text-stroke-color:#fff;background:#000}[data-tone=dark] .inspect__ring{border-color:#fff}.toggle__box{width:12px;height:12px;box-shadow:inset 0 0 0 1px}.toggle[aria-pressed=true] .toggle__box{background:var(--code);box-shadow:none}[data-source-toggle]:focus-visible{outline:2px solid var(--c-accent);outline-offset:6px}html:not(.js) .toggle,html:not(.js) .lens-hint{display:none}.lens-hint{color:var(--muted);font-size:var(--t-s)}@media (hover:none),(pointer:coarse){.lens-hint{display:none}}.hero,.about,.work,.lab,.github,.taste,.arcade,.finale,.case,.nf{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);padding-inline:var(--gutter);display:grid}.section-title{font:800 var(--t-xl) / .92 var(--f-display);letter-spacing:-.03em}.hero{min-height:100svh;padding-top:var(--hero-top);padding-bottom:calc(var(--frame-h) + 2rem);grid-template-rows:auto auto 1fr auto auto;align-content:stretch}.hero__name{grid-column:1/-1;container-type:inline-size}.hero__title{font:800 var(--t-hero) / .82 var(--f-display);font-kerning:none;letter-spacing:-.045em;white-space:nowrap;margin-left:-.06em}.hero__spec{grid-column:1/-1;margin-top:1rem}.hero__line{font:500 var(--t-m) / 1.3 var(--f-body);letter-spacing:-.01em;grid-area:4/4/auto/10;max-width:34ch}.hero__actions{flex-wrap:wrap;grid-area:5/4/auto/10;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.hero__cv,.hero__role{display:none}.about{padding-block:var(--space-airy) var(--space-normal);align-items:start}.legend{font-size:var(--t-s);padding:0;grid-column:1/3;gap:.6rem;padding-top:.9em;list-style:none;display:grid}.legend li{align-items:center;gap:.6rem;display:flex}.about__lead{font:500 var(--t-l) / 1.18 var(--f-body);letter-spacing:-.02em;grid-column:3/12}.about__col{max-width:44ch;font-size:var(--t-body);grid-column:3/12;margin-top:1.5rem;line-height:1.55}.about__key{border-top:1px solid var(--ink);font:400 var(--t-xs) / 1.5 var(--f-mono);grid-column:3/12;margin-top:2rem;padding-top:1rem}.work{padding-block:var(--space-normal)}.work .section-title{grid-column:1/-1;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.index{border-top:1px solid var(--ink);grid-column:1/-1;padding:0;list-style:none}.row{column-gap:var(--gutter);border-bottom:1px solid var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;padding-block:clamp(1.1rem,2.2vw,2rem);display:grid}.row__year{font:400 var(--t-s) / 1 var(--f-mono);font-variant-numeric:tabular-nums;grid-column:1/2}.row__title{font:500 var(--t-l) / 1.05 var(--f-body);letter-spacing:-.02em;transition:translate var(--snap) var(--ease-out);grid-column:4/10}.row__disc{grid-area:1/2/auto/3;align-self:center;gap:4px;display:flex}.row__dur{grid-area:1/3/auto/4;place-self:center start}.row__thumb{display:none}@media (hover:hover){.row:hover .row__title{translate:.4em}.row:hover .row__dur{background:var(--code);color:#fff;box-shadow:none}}.row:focus-visible .row__title{translate:.4em}.row:focus-visible .row__dur{background:var(--code);color:#fff;box-shadow:none}.row:active .row__title{translate:.4em}.preview{z-index:var(--z-preview);aspect-ratio:16/9;pointer-events:none;opacity:0;visibility:hidden;background:var(--ground);width:0;position:fixed;top:0;left:0;scale:.9}.preview video{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.preview video.is-active{opacity:1}.lab{padding-block:var(--space-tight);align-items:start}.lab__fig{grid-column:1/9}.lab__copy{grid-column:9/13;gap:1.25rem;display:grid}.lab__intro{color:var(--muted);max-width:38ch}.lab__sub{font:600 var(--t-s) / 1.2 var(--f-body);margin-top:1rem}.lab__tabs{border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lab__tabs button{min-height:48px;font-size:var(--t-s);border:1px solid var(--line);transition:background-color var(--snap) var(--ease-out), color var(--snap) var(--ease-out);padding:.75rem}.lab__tabs button[aria-selected=true]{background:var(--code);color:var(--ground)}.lab__tabs button:hover{text-underline-offset:.2em;text-decoration:underline;translate:0 -2px}.lab__tabs button:focus-visible{outline:2px solid var(--code);outline-offset:3px;position:relative}.lab__tabs button:active{background:var(--ink);color:var(--ground)}.lab__services li[hidden]{display:none}.lab__services{font-size:var(--t-s);gap:.75rem;padding:0;list-style:none;display:grid}.lab__services li{transition:background-color var(--snap) var(--ease-out), color var(--snap) var(--ease-out);gap:.15rem;margin-inline:0;padding:.55rem .75rem;display:grid}.lab__services li[data-selected]{background:var(--ink);color:#fff}.lab__services li[data-selected] .lab__svc{color:#ffffffc7}.lab__svc{font-family:var(--f-mono);font-size:var(--t-xs);color:var(--muted)}.taste{padding-block:var(--space-normal) clamp(2rem, 3vw, 3rem);align-items:start}.taste .section-title{grid-column:1/-1}.taste__switch{grid-column:1/-1;gap:clamp(1.5rem,3vw,3rem);margin:clamp(2.5rem,5vw,4.5rem) 0 clamp(2rem,4vw,3.5rem);display:flex}.taste [role=tabpanel]{grid-column:1/-1}.taste__tab{font:600 var(--t-m) / 1.2 var(--f-body);min-height:44px;color:var(--muted);transition:color var(--snap) var(--ease-out)}.taste__tab .sel i{transition:scale var(--snap) var(--ease-out)}.taste__tab[aria-selected=true]{color:var(--ink)}.taste__tab[aria-selected=true] .sel{opacity:1;scale:1}@media (hover:hover){.taste__tab[aria-selected=true]:hover .sel i{scale:1.45}}.taste__tab[aria-selected=true]:focus-visible .sel i{scale:1.45}.taste__source{font:400 var(--t-xs) / 1.4 var(--f-mono);color:var(--muted);grid-column:1/-1;margin:-.75rem 0 1.5rem}.wall{column-gap:var(--gutter);grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:clamp(2.5rem,5vw,4rem);padding:0;list-style:none;display:grid}.wall--films .wall__item:first-child{grid-column:1/5}.wall--films .wall__item:nth-child(2){grid-column:6/9;margin-top:clamp(3rem,9vw,8rem)}.wall--films .wall__item:nth-child(3){grid-column:10/13;margin-top:clamp(1rem,3vw,2.5rem)}.wall--films .wall__item:nth-child(4){grid-column:2/5}.wall--films .wall__item:nth-child(5){grid-column:7/11;margin-top:clamp(-6rem,-6vw,-2rem)}.wall--songs .wall__item:first-child{grid-column:2/5}.wall--songs .wall__item:nth-child(2){grid-column:6/11;margin-top:clamp(2rem,6vw,5rem)}.wall--songs .wall__item:nth-child(3){grid-column:11/13}.wall--songs .wall__item:nth-child(4){grid-column:1/4;margin-top:clamp(-4rem,-4vw,-1rem)}.wall--songs .wall__item:nth-child(5){grid-column:8/11}.card{grid-template-columns:auto 1fr;align-items:baseline;gap:.3rem .75rem;display:grid;position:relative}.card__media{outline:1px solid var(--line);outline-offset:-1px;grid-column:1/-1;margin-bottom:.9rem;display:block;position:relative;overflow:clip}.card__media--poster{aspect-ratio:2/3}.card__media--cover{aspect-ratio:1}.card--film .card__media{background:var(--code)}.card--song .card__media{background:var(--redline);outline:2px solid var(--redline);outline-offset:-2px}.card__duo{object-fit:cover}.card--film .card__duo{filter:url(#duo-film)}.card--song .card__duo{filter:url(#duo-song)}.duo-defs{width:0;height:0;position:absolute;overflow:hidden}.card__color{clip-path:circle(0%);position:absolute;inset:0}.card__color img{object-fit:cover}.card:active .card__color{clip-path:circle(150%)}@media (prefers-reduced-motion:reduce) and (hover:hover){.card:hover .card__color{clip-path:none}}@media (prefers-reduced-motion:reduce){.card:focus-visible .card__color{clip-path:none}}.card--type .card__media{align-items:flex-end;padding:clamp(.75rem,1.4vw,1.25rem);display:flex}.card--type.card--film .card__media{background:var(--code)}.card--type.card--song .card__media{background:var(--redline)}.card__typeset{font:800 13cqi / .88 var(--f-display);letter-spacing:-.035em;transition:translate var(--snap) var(--ease-out)}.card--type .card__media{container-type:inline-size}.card--film .card__typeset{color:#fff}.card--song .card__typeset{color:#000}@media (hover:hover){.card--type:hover .card__typeset{translate:0 -.25em}}.card--type:focus-visible .card__typeset{translate:0 -.25em}.card__rank{font:800 var(--t-l) / .85 var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;grid-row:2/5}.card__title{font:600 var(--t-body) / 1.25 var(--f-body)}.card--type .card__title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.card__meta{font-size:var(--t-s);color:var(--muted);grid-column:2}.card__note{font-size:var(--t-s);grid-column:2}.music-preview{gap:.65rem;margin-top:1.4rem;display:grid}.music-preview[hidden]{display:none}.music-preview__toggle{color:#000;background:#fff;border:0;justify-self:start;gap:.5rem;padding-inline:.6rem;font-size:.8rem}.music-preview__timeline{align-items:center;gap:.75rem;font-size:.75rem;display:flex}.music-preview progress{appearance:none;background:#00000024;border:0;width:100%;min-width:0;height:3px}.music-preview progress::-webkit-progress-bar{background:#00000024}.music-preview progress::-webkit-progress-value{background:#00f}.music-preview progress::-moz-progress-bar{background:#00f}.finale{padding-block:var(--space-normal) calc(var(--frame-h) + 1rem);align-content:space-between;row-gap:3rem;min-height:100svh}.finale .inspect{grid-column:1/-1;container-type:inline-size}.finale__email{font:800 clamp(3.5rem, 19cqi, 22rem) / .86 var(--f-display);letter-spacing:-.045em;margin-left:-.05em}.finale__email .inspect__link:after{content:"";transform-origin:0;width:100%;height:.06em;transition:scale var(--snap-l) var(--ease-out);background:currentColor;position:absolute;top:92%;left:0;scale:0 1}@media (hover:hover){.finale__email .inspect__link:hover:after{scale:1}}.finale__email .inspect__link:focus-visible:after{scale:1}.finale__address{font:400 var(--t-s) / 1.5 var(--f-mono);overflow-wrap:anywhere;grid-column:1/-1}.finale__socials{grid-column:4/13;padding:0;list-style:none}.social{font:500 var(--t-l) / 1.1 var(--f-body);letter-spacing:-.02em;border-bottom:1px solid #ffffff59;justify-content:space-between;align-items:baseline;padding-block:.5rem;display:flex}.social__label{position:relative}.social__label:after{content:"";transform-origin:0;width:100%;height:1px;transition:scale var(--snap) var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;scale:0 1}.social__arrow{transition:translate var(--snap) var(--ease-out)}@media (hover:hover){.social:hover .social__label:after{scale:1}.social:hover .social__arrow{translate:6px -6px}}.social:focus-visible .social__label:after{scale:1}.social:focus-visible .social__arrow{translate:6px -6px}.finale__cta{grid-column:4/13}.finale__small{column-gap:var(--gutter);font-size:var(--t-xs);color:#ffffffb3;grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.finale__small p:first-child{grid-column:1/5}.finale__small p:nth-child(2){grid-column:5/10}.finale__small p:nth-child(3){text-align:right;grid-column:10/13}.case{padding-top:var(--hero-top);padding-bottom:var(--space-normal);align-items:start;row-gap:clamp(2rem,4vw,3.5rem)}.case__head{grid-column:1/-1;grid-template-columns:subgrid;align-items:end;row-gap:1.75rem;display:grid}.case__head .inspect{grid-column:1/10}.case__title{font:800 var(--t-xl) / .92 var(--f-display);letter-spacing:-.03em;margin-left:-.04em}.case__aside{grid-column:10/13;justify-self:end}.case__summary{font:500 var(--t-m) / 1.3 var(--f-body);grid-column:4/10}.case__links{font-size:var(--t-s);grid-column:4/13}.case__filmnote{max-width:72ch;font-size:var(--t-s);color:var(--muted);margin-top:1rem;line-height:1.5}.case__links{flex-wrap:wrap;gap:1.5rem;display:flex}.case__meta{font-size:var(--t-s);grid-column:4/13;grid-template-columns:repeat(4,minmax(0,auto));justify-content:start;gap:1rem clamp(1.5rem,4vw,4rem);display:grid}.case__meta dt{color:var(--muted);margin-bottom:.25rem}.case__meta dd{flex-wrap:wrap;gap:.9rem;margin:0;display:flex}.case__role{align-items:center;gap:.45rem;display:inline-flex}.case__media{grid-column:1/-1;margin-top:clamp(1rem,3vw,2.5rem)}.case__pair{grid-column:1/-1;grid-template-columns:subgrid;padding-block:var(--space-tight);display:grid}.case__context{grid-column:1/6}.case__idea{grid-column:7/13;margin-top:clamp(3rem,8vw,7rem)}.case__h{font:600 var(--t-s) / 1.2 var(--f-body);margin-bottom:1rem}.case__pair p{font-size:var(--t-m);max-width:36ch;line-height:1.35}.case__craft{grid-column:4/13}.markers{border-top:1px solid var(--ink);padding:0;list-style:none}.marker{border-bottom:1px solid var(--ink);text-align:left;align-items:center;gap:1.25rem;width:100%;min-height:44px;padding-block:1rem;display:flex}.marker__t{font:500 var(--t-xs) / 1 var(--f-mono);transition:background-color var(--snap) var(--ease-out), color var(--snap) var(--ease-out);padding:.38em .55em .32em;box-shadow:inset 0 0 0 1px}.marker__label{font:500 var(--t-m) / 1.2 var(--f-body);transition:translate var(--snap) var(--ease-out)}@media (hover:hover){.marker:hover .marker__t{background:var(--code);color:#fff;box-shadow:none}.marker:hover .marker__label{translate:.4em}}.marker:focus-visible .marker__t{background:var(--code);color:#fff;box-shadow:none}.marker:focus-visible .marker__label{translate:.4em}.case__outcome{padding-block:var(--space-tight);grid-column:3/12}.case__outcome-lead{max-width:28ch;font:500 clamp(1.75rem, 3.5vw, 5rem) / 1.12 var(--f-body);letter-spacing:-.025em}.case__outcome-support{max-width:64ch;font-size:var(--t-body);gap:1.5rem;margin-top:2rem;line-height:1.6;display:grid}.case__next{padding-top:var(--space-tight);grid-column:1/-1;container-type:inline-size}.next{gap:1rem;padding:1.5rem 0;display:grid;position:relative}.next>.sel{scale:1}.next__kicker{font:600 var(--t-s) / 1 var(--f-body)}.next__title{font:800 clamp(3rem, 11cqi, 12rem) / .9 var(--f-display);letter-spacing:-.04em;transition:translate var(--snap-l) var(--ease-out);margin-left:-.05em}@media (hover:hover){.next:hover .next__title{translate:.12em}}.next:focus-visible{outline:none}.next:focus-visible .next__title{translate:.12em}.player{background:var(--ground);box-shadow:0 0 0 1px var(--ink);position:relative}.player:focus-visible{outline-offset:6px}.player__video{aspect-ratio:16/9;object-fit:cover;background:var(--ground);cursor:pointer;width:100%}.player__big{background:var(--ground);font-size:var(--t-body);padding:1em 1.4em;position:absolute;top:auto;bottom:6.5rem;left:1.5rem;translate:none}.player__glyph{border-left:.75em solid;border-block:.45em solid #0000;width:0;height:0}.player__bar{border-top:1px solid var(--ink);font-size:var(--t-s);align-items:center;gap:clamp(.5rem,2vw,1.5rem);padding:.5rem 1rem;display:flex}.player__btn{white-space:nowrap;min-height:32px;padding:.35rem .55rem;font-weight:500;position:relative}.player__fs{background-color:#0000;background-image:linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:5px 1.5px,1.5px 5px,5px 1.5px,1.5px 5px,5px 1.5px,1.5px 5px,5px 1.5px,1.5px 5px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;width:16px;height:12px;display:block}.player__btn:focus-visible{outline:none}.player__btn>.sel{inset:0}.player__track{flex:1;align-items:center;height:44px;display:grid;position:relative}.player__track input{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}.player__track input::-webkit-slider-runnable-track{background:linear-gradient(var(--redline) 0 0) left / calc(var(--p) * 100%) 100% no-repeat, var(--ink);height:2px}.player__track input::-moz-range-track{background:var(--ink);height:2px}.player__track input::-moz-range-progress{background:var(--redline);height:2px}.player__track input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--redline);border:0;border-radius:0;width:3px;height:22px;margin-top:-10px}.player__track input::-moz-range-thumb{background:var(--redline);border:0;border-radius:0;width:3px;height:22px}.player__tick{background:var(--code);pointer-events:none;width:2px;height:8px;margin-left:-1px;position:absolute;top:calc(50% + 5px)}.player__tick[data-current]{width:4px;height:12px}.player__tick[data-highlighted]{background:var(--redline);outline:2px solid var(--ground);width:6px;height:18px;top:calc(50% - 5px)}.player__time{font:400 var(--t-xs) / 1 var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.player:fullscreen{grid-template-rows:1fr auto;display:grid}.player:fullscreen .player__video{aspect-ratio:auto;object-fit:contain;height:100%}.nf{min-height:100svh;padding-top:var(--hero-top);padding-bottom:calc(var(--frame-h) + 2rem);align-content:start;row-gap:2rem}.nf .inspect{grid-column:1/11}.nf__title{font:800 var(--t-xl) / .92 var(--f-display);letter-spacing:-.03em;margin-left:-.04em}.nf__stage{grid-column:4/10;height:clamp(10rem,28vh,18rem);margin-block:1.5rem;position:relative}.nf__sel{border:1px solid var(--code);position:absolute;inset:0}.nf__sel i{background:var(--ground);border:1px solid var(--code);width:9px;height:9px;position:absolute}.nf__sel i:first-child{top:-5px;left:-5px}.nf__sel i:nth-child(2){top:-5px;right:-5px}.nf__sel i:nth-child(3){bottom:-5px;left:-5px}.nf__sel i:nth-child(4){bottom:-5px;right:-5px}.nf__chip{position:absolute;top:calc(100% + .6rem);left:0}.nf__body{font-size:var(--t-m);grid-column:4/10;margin-top:1.5rem;line-height:1.35}.nf__code{color:var(--code);font-size:var(--t-s);overflow-wrap:anywhere;grid-column:4/13}.nf__back{grid-column:4/10;justify-self:start;margin-top:1rem}@media (prefers-reduced-motion:reduce){.sel{transition:opacity .01ms;scale:1!important}.roll>span{transition:none;translate:none!important}.roll>span:after{visibility:hidden}.roll:focus-visible{text-underline-offset:.2em;text-decoration:underline}.row__title,.marker__label,.next__title,.card__typeset,.social__arrow{translate:none!important}.row:focus-visible .row__title,.marker:focus-visible .marker__label{text-decoration:underline}[data-anno]{transition:none}}@media (prefers-reduced-motion:reduce) and (hover:hover){.roll:hover,.row:hover .row__title,.marker:hover .marker__label,.next:hover .next__title{text-underline-offset:.2em;text-decoration:underline}}@media (max-width:1023px){.nav,.frame__tr .lang,#loader{display:none}.menu-btn{align-items:center;display:inline-flex}.frame__tr{top:calc(var(--gutter) - 12px);gap:0;margin:0;padding:0}.menu:not([hidden]){z-index:var(--z-menu);padding:var(--gutter);background:var(--ground);color:var(--ink);grid-template-rows:auto 1fr auto auto;gap:2rem;display:grid;position:fixed;inset:0;overflow-y:auto}.menu__close{justify-self:end}.menu__nav{align-self:center;gap:.5rem;padding:0;list-style:none;display:grid}.menu__nav a{font:800 clamp(2.75rem, 13vw, 4rem) / 1 var(--f-display);letter-spacing:-.03em}.menu__socials{gap:1.5rem;padding:0;font-weight:500;list-style:none;display:flex}.menu__socials a{align-items:center;gap:.3rem;min-height:44px;display:inline-flex}.menu__foot{justify-content:space-between;align-items:center;gap:1rem;display:flex}.menu__foot .lang a{align-items:center;min-height:44px;padding-inline:.25rem;display:inline-flex}.hero{grid-template-rows:auto;align-content:start;row-gap:0;min-height:100svh;padding-bottom:3rem}.hero__title{font-size:var(--t-hero)}.hero__line{grid-area:auto/1/auto/-1;margin-top:clamp(4rem,18svh,9rem)}.hero__actions{grid-area:auto/1/auto/-1;margin-top:1.5rem}.hero__cv{grid-column:1/-1;margin-top:1rem;display:block}.legend{grid-column:1/-1;grid-auto-flow:column;justify-content:start;gap:1.25rem;margin-bottom:1.5rem}.about__lead,.about__col,.about__key{grid-column:1/-1}.row{grid-template-columns:auto 1fr auto;row-gap:.75rem}.row__year{grid-column:1}.row__title{grid-area:2/1/auto/-1}.row__disc{grid-column:2;justify-self:start}.row__dur{grid-column:3}.row__thumb{grid-area:3/1/auto/-1;margin-top:.25rem;display:block}.row__thumb img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.preview{display:none}.lab__fig,.lab__copy{grid-column:1/-1}.lab__copy{order:-1;margin-bottom:2rem}.wall{grid-template-columns:repeat(2,minmax(0,1fr))}.wall .wall__item:nth-child(n){grid-column:auto;margin-top:0}.wall .wall__item:nth-child(2n){margin-top:3rem}.wall .wall__item:first-child{grid-column:1/-1;width:72%}.wall .wall__item:nth-child(2){margin-top:0}.card__rank{font-size:var(--t-m)}.finale__socials,.finale__cta{grid-column:1/-1}.finale__small{grid-template-columns:1fr;row-gap:.75rem}.finale__small p:nth-child(n){text-align:left;grid-column:1}.case__head .inspect,.case__summary,.case__links,.case__meta,.case__craft,.case__outcome{grid-column:1/-1}.case__aside{grid-column:1/-1;justify-self:start}.case__meta{grid-template-columns:repeat(2,minmax(0,1fr))}.case__context,.case__idea{grid-column:1/-1}.case__idea{margin-top:3rem}.player__bar{flex-wrap:wrap;padding:.25rem .75rem}.player__track{flex-basis:100%;order:-1}.nf .inspect,.nf__stage,.nf__body,.nf__code,.nf__back{grid-column:1/-1}}@media (hover:none),(pointer:coarse){.row__thumb{grid-column:1/-1;margin-top:.75rem;display:block}.row__thumb img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.preview{display:none}}@media (min-width:1024px){.hero,.about,.work,.lab,.github,.taste,.arcade,.case,.nf{width:100%;max-width:var(--content-max);margin-inline:auto}.hero{grid-template-rows:auto auto auto;align-content:start;min-height:0;padding-bottom:clamp(4rem,7vw,8rem)}.hero__name{grid-row:1}.hero__spec{grid-area:2/1/5/4;align-self:start;align-items:end;height:clamp(15rem,17vw,25rem);margin-top:1rem;display:flex;position:relative}.hero__dock{display:block;position:absolute;inset:0 0 2rem}.hero__line{grid-area:2/5/auto/13;align-self:start;max-width:38ch;margin-top:1rem;font-size:clamp(1.75rem,2.15vw,3.4rem);line-height:1.25}.hero__actions{grid-area:3/5/auto/10;align-self:start;gap:1.25rem;margin-top:2rem}.hero__role{max-width:30ch;font-size:var(--t-s);color:var(--muted);grid-area:4/5/auto/10;align-self:start;margin-top:1rem;line-height:1.5;display:block}.hero__cv{grid-area:3/10/auto/13;place-self:start end;margin-top:2rem;display:block}.hero .inspect__outline{-webkit-text-stroke-width:1.5px}.hero .inspect__hud{gap:.5rem}.hero__readout{grid-area:5/5/auto/13;width:100%;min-width:min(100%,32rem)}.case__head>.source-readout{grid-column:5/13;width:100%;min-width:min(100%,32rem)}.case__lens-dock{grid-area:2/1/5/4;align-self:center;height:clamp(13rem,15vw,23rem);display:block}.about{padding-top:clamp(2rem,2.3vw,4rem);padding-bottom:var(--space-tight);row-gap:clamp(2.5rem,3.6vw,6rem)}.about .legend{grid-row:1/4}.about__lead{letter-spacing:-.035em;grid-area:1/3/auto/13;max-width:24ch;font-size:clamp(3.5rem,4.9vw,9rem);line-height:1}.about__col{grid-row:2;max-width:34ch;margin-top:0;font-size:clamp(1.25rem,1.45vw,2.25rem);line-height:1.42}.about__col--study{grid-column:5/9}.about__col--path{grid-column:9/13}.about__key{font-size:var(--t-s);grid-area:3/5/auto/13;margin-top:0}.about .legend{top:calc(var(--frame-h) + 1rem);position:sticky}.work{padding-top:var(--space-tight)}.work .section-title{margin-bottom:clamp(3rem,5vw,6rem)}.row{align-items:center;row-gap:.75rem;padding-block:clamp(2rem,3.2vw,5rem)}.row__title{max-width:calc(100% - .22em);transition:translate var(--snap) var(--ease-out), color var(--snap) var(--ease-out);grid-area:1/3/3/8;justify-self:start;font-size:clamp(3.5rem,5.8vw,9rem);line-height:.98}.row__year{grid-area:1/1;align-self:end}.row__disc{grid-area:1/2;align-self:end;padding-bottom:.15rem}.row__dur{grid-area:2/1/auto/3;align-self:start}.row__summary{font-size:var(--t-body);color:var(--ink);grid-area:3/1/auto/8;line-height:1.5;display:block}.row__thumb{transition:opacity var(--snap) var(--ease-out);grid-area:1/8/4/13;align-self:center;display:block;overflow:clip}.row__thumb img{aspect-ratio:16/9;object-fit:cover;filter:grayscale();width:100%}.row:hover .row__thumb,.row:focus-visible .row__thumb{opacity:.3}.row:hover .row__title,.row:focus-visible .row__title{color:var(--code);translate:.22em}.case__outcome{grid-column:1/-1;grid-template-columns:subgrid;row-gap:2rem;display:grid}.case__outcome>.case__h{grid-column:1/3;margin:0}.case__outcome-lead{grid-column:3/11}.case__outcome-support{grid-column:5/13;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,6rem);max-width:none;margin-top:0;font-size:clamp(1.25rem,1.2vw,1.5rem)}.markers{border-top-color:var(--code);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,2vw,3rem);display:grid}.marker{border-bottom:0;flex-direction:column;align-items:flex-start;padding-block:1.5rem;position:relative}.marker:before{content:"";background:var(--code);width:1px;height:.75rem;position:absolute;top:0;left:0}.marker:hover:before,.marker:focus-visible:before{background:var(--redline)}.lab{padding-block:var(--space-tight)}.lab__copy{gap:1.6rem}.lab__copy .section-title{font-size:clamp(4rem,6.1vw,9rem)}.lab__intro{font-size:var(--t-body);line-height:1.55}.lab__services{gap:.5rem}.lab__services li{margin-inline:0;padding:.8rem 1rem}.lab__svc{font-size:clamp(.75rem,.72vw,1rem);line-height:1.7}.lab .iso-svg{width:110%;max-width:none;margin-inline:-5%}.lab .homelab__heading,.lab .homelab__hint{font-size:var(--t-s);padding-inline:1.5rem}.taste{padding-top:var(--space-tight)}.wall{row-gap:clamp(6rem,8vw,14rem)}.wall--films .wall__item:first-child{grid-column:1/6}.wall--films .wall__item:nth-child(2){grid-column:7/10;margin-top:8vw}.wall--films .wall__item:nth-child(3){grid-column:10/13;margin-top:2vw}.wall--films .wall__item:nth-child(4){grid-column:2/6;margin-top:0}.wall--films .wall__item:nth-child(5){grid-column:8/13;margin-top:-3vw}.wall--songs .wall__item:first-child{grid-column:1/6}.wall--songs .wall__item:nth-child(2){grid-column:6/10;margin-top:8vw}.wall--songs .wall__item:nth-child(3){grid-column:10/13;margin-top:2vw}.wall--songs .wall__item:nth-child(4){grid-column:2/6;margin-top:0}.wall--songs .wall__item:nth-child(5){grid-column:8/13;margin-top:-3vw}.card{gap:.5rem 1rem}.card__media{margin-bottom:1.25rem}.card__title{font-size:clamp(1.15rem,1.65vw,2rem)}.card__rank{font-size:clamp(2rem,3.5vw,5rem)}.card__meta,.card__note{font-size:clamp(.875rem,1vw,1.25rem);line-height:1.5}.music-preview{gap:.85rem;margin-top:1.8rem}.music-preview__toggle{min-height:48px;padding-inline:1rem;font-size:clamp(.875rem,.9vw,1.125rem)}.music-preview__timeline{font-size:clamp(.75rem,.8vw,1rem)}.taste__source{margin-top:-1.25rem;margin-bottom:2.5rem;font-size:clamp(.8rem,.85vw,1.1rem)}.case__title{font-size:clamp(6rem,12vw,20rem);line-height:.88}.case__summary{grid-column:5/12;max-width:42ch;font-size:clamp(1.5rem,2vw,3rem)}.case__links,.case__meta{grid-column:5/13}.case__media{margin-inline:calc(var(--gutter) * -.5);--player-max:calc((100svh - 9rem) * 16 / 9)}.case__media>.player,.case__filmnote{max-width:var(--player-max);margin-inline:auto}.case__context{grid-column:1/7}.case__idea{grid-column:7/13}.case__pair p{max-width:46ch;font-size:clamp(1.5rem,2vw,3rem);line-height:1.4}.case__craft{grid-column:3/13}.marker{padding-block:1.5rem}.case__next{border-top:1px solid var(--ink);padding-top:2rem}.next{min-height:38svh;transition:background-color var(--snap) var(--ease-out), color var(--snap) var(--ease-out);align-content:center;padding:2rem 0}.next__title{margin-left:0;font-size:clamp(6rem,16cqi,28rem)}.next:hover,.next:focus-visible{background:var(--code);color:#fff}.next:hover .sel i,.next:focus-visible .sel i{background:#fff}.finale{row-gap:clamp(1.5rem,3svh,4rem);padding-top:clamp(3rem,6svh,8rem)}.finale__email{font-size:clamp(6rem,min(27cqi,38svh),48rem)}html[lang=id] .finale__email{font-size:clamp(6rem,min(21.5cqi,38svh),40rem)}.finale__socials{grid-area:2/1/auto/9}.finale__address{text-align:right;grid-area:2/10/auto/13;place-self:start end}.finale__cta{grid-area:2/10/auto/13;place-self:end}.finale__small{grid-row:3}.social{padding-block:clamp(.6rem,1.3svh,1.15rem);font-size:max(2.5rem,min(5.5vw,6.5svh))}}@media (min-width:1600px){.lab__fig{grid-column:1/10}.lab__copy{grid-column:10/13}.lab__copy .section-title{font-size:clamp(5rem,5.4vw,8rem)}}@media (min-width:1920px){.case__head{row-gap:2.25rem}.player__bar{font-size:var(--t-s);padding:.8rem 1.5rem}}@media (hover:hover){.menu__socials .utility:hover .social__arrow{translate:4px -4px}}.menu__socials .utility:focus-visible .social__arrow{translate:4px -4px}@media (min-width:1280px){.row__summary{white-space:nowrap}}.marker__t{white-space:nowrap;flex-shrink:0}.case__artifact{align-self:start;padding:clamp(1.25rem,1.5vw,2rem);position:relative}.case__artifact-label{margin-bottom:1rem}.case__artifact>.sel{opacity:1;inset:0;scale:1}