@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.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:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-ext-wght-normal-okcGN4Nq.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 Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-wght-normal-BS41q_Tv.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-ext-wght-normal-DQgQPNk4.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-wght-normal-sS1B39LI.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 Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-vietnamese-wght-normal-TKKdAiBA.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 Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-ext-wght-normal-B4u9PlvR.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 Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-wght-normal-DX-nOvPD.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: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0d0a14;--ink-2:#160f22;--plum:#2a1238;--violet:#9b4bea;--rose:#ff5f9e;--pink:#ffb0cf;--peach:#ffa277;--sun:#ffe39a;--cream:#fff3dc;--text:#f3e6f0;--muted:#b8a3c2;--line:#ffb0cf2e;--grad-logo:linear-gradient(180deg, #ffe39a 0%, #ffa277 32%, #ff5f9e 66%, #9b4bea 100%);--grad-text:linear-gradient(180deg, #fff3cf 0%, #ffc2c9 38%, #ff7fae 72%, #e05cc8 100%);--grad-btn:linear-gradient(100deg, #ffd27f 0%, #ff8f8a 45%, #ff5f9e 100%);--font-display:"Anton", "Impact", "Arial Narrow", sans-serif;--font-body:"Inter Tight Variable", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 56px);--ease-out:cubic-bezier(.2, .7, .1, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}body{background:var(--ink);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(16px,.35vw + 14.6px,19px);line-height:1.6;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:4px}.wrap{width:min(1320px,100%);padding-inline:var(--gutter);margin-inline:auto}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.005em;margin:0;font-weight:400;line-height:.88}.grad-text{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--pink);margin:0 0 1rem;font-size:.78rem;font-weight:600}.blink{animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.btn{letter-spacing:.04em;min-height:48px;transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out), background-color .35s;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.75em 1.6em;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-solid{background:var(--grad-btn);color:#1a0b1f;box-shadow:0 10px 30px -10px #ff5f9eb3}.btn-solid:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px #ff5f9ee6}.btn-ghost{color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0a1440;border:1.5px solid #fff3dc8c}.btn-ghost:hover{background:#fff3dc1f}.site-header{z-index:50;padding:18px var(--gutter);transition:transform .6s var(--ease-out), opacity .6s, background-color .4s;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.site-header.is-hidden{opacity:0;pointer-events:none;transform:translateY(-110%)}.site-header.is-solid{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0a14b8}.brand{padding:6px 0}.site-nav{letter-spacing:.18em;text-transform:uppercase;gap:clamp(.9rem,2.4vw,2.2rem);font-size:.78rem;font-weight:650;display:flex}.site-nav a{color:var(--cream);opacity:.85;padding:8px 0;text-decoration:none;transition:opacity .2s,color .2s}.site-nav a:hover{opacity:1;color:var(--pink)}@media (width<=560px){.site-nav a:last-child{display:none}.site-nav{letter-spacing:.12em}}.hero{height:100svh;position:relative}.hero-stage{background:var(--ink);height:100svh;position:relative;overflow:hidden}.mask-layer,.hero-intro{display:none}.js .mask-layer{display:block}.js .hero-intro{display:grid}.js .hero-copy{visibility:hidden}.scene,.mask-layer{width:100%;height:100%;position:absolute;inset:0}.scene [data-layer]{transform-box:view-box;transform-origin:50% 62%}.mask-ink{fill:var(--ink)}[data-logo-fill]{filter:drop-shadow(0 0 28px #ff5f9e73)}.hero-intro{text-align:center;justify-items:center;gap:1.4rem;padding-bottom:clamp(28px,6vh,64px);display:grid;position:absolute;inset:auto 0 0}.hero-intro .kicker{color:var(--muted);margin:0}.scroll-hint{letter-spacing:.3em;text-transform:uppercase;color:var(--pink);justify-items:center;gap:10px;margin:0;font-size:.7rem;display:grid}.scroll-hint i{background:linear-gradient(var(--pink), transparent);transform-origin:top;width:1.5px;height:44px;animation:drip 1.8s var(--ease-out) infinite}@keyframes drip{0%{opacity:1;transform:scaleY(0)}70%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hero-copy{padding:0 var(--gutter) clamp(40px, 9vh, 110px);flex-direction:column;justify-content:flex-end;max-width:1320px;margin-inline:auto;display:flex;position:absolute;inset:0}.hero-copy h1{filter:drop-shadow(0 6px 30px #0d0a148c);font-size:clamp(4.2rem,15vw,15rem)}.hero-copy .kicker{color:var(--cream);text-shadow:0 1px 12px #0d0a1499}.lede{max-width:34em;color:var(--cream);text-shadow:0 1px 16px #0d0a14cc;margin:1.4rem 0 0;font-size:clamp(1.05rem,1vw + .8rem,1.35rem);line-height:1.5}.actions{flex-wrap:wrap;gap:12px;margin-top:2rem;display:flex}.statement{padding-block:clamp(110px,18vh,220px) clamp(80px,12vh,160px)}.statement-text{max-width:22ch;font-family:var(--font-display);text-transform:uppercase;color:var(--pink);margin:0;font-size:clamp(2.3rem,5.6vw,5.6rem);line-height:1.02}.statement-text .w{opacity:.16;white-space:pre;display:inline-block}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,40px);margin:clamp(70px,10vh,130px) 0 0;padding-top:32px;display:grid}.stats div{flex-direction:column-reverse;gap:.6rem;display:flex}.stats dd{margin:0;font-size:clamp(3.6rem,9vw,8rem)}.stats small{margin-left:.12em;font-size:.38em}.stats dt{color:var(--muted);max-width:16ch;font-size:.95rem}@media (width<=640px){.stats{grid-template-columns:1fr}}.chapter{padding-block:clamp(60px,10vh,120px) clamp(40px,6vh,80px)}.chapter-title{font-size:clamp(4.5rem,17vw,17rem)}.chapter-lede{max-width:34em;color:var(--muted);margin:1.5rem 0 0}.project{--glow:var(--rose);isolation:isolate;align-items:center;min-height:100vh;padding-block:clamp(60px,10vh,120px);display:grid;position:relative}.project:before{content:"";z-index:-1;background:radial-gradient(60% 55% at var(--gx,75%) 50%, color-mix(in oklab, var(--glow) 32%, transparent), transparent 70%), linear-gradient(180deg, var(--ink), color-mix(in oklab, var(--glow) 8%, var(--ink)) 50%, var(--ink));position:absolute;inset:0}.project:nth-child(3n+2){--glow:var(--peach)}.project:nth-child(3n+3){--glow:var(--violet)}.project:nth-child(2n){--gx:25%}.project-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,90px);display:grid}.project:nth-child(2n) .project-copy{order:2}.project-num{letter-spacing:.22em;text-transform:uppercase;color:var(--pink);align-items:center;gap:14px;margin:0 0 1.2rem;font-size:.78rem;font-weight:650;display:flex}.project-num:after{content:"";background:var(--line);flex:0 0 56px;height:1px}.project-name{overflow-wrap:anywhere;font-size:clamp(3rem,7vw,7.4rem)}.project-role{color:var(--cream);margin:1rem 0 0;font-weight:650}.project-role span{color:var(--muted);font-weight:500}.project-summary{color:var(--text);opacity:.86;max-width:34em;margin:1.1rem 0 0}.chips{flex-wrap:wrap;gap:8px;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);letter-spacing:.04em;color:var(--pink);background:#ffb0cf0a;border-radius:999px;padding:.35em .9em;font-size:.78rem;font-weight:600}.project .actions{margin-top:1.8rem}.project-role .retired-tag{letter-spacing:.16em;color:var(--sun);vertical-align:middle;background:#ffe39a1a;border:1px solid #ffe39a80;border-radius:999px;margin-left:.7em;padding:.2em .75em;font-size:.68rem;font-weight:700;display:inline-block}.shot{aspect-ratio:4/4.6;background:var(--ink-2);width:100%;max-height:80vh;box-shadow:0 0 0 1px #ffb0cf29, 0 40px 90px -30px color-mix(in oklab, var(--glow) 60%, transparent), 0 30px 60px -30px #000c;border-radius:22px;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.shot img{will-change:transform;width:100%;height:auto}.shot-view{flex:1;min-height:0;position:relative;overflow:hidden}.shot-view:after{content:"";pointer-events:none;background:linear-gradient(#0000 70%,#0d0a1473);position:absolute;inset:0}.shot-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);background:#0d0a14b3;flex:none;align-items:center;gap:6px;padding:10px 14px;font-size:.72rem;display:flex}.shot-bar i{background:var(--line);border-radius:50%;width:9px;height:9px}.shot-bar span{white-space:nowrap;text-overflow:ellipsis;margin-left:8px;overflow:hidden}@media (width<=860px){.project{min-height:0}.project-inner{grid-template-columns:1fr}.project:nth-child(2n) .project-copy{order:0}.shot{aspect-ratio:4/3.6}}.experience{background:linear-gradient(180deg, var(--ink) 0%, var(--plum) 45%, #3b1440 75%, var(--ink) 100%);padding-bottom:clamp(90px,14vh,180px);position:relative}.job{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0a1473;border-radius:24px;padding:clamp(24px,4vw,48px)}.job-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;display:flex}.job-head h3{color:var(--sun);font-size:clamp(2.4rem,5vw,4.6rem)}.job-meta{color:var(--cream);margin:0;font-weight:650}.job-meta span{letter-spacing:.16em;text-transform:uppercase;color:var(--pink);font-size:.85rem;font-weight:500;display:block}.job-desc{opacity:.9;max-width:60em;margin:1.4rem 0 0}.skills{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(28px,3vw,48px);margin-top:clamp(40px,6vh,72px);display:grid}.skill-group h4{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:650}.skill-group .chips{margin-top:1rem}.finale{text-align:center;padding-top:clamp(100px,16vh,200px);position:relative;overflow:hidden}.finale-glow{pointer-events:none;background:radial-gradient(50% 50% at 50% 60%,#ff5f9e59,#9b4bea26 50%,#0000 72%);height:90%;position:absolute;inset:auto -20% -40%}.finale-inner{justify-items:center;display:grid;position:relative}.finale-logo{filter:drop-shadow(0 0 40px #ff5f9e73);width:min(360px,60vw);height:auto}.finale-title{margin-top:clamp(30px,5vh,56px);font-size:clamp(3.8rem,12vw,11rem)}.btn-big{overflow-wrap:anywhere;margin-top:2.2rem;padding:1em 2em;font-size:clamp(1rem,1.4vw,1.25rem)}.socials{letter-spacing:.18em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:2rem;font-size:.8rem;font-weight:650;display:flex}.socials a{color:var(--cream);padding:8px 0;text-decoration:none}.socials a:hover{color:var(--pink)}.finale-base{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;margin-top:clamp(80px,12vh,140px);padding-block:24px;font-size:.82rem;display:flex;position:relative}.finale-base a{text-decoration:none}@media (prefers-reduced-motion:reduce){.js .mask-layer,.js .hero-intro{display:none}.js .hero-copy{visibility:visible}.statement-text .w{opacity:1}.blink,.scroll-hint i{animation:none}}