@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-vietnamese-standard-normal.Br4FGdAc.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-latin-ext-standard-normal.qp-RdZgh.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/_astro/bricolage-grotesque-latin-standard-normal.C5Lc8Qmc.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{--green:#0f4d3a;--rule:#0a3326;--yellow:#ffd84d;--paper:#f7f1e1;--paper-2:#cfe0d6;--coral:#ff7a59;--font:"Bricolage Grotesque Variable", "Helvetica Neue", Arial, sans-serif;--gutter:clamp(1rem, 5vw, 6rem);--wrap:90rem;color-scheme:dark;accent-color:var(--yellow);scrollbar-color:var(--paper-2) var(--green)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--green)}body{background:var(--green);color:var(--paper);font-family:var(--font);font-optical-sizing:auto;caret-color:var(--yellow);-webkit-font-smoothing:antialiased;margin:0;font-size:1.125rem;line-height:1.5}::selection{background:var(--yellow);color:var(--green)}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}a{color:var(--yellow);text-underline-offset:.22em;text-decoration-thickness:2px}a:hover{text-decoration-color:var(--coral)}.skip{background:var(--yellow);color:var(--green);z-index:10;padding:.5rem 1rem;font-weight:700;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.wrap{max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.elsewhere{flex-wrap:wrap;justify-content:flex-end;gap:.25rem 1.75rem;margin:0;padding:2rem 0 0;font-size:1.125rem;font-weight:650;list-style:none;display:flex}.elsewhere a{text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:3px;transition:text-decoration-color .16s ease-out}.elsewhere a:hover,.elsewhere a:focus-visible{text-decoration-color:var(--coral)}.hero{padding:clamp(3rem,9vw,7rem) 0 clamp(3rem,7vw,5.5rem)}.hero h1{color:var(--yellow);letter-spacing:-.02em;margin:0 0 0 -.04em;font-size:clamp(5rem,26vw,17rem);font-weight:800;font-stretch:88%;line-height:.82}.hero p{text-wrap:pretty;max-width:30ch;margin:clamp(1.25rem,3vw,2.25rem) 0 0;font-size:clamp(1.4rem,2.4vw,2.1rem);font-weight:450;line-height:1.3}.made h2{color:var(--coral);letter-spacing:-.015em;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;margin:0 0 1rem;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:750;line-height:1.3;display:flex}.made h2 small{color:var(--paper-2);letter-spacing:0;font-size:1rem;font-weight:450}.projects{border-bottom:2px solid var(--rule);margin:0;padding:0;list-style:none}.projects li{border-top:2px solid var(--rule)}.row{isolation:isolate;color:var(--paper);--flood:.2s cubic-bezier(.16, 1, .3, 1);grid-template-columns:minmax(10rem,15rem) minmax(0,1fr) 7rem 6.5rem;align-items:baseline;gap:.25rem 2rem;margin:0 -.75rem;padding:1.1rem .75rem;text-decoration:none;display:grid;position:relative}.row,.row .name,.row .desc,.row .meta{transition:color var(--flood)}.row:before{content:"";z-index:-1;background:var(--yellow);clip-path:inset(0 100% 0 0);transition:clip-path var(--flood);position:absolute;inset:0}.row:hover:before,.row:focus-visible:before{clip-path:inset(0)}.row:focus-visible{outline:none}.row:hover,.row:focus-visible,.row:hover .name,.row:focus-visible .name,.row:hover .meta,.row:focus-visible .meta{color:var(--green)}.name{color:var(--yellow);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.5rem;font-weight:750;font-stretch:88%;line-height:1.3}.desc{text-wrap:pretty;max-width:62ch}.meta{color:var(--paper-2);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-size:1rem}.meta.tag{font-weight:650}.close{padding:clamp(4rem,9vw,7rem) 0 3rem}.close p{letter-spacing:-.02em;max-width:24ch;margin:0;font-size:clamp(1.75rem,3.6vw,3rem);font-weight:700;font-stretch:85%;line-height:1.3}.foot{border-top:2px solid var(--rule);color:var(--paper-2);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:clamp(3rem,6vw,5rem);padding:1.25rem 0 2rem;font-size:.95rem;display:flex}.foot p{margin:0}@media (width<=820px){.row{grid-template-columns:1fr auto;gap:.35rem 1rem}.name{grid-area:1/1}.meta.tag{grid-area:1/2}.desc{grid-area:2/1/auto/-1}.meta.tag:after{content:" · " attr(data-when);font-weight:450}.meta.when{display:none}}@media (width<=560px){.elsewhere{justify-content:flex-start;gap:.35rem 1.25rem;padding-top:1.25rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important}}