@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-feature-settings:"cv11", "ss01";font-synthesis:none;text-rendering:optimizelegibility;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:2rem;--text-display:clamp(2.5rem, 7vw, 3.75rem);--bg:#fff;--bg-alt:#f8fafc;--surface:#fff;--ink:#0f172a;--ink-muted:#475569;--line:#e2e8f0;--line-strong:#cbd5e1;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-text:#1d4ed8;--accent-soft:#eff6ff;--grid-line:#0f172a0d;--glow:#2563eb24;--success:#15803d;--warning:#b45309;--contact-bg:#0f172a;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--radius:1rem;--radius-control:.625rem;--shell:70rem;--space-section:4.5rem;--header-height:4rem;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1120;--bg-alt:#0f172a;--surface:#111a2e;--ink:#e2e8f0;--ink-muted:#94a3b8;--line:#1e293b;--line-strong:#334155;--accent-text:#93c5fd;--accent-soft:#60a5fa1f;--grid-line:#94a3b812;--glow:#3b82f62e;--success:#4ade80;--warning:#fbbf24;--contact-bg:#111a2e;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1rem);overflow-x:clip}body{background:var(--bg);min-width:20rem;color:var(--ink);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}img,svg{display:block}img{max-width:100%}a{color:var(--accent-text);-webkit-tap-highlight-color:transparent;text-decoration:none}a:hover{text-underline-offset:.2em;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3,h4,p,ul,ol{margin-top:0}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.015em;line-height:1.2}h1{font-size:var(--text-display);letter-spacing:-.035em;margin-bottom:.75rem;font-weight:700;line-height:1.05}h2{font-size:var(--text-xl);letter-spacing:-.025em;margin-bottom:.75rem;font-weight:700}h3{font-size:var(--text-lg);margin-bottom:.25rem;font-weight:600}h4{font-size:var(--text-base);margin-bottom:.25rem;font-weight:600}p{color:var(--ink-muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.icon{flex:none}.shell{width:min(calc(100% - 2.5rem), var(--shell));margin-inline:auto}.section{padding-block:var(--space-section)}.section-alt{background:var(--bg-alt);border-block:1px solid var(--line)}.section-heading{max-width:48rem;margin-bottom:2.5rem}.section-heading p{font-size:var(--text-lg);margin-bottom:0;line-height:1.5}.grid{gap:1.25rem;display:grid}.subheading{margin:3.5rem 0 1.25rem}.skip-link{z-index:100;border-radius:var(--radius-control);background:var(--accent);color:#fff;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.button{border-radius:var(--radius-control);background:var(--accent);color:#fff;min-height:2.75rem;font-size:var(--text-sm);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.5rem;padding:0 1.125rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.button:hover{background:var(--accent-hover);text-decoration:none}.button-secondary{border-color:var(--line-strong);background:var(--surface);color:var(--ink)}.button-secondary:hover{border-color:var(--ink-muted);background:var(--surface)}.button-small{min-height:2.25rem;padding:0 .875rem}.icon-button{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--ink);place-items:center;transition:border-color .15s,color .15s;display:inline-grid}.icon-button:hover{border-color:var(--accent);color:var(--accent-text)}.toggle{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);min-height:2.25rem;color:var(--ink);font:inherit;font-size:var(--text-sm);cursor:pointer;align-items:center;gap:.5rem;margin-top:1rem;padding:0 .875rem;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.toggle:hover{border-color:var(--accent);color:var(--accent-text)}.chevron{border-bottom:2px solid;border-right:2px solid;width:.45rem;height:.45rem;margin-top:-.2rem;transition:transform .15s;transform:rotate(45deg)}.toggle[aria-expanded=true] .chevron{margin-top:.2rem;transform:rotate(-135deg)}.badge,.status{font-size:var(--text-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;padding:.125rem .625rem;font-weight:600;display:inline-flex}.badge{background:var(--accent-soft);color:var(--accent-text)}.status{border:1px solid var(--line);color:var(--ink-muted)}.status:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.status-live:before{background:var(--success)}.status-active:before{background:var(--warning)}.tech-list{color:var(--ink-muted);font-size:var(--text-sm);flex-wrap:wrap;margin:1rem 0 0;padding:0;list-style:none;display:flex}.tech-list li:not(:last-child):after{content:"·";margin-inline:.45rem}.chip-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chip-list li{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--bg-alt);color:var(--ink);font-size:var(--text-sm);padding:.25rem .625rem}.bullets{color:var(--ink-muted);margin-bottom:0;padding-left:1.125rem}.bullets li+li{margin-top:.5rem}.bullets li::marker{color:var(--accent)}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:1.5rem}.card>:last-child{margin-bottom:0}.card-title{margin-bottom:.25rem}.card-subtitle{color:var(--accent-text);margin-bottom:.75rem;font-weight:600}.card-date{font-size:var(--text-sm);margin-bottom:.5rem;font-weight:600}.grid>.card>.card-title:first-child{margin-bottom:1rem}.site-header{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);position:sticky;top:0}.header-inner{min-height:var(--header-height);justify-content:space-between;align-items:center;display:flex;position:relative}.brand{color:var(--ink);align-items:center;gap:.625rem;font-weight:600;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--accent);color:#fff;width:2rem;height:2rem;font-size:var(--text-sm);letter-spacing:.02em;border-radius:.5rem;place-items:center;font-weight:700;display:grid}.menu-button{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);cursor:pointer;place-content:center;gap:.3rem;width:2.5rem;height:2.5rem;display:grid}.menu-button span{background:var(--ink);border-radius:2px;width:1.125rem;height:2px;display:block}.navigation{border-bottom:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow);padding:.5rem 1.25rem 1.25rem;display:none;position:absolute;top:calc(100% + 1px);left:-1.25rem;right:-1.25rem}.navigation.is-open{display:grid}.navigation a:not(.button){color:var(--ink-muted);font-size:var(--text-sm);padding:.75rem .25rem;font-weight:600}.navigation a:not(.button):hover,.navigation a[aria-current]{color:var(--ink);text-decoration:none}.nav-contact{justify-content:center;margin-top:.5rem}.hero{padding-top:3.5rem;position:relative;overflow:hidden}.hero:before{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);content:"";pointer-events:none;background-size:3rem 3rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 70% 10%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 70% at 70% 10%,#000 20%,#0000 70%)}.hero:after{background:radial-gradient(circle, var(--glow), transparent 65%);content:"";pointer-events:none;border-radius:50%;width:36rem;height:36rem;position:absolute;top:-12rem;right:-8rem}.hero>.shell{z-index:1;position:relative}.hero-grid{align-items:center;gap:2.5rem;display:grid}.location{border:1px solid var(--line);background:var(--surface);font-size:var(--text-sm);border-radius:999px;align-items:center;gap:.375rem;margin-bottom:1.25rem;padding:.25rem .75rem .25rem .625rem;font-weight:600;display:inline-flex}.hero-subtitle{font-size:var(--text-lg);margin-bottom:1rem;line-height:1.4}.hero-subtitle strong{color:var(--ink);font-weight:600}.hero-intro{max-width:34rem;font-size:var(--text-lg);margin-bottom:2rem;line-height:1.55}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.portrait-wrap{order:-1}.portrait{border:4px solid var(--surface);width:7rem;height:7rem;box-shadow:0 0 0 1px var(--line), var(--shadow);object-fit:cover;border-radius:50%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:3.5rem 0 0;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column-reverse;justify-content:flex-end;gap:.25rem;padding:1.25rem;display:flex}.metric dt{color:var(--ink-muted);font-size:var(--text-sm);line-height:1.4}.metric dd{color:var(--ink);font-size:var(--text-base);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0;font-weight:700}.about-grid{gap:0 3rem;display:grid}.about-grid .section-heading{margin-bottom:1rem}.lead{color:var(--ink);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600;line-height:1.3}.path{font-size:var(--text-sm);flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.path li{color:var(--ink-muted);align-items:center;gap:.5rem;display:inline-flex}.path li:not(:last-child):after{color:var(--line-strong);content:"→"}.path li:last-child{background:var(--accent-soft);color:var(--accent-text);border-radius:999px;padding:.125rem .625rem;font-weight:600}.timeline{gap:1.25rem;display:grid;position:relative}.timeline-item{position:relative}.timeline-item:before{background:var(--line);content:"";width:2px;display:none;position:absolute;top:0;bottom:-1.25rem;left:.3125rem}.timeline-dot{z-index:1;border:2px solid var(--line-strong);background:var(--bg);border-radius:50%;width:.75rem;height:.75rem;display:none;position:absolute;top:1.85rem;left:0}.is-current>.timeline-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.company-header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-bottom:1rem;display:flex}.company-header h3{margin:0}.role{gap:.5rem;padding-top:1.25rem;display:grid}.role+.role{border-top:1px solid var(--line);margin-top:1.25rem}.role-meta{font-size:var(--text-sm);overflow:hidden}.role-dates{color:var(--ink);margin:0;font-weight:600}.meta-list{color:var(--ink-muted);flex-wrap:wrap;margin:0 0 0 -1.25rem;padding:0;list-style:none;display:flex}.meta-list li:before{content:"·";text-align:center;width:1.25rem;display:inline-block}.role-body h4{margin-bottom:.5rem}.role-body p{margin-bottom:.75rem}.earlier{margin-top:1.25rem}.earlier>.timeline-item>.timeline-dot{margin-top:-.375rem;top:50%}.earlier-header{border:1px dashed var(--line-strong);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 1.5rem;padding:1.25rem 1.5rem;display:flex}.earlier-header h3{margin-bottom:.25rem}.earlier-header p{font-size:var(--text-sm);margin:0}.earlier>.timeline{margin-top:1.25rem}#experience>.shell>.timeline>.timeline-item:first-child:before{top:1.85rem}.earlier .timeline>.timeline-item:last-child:before{height:1.85rem;bottom:auto}.projects-grid{align-items:start}.project{flex-direction:column;transition:border-color .15s,transform .15s;display:flex}.project:hover{border-color:var(--line-strong);transform:translateY(-2px)}.project-top{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem;display:flex}.project-top h3{margin:0}.project-details h4{margin-top:1.25rem}.project-details h4:first-child{margin-top:0}.project-details .bullets{margin-bottom:.5rem}.project .tech-list{margin-top:.25rem}.project-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.project-actions .toggle{margin:0}.mini-card{padding:1.25rem}.mini-card p{font-size:var(--text-sm)}.contact{background:var(--contact-bg);color:#e2e8f0}.contact h2{color:#fff}.contact p{color:#94a3b8}.contact-inner{align-items:center;gap:2rem;display:grid}.contact-inner>div>p{max-width:32rem;font-size:var(--text-lg);margin-bottom:0;line-height:1.5}.contact-actions{justify-items:start;gap:1.25rem;display:grid}.button-light{color:#0f172a;background:#fff}.button-light:hover{background:#e2e8f0}.contact-links{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.contact-links a{color:#e2e8f0;font-size:var(--text-sm);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.contact .resume-note{font-size:var(--text-sm);align-items:center;gap:.5rem;margin:0;display:inline-flex}.contact .button,.contact a{overflow-wrap:anywhere;white-space:normal}.site-footer{background:var(--contact-bg);border-top:1px solid #94a3b826;padding-block:1.5rem}.footer-inner{font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.footer-inner p{color:#94a3b8;margin:0}.footer-inner a{color:#e2e8f0}@media (min-width:40rem){.shell{width:min(calc(100% - 4rem), var(--shell))}.navigation{padding-inline:2rem;left:-2rem;right:-2rem}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric dd{font-size:var(--text-lg)}.timeline-item{padding-left:2.5rem}.timeline-item:before,.timeline-dot{display:block}.earlier>.timeline-item:before{bottom:50%}.earlier:has(>.timeline:not([hidden]))>.timeline-item:before{bottom:-1.25rem}.lead{font-size:var(--text-xl)}.role-body h4{font-size:var(--text-lg)}}@media (min-width:64rem){:root{--space-section:6rem;--header-height:4.5rem}.menu-button{display:none}.navigation,.navigation.is-open{box-shadow:none;background:0 0;border:0;align-items:center;gap:1.75rem;padding:0;display:flex;position:static}.navigation a:not(.button){padding:.5rem 0;position:relative}.navigation a[aria-current]:after{background:var(--accent);content:"";border-radius:2px;height:2px;position:absolute;bottom:-.2rem;left:0;right:0}.nav-contact{margin:0 0 0 .25rem}.hero{padding-top:5rem}.hero-grid{grid-template-columns:minmax(0,1fr) auto;gap:4rem}.portrait-wrap{order:0}.portrait{border-width:6px;width:17rem;height:17rem}.about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem}.role{grid-template-columns:12rem minmax(0,1fr);gap:2rem}.role-dates{margin-bottom:.25rem}.meta-list{margin-left:0;display:block}.meta-list li:before{content:none}.company.card{padding:2rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-inner{grid-template-columns:minmax(0,1fr) auto;gap:4rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}.project:hover{transform:none}}