@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: oklch(1 0 0);--surface: oklch(.96 .003 205);--surface-2: oklch(.925 .005 205);--ink: oklch(.17 0 0);--muted: oklch(.44 .008 205);--line: oklch(.88 .004 205);--primary: oklch(.52 .1 205);--primary-strong: oklch(.42 .09 207);--accent: oklch(.62 .16 35);--on-fill: oklch(.99 0 0);--media-ground: oklch(.14 .004 205);--font: "Archivo Variable", system-ui, -apple-system, sans-serif;--w-display: 118%;--w-body: 100%;--w-meta: 80%;--text-xs: clamp(.72rem, .68rem + .2vw, .8rem);--text-sm: clamp(.84rem, .8rem + .2vw, .94rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--text-xl: clamp(1.5rem, 1.32rem + .9vw, 1.9rem);--text-2xl: clamp(1.9rem, 1.6rem + 1.5vw, 2.55rem);--text-3xl: clamp(2.4rem, 1.9rem + 2.5vw, 3.4rem);--text-display: clamp(2.9rem, 1.4rem + 7.5vw, 6rem);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-s: 1rem;--space-m: clamp(1.5rem, 1.3rem + 1vw, 2rem);--space-l: clamp(2.25rem, 1.8rem + 2vw, 3.5rem);--space-xl: clamp(3.5rem, 2.6rem + 4vw, 6rem);--space-2xl: clamp(5rem, 3.5rem + 7vw, 9.5rem);--container: 1400px;--gutter: clamp(1.25rem, 4vw, 3.5rem);--measure: 68ch;--radius-s: 4px;--radius-m: 10px;--radius-l: 18px;--z-nav: 100;--z-menu: 200;--z-lightbox-backdrop: 300;--z-lightbox: 310;--z-toast: 400;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--dur-micro: .18s;--dur-reveal: .6s;--dur-room: .75s;color-scheme:light;accent-color:var(--primary)}[data-room=dark]{--bg: oklch(.12 0 0);--surface: oklch(.17 .004 205);--surface-2: oklch(.21 .005 205);--ink: oklch(.96 0 0);--muted: oklch(.76 .006 205);--line: oklch(.28 .005 205);--primary: oklch(.78 .11 200);--primary-strong: oklch(.85 .1 198);--accent: oklch(.72 .15 35);--on-fill: oklch(.13 0 0);--media-ground: oklch(.17 .004 205);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--text-base);font-stretch:var(--w-body);line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,h4{font-stretch:var(--w-display);font-weight:800;line-height:1.02;letter-spacing:-.025em;text-wrap:balance}p{text-wrap:pretty}img,video,svg{display:block;max-width:100%;height:auto}a{color:inherit}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:2px}::selection{background:var(--primary);color:var(--on-fill)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.prose{max-width:var(--measure)}.prose p+p{margin-top:1em}.meta{font-stretch:var(--w-meta);font-weight:550;font-size:var(--text-sm);color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-room]{background:var(--bg);color:var(--ink)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skip-link{position:fixed;top:-100%;left:var(--gutter);z-index:calc(var(--z-nav) + 1);padding:.6em 1em;background:var(--ink);color:var(--bg);text-decoration:none;border-radius:0 0 var(--radius-s) var(--radius-s);transition:top var(--dur-micro) var(--ease-out)}.skip-link:focus-visible{top:0}.site-header{position:sticky;top:0;z-index:var(--z-nav);background:color-mix(in oklch,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.site-header-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);height:64px}.wordmark{font-stretch:var(--w-display);font-weight:850;font-size:1.35rem;letter-spacing:-.02em;text-decoration:none}.wordmark-dot{color:var(--primary)}.site-nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.25rem)}.site-nav-link{position:relative;text-decoration:none;font-stretch:var(--w-meta);font-weight:600;font-size:var(--text-sm);color:var(--ink)}.site-nav-link[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--primary)}.roll{display:inline-block;overflow:hidden;height:1.25em;line-height:1.25}.roll-track{display:flex;flex-direction:column;transition:transform .32s var(--ease-out)}.site-nav-link:hover .roll-track,.site-nav-link:focus-visible .roll-track{transform:translateY(-50%)}.roll-track>span:last-child{color:var(--primary)}.site-nav-cta{padding:.5em 1.1em;border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;font-stretch:var(--w-meta);font-weight:600;font-size:var(--text-sm);transition:background var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.site-nav-cta:hover{background:var(--primary-strong);color:var(--on-fill);transform:translateY(-1px)}[data-room=dark] .site-nav-cta:hover{color:#070707}.menu-toggle{display:none;font-stretch:var(--w-meta);font-weight:600;font-size:var(--text-sm);padding:.4em .9em;border:1px solid var(--line);border-radius:999px}.mobile-menu{display:none;position:fixed;inset:64px 0 0;z-index:var(--z-menu);padding:var(--space-l) var(--gutter);opacity:0;pointer-events:none;transition:opacity .28s var(--ease-out)}.mobile-menu[data-open=true]{opacity:1;pointer-events:auto}.mobile-menu nav{display:flex;flex-direction:column;gap:var(--space-s)}.mobile-menu-link{font-stretch:var(--w-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-.02em;text-decoration:none;opacity:0;transform:translateY(14px);transition:opacity .38s var(--ease-out),transform .38s var(--ease-out)}.mobile-menu[data-open=true] .mobile-menu-link{opacity:1;transform:none}.mobile-menu-mail{margin-top:var(--space-l);font-stretch:var(--w-body);font-weight:500;font-size:var(--text-base);color:var(--primary)}@media(max-width:720px){.site-nav{display:none}.menu-toggle,.mobile-menu{display:block}}.btn-fill,.btn-ghost{display:inline-block;padding:.85em 1.6em;border-radius:999px;text-decoration:none;font-stretch:var(--w-meta);font-weight:650;font-size:var(--text-base);transition:transform var(--dur-micro) var(--ease-out),background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.btn-fill{background:var(--primary);color:var(--on-fill)}[data-room=dark] .btn-fill{color:#070707}.btn-fill:hover{transform:translateY(-2px);background:var(--primary-strong)}.btn-ghost{border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary)}.closing{padding:var(--space-2xl) 0 var(--space-m)}.closing-inner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-m);padding-bottom:var(--space-xl)}.closing-kicker{color:var(--primary)}.closing-heading{font-size:var(--text-display);max-width:14ch}.closing-sub{color:var(--muted);font-size:var(--text-lg);max-width:44ch}.closing-actions{display:flex;flex-wrap:wrap;gap:var(--space-s);margin-top:var(--space-2xs)}.closing-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-s);padding-top:var(--space-m);border-top:1px solid var(--line)}.closing-base-link{color:inherit;text-decoration:none}.closing-base-link:hover{color:var(--primary)}.project-card{display:flex;flex-direction:column;gap:var(--space-xs);text-decoration:none;height:100%}.project-card-media{position:relative;display:block;overflow:hidden;border-radius:var(--radius-m);background:var(--media-ground);aspect-ratio:16 / 11;flex:1}.project-card-large .project-card-media{aspect-ratio:16 / 9}.project-card-media img,.project-card-media video{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}.project-card:hover .project-card-media img{transform:scale(1.035)}.project-card-video{position:absolute;inset:0;opacity:0;transition:opacity .3s var(--ease-out)}.project-card:hover .project-card-video,.project-card:focus-visible .project-card-video{opacity:1}.project-card-text{display:flex;flex-direction:column;gap:.2rem}.project-card-title{font-stretch:var(--w-display);font-weight:750;font-size:var(--text-lg);letter-spacing:-.015em}.project-card:hover .project-card-title{color:var(--primary-strong)}.project-card-tagline{color:var(--muted);font-size:var(--text-sm);max-width:52ch}.reel-teaser{position:relative;display:block;height:100%;min-height:320px;border-radius:var(--radius-m);overflow:hidden;background:var(--media-ground);text-decoration:none}.reel-teaser video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel-teaser-label{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-direction:column;gap:.15rem;padding:var(--space-m) var(--space-s) var(--space-s);background:linear-gradient(to top,oklch(.1 0 0 / .85),transparent);color:#f5f5f5}.reel-teaser-label strong{font-stretch:var(--w-display);font-weight:750;font-size:var(--text-lg)}.reel-teaser-label span{font-stretch:var(--w-meta);font-size:var(--text-sm);color:#b6c8c9}