@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.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;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.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;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.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{--salt:#e9eff0;--ink:#0f2a3d;--tide:#4b6878;--sambal:#d9301f;--on-sambal:#fff;--rule:color-mix(in srgb, var(--ink) 20%, transparent);--font:"Bricolage Grotesque Variable", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--salt:#0b1b29;--ink:#e4edef;--tide:#93abb8;--sambal:#ff5a47;--on-sambal:#0b1b29}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--salt);color:var(--ink);font-family:var(--font);font-optical-sizing:auto;margin:0;font-size:1.0625rem;line-height:1.6}a{color:inherit;text-decoration-color:var(--sambal);text-underline-offset:.2em;text-decoration-thickness:2px}a:hover{text-decoration-thickness:3px}:focus-visible{outline:3px solid var(--sambal);outline-offset:3px;border-radius:2px}h1,h2,h3,p,ul{margin:0}.wrap{width:min(100% - 2rem,72rem);margin-inline:auto}.skip{background:var(--ink);color:var(--salt);padding:.5rem .75rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.site-header{justify-content:space-between;align-items:baseline;gap:1rem;padding-block:1.25rem;display:flex}.brand{letter-spacing:-.01em;font-size:1.25rem;font-weight:700;text-decoration:none}.site-header nav{gap:1.5rem;display:flex}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-decoration-color:var(--sambal);text-decoration-thickness:2px}.hero{align-items:center;gap:2rem;padding-block:clamp(1.5rem,5vw,4rem) clamp(3rem,8vw,6rem);display:grid}@media (width>=56rem){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3rem}}.hero h1{letter-spacing:-.025em;text-wrap:balance;max-width:16ch;font-size:clamp(2.5rem,1.6rem + 3.6vw,4.75rem);font-weight:700;line-height:1.02}.lede{max-width:36rem;margin-top:1.5rem;font-size:1.1875rem}.actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:2rem;display:flex}.btn{background:var(--sambal);color:var(--on-sambal);border-radius:.5rem;padding:.8rem 1.3rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.08)}.hero-globe{justify-items:center;gap:.75rem;margin:0;display:grid}.hero-globe figcaption{max-width:28rem;color:var(--tide);font-size:.9375rem;line-height:1.5}.globe-stage{aspect-ratio:1;width:min(100%,34rem);position:relative}.globe-stage>.static-globe,.globe-stage>.globe-canvas{width:100%;height:100%;position:absolute;inset:0}.static-globe{transition:opacity .4s}.static-globe.is-hidden{opacity:0}.sg-line{stroke:var(--tide);opacity:.55}.sg-outline{stroke:var(--ink)}.sg-eq{stroke:var(--sambal)}.toggle{color:var(--tide);font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:.2em;background:0 0;border:0;padding:.25rem 0;font-size:.9rem}.toggle:hover{color:var(--ink)}.section{border-top:2px solid var(--ink);padding-block:clamp(2.5rem,6vw,4.5rem)}.section h2{letter-spacing:-.02em;text-wrap:balance;max-width:24ch;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.75rem);font-weight:700;line-height:1.1}.work{margin-top:2rem;padding:0;list-style:none}.work>li{border-top:1px solid var(--rule);gap:.5rem 2.5rem;padding-block:1.75rem;display:grid}@media (width>=48rem){.work>li{grid-template-columns:15rem minmax(0,1fr)}}.work .when{font-weight:600}.work .where{color:var(--tide);font-size:.9375rem}.work h3{letter-spacing:-.01em;max-width:28ch;font-size:1.4rem;font-weight:650;line-height:1.2}.work .body>p{max-width:62ch;margin-top:.75rem}.work .body>h3+p{margin-top:.75rem}.work .stack{color:var(--tide);font-size:.9375rem}.work .item-links{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.contact>p{max-width:52ch;margin-top:1rem}.contact .mail{letter-spacing:-.02em;overflow-wrap:anywhere;max-width:none;margin-top:1.5rem;font-size:clamp(1.5rem,1rem + 2.6vw,2.75rem);font-weight:700}.contact .actions{margin-top:1.5rem}.not-found{padding-block:clamp(3rem,10vw,8rem)}.not-found h1{letter-spacing:-.025em;text-wrap:balance;max-width:16ch;font-size:clamp(2.5rem,1.6rem + 3.6vw,4.75rem);font-weight:700;line-height:1.02}.site-footer{color:var(--tide);padding-block:2rem 3rem;font-size:.9375rem}
