@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/archivo-vietnamese-wght-normal.XAtsl5Q_.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/archivo-latin-ext-wght-normal.C4zznr8T.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/archivo-latin-wght-normal.E0tuGl4L.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#0c0c0d;--ink-2:#17181a;--rule:#2a2c2f;--paper:#f1eee8;--paper-2:#b9b6af;--paper-3:#7e7c77;--glow:#b07db0;--glow-soft:#5a3f5c;--font:"Archivo Variable", "Helvetica Neue", Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}body{flex-direction:column;min-height:100svh;margin:0;font-size:16px;line-height:1.5;display:flex}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--glow);outline-offset:3px}img{max-width:100%;height:auto;display:block}main{flex:1}.site-header{justify-content:space-between;align-items:baseline;gap:24px;padding:22px clamp(18px,3vw,40px);display:flex}.wordmark{letter-spacing:.08em;font-variation-settings:"wdth" 125;font-size:15px;font-weight:800}.nav{color:var(--paper-2);gap:22px;font-size:14px;display:flex}.nav a[aria-current=page],.nav a:hover{color:var(--paper)}.site-footer{border-top:1px solid var(--rule);color:var(--paper-3);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding:40px clamp(18px,3vw,40px) 28px;font-size:13px;display:flex}.site-footer a:hover{color:var(--paper)}.grid{columns:3 320px;column-gap:6px;padding:0 6px 6px}.tile{break-inside:avoid;background:var(--ink-2);margin:0 0 6px;display:block;position:relative;overflow:hidden}.tile img{width:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .4s}.tile:hover img{transform:scale(1.025)}.tile .label{letter-spacing:.02em;opacity:0;background:linear-gradient(#0c0c0d00,#0c0c0dd9);padding:40px 16px 14px;font-size:14px;font-weight:600;transition:opacity .3s;position:absolute;inset:auto 0 0}.tile:hover .label,.tile:focus-visible .label{opacity:1}@media (hover:none){.tile .label{opacity:1;padding-top:28px}}.project{max-width:1400px;margin:0 auto;padding:8px clamp(18px,3vw,40px) 60px}.project-head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:24px 48px;padding:24px 0 28px;display:grid}.project h1{letter-spacing:-.01em;font-variation-settings:"wdth" 112;text-wrap:balance;margin:0;font-size:clamp(2rem,4.5vw,4rem);font-weight:800;line-height:.98}.project .desc{color:var(--paper-2);max-width:58ch;font-size:16px}.project .desc p{margin:0 0 12px}.stack{gap:8px;display:grid}.stack figure{background:var(--ink-2);margin:0}.stack figcaption{color:var(--paper-3);padding:8px 2px 0;font-size:13px}.pager{border-top:1px solid var(--rule);color:var(--paper-2);justify-content:space-between;gap:24px;margin-top:48px;padding-top:20px;font-size:14px;display:flex}.pager span{letter-spacing:.12em;text-transform:uppercase;color:var(--paper-3);margin-bottom:4px;font-size:11px;display:block}.pager a:hover{color:var(--paper)}@media (width<=720px){.project-head{grid-template-columns:1fr;align-items:start}}.page{max-width:1100px;margin:0 auto;padding:24px clamp(18px,3vw,40px) 80px}.page h1{font-variation-settings:"wdth" 112;margin:0 0 28px;font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1}.about{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:40px;display:grid}.about img{width:100%}.prose{max-width:60ch;color:var(--paper);font-size:17px;line-height:1.6}.prose p{margin:0 0 18px}.prose strong{font-weight:700}@media (width<=720px){.about{grid-template-columns:1fr}}.contact-list{gap:14px;margin:0;padding:0;font-size:20px;list-style:none;display:grid}.contact-list span{letter-spacing:.12em;text-transform:uppercase;color:var(--paper-3);font-size:11px;display:block}.contact-list a:hover{color:var(--glow)}.classes{border-left:3px solid var(--glow);background:var(--ink-2);max-width:60ch;margin-top:56px;padding:22px 24px}.classes p{color:var(--paper-2);margin:0 0 8px}.classes a{color:var(--glow);font-weight:600}@media (prefers-reduced-motion:reduce){.tile img,.tile .label{transition:none}.tile:hover img{transform:none}}