@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-standard-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(/_astro/archivo-latin-ext-standard-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(/_astro/archivo-latin-standard-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}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-vietnamese-wght-normal.CtlIRbEm.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-latin-ext-wght-normal.MQgHevqp.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:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/public-sans-latin-wght-normal.DdeTHZLK.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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2) format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff) format("woff")}:root{--ink-900: #07090c;--ink-800: #0b0e13;--line: rgb(160 174 192 / .14);--line-strong: rgb(160 174 192 / .28);--text-hi: #f2f4f7;--text: #c3c9d4;--text-lo: #8a93a3;--heat: #ffaa2b;--heat-hi: #ffd16a;--font-display: "Archivo Variable", Archivo, "Segoe UI", system-ui, sans-serif;--font-body: "Public Sans Variable", "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-micro: .6875rem;--fs-small: .8125rem;--fs-lead: clamp(1.0625rem, .6vw + .9rem, 1.1875rem);--fs-h3: clamp(1.375rem, 1.2vw + 1rem, 1.75rem);--fs-h2: clamp(2rem, 3.4vw, 3.25rem);--fs-h1: clamp(2.75rem, 6vw, 5rem);--section: clamp(4rem, 8vw, 7rem);color-scheme:dark}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{min-width:20rem;background:var(--ink-900);color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video,iframe{display:block;max-width:100%}section[id]{scroll-margin-top:5rem}:focus-visible{outline:2px solid var(--heat-hi);outline-offset:4px}h1,h2,h3{color:var(--text-hi);font-family:var(--font-display);font-stretch:112%;letter-spacing:-.03em;line-height:1;text-wrap:balance}h1{font-size:var(--fs-h1);font-weight:800}h2{font-size:var(--fs-h2);font-weight:700}h3{font-size:var(--fs-h3);font-weight:700}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.7rem 1rem;transform:translateY(-160%);background:var(--text-hi);color:var(--ink-900);font-weight:700}.skip-link:focus{transform:translateY(0)}.shell{width:min(calc(100% - 2rem),72rem);margin-inline:auto}.eyebrow,.brand,.site-header nav,.action,.project-entry,.hero-media figcaption,.case-back,.case-facts dt,.site-footer{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.13em;text-transform:uppercase}.eyebrow{margin-bottom:.9rem;color:var(--text-lo)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.25rem;border-bottom:1px solid var(--line)}.brand{color:var(--text-hi);font-family:var(--font-display);font-size:var(--fs-small);font-weight:800;letter-spacing:.18em}.site-header nav{display:flex;gap:2rem}.site-header nav a:hover,.case-back:hover,.site-footer a:hover{color:var(--heat)}.action{display:inline-flex;min-height:3rem;align-items:center;gap:.9rem;padding:.75rem 1.2rem;border:1px solid var(--line-strong);color:var(--text-hi);font-weight:500;transition:border-color .18s ease,color .18s ease,background .18s ease}.action:hover{border-color:var(--heat);color:var(--heat)}.action.primary{border-color:var(--heat);background:var(--heat);color:var(--ink-900)}.action.primary:hover{border-color:var(--heat-hi);background:var(--heat-hi);color:var(--ink-900)}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding-block:var(--section)}.hero-lede{max-width:36rem;margin-top:1.75rem;font-size:var(--fs-lead)}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.25rem}.hero-media video{width:100%;height:auto;border:1px solid var(--line-strong)}.hero-media figcaption{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;justify-content:space-between;padding-top:.75rem;color:var(--text-lo)}.hero-media figcaption span:first-child{color:var(--text-hi)}.work-section,.contact-section{padding-block:var(--section);border-top:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1.5rem;margin-top:2.5rem}.project-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--ink-800);transition:border-color .18s ease}.project-card:hover,.project-card:focus-visible{border-color:var(--heat)}.project-card-media{aspect-ratio:16 / 9;background:var(--ink-900)}.project-card-media video,.project-card-media img{width:100%;height:100%;object-fit:cover}.project-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1.5rem}.project-card-copy>p:not(.eyebrow){margin-top:.75rem}.project-entry{margin-top:auto;padding-top:1.5rem;color:var(--text-hi);font-weight:500}.project-card:hover .project-entry{color:var(--heat)}.contact-section>p:not(.eyebrow){max-width:36rem;margin-block:1.25rem 2rem;font-size:var(--fs-lead)}.site-footer{display:flex;flex-wrap:wrap;gap:.75rem 2rem;justify-content:space-between;padding-block:2rem;border-top:1px solid var(--line);color:var(--text-lo);text-transform:none}.case{max-width:56rem;margin-inline:auto;padding-block:3rem var(--section)}.case-back{display:inline-block;margin-bottom:3rem;color:var(--text-lo)}.case-tagline{max-width:40rem;margin-top:1.5rem;font-size:var(--fs-lead)}.case-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.25rem 2rem;margin-block:2.5rem;padding-block:1.25rem;border-block:1px solid var(--line)}.case-facts dt{margin-bottom:.25rem;color:var(--text-lo)}.case-facts dd{color:var(--text-hi);font-size:var(--fs-small)}.showcase{display:grid;gap:3.5rem;margin-block:3rem}.showcase video,.case-media video,.case-media img,.case-media iframe{width:100%;aspect-ratio:16 / 9;border:1px solid var(--line);background:var(--ink-900);object-fit:contain}.case-media{margin-block:3rem}.showcase h2{margin-block:1.25rem .5rem;font-size:var(--fs-h3)}.prose{max-width:44rem;margin-block:3rem}.prose h2{margin-block:2.5rem .8rem;font-size:var(--fs-h3)}.prose h2:first-child{margin-top:0}.prose p,.prose ul,.prose ol{margin-bottom:1rem;line-height:1.75}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.5rem}.prose strong{color:var(--text-hi);font-weight:700}.prose a{color:var(--heat);text-decoration:underline;text-underline-offset:.2em}@media(max-width:56rem){.hero{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}
