@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.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{--font:"Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(20px, 5vw, 80px);--bar-h:64px;--canvas:#f7f5ef;--surface:#fff;--ink:#141414;--muted:#3d3c38;--subtle:#5b5a55;--line:#cfcdc5;--band-a:#fff;--band-b:#e8e6de;--band-c:#f1f0ec;--border:#141414;--grid:#14141412;--chip:#d3d1c9;--ph1:#e6e4dc;--ph2:#efede6;--tab-on:#eceae2;--tab-hover:#eceae2;--nav-hover:#14141412;--icon-bg:transparent;--accent:#ffcf33;--accent-ink:#141414;--glow:#ffffffb3;--bar:#f7f5efe0;--bar-stuck:#f7f5eff5;color-scheme:light}[data-theme=dark]{--canvas:#1a1b26;--surface:#16161e;--ink:#c0caf5;--muted:#a9b1d6;--subtle:#949ec8;--line:#3b3f5c;--band-a:#1f2132;--band-b:#24273a;--band-c:#1c1d2b;--border:#c0caf5;--grid:#c0caf514;--chip:#3b3f5c;--ph1:#24273a;--ph2:#1f2132;--tab-on:#2a2d45;--tab-hover:#24273a;--nav-hover:#c0caf514;--icon-bg:#e6e9f7;--accent:#e0af68;--accent-ink:#1a1b26;--glow:#c0caf512;--bar:#1a1b26e0;--bar-stuck:#1a1b26f5;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--canvas);margin:0;line-height:1.5;transition:background-color .3s,color .3s}a{color:inherit}img,svg{max-width:100%;display:block}img{height:auto}h1,h2,h3,p,ul,dl{margin:0}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}section[id]{scroll-margin-top:calc(var(--bar-h) + 8px)}.wrap{width:min(1280px,100%);padding-inline:var(--gutter);margin-inline:auto}@media (width>=1025px){.wrap{width:min(1280px,100% - 64px)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pill{border:2px solid var(--border);background:var(--surface);color:var(--ink);box-shadow:3px 3px 0 0 var(--border);font:inherit;cursor:pointer;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s ease, color .18s ease;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.pill:hover{box-shadow:5px 5px 0 0 var(--border);transform:translate(-2px,-2px)scale(1.04)}.pill:active{box-shadow:1px 1px 0 0 var(--border);transition-duration:80ms;transform:translate(2px,2px)scale(.96)}.pill.is-accent{background:var(--accent);color:var(--accent-ink)}.pill.round{border-radius:50%;padding:0}.pill.capsule{border-radius:999px}.pill svg{flex:none}.cta{isolation:isolate;gap:14px;height:56px;padding:0 8px 0 22px;font-size:16px;position:relative;overflow:hidden}.cta-fill{z-index:-1;background:var(--ink);transform-origin:0;transition:transform .38s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.cta-text{transition:color .38s var(--ease)}.cta-icon{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);transition:transform .38s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex}.cta:hover .cta-fill{transform:scaleX(1)}.cta:hover .cta-text{color:var(--canvas)}.cta:hover .cta-icon{transform:translate(3px)}.bar{z-index:60;background:var(--bar);backdrop-filter:blur(10px);transition:border-color .24s var(--ease), background-color .24s var(--ease);border-bottom:2px solid #0000;position:sticky;top:0}.bar[data-stuck=true]{background:var(--bar-stuck);border-bottom-color:var(--border)}.bar-inner{height:var(--bar-h);padding-inline:var(--gutter);justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{border-radius:10px;flex:none;width:44px;height:44px;font-size:16px;font-weight:700}.bar-right{align-items:center;gap:16px;display:flex}.nav{gap:10px;font-size:15px;display:flex}.nav a{white-space:nowrap;color:var(--muted);border-radius:8px;padding:9px 13px;font-weight:500;text-decoration:none;transition:color .18s,background-color .18s}.nav a:hover{color:var(--ink);background:var(--nav-hover)}.controls{align-items:center;gap:10px;display:flex}.lang{border:2px solid var(--border);background:var(--surface);border-radius:999px;height:44px;padding:3px;display:flex}.lang a{min-width:40px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.lang a[aria-current=page]{background:var(--ink);color:var(--canvas)}.theme-toggle{width:44px;height:44px}.theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.cv-btn{white-space:nowrap;border-radius:999px;height:44px;padding:0 18px;font-size:14px}@media (width<=1080px){.nav{gap:2px}}@media (width<=1040px){.nav{display:none}}@media (width<=360px){.lang a{min-width:34px;padding:0 6px}.bar-inner{gap:8px}}@media (width<=420px){.cv-btn .cv-label{display:none}.cv-btn{padding:0 12px}.controls{gap:8px}}.band{border-bottom:2px solid var(--border)}.band-a{background:var(--band-a)}.band-b{background:var(--band-b)}.band-c{background:var(--band-c)}.band-canvas{background:var(--canvas)}.section-pad{padding-block:clamp(72px,10vw,128px)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--subtle);white-space:nowrap;align-items:center;gap:14px;font-size:13px;display:flex}.eyebrow:after{content:"";background:var(--line);flex:auto;max-width:240px;height:1px}.title{letter-spacing:-.03em;margin:14px 0 48px;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.15}.hero{min-height:calc(100vh - var(--bar-h));min-height:calc(100svh - var(--bar-h));background:var(--canvas);border-bottom:2px solid var(--border);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 100%);mask-image:linear-gradient(#000 0% 55%,#0000 100%)}.hero-lines{background-image:linear-gradient(var(--grid) 2px, transparent 2px), linear-gradient(90deg, var(--grid) 2px, transparent 2px);will-change:transform;background-size:88px 88px;position:absolute;inset:-200px}.hero-glow{background:radial-gradient(circle at 50% 6%, var(--glow), transparent 40%);will-change:transform;position:absolute;inset:-60px}.hero-light{pointer-events:none;opacity:0;transition:opacity .5s var(--ease);background:radial-gradient(circle 240px at var(--sx,50%) var(--sy,42%), color-mix(in srgb, var(--accent) 32%, transparent) 0%, color-mix(in srgb, var(--accent) 10%, transparent) 50%, transparent 76%);position:absolute;inset:0}.hero-light[data-on=true]{opacity:1}[data-theme=dark] .hero-light{background:radial-gradient(circle 240px at var(--sx,50%) var(--sy,42%), color-mix(in srgb, var(--accent) 22%, transparent) 0%, color-mix(in srgb, var(--accent) 7%, transparent) 50%, transparent 76%)}.hero-inner{z-index:1;padding-top:48px;padding-bottom:72px;position:relative}.hero .eyebrow:after{max-width:300px}.hero h1{text-transform:uppercase;letter-spacing:-.045em;margin-top:18px;font-size:clamp(60px,11.6vw,172px);font-weight:700;line-height:.86}.tagline{letter-spacing:-.02em;max-width:29ch;margin-top:28px;font-size:clamp(24px,3vw,40px);line-height:1.16}.tagline strong{font-weight:700}[data-theme=dark] .tagline strong{color:var(--accent)}.status-dot{background:#22c55e;border-radius:50%;flex:none;width:10px;height:10px;position:relative}.status-dot:after{content:"";animation:status-ping 2s var(--ease) infinite;background:#22c55e;border-radius:50%;position:absolute;inset:0}@keyframes status-ping{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.status-dot:after{animation:none}}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:36px;display:flex}.icon-row{flex-wrap:wrap;gap:12px;display:flex}.icon-row .pill{width:52px;height:52px}.hero .icon-row{display:none}.rail{z-index:65;flex-direction:column;gap:14px;display:flex;position:fixed;bottom:clamp(16px,3vw,32px);left:clamp(16px,1.8vw,28px)}.rail .pill{width:48px;height:48px}@media (width<=1024px){.rail{display:none}.hero .icon-row{display:flex}}.about-grid{flex-wrap:wrap;align-items:flex-start;gap:48px;display:flex}.about-photo{flex:0 380px;min-width:0}.about-photo img{aspect-ratio:4/5;object-fit:cover;border:2px solid var(--border);width:100%;box-shadow:7px 7px 0 var(--border);background:var(--ph1);border-radius:16px}.about-photo p{color:var(--subtle);margin-top:18px;font-size:13px}.about-text{flex-direction:column;flex:420px;gap:20px;min-width:0;display:flex}.about-text .lead{font-size:clamp(21px,2.3vw,28px);line-height:1.45}.fact-value{flex:420px;align-items:center;gap:10px;padding-top:6px;font-size:19px;font-weight:500;display:flex}.lang-list{flex-direction:column;flex:420px;gap:12px;margin:0;padding:6px 0 0;list-style:none;display:flex}.lang-item{grid-template-columns:120px minmax(0,240px) auto;align-items:center;gap:16px;font-size:18px;font-weight:500;display:grid}.lang-bar{background:var(--chip);border-radius:999px;height:8px;overflow:hidden}.lang-bar>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.lang-level{color:var(--subtle);font-size:14px}.about-text p:not(.lead){color:var(--muted);font-size:19px;line-height:1.65}.tools{border-top:1px solid var(--line)}.tool-row{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px 24px;padding:16px 0;display:flex}.tool-label{letter-spacing:.14em;text-transform:uppercase;color:var(--subtle);flex:0 0 200px;padding-top:12px;font-size:12px}.tool-chips{flex-wrap:wrap;flex:420px;gap:8px;padding:0;list-style:none;display:flex}.chip-tool{background:var(--surface);border:1px solid var(--chip);transition:background-color .2s var(--ease), border-color .2s var(--ease), opacity .2s var(--ease), filter .2s var(--ease);border-radius:10px;align-items:center;gap:8px;padding:7px 14px 7px 8px;font-size:15px;display:inline-flex}.chip-tool .ico{background:var(--icon-bg);border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.chip-tool .ico img{object-fit:contain;width:20px;height:20px}.chip-tool.learning{color:var(--subtle);opacity:.6;filter:grayscale(.6);border-style:dashed}.chip-tool:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.chip-tool.learning:hover{opacity:.9;filter:none}.legend{color:var(--subtle);align-items:center;gap:10px;margin-top:18px;font-size:13px;display:flex}.legend:before{content:"";border:1px dashed var(--chip);background:var(--surface);opacity:.6;border-radius:5px;width:26px;height:16px}.xp-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);align-items:start;gap:32px clamp(32px,5vw,72px);display:grid}.xp-index{position:sticky;top:104px}.xp-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.xp-item{color:var(--ink);opacity:.62;transition:background-color .26s var(--ease), opacity .26s var(--ease);border-radius:12px;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;display:flex}.xp-item:hover{background:var(--tab-hover);opacity:1}.xp-item[data-on=true]{background:var(--tab-on);opacity:1}.xp-item .dot{border:2px solid var(--border);width:13px;height:13px;transition:background-color .26s var(--ease), transform .26s var(--ease);border-radius:50%;flex:none}.xp-item[data-on=true] .dot{background:var(--accent);transform:scale(1.2)}.xp-item .name{font-size:18px;font-weight:500;display:block}.xp-item[data-on=true] .name{font-weight:600}.xp-item .short{color:var(--subtle);margin-top:3px;font-size:14px;display:block}.xp-item .xp-date{color:var(--subtle);opacity:.8;margin-top:2px;font-size:13px;display:block}.xp-detail{flex-direction:column;gap:28px;display:flex}@media (width<=900px){.xp-grid{grid-template-columns:minmax(0,1fr)}.xp-index{position:static}.xp-list{display:none}.xp-index .title{margin-bottom:8px}}.logo-tile{border:2px solid var(--border);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-tile img{object-fit:contain;width:100%;height:100%}.panel{background:var(--surface);border:2px solid var(--border);min-width:0;box-shadow:7px 7px 0 var(--border);border-radius:16px;padding:clamp(22px,3vw,34px);scroll-margin-top:104px}.panel-head{align-items:center;gap:14px;display:flex}.panel-head .company{font-size:21px;font-weight:700}.panel-head .when{color:var(--subtle);margin-top:3px;font-size:15px}.panel-head .when strong{color:var(--ink);font-weight:600}.panel .lead{margin-top:18px;font-size:22px;font-weight:500;line-height:1.45}.bullets{flex-direction:column;gap:12px;margin-top:20px;padding:0;list-style:none;display:flex}.bullets li{color:var(--muted);gap:14px;font-size:17px;line-height:1.6;display:flex}.bullets li:before{content:"";background:var(--accent);border:2px solid var(--border);flex:none;width:10px;height:10px;margin-top:7px}.bullets strong{color:var(--ink);font-weight:600}.chips{flex-wrap:wrap;gap:8px;margin-top:22px;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--chip);color:var(--muted);border-radius:7px;padding:4px 10px;font-size:14px}.project{flex-wrap:wrap;align-items:center;gap:32px 56px;margin-bottom:80px;display:flex}.project:last-child{margin-bottom:0}.project.reverse{flex-direction:row-reverse}.project-visual{flex:460px;min-width:0}.colony{border:2px solid var(--border);box-shadow:7px 7px 0 var(--border);background:#1c1b18;border-radius:16px;padding:12px;overflow:hidden}.colony svg{aspect-ratio:32/18;border-radius:8px;width:100%;height:auto}.shot{border:2px solid var(--border);width:100%;box-shadow:7px 7px 0 var(--border);background:var(--ph1);border-radius:16px;display:block}.shot.portrait{max-width:420px;margin-inline:auto}.shot-placeholder{aspect-ratio:16/10;border:2px solid var(--border);box-shadow:7px 7px 0 var(--border);background:repeating-linear-gradient(45deg, var(--ph1) 0 12px, var(--ph2) 12px 24px);color:var(--subtle);border-radius:16px;justify-content:center;align-items:center;font-size:15px;display:flex}.project-body{flex:340px;min-width:0}.project-body .meta{color:var(--subtle);font-size:14px}.project-body h3{letter-spacing:-.03em;margin-top:8px;font-size:clamp(34px,4.2vw,56px);font-weight:700;line-height:1.05}.project-body .sub{margin-top:10px;font-size:20px;font-weight:500}.project-body .hook{color:var(--muted);margin-top:14px;font-size:17px;line-height:1.6}.project-bullets{gap:10px;margin-top:16px}.project-bullets li{font-size:16px}.badge{background:var(--accent);color:var(--accent-ink);border:2px solid var(--border);border-radius:8px;margin-top:16px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.project-body .chips{margin-top:14px}.contact-inner{padding-top:96px;padding-bottom:72px}.contact .title{margin-bottom:0}.contact .text strong{color:var(--ink);font-weight:600}.contact .text{max-width:52ch;color:var(--muted);margin-top:28px;font-size:20px;line-height:1.6}.mail{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px;overflow-wrap:anywhere;margin-top:22px;font-size:clamp(20px,2.8vw,32px);font-weight:600;text-decoration-thickness:5px;display:inline-block}.contact-links{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.contact-links .pill{height:48px;padding:0 20px}.footer{border-top:1px solid var(--line);color:var(--subtle);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:88px;padding-top:22px;font-size:14px;display:flex}.intro-line{display:block;overflow:hidden}.intro-line>span{animation:intro-rise 1s var(--ease) both;animation-delay:calc(var(--i) * .11s + .12s);display:block}.intro-word{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}.intro-word>span{animation:intro-rise .8s var(--ease) both;animation-delay:calc(var(--i) * 32ms + .42s);display:inline-block}.intro-fade{animation:intro-fade .8s var(--ease) both}.intro-late{animation-delay:.95s}@keyframes intro-rise{0%{transform:translateY(108%)}}@keyframes intro-fade{0%{opacity:0;transform:translateY(10px)}}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(28px)}.js [data-reveal][data-shown]{opacity:1;transform:none}.to-top{z-index:70;opacity:0;pointer-events:none;transition:opacity .26s var(--ease), transform .26s var(--ease);position:fixed;bottom:clamp(16px,3vw,32px);right:clamp(16px,3vw,32px);transform:translateY(10px)}.to-top[data-visible=true]{opacity:1;pointer-events:auto;transform:none}.to-top .pill{width:50px;height:50px}.to-top .pill:hover{background:var(--accent);color:var(--accent-ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill,.cta-fill,.cta-text,.cta-icon,.xp-item,.xp-item .dot,.chip-tool,.to-top,.hero-light,body{transition:none}.intro-line>span,.intro-word>span,.intro-fade{animation:none}.js [data-reveal]{opacity:1;transition:none;transform:none}.pill:hover,.pill:active{transform:none}}