@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-opsz-normal.1k3y_okim8acf.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(../media/bricolage-grotesque-latin-ext-opsz-normal.25isf9j40uh6k.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(../media/bricolage-grotesque-latin-opsz-normal.1oev-doreg81o.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}
@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/public-sans-vietnamese-400-normal.17vu3v23ods7b.woff2)format("woff2"),url(../media/public-sans-vietnamese-400-normal.09gmsvb5bples.woff)format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/public-sans-latin-ext-400-normal.2qe_21_tfgw8q.woff2)format("woff2"),url(../media/public-sans-latin-ext-400-normal.3shbu0sf5o9qo.woff)format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/public-sans-latin-400-normal.36wd3tsbz2la3.woff2)format("woff2"),url(../media/public-sans-latin-400-normal.1t-lr687mcvgz.woff)format("woff");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}
@font-face{font-family:Public Sans;font-style:italic;font-display:swap;font-weight:400;src:url(../media/public-sans-vietnamese-400-italic.1xsikvovcets8.woff2)format("woff2"),url(../media/public-sans-vietnamese-400-italic.1vzp7v0vq0qgw.woff)format("woff");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:Public Sans;font-style:italic;font-display:swap;font-weight:400;src:url(../media/public-sans-latin-ext-400-italic.0c2q_3wrwamne.woff2)format("woff2"),url(../media/public-sans-latin-ext-400-italic.1z00770affukv.woff)format("woff");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:Public Sans;font-style:italic;font-display:swap;font-weight:400;src:url(../media/public-sans-latin-400-italic.0b88s3unff5pk.woff2)format("woff2"),url(../media/public-sans-latin-400-italic.2dvt7m0ga3mpq.woff)format("woff");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}
@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/public-sans-vietnamese-600-normal.19p44xxoibvn9.woff2)format("woff2"),url(../media/public-sans-vietnamese-600-normal.0q2k46zjrlbjp.woff)format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/public-sans-latin-ext-600-normal.2oivx1uq-muc3.woff2)format("woff2"),url(../media/public-sans-latin-ext-600-normal.2xb-7xjo4jda1.woff)format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/public-sans-latin-600-normal.1c0b3f1ctc2s1.woff2)format("woff2"),url(../media/public-sans-latin-600-normal.1uclmwtlk69i1.woff)format("woff");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{--paper:#f5f6f3;--ink:#172026;--muted:#5b6670;--rule:#d9ddd7;--teal:#0e7c6b;--teal-soft:#cfe6e0;--display:"Bricolage Grotesque Variable", "Helvetica Neue", Arial, sans-serif;--body:"Public Sans", "Helvetica Neue", Arial, sans-serif;--measure:66ch}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:68rem;margin:0 auto;padding:0 1.25rem}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:700}h2{font-size:1.5rem;line-height:1.2}.hero{padding-top:3.5rem;padding-bottom:2.5rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.name{align-items:center;gap:.75rem;margin:0;font-weight:600;display:flex}.lang{border:1.5px solid var(--ink);border-radius:999px;font-size:.875rem;font-weight:600;line-height:1;display:flex;overflow:hidden}.lang>*{padding:.5rem .75rem;text-decoration:none}.lang [aria-current]{background:var(--ink);color:var(--paper)}.lang a:hover{background:var(--teal-soft)}.avatar{object-fit:cover;border-radius:50%;width:56px;height:56px}.hero h1{font-variation-settings:"opsz" 96;letter-spacing:-.01em;max-width:17ch;font-size:clamp(2.25rem,6.4vw,4.5rem);line-height:1.02}.lede{max-width:var(--measure);margin:1.75rem 0 .75rem;font-size:1.1875rem}.avail{color:var(--muted);max-width:var(--measure);margin:0 0 1.75rem}.links{flex-wrap:wrap;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.links-big li{align-items:center;gap:.75rem;display:flex}.btn{border:1.5px solid var(--ink);border-radius:999px;padding:.625rem 1.125rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-block}.btn:hover,.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--teal);border-color:var(--teal)}.addr{color:var(--muted)}.seek{margin:1rem 0 0;padding:2rem 0 .5rem}.seek-track{background:var(--teal-soft);border-radius:3px;height:6px;position:relative}.seek-fill{background:var(--teal);transform-origin:0;border-radius:3px;animation:1.6s cubic-bezier(.3,.7,.2,1) .2s both fill;position:absolute;inset:0}.seek-head{background:var(--teal);width:18px;height:18px;box-shadow:0 0 0 5px var(--paper);border-radius:50%;margin-top:-9px;animation:.3s ease-out 1.7s both appear;position:absolute;top:50%;right:-9px}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes appear{0%{transform:scale(0)}to{transform:scale(1)}}.seek-chapters{margin:0;padding:0;list-style:none;display:flex}.seek-chapters li{border-left:2px solid var(--ink);flex-basis:0;min-width:9.5rem;margin-top:-14px;padding:1.75rem 1rem 0 .75rem}.seek-title{font-family:var(--display);font-size:1.125rem;font-weight:700;display:block}.seek-period,.seek-note{color:var(--muted);font-size:.9375rem;display:block}.seek-note{max-width:28ch;margin-top:.25rem}.seek-now{color:var(--teal);justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1.25rem;font-weight:600;display:flex}.dot{background:var(--teal);border-radius:50%;width:8px;height:8px}.work{padding-top:4.5rem}.work>h2{margin-bottom:1rem}.case{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:.75rem;padding:2rem 0;display:grid}.case h3{max-width:20ch;font-size:1.5rem;line-height:1.15}.context{color:var(--muted);margin:.5rem 0 0;font-size:.9375rem}.case-body{max-width:var(--measure)}.case-body>p:first-child{margin-top:0}.case-body ul{margin:0;padding-left:1.15rem}.case-body li{margin:.35rem 0}.case-body li::marker{color:var(--teal)}.stack{color:var(--muted);margin:1rem 0 0;font-size:.9375rem}.split{grid-template-columns:minmax(0,1fr);gap:1rem;padding-top:3.5rem;padding-bottom:.5rem;display:grid}.skills{max-width:var(--measure);margin:0}.skills div{padding:.5rem 0}.skills dt{font-weight:600}.skills dd{color:var(--muted);margin:0}.prose{max-width:var(--measure)}.prose p:first-child{margin-top:0}.contact{background:var(--ink);color:var(--paper);margin-top:4rem;padding:3.5rem 0 3rem}.contact h2{font-size:clamp(2rem,5vw,3.25rem)}.contact p{max-width:var(--measure);margin:1rem 0 1.75rem}.contact .btn{border-color:var(--paper)}.contact .btn:hover,.contact .btn-primary{background:var(--paper);color:var(--ink)}.contact .btn-primary:hover{background:var(--teal-soft);border-color:var(--teal-soft)}.contact .addr{color:#b9c2c9}.contact .fine{color:#b9c2c9;margin:3rem 0 0;font-size:.875rem}@media (min-width:52rem){.case,.split{grid-template-columns:20rem minmax(0,1fr);gap:3rem}}@media (max-width:40rem){.seek{grid-template-columns:6px 1fr;column-gap:1.25rem;display:grid}.seek-track{grid-row:1;width:6px;height:auto}.seek-fill{transform-origin:top;animation-name:fill-y}.seek-head{margin:0 0 0 -9px;inset:auto auto -9px 50%}.seek-chapters{flex-direction:column;grid-area:1/2}.seek-chapters li{border-left:0;min-width:0;margin:0;padding:0 0 1.5rem}.seek-now{grid-column:1/-1;justify-content:flex-start;margin-top:1.5rem}@keyframes fill-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}}@media (prefers-reduced-motion:reduce){.seek-fill,.seek-head{animation:none}}.skills div:first-child{padding-top:0}.portrait{border-radius:6px;width:100%;max-width:20rem;height:auto;margin-top:1.5rem;display:block}.contact .alt-cv{margin:1.25rem 0 0}.contact .alt-cv a{color:#b9c2c9}
