@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(../media/bricolage-grotesque-vietnamese-standard-normal.133kd1f9tboda.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;font-stretch:75% 100%;src:url(../media/bricolage-grotesque-latin-ext-standard-normal.3dp_t610gef-l.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;font-stretch:75% 100%;src:url(../media/bricolage-grotesque-latin-standard-normal.1rpa4hul3gyzd.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/figtree-latin-ext-wght-normal.28krudoh3z7og.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/figtree-latin-wght-normal.08sr_7r2rzxl4.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{--night:#141a3a;--panel:#1d2452;--line:#2e3672;--paper:#eef0fa;--muted:#a3aad0;--amber:#f2a541;--teal:#3cc6b4;--display:"Bricolage Grotesque Variable", system-ui, sans-serif;--body:"Figtree Variable", system-ui, sans-serif;--measure:64ch;--gutter:clamp(20px, 5vw, 72px);--max:1240px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--night);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}a{color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--display);margin:0;line-height:1.1}h2{font-variation-settings:"wdth" 88, "opsz" 72;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2rem,4.2vw,3.25rem);font-weight:700}h3{margin-bottom:.75rem;font-size:1.2rem;font-weight:650}p{margin:0 0 1rem}.muted{color:var(--muted)}.lead{max-width:var(--measure);font-size:1.2rem}.narrow{max-width:52ch}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:var(--paper);color:var(--night);padding:.5rem 1rem;top:1rem;left:1rem}.top{max-width:var(--max);padding:1.25rem var(--gutter);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.mark{font-family:var(--display);font-size:1.25rem;font-weight:700;text-decoration:none}.top nav{gap:clamp(.9rem,2.5vw,2rem);font-size:.95rem;display:flex}.top nav a{color:var(--muted);text-decoration:none}.top nav a:hover{color:var(--paper)}.hero{max-width:var(--max);padding:clamp(1rem, 4vw, 3rem) var(--gutter) clamp(3rem, 8vw, 6rem);grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(1rem,4vw,4rem);min-height:min(88vh,860px);margin:0 auto;display:grid}.hero h1{font-variation-settings:"wdth" 84, "opsz" 96;letter-spacing:-.022em;margin-bottom:1.5rem;font-size:clamp(3.2rem,8.4vw,7.6rem);font-weight:760;line-height:.88}.hero h1 span{white-space:nowrap;display:block}.hero h1 span+span{padding-left:.55em}.hero-role{font-family:var(--display);color:var(--amber);margin-bottom:.75rem;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600}.hero-intro{max-width:46ch;color:var(--muted);margin-bottom:2rem;font-size:1.125rem}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn{border:1.5px solid var(--line);border-radius:999px;align-items:center;min-height:48px;padding:0 1.4rem;font-weight:600;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn-primary{background:var(--amber);border-color:var(--amber);color:var(--night)}.btn-primary:hover{background:#f7b862;border-color:#f7b862}.eye{aspect-ratio:1;justify-self:center;width:100%;max-width:560px;position:relative}.eye:before{content:"";background:radial-gradient(circle at 58% 40%, #ffffffe6 0 1.6%, transparent 3.2%), radial-gradient(circle at 50% 50%, #04060d 0 8.5%, #f6b65a 9.5%, var(--amber) 15%, var(--teal) 25%, #1d5a62 29%, #10142e 31%, transparent 32.5%), radial-gradient(circle at 40% 35%, #2a3270 0%, #1a2049 55%, #0f1330 100%);border-radius:50%;transition:opacity .8s;position:absolute;inset:10.5%;box-shadow:inset 0 0 40px #3cc6b459}.eye canvas{opacity:0;width:100%;height:100%;transition:opacity .8s;display:block;position:relative}.eye canvas[data-ready=true]{opacity:1}.eye:has(canvas[data-ready=true]):before{opacity:0}.block{max-width:var(--max);padding:clamp(3.5rem, 8vw, 6.5rem) var(--gutter);border-top:1px solid var(--line);margin:0 auto}.link{color:var(--teal);text-underline-offset:4px;font-weight:600}.work{grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);display:grid}.facts{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.5rem 0 0;display:grid}.facts div{border-left:2px solid var(--amber);padding-left:.9rem}.facts dt{font-family:var(--display);font-size:2.6rem;font-weight:700;line-height:1}.facts dd{color:var(--muted);margin:.35rem 0 0;font-size:.92rem;line-height:1.35}.ticks{margin:0;padding:0;list-style:none}.ticks li{border-bottom:1px solid var(--line);padding:.7rem 0 .7rem 1.6rem;position:relative}.ticks li:before{content:"";border:2px solid var(--teal);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:1.25rem;left:0}.speed-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2rem,5vw,5rem);margin-top:2.5rem;display:grid}.gauges{flex-wrap:wrap;gap:clamp(1rem,4vw,3rem);display:flex}.gauge{width:clamp(150px,18vw,210px);margin:0}.gauge svg{width:100%;height:auto;display:block}.gauge-track{fill:none;stroke:var(--panel);stroke-width:9px}.gauge-fill{fill:none;stroke:var(--teal);stroke-width:9px;stroke-linecap:round}.gauge-num{font-family:var(--display);fill:var(--paper);font-size:34px;font-weight:700}.gauge figcaption{gap:.15rem;margin-top:.8rem;display:grid}.gauge figcaption span{color:var(--muted);font-size:.9rem}.before{font-family:var(--display);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:clamp(3rem,6vw,4.5rem);font-weight:700;line-height:1;display:flex}.before .from{color:var(--muted);text-decoration:line-through;text-decoration-thickness:3px}.before .arrow{background:var(--muted);width:3.5rem;height:3px;position:relative}.before .arrow:after{content:"";border:7px solid #0000;border-left:10px solid var(--muted);border-right:0;position:absolute;top:-6px;right:-2px}.before .to{color:var(--teal)}.speed-grid h3{margin-top:2rem}.stack{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.stack ul{color:var(--muted);margin:0;padding:0;list-style:none}.stack li{padding:.35rem 0}.stack h3{border-bottom:2px solid var(--amber);padding-bottom:.75rem}.timeline{max-width:900px;margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:9rem 1fr;gap:1.5rem;padding:1.4rem 0;display:grid}.timeline .when{font-variant-numeric:tabular-nums;color:var(--amber);font-weight:600}.timeline h3{margin-bottom:.4rem;font-size:1.25rem}.timeline h3 .muted{font-family:var(--body);font-size:1.05rem;font-weight:400}.timeline p{max-width:var(--measure);margin:0}.others{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.others article{border-top:2px solid var(--teal);padding-top:1.1rem}.others h3{margin-bottom:.2rem}.others h3 a{text-underline-offset:4px}.others .muted{margin-bottom:.6rem;font-size:.92rem}.contact h2{font-size:clamp(2.4rem,6vw,4.5rem)}.resumes{margin-top:3.5rem}.resume-links{flex-wrap:wrap;gap:.75rem;display:flex}.resume-links a{background:var(--panel);border-radius:10px;padding:.85rem 1.2rem;font-weight:600;text-decoration:none}.resume-links a:hover{background:var(--line)}.resume-links .muted{margin-left:.4rem;font-size:.85rem;font-weight:400}.foot{max-width:var(--max);padding:2rem var(--gutter) 3rem;border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:0 auto;font-size:.9rem;display:flex}.foot p{margin:0}@media (max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.eye{order:-1;max-width:340px}.work,.speed-grid{grid-template-columns:1fr}.stack{grid-template-columns:repeat(2,1fr)}.others{grid-template-columns:1fr}}@media (max-width:560px){.top nav a:not(:last-child){display:none}.eye{max-width:260px}.facts dt{font-size:2rem}.timeline li{grid-template-columns:1fr;gap:.4rem}}