@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-full-normal.7BpKI3vF.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-full-normal.YHFkNujK.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-full-normal.CFFu7zhK.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-full-italic.BHALq22K.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-full-italic.B8-t4Nou.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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-full-italic.D2JnYqd-.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-wght-normal.BOFOeGcA.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-wght-normal.Xz1IZZA0.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{--paper: #F7F3EE;--paper-2: #EFE9E1;--paper-3: #E6DED3;--white: #FFFDFB;--ink: #1E1A22;--ink-2: #2A2432;--ink-soft: #4B4553;--ink-mute: #655D6E;--plum: #846699;--plum-deep: #5F4A73;--plum-tint: #EAE2F0;--plum-tint-2: #D9CCE4;--teal: #008080;--teal-deep: #05605F;--teal-tint: #D6ECEA;--blush: #F5DEE3;--blush-deep: #8C4459;--stone: #7D7F7C;--stone-deep: #5C5E5B;--line: rgba(30, 26, 34, .12);--line-strong: rgba(30, 26, 34, .22);--font-display: "Fraunces Variable", "Iowan Old Style", "Palatino", Georgia, serif;--font-body: "DM Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 20px;--radius-sm: 14px;--container: 1200px;--gutter: clamp(16px, 4vw, 48px);--step--1: clamp(.8rem, .77rem + .18vw, .9rem);--step-0: clamp(1rem, .96rem + .22vw, 1.125rem);--step-1: clamp(1.18rem, 1.08rem + .5vw, 1.45rem);--step-2: clamp(1.6rem, 1.3rem + 1.3vw, 2.4rem);--step-3: clamp(2.2rem, 1.5rem + 3vw, 4.2rem);--step-4: clamp(2.9rem, 1.5rem + 6.2vw, 7rem);--step-5: clamp(2.8rem, 1.2rem + 7.2vw, 8rem);--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.no-scroll{overflow:hidden}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:inherit;line-height:1.05;text-wrap:balance}p,ul{margin:0}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}::selection{background:var(--plum-tint-2);color:var(--ink)}.container{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}.display{font-family:var(--font-display);font-weight:380;letter-spacing:-.018em;font-variation-settings:"opsz" 144,"SOFT" 40,"WONK" 0}.display em{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;color:var(--plum)}.eyebrow{display:inline-flex;align-items:center;gap:.6em;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--stone)}.eyebrow .num{font-family:var(--font-display);font-style:italic;font-weight:400;letter-spacing:0;text-transform:none;font-size:1.3em;color:var(--plum);font-variation-settings:"opsz" 24,"SOFT" 80,"WONK" 1}.eyebrow .sep{color:var(--plum)}.lede{font-size:var(--step-1);line-height:1.5;color:var(--ink-soft);max-width:60ch;text-wrap:pretty}.btn{display:inline-flex;align-items:center;gap:.6em;padding:.95em 1.5em;border-radius:999px;font-weight:600;font-size:var(--step-0);line-height:1;text-decoration:none;border:1.5px solid transparent;white-space:nowrap;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s}.btn:hover{transform:translateY(-2px)}.btn svg{width:1em;height:1em}.btn--primary{background:var(--teal);color:#fff}.btn--primary:hover{background:var(--teal-deep)}.btn--ghost{border-color:var(--plum-tint-2);color:var(--plum-deep)}.btn--ghost:hover{border-color:var(--plum)}.btn--light{background:var(--paper);color:var(--ink)}.btn--light:hover{background:#fff}.btn--outline-light{border-color:#ffffff59;color:#fff}.btn--outline-light:hover{border-color:#fff}.js [data-reveal]{opacity:0;transform:translateY(18px)}.js [data-reveal].in{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}@media(prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none;transition:none}}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 84%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}.site-header.scrolled{border-bottom-color:var(--line)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}.brand{color:var(--plum-deep);font-family:var(--font-display);font-size:1.3rem;text-decoration:none;letter-spacing:-.01em;font-variation-settings:"opsz" 36,"SOFT" 60,"WONK" 0;display:inline-flex;align-items:center;gap:.55rem}.brand .brand-mark{height:30px;width:auto;transition:transform .4s var(--ease)}.brand:hover .brand-mark{transform:rotate(-6deg)}.nav{display:flex;gap:clamp(.9rem,2.4vw,2rem);font-size:var(--step--1);font-weight:600;letter-spacing:.02em}.nav a{text-decoration:none;padding:.4em 0;position:relative;color:var(--teal)}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--plum);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1)}.brand{white-space:nowrap}@media(max-width:600px){.site-header .container{min-height:64px;flex-wrap:wrap;row-gap:0}.brand{font-size:1.1rem}.brand .brand-mark{height:26px}.nav{gap:.8rem;font-size:.76rem;letter-spacing:0}}.hero{position:relative;padding-block:clamp(3rem,8vw,6.5rem) clamp(2rem,4vw,3.5rem);overflow:clip}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(30,26,34,.18) 1px,transparent 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 50% 70% at 80% 30%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 50% 70% at 80% 30%,#000 0%,transparent 70%)}.hero-grid{position:relative;display:grid;gap:2rem;align-items:end}@media(min-width:900px){.hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4rem}}.hero h1{font-size:var(--step-5);line-height:.95;letter-spacing:-.03em;max-width:8ch;color:var(--stone-deep)}.hero .role{margin-top:1.2rem;font-size:var(--step-1);color:var(--teal);text-wrap:balance}.hero .role .sep{color:var(--plum);margin-inline:.35em}.hero-bio .lede{font-size:var(--step-0);line-height:1.65;color:var(--ink-mute)}.hero-bio .lede strong{color:var(--plum-deep)}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.index{position:relative;margin-top:clamp(2.5rem,6vw,4.5rem)}.index ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));column-gap:1.5rem}.index a{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:.75rem;padding:.9rem 0;border-top:1.5px solid var(--plum-tint-2);text-decoration:none;transition:border-color .3s}.index a:hover{border-top-color:var(--plum)}.index .icon{width:22px;height:22px;color:var(--teal);align-self:start;margin-top:.3em}.index .name{font-family:var(--font-display);font-size:var(--step-1);font-variation-settings:"opsz" 48,"SOFT" 50,"WONK" 0;line-height:1.15;color:var(--plum-deep)}.work-section{padding-block:clamp(3.5rem,8vw,7rem);border-top:1px solid var(--line)}.work-section:first-of-type{border-top:0}.section-head{display:grid;gap:1rem;margin-bottom:clamp(2rem,4vw,3.2rem)}@media(min-width:900px){.section-head{grid-template-columns:1fr 1fr;align-items:end}.section-head .note{justify-self:end;max-width:44ch}}.section-head h2{font-size:var(--step-3);color:var(--plum-deep)}.section-head .note{color:var(--ink-soft);line-height:1.55;text-wrap:pretty}.groups{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4rem)}.group{min-width:0}.groups--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}.group-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem;padding-bottom:.7rem;border-bottom:1px dashed var(--line-strong)}.group-head h3{font-family:var(--font-display);font-size:var(--step-1);font-weight:450;font-variation-settings:"opsz" 48,"SOFT" 50,"WONK" 0;color:var(--teal)}.group-head .meta{font-size:var(--step--1);color:var(--stone)}.pieces{display:grid;gap:clamp(.9rem,2vw,1.5rem);min-width:0}.pieces--logo{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.pieces--logo .tile:first-child{grid-column:1 / -1}.pieces--tall{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.pieces--wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.pieces--strip{grid-template-columns:1fr;gap:.7rem}.pieces--photo{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}@media(min-width:900px){.pieces--photo{grid-template-columns:repeat(3,1fr)}.pieces--photo .tile:first-child{grid-column:span 2;grid-row:span 2;grid-template-rows:1fr auto}.pieces--photo .tile:first-child .tile-btn{aspect-ratio:auto;height:100%}}.pieces--rail{display:flex;gap:clamp(.9rem,2vw,1.5rem);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.9rem;scrollbar-width:thin;scrollbar-color:var(--plum-tint-2) transparent;overscroll-behavior-x:contain}.pieces--rail .tile{flex:0 0 clamp(220px,23vw,280px);scroll-snap-align:start}.group-head .aside{display:flex;align-items:center;gap:.9rem;margin-left:auto}.rail-nav{display:flex;gap:.4rem}.rail-nav button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--plum-tint-2);color:var(--plum-deep);background:var(--white);transition:border-color .25s,background .25s,transform .25s var(--ease)}.rail-nav button:hover{border-color:var(--plum);transform:translateY(-1px)}.rail-nav svg{width:16px;height:16px}.tile.span-full{grid-column:1 / -1}.tile{margin:0;display:grid;gap:.65rem;align-content:start;min-width:0}.tile-btn{display:block;width:100%;border-radius:var(--radius-sm);overflow:hidden;cursor:zoom-in;background:var(--paper-2);box-shadow:0 0 0 1px var(--line);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.tile-btn:hover{transform:translateY(-4px);box-shadow:0 22px 40px -20px #1e1a2266,0 0 0 1px var(--line)}.tile-btn img{width:100%;height:100%}.bg-ink .tile-btn{background:var(--ink-2);box-shadow:none}.bg-tint .tile-btn{background:var(--plum-tint)}.bg-white .tile-btn{background:var(--white)}.tile--logo .tile-btn{aspect-ratio:16 / 10;display:grid;place-items:center;padding:14%}.tile--logo .tile-btn img{object-fit:contain;width:100%;height:100%}.pieces--logo .tile:first-child .tile-btn{aspect-ratio:21 / 9;padding:8% 20%}.tile--tall .tile-btn{aspect-ratio:4 / 5}.tile--tall .tile-btn img{object-fit:cover;object-position:50% 0;transition:object-position 7s ease-in-out}.tile--tall .tile-btn:hover img{object-position:50% 100%}.tile--wide .tile-btn img,.tile--strip .tile-btn img{object-fit:cover}.tile--strip .tile-btn{border-radius:10px}.tile--photo .tile-btn{aspect-ratio:3 / 2}.tile--photo .tile-btn img{object-fit:cover;transition:transform 1.2s var(--ease)}.tile--photo .tile-btn:hover img{transform:scale(1.03)}figcaption{display:flex;justify-content:space-between;gap:1rem;font-size:var(--step--1);line-height:1.35}figcaption .t{font-weight:600}figcaption .c{color:var(--stone);text-align:right;flex-shrink:0}.tile--strip figcaption{justify-content:flex-start;gap:.6rem}.tile--strip figcaption .c:before{content:"·";margin-right:.6rem}.teaser{padding-block:clamp(3.5rem,8vw,7rem);border-top:1px solid var(--line);background:var(--paper-2)}.teaser-grid{display:grid;gap:2rem;align-items:start}@media(min-width:900px){.teaser-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem}}.teaser h2{font-size:var(--step-3);margin-top:.5rem}.footer{background:var(--ink-2);color:var(--paper);padding-block:clamp(4rem,8vw,7rem) 2rem}.footer-cta{display:grid;gap:2rem;align-items:end}@media(min-width:900px){.footer-cta{grid-template-columns:1.2fr 1fr}}.footer h2{font-size:var(--step-3);color:#fff;max-width:12ch}.footer h2 em{color:var(--plum-tint-2)}.footer .email-block{display:grid;gap:1rem;justify-items:start}.footer .email{font-family:var(--font-display);font-size:var(--step-2);text-decoration:none;line-height:1.2;font-variation-settings:"opsz" 72,"SOFT" 60,"WONK" 0;letter-spacing:-.01em;word-break:break-all;border-bottom:1px solid rgba(255,255,255,.3);transition:border-color .3s}.footer .email:hover{border-color:#fff}.footer .small{color:#ffffffa6;font-size:var(--step--1);max-width:42ch}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.14);font-size:var(--step--1);color:#ffffffa6}.footer-bottom nav{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{color:#fff}.lightbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100dvh;inset:0;margin:0;color:var(--paper)}.lightbox::backdrop{background:#141018f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox[open]{display:grid;grid-template-rows:auto 1fr}.lb-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem var(--gutter)}.lb-caption{font-size:var(--step--1);opacity:.85;min-width:0}.lb-count{font-family:var(--font-display);font-style:italic;opacity:.6;margin-left:.6em}.lb-actions{display:flex;gap:.5rem;flex-shrink:0}.lb-actions button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;color:#fff;transition:background .2s,transform .2s}.lb-actions button:hover{background:#ffffff38;transform:scale(1.05)}.lb-actions button[hidden]{display:none}.lb-actions svg{width:20px;height:20px}.lb-scroll{overflow:auto;padding:0 var(--gutter) var(--gutter);display:flex;justify-content:center;align-items:flex-start;overscroll-behavior:contain}.lb-img{max-width:min(100%,1240px);height:auto;border-radius:8px;box-shadow:0 40px 90px -30px #000;background:transparent}.lb-img.is-logo{background:var(--ink-2);padding:6%;width:min(100%,720px)}.about-hero{padding-block:clamp(3rem,8vw,6rem) clamp(2rem,5vw,4rem)}.about-grid{display:grid;gap:3rem;align-items:start}@media(min-width:900px){.about-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4rem}}.about-hero h1{font-size:var(--step-4);margin-top:1rem}.prose{font-size:var(--step-1);line-height:1.6;color:var(--ink-soft);display:grid;gap:1.1em;max-width:60ch;text-wrap:pretty;margin-top:1.6rem}.prose strong{color:var(--ink);font-weight:600}.about-portrait{width:min(70vw,360px);aspect-ratio:1;border-radius:50%;overflow:hidden;justify-self:center;box-shadow:0 0 0 8px var(--plum-tint),0 36px 60px -36px #1e1a2280}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%}@media(min-width:900px){.about-portrait{margin-top:2.2rem}}.about-section{padding-block:clamp(2.5rem,6vw,4.5rem);border-top:1px solid var(--line)}.about-section .inner{display:grid;gap:1.5rem}@media(min-width:900px){.about-section .inner{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:3rem}}.about-section h2{font-size:var(--step-2);margin-top:.4rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.5em .95em;border-radius:999px;background:var(--white);border:1px solid var(--line);font-size:var(--step--1);font-weight:500}.chip--accent{background:var(--plum-tint);border-color:transparent;color:var(--plum-deep);font-weight:600}.chips+h3{margin-top:2rem}.sub{font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--stone);margin-bottom:.8rem}.timeline{display:grid}.job{display:grid;gap:.3rem;padding:1.4rem 0;border-top:1px dashed var(--line-strong)}.job:first-child{border-top:0;padding-top:0}@media(min-width:700px){.job{grid-template-columns:170px 1fr;gap:1.5rem}}.job .when{font-size:var(--step--1);color:var(--stone);font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding-top:.35em}.job h3{font-family:var(--font-display);font-size:var(--step-1);font-weight:450;font-variation-settings:"opsz" 48,"SOFT" 50,"WONK" 0}.job .where{color:var(--plum-deep);font-weight:600;margin-top:.15rem}.job ul{margin-top:.7rem;padding-left:1.1em;color:var(--ink-soft);display:grid;gap:.4rem}.resume-card{display:grid;gap:2rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2.5rem);align-items:center}@media(min-width:800px){.resume-card{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.resume-preview{border-radius:10px;overflow:hidden;transform:rotate(-1.5deg);max-width:320px;justify-self:center;width:100%;box-shadow:0 24px 44px -24px #1e1a2273,0 0 0 1px var(--line);transition:transform .5s var(--ease)}.resume-preview:hover{transform:rotate(0) translateY(-3px)}.resume-card h2{font-size:var(--step-2)}.resume-card p{margin-top:.8rem;color:var(--ink-soft)}.resume-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}