@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff)format("woff");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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff)format("woff");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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff");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:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2)format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff)format("woff");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:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2)format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff)format("woff");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:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff)format("woff");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:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-vietnamese-700-normal-DWQgDHuA.woff2)format("woff2"),url(/assets/space-mono-vietnamese-700-normal-D-KrLuLr.woff)format("woff");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:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-ext-700-normal-B2s3bDs2.woff2)format("woff2"),url(/assets/space-mono-latin-ext-700-normal-B_E7P90g.woff)format("woff");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:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2)format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff)format("woff");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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f1ec;font-synthesis:none;text-rendering:geometricprecision;--ink:#030405;--paper:#f3f1ec;--cyan:#20cfff;--muted:#f3f1ec70;--line:#f3f1ec2b;--display:"Anton", "Arial Narrow", sans-serif;--mono:"Space Mono", monospace;background:#030405;font-family:Space Mono,monospace}*{box-sizing:border-box}html{background:var(--ink);scrollbar-color:#f3f1ec59 transparent}body{background:var(--ink);min-width:320px;min-height:100vh;margin:0;overflow-x:clip}body[data-route=home],body[data-route=projects],body[data-route=playground]{overflow:hidden}body[data-route=playground] .side-signal,body[data-route=playground] .global-footer,body[data-route=project-detail] .side-signal,body[data-route=project-detail] .global-footer{display:none}body{cursor:default}a,button{cursor:pointer}.is-transitioning{cursor:progress}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;background:0 0;border:0;padding:0}img{max-width:100%;display:block}.skip-link{z-index:200;color:var(--ink);background:var(--paper);padding:.65rem 1rem;transition:transform .18s;position:fixed;top:.75rem;left:50%;transform:translate(-50%,-180%)}.skip-link:focus{transform:translate(-50%)}.webgl-root{z-index:0;background:var(--ink);position:fixed;inset:0;overflow:hidden}.webgl-root canvas{width:100%;height:100%;display:block}.scanline-overlay{z-index:1;pointer-events:none;opacity:.16;mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 3px,#ffffff08 3px 4px);position:fixed;inset:0}.scanline-overlay:after{content:"";background:linear-gradient(#0000 44%,#20cfff17 50%,#0000 56%);animation:8s linear infinite display-scan;position:absolute;inset:-20% 0}@keyframes display-scan{0%{transform:translateY(-45%)}to{transform:translateY(45%)}}.route-cover{--route-scan:0%;--route-noise:.15;z-index:90;pointer-events:none;clip-path:inset(0 0 100%);background:radial-gradient(circle at 50% var(--route-scan), rgba(32, 207, 255, calc(var(--route-noise) * .34)), transparent 31%), #020303;position:fixed;inset:0;overflow:hidden}.route-cover:before,.route-cover:after{content:"";position:absolute;inset:-8%}.route-cover:before{opacity:calc(.14 + var(--route-noise) * .42);background:linear-gradient(90deg,#20cfff29 1px,#0000 1px) 0 0/13px 13px,linear-gradient(#20cfff29 1px,#0000 1px) 0 0/13px 13px,repeating-linear-gradient(90deg,#0000 0 4.5%,#20cfff14 4.5% 5.2%);transform:translateY(-2px)scale(1.03)}.route-cover:after{background:linear-gradient(to bottom, transparent calc(var(--route-scan) - 3%), #f0ede8f2 var(--route-scan), transparent calc(var(--route-scan) + 3%)), repeating-linear-gradient(90deg, transparent 0 17px, #030405db 17px 20px);mix-blend-mode:screen;opacity:calc(.2 + var(--route-noise) * .72);filter:blur(.25px)}.route-cover[data-route-to=projects]:before{background-size:9px 9px,9px 9px,auto}.route-cover[data-route-to=project-detail]:before{transform:rotate(-2.4deg)scale(1.08)}.route-cover[data-route-to=about]:after{filter:hue-rotate(82deg)blur(.4px)}.route-cover[data-route-to=playground]:before{background-size:18px 18px,18px 18px,auto}.route-cover.is-active+.intro{visibility:hidden}.intro{z-index:120;pointer-events:none;-webkit-backdrop-filter:brightness(.64)contrast(1.08);backdrop-filter:brightness(.64)contrast(1.08);background:#02030385;position:fixed;inset:0;overflow:hidden}.intro-meow{width:100%;color:var(--paper);font:400 clamp(5rem, 18vw, 19rem)/.8 var(--display);letter-spacing:-.055em;text-align:center;mix-blend-mode:difference;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-count{font:700 .78rem/1 var(--mono);margin:0;position:absolute;bottom:1.5rem;right:2rem}.site-header{z-index:60;width:100%;font:400 .66rem/1 var(--mono);letter-spacing:.08em;grid-template-columns:1fr auto 1fr;align-items:start;padding:1.1rem 1.2rem;transition:transform .35s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;top:0;left:0}.site-header.is-hidden{transform:translateY(calc(-100% - 6px))}.nav-group{gap:clamp(1.35rem,3.5vw,4.8rem);display:flex}.nav-group--right{justify-content:flex-end}.nav-group a,.nav-group button{opacity:.42;transition:opacity .18s,color .18s}.nav-group a:hover,.nav-group button:hover,.nav-group a:focus-visible,.nav-group button:focus-visible,.nav-group a[aria-current]{color:var(--paper);opacity:1}.brand-mark{color:var(--paper);font:700 .82rem/1 var(--mono);letter-spacing:-.08em;justify-self:center;margin-top:-.18rem}.menu-trigger{justify-self:end;display:none}.dropdown-panel{z-index:65;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030405eb;min-width:12rem;padding:.8rem;display:grid;position:fixed;top:3.1rem;right:1.2rem}.dropdown-panel[aria-hidden=true]{display:none}.dropdown-panel a,.dropdown-panel button{font:400 .68rem/1.2 var(--mono);text-align:left;border-bottom:1px solid var(--line);padding:.7rem}.dropdown-panel--contact{min-width:17rem}.side-signal{z-index:50;color:#f3f1ec9e;font:400 .55rem/1 var(--mono);letter-spacing:.05em;writing-mode:horizontal-tb;align-items:center;gap:.35rem;display:flex;position:fixed;bottom:3.25rem}.side-signal--left{left:1rem}.side-signal--right{align-items:center;right:1rem}.side-signal small{color:var(--cyan);font-size:.48rem}[data-clock] b{color:var(--cyan);animation:1s step-end infinite colon}@keyframes colon{50%{opacity:.12}}.route-content{z-index:4;pointer-events:none;outline:0;min-height:100vh;position:relative}.route-content a,.route-content button{pointer-events:auto}.global-footer{z-index:55;color:#f3f1ec7a;font:400 .52rem/1 var(--mono);letter-spacing:.16em;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:end;padding:.9rem 1.2rem;display:grid;position:fixed;bottom:0;left:0;right:0}.global-footer p{margin:0}.global-footer p:last-child{justify-self:end}.social-links{pointer-events:auto;gap:1.25rem;display:flex}.scan-mode{pointer-events:auto;align-items:center;gap:.6rem;display:flex}.scan-mode i{border:1px solid #f3f1ec66;width:2.2rem;height:.7rem;position:relative}.scan-mode i:after{content:"";background:var(--cyan);width:.45rem;height:calc(100% - 2px);transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:1px;left:1px}.scan-mode.is-active i:after{transform:translate(1.55rem)}.micro-label,.section-number{color:var(--cyan);font:400 .58rem/1.5 var(--mono);letter-spacing:.16em;margin:0}.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}.home-page{width:100%;height:100svh;position:relative}.about-name h1{font:400 clamp(4.5rem, 10.8vw, 12rem)/.78 var(--display);letter-spacing:-.035em;margin:0}.about-name h1 span{display:block}.about-year{text-align:right;margin:0;display:grid;position:absolute;bottom:1.3rem;right:1.1rem}.about-year strong{font:400 1.28rem/1 var(--mono)}.about-year span{color:#f3f1ec4d;font:400 .47rem/1.6 var(--mono)}.home-status{color:var(--cyan);font:400 .5rem/1 var(--mono);letter-spacing:.16em;gap:.35rem;margin:0;display:grid;position:absolute;bottom:5rem;left:1rem}.home-status span{color:#f3f1ec66}.home-scroll,.about-scroll{color:#f3f1ecb3;font:400 .52rem/1 var(--mono);justify-items:center;gap:.55rem;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.home-scroll i,.about-scroll i{background:linear-gradient(var(--cyan) 0 34%, #f3f1ec26 34% 100%);width:1px;height:3.5rem}.projects-page{pointer-events:auto;touch-action:none;background:linear-gradient(90deg,#0000 49.9%,#20cfff0d 50%,#0000 50.1%);width:100%;height:100svh;position:relative;overflow:hidden}.project-ticker{cursor:grab;position:absolute;inset:0 9.4rem 0 0;overflow:hidden}.project-ticker:active{cursor:grabbing}.project-title-list{will-change:transform;width:100%;margin:0;padding:0 0 0 1rem;list-style:none;position:absolute;top:0;left:0}.project-title-row{height:clamp(7rem,14.6667vh,9.5rem)}.project-title-row a{outline:none;align-items:center;height:100%;display:flex;position:relative}.project-title-row strong{color:#f3f1ec2e;max-width:calc(100vw - 11rem);font:400 clamp(5.4rem, 8.6vw, 10.5rem)/.82 var(--display);letter-spacing:-.035em;text-overflow:clip;white-space:nowrap;transform-origin:0;transition:color .2s,transform .4s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden}.project-number{color:#f3f1ec4d;font:400 .62rem/1 var(--mono);transition:color .2s;position:absolute;bottom:1.1rem;left:0}.project-title-row a:before{content:"";background:var(--accent);width:0;height:1.1rem;margin-right:0;transition:width .25s,margin .25s}.project-title-row:hover strong,.project-title-row.is-active strong,.project-title-row a:focus-visible strong{color:var(--paper);transform:translate(.18rem)scale(1.42)}.project-title-row:hover .project-number,.project-title-row.is-active .project-number{color:var(--accent)}.project-title-row:hover a:before,.project-title-row.is-active a:before,.project-title-row a:focus-visible:before{width:.5rem;margin-right:.65rem}.project-film{z-index:5;background:#050606;border-left:1px solid #f3f1ec29;width:9.4rem;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.project-film-track{will-change:transform}.film-cell{border-bottom:1px solid #f3f1ec33;height:clamp(7rem,14.6667vh,9.5rem);display:block;position:relative;overflow:hidden}.film-cell img{object-fit:cover;filter:grayscale()brightness(.5);width:100%;height:100%;transition:filter .35s,transform .65s cubic-bezier(.22,1,.36,1);transform:scale(1.01)}.film-cell span{font:400 .45rem/1 var(--mono);position:absolute;bottom:.4rem;right:.4rem}.film-cell.is-active img,.film-cell:hover img{filter:grayscale(0)brightness();transform:scale(1.2)}.projects-axis{color:#f3f1ec73;font:400 .48rem/1 var(--mono);align-items:center;gap:.6rem;display:flex;position:absolute;bottom:.8rem;right:10.4rem}.projects-axis i{background:var(--cyan);width:3rem;height:1px}.project-detail{pointer-events:auto;background:0 0}.detail-hero{background:linear-gradient(#0000 60%,#030405);min-height:100svh;position:relative;overflow:hidden}.detail-hero:after{content:"";background:var(--accent);height:1px;box-shadow:0 0 20px var(--accent);position:absolute;bottom:7vh;left:-5vw;right:-5vw;transform:rotate(-4deg)}.detail-hero h1{z-index:2;width:100%;color:var(--paper);font:400 clamp(8rem, 18vw, 22rem)/.78 var(--display);letter-spacing:-.045em;text-align:center;mix-blend-mode:screen;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.detail-meta{color:var(--muted);font:400 .58rem/1.3 var(--mono);gap:.4rem;margin:0;display:grid;position:absolute;top:14vh;left:1.4rem}.detail-index{color:var(--cyan);font:400 .58rem/1 var(--mono);margin:0;position:absolute;top:14vh;right:1.4rem}.detail-scroll{font:400 .48rem/1 var(--mono);justify-items:center;gap:.6rem;display:grid;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.detail-scroll i{background:linear-gradient(var(--cyan) 0 40%, #f3f1ec2b 40%);width:1px;height:4rem}.detail-primary{perspective:600px;width:100%;height:min(72svh,64rem);margin:0 auto;position:relative;overflow:hidden}.detail-primary img{object-fit:cover;width:100%;height:100%;transition:opacity .8s,filter .8s,transform 1.1s cubic-bezier(.22,1,.36,1)}.is-webgl-tiled>img{opacity:0;filter:contrast(1.08)brightness(.7)}.detail-title-ghost{z-index:1;color:#f3f1ec2e;width:100%;font:400 clamp(5rem, 14vw, 17rem)/.8 var(--display);letter-spacing:-.04em;text-align:center;mix-blend-mode:screen;pointer-events:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.detail-overview{grid-template-columns:.9fr 1.8fr;gap:3rem;width:min(90rem,100% - 3rem);margin:0 auto;padding:16rem 0;display:grid}.detail-overview-title h2{font:400 clamp(3rem, 4.5vw, 6rem)/.92 var(--display);letter-spacing:-.035em;margin:1.8rem 0 0}.detail-overview dl{grid-column:2;grid-template-columns:repeat(2,1fr);margin:0;display:grid}.detail-overview dl div{border-top:1px solid var(--line);gap:1rem;padding:1.1rem 0;display:grid}.detail-overview dt{color:var(--cyan);font:400 .52rem/1 var(--mono)}.detail-overview dd{margin:0;font-size:.72rem}.detail-gallery{gap:16vh;padding:0 1rem 20vh;display:grid}.detail-image{perspective:720px;width:82%;height:78svh;margin:0;position:relative;overflow:hidden}.detail-image:nth-child(2n){margin-left:auto}.detail-image img{object-fit:cover;will-change:transform;width:100%;height:110%;transition:opacity .8s,filter .8s}.next-project{border-top:1px solid var(--line);grid-template-columns:minmax(14rem,36vw) 1fr auto;align-items:center;gap:2rem;min-height:70svh;padding:5vw;display:grid;position:relative}.next-image{aspect-ratio:1.45;background:var(--next-image) center / cover;position:relative;overflow:hidden}.next-image:after{content:"";background:radial-gradient(circle at var(--trail-x,50%) var(--trail-y,50%), transparent 0 12%, #030405b3 34%), linear-gradient(90deg, #20cfff1f 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(#20cfff1f 1px, transparent 1px) 0 0 / 18px 18px;position:absolute;inset:0}.next-project p{gap:1rem;margin:0;display:grid}.next-project p span{color:var(--cyan);font-size:.54rem}.next-project p strong{font:400 clamp(3rem, 7vw, 8rem)/.9 var(--display);letter-spacing:-.035em}.next-progress{aspect-ratio:1;place-items:center;width:5.2rem;display:grid;position:relative}.next-progress svg{width:100%;position:absolute;inset:0;transform:rotate(-90deg)}.next-progress circle{fill:none;stroke:#f3f1ec29;stroke-width:1px}.next-progress circle:last-child{stroke:var(--cyan);stroke-dasharray:119.4;stroke-dashoffset:119.4px}.next-progress span{font:400 .55rem/1 var(--mono)}.about-page{pointer-events:none;overflow:clip}.about-page a,.about-page button{pointer-events:auto}.about-hero{height:100svh;position:sticky;top:0}.about-name{position:absolute;bottom:1.7rem;left:0}.about-name .micro-label{margin:0 0 1.7rem 1.2rem}.about-intro,.about-current,.about-awards,.about-contact{z-index:6;pointer-events:auto;min-height:100svh;padding:clamp(7rem,14vh,12rem) clamp(1rem,4vw,5rem);position:relative}.about-intro{background:linear-gradient(90deg,#20cfff0f 1px,#0000 1px) 0 0/80px 80px,linear-gradient(#20cfff0f 1px,#0000 1px) 0 0/80px 80px,#030405cc}.about-intro h2,.about-awards h2{font:400 clamp(4.8rem, 11vw, 13rem)/.86 var(--display);letter-spacing:-.04em;margin:4rem 0 8rem}.about-copy{grid-template-columns:1fr 1fr;gap:4rem;width:min(74rem,100%);margin-left:auto;display:grid}.about-copy p{margin:0;font-size:clamp(1rem,1.7vw,1.6rem);line-height:1.7}.pixel-runners{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pixel-runners i{top:calc(20% + var(--n,0) * 17%);opacity:.26;background:radial-gradient(circle, var(--cyan) 0 25%, transparent 28%) 0 0 / 8px 8px;clip-path:polygon(0 30%,16% 0,35% 24%,52% 4%,66% 28%,100% 40%,86% 74%,46% 100%,12% 78%);width:10rem;height:5rem;animation:14s linear infinite runner-loop;position:absolute;left:-14rem}.pixel-runners i:nth-child(2){--n:1;animation-duration:18s;animation-delay:-7s}.pixel-runners i:nth-child(3){--n:2;animation-duration:12s;animation-delay:-3s}.pixel-runners i:nth-child(4){--n:3;animation-duration:21s;animation-delay:-14s}@keyframes runner-loop{to{transform:translate(calc(100vw + 20rem))}}.about-current{background:#030405f0;min-height:75svh}.current-grid{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:5rem;display:grid}.current-grid article{background:var(--ink);gap:8rem;min-height:20rem;padding:1.2rem;display:grid}.current-grid span{color:var(--cyan);font-size:.52rem}.current-grid strong{font:400 clamp(1.5rem, 3vw, 3.5rem)/1 var(--display);align-self:end}.about-awards{background:#030405db;min-height:110svh}.award-list{border-top:1px solid var(--line)}.award-list a{border-bottom:1px solid var(--line);grid-template-columns:6rem 1fr auto;align-items:center;gap:1rem;padding:1.4rem .7rem;transition:padding .25s,color .2s,background .2s;display:grid}.award-list a:hover,.award-list a:focus-visible{color:var(--cyan);background:#20cfff0d;padding-inline:1.4rem}.award-list span,.award-list i{color:var(--muted);font:400 .58rem/1 var(--mono)}.award-list i{font-style:normal}.about-contact{background:var(--paper);min-height:100svh;color:var(--ink);overflow:hidden}.about-contact .section-number{color:#057c9b}.email-copy{width:max-content;color:var(--ink);font:400 clamp(5rem, 12vw, 14rem)/.9 var(--display);white-space:nowrap;margin-top:13vh;animation:60s linear infinite marquee;display:flex}.email-copy--reverse{color:#03040533;margin-top:1rem;animation:80s linear infinite marquee-reverse}.email-copy span{display:block}@keyframes marquee{to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.contact-bottom{justify-content:flex-end;gap:2rem;font-size:.6rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.contact-bottom span{margin-right:auto}.playground-page{z-index:8;pointer-events:none;width:100%;height:100svh;position:relative}.playground-intro{position:absolute;bottom:1.2rem;left:1.2rem}.playground-intro h1{font:700 .82rem/1 var(--mono);letter-spacing:.24em;margin:0 0 .45rem}.playground-intro>p:last-child{color:var(--muted);margin:0;font-size:.52rem}.playground-stats{color:var(--paper);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0304058c;gap:.35rem;margin:0;padding:.7rem .8rem;display:grid;position:absolute;bottom:1.2rem;right:1.2rem}.playground-stats div{text-align:right;grid-template-columns:5.2rem 3.8rem;justify-content:end;gap:.7rem;display:grid}.playground-stats dt{color:var(--cyan);font-size:.45rem}.playground-stats dd{margin:0;font-size:.66rem}.playground-help{color:#f3f1ec8c;margin:0;font-size:.48rem;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}.playground-lightbox{z-index:48;pointer-events:none;background:#0000008c;transition:opacity .55s;position:fixed;inset:0}.playground-lightbox[aria-hidden=true]{opacity:0}.playground-lightbox[aria-hidden=false]{opacity:1;pointer-events:auto}.playground-lightbox button{letter-spacing:.08em;border:1px solid #f3f1ec59;min-width:4.8rem;height:2.4rem;padding:0 .8rem;font-size:.52rem;position:absolute;top:4rem;right:2rem}@media (width<=760px){body[data-route=projects] .side-signal,body[data-route=projects] .global-footer{display:none}body,a,button{cursor:auto}.site-header{grid-template-columns:1fr auto;padding:.9rem 1rem}.nav-group,.brand-mark{display:none}.menu-trigger{grid-column:2;display:block}.site-header:before{content:"HM";font:700 .74rem/1 var(--mono);letter-spacing:-.08em;grid-area:1/1}.side-signal{display:none}.global-footer{grid-template-columns:1fr auto;padding:.7rem 1rem}.global-footer>p{display:none}.scan-mode{grid-column:2}.about-name h1{font-size:clamp(4rem,24vw,7rem)}.about-year{bottom:4.7rem}.home-scroll,.about-scroll{bottom:0}.project-ticker{right:5rem}.project-title-list{padding-left:.6rem}.project-title-row{height:54px}.project-title-row strong{max-width:calc(100vw - 6rem);font-size:clamp(3.2rem,16vw,5.5rem)}.project-film{width:5rem}.film-cell{height:54px}.projects-axis{right:5.6rem}.detail-hero h1{word-break:break-word;font-size:clamp(4rem,19vw,7rem)}.detail-primary{height:62svh}.detail-overview{grid-template-columns:1fr;padding:8rem 0}.detail-overview h2,.detail-overview dl{grid-column:1}.detail-overview dl{grid-template-columns:1fr}.detail-image{width:100%;height:56svh}.next-project{grid-template-columns:1fr;padding:6rem 1rem}.next-progress{justify-self:end}.about-name{bottom:4.5rem}.about-name .micro-label{margin-left:1rem}.about-copy{grid-template-columns:1fr}.about-intro h2,.about-awards h2{margin-block:3rem 5rem;font-size:clamp(4rem,18vw,7rem)}.current-grid{grid-template-columns:1fr}.current-grid article{min-height:13rem}.award-list a{grid-template-columns:3.5rem 1fr auto}.email-copy{font-size:5rem}.playground-intro{bottom:1rem;left:.8rem}.playground-stats{gap:.3rem;bottom:3.8rem;right:.8rem}.playground-help{display:none}.playground-lightbox button{top:3.3rem;right:.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.scanline-overlay:after{display:none}}