@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.1zrieox9119mb.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(../media/inter-cyrillic-wght-normal.2whpih27xg_2r.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(../media/inter-greek-ext-wght-normal.1xlj4-0oa5zql.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(../media/inter-greek-wght-normal.1fxkn-ggzj93z.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(../media/inter-vietnamese-wght-normal.1ahvy37o8m5gt.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(../media/inter-latin-ext-wght-normal.2ktx6yqc-sbf1.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(../media/inter-latin-wght-normal.0rpdhg_4ubdtf.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{--background:#1b0d1a;--text:#fff2f7;--muted:#cbb7c4;--pink-light:#ffb9d4;--magenta:#ff006e;--violet:#5d34d0;--cyan:#00f0ff;--ink:#361126}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter Variable,Inter,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 80% 0,#ff006e33,#0000 55%),radial-gradient(at 0 65%,#5d34d025,#0000 70%);position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:default}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--pink-light);outline-offset:6px;border-radius:3px}::selection{background:var(--magenta);color:#fff}p{margin:0;line-height:1.75}h1,h2,h3,h4{letter-spacing:-.05em;overflow-wrap:anywhere;margin:0;font-weight:500}img{max-width:100%;height:auto;display:block}em{color:var(--pink-light);font-style:normal}button{background:0 0;border:0}.site-shell{max-width:1560px;margin:0 auto;padding:0 240px 0 6%}.skip-link{z-index:50;color:#21111b;background:#fff;padding:1rem;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}.header{align-items:center;gap:2rem;min-height:110px;display:flex}.wordmark{letter-spacing:-.09em;margin-right:auto;font-size:2rem;font-weight:700}.wordmark span{color:var(--pink-light)}.header nav{flex-wrap:wrap;gap:1.8rem;display:flex}.header a{align-items:center;min-height:44px;display:inline-flex}.header nav a,.cv-link{font-size:.84rem}.header a:hover{color:var(--pink-light)}.cv-link{border-bottom:1px solid var(--pink-light);gap:.7rem;margin-left:1rem}.hero{padding:45px 0 32px;position:relative}.hero-topline,.hero-footnote{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.78rem;display:flex}.hero-composition{grid-template-columns:1fr 29%;align-items:center;gap:2%;margin-top:55px;display:grid}.greeting{margin-bottom:12px;font-size:1.05rem}.hero h1{letter-spacing:-.085em;z-index:1;font-size:clamp(5rem,15vw,10rem);line-height:.95;position:relative}.hero h1 span{color:var(--pink-light);text-shadow:0 0 60px #ff006e20}.portrait{align-self:center;margin:-45px 0 0}.portrait-image{background:#f8f6f8;border:8px solid #ffffff0b;border-radius:150px 150px 28px 28px;overflow:hidden;box-shadow:0 14px 80px #ff006e17}.portrait-image img{aspect-ratio:4/5;object-fit:cover;object-position:52% center}.portrait figcaption{color:var(--muted);text-align:center;padding-top:12px;font-size:.7rem}.hero-bottom{justify-content:space-between;align-items:center;gap:2rem;margin:52px 0 55px;display:flex}.hero-bottom p{max-width:480px;font-size:.95rem}.hero-bottom p span{color:var(--muted)}.round-link{flex-shrink:0;align-items:center;gap:1.1rem;min-height:52px;font-size:.85rem;display:inline-flex}.round-arrow{background:var(--pink-light);width:54px;height:54px;color:var(--ink);border-radius:50%;place-items:center;font-size:1.4rem;transition:transform .25s;display:grid}.round-link:hover .round-arrow{transform:translateY(4px)}.hero-footnote{border-top:1px solid #ffffff25;flex-wrap:wrap;align-items:center;gap:4px 16px;padding-top:22px}.hero-footnote a{color:var(--pink-light);align-items:center;min-height:44px;display:inline-flex}.section{padding:110px 0;scroll-margin-top:20px}.section-kicker{color:var(--pink-light);margin-bottom:24px;font-size:.85rem}.section-heading h2,.about-intro h2{font-size:clamp(2.8rem,5.7vw,5.6rem);line-height:1.05}.section-heading>p:last-child{color:var(--muted);margin-top:24px;font-size:.9rem}.work-showcase{grid-template-columns:.8fr 1.5fr;align-items:start;gap:35px;margin-top:55px;display:grid}.work-selector{flex-direction:column;display:flex}.work-selector button{text-align:left;min-height:83px;color:var(--muted);border-bottom:1px solid #ffffff25;grid-template-columns:30px 1fr 22px;align-items:center;gap:8px;padding:16px 8px;font-size:1.05rem;transition:color .2s,padding .2s;display:grid}.work-selector button[aria-pressed=true]{color:var(--pink-light);padding-left:14px}.work-selector button:hover{color:#fff}.work-number{font-size:.68rem}.selection-mark{opacity:0}[aria-pressed=true] .selection-mark{opacity:1}.selected-work{background:radial-gradient(at 100% 0,#ff006e26,#0000 80%),linear-gradient(140deg,#321426,#24112b);border-radius:22px;min-width:0;min-height:420px;padding:clamp(24px,3vw,40px)}.work-content{animation:.25s ease-out reveal}.project-meta{color:var(--pink-light);justify-content:space-between;gap:16px;font-size:.72rem;display:flex}.selected-work h3{margin:40px 0 20px;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.1}.selected-work>div>p{color:var(--muted);font-size:.85rem}.feature-list{margin:25px 0;padding:0;list-style:none}.feature-list li{padding:9px 0 9px 20px;font-size:.85rem;line-height:1.6;position:relative}.feature-list li:before{content:"";background:var(--pink-light);border-radius:50%;width:5px;height:5px;position:absolute;top:18px;left:0}.project-bottom{margin-top:30px}.tech-list{color:var(--muted);font-size:.68rem;line-height:1.8}.text-link{border-bottom:1px solid var(--pink-light);align-items:center;gap:24px;min-height:44px;margin-top:10px;font-size:.85rem;display:inline-flex}.text-link:hover{color:var(--pink-light)}.other-work{margin-top:42px}.other-work summary{border-bottom:1px solid #ffffff25;justify-content:space-between;min-height:44px;padding:24px 0;list-style:none;display:flex}.other-work summary::-webkit-details-marker{display:none}.other-work summary span:last-child{color:var(--pink-light);font-size:1.5rem}.other-work[open] summary span:last-child{transform:rotate(45deg)}.archive-list a{border-bottom:1px solid #ffffff18;grid-template-columns:1fr 1fr 20px;align-items:center;gap:12px;min-height:78px;padding:14px 0;display:grid}.archive-list a:hover{color:var(--pink-light)}.archive-list a span:nth-child(2){color:var(--muted);font-size:.75rem}.about-section{grid-template-columns:1fr 1.1fr;gap:70px 60px;display:grid}.about-copy>p{color:var(--muted);margin-bottom:20px;font-size:.9rem}.about-copy .large-copy{color:var(--text);font-size:1.2rem;line-height:1.6}.education{margin-top:36px}.education strong{color:var(--text);font-weight:500}.experience,.skills{grid-column:1/-1}.experience>h3,.skills h3{font-size:1.4rem}.experience article{border-bottom:1px solid #ffffff20;grid-template-columns:1fr 2fr;gap:30px;padding:30px 0;display:grid}.experience-period{color:var(--pink-light);font-size:.85rem}.experience h4{letter-spacing:-.03em;font-size:1.25rem}.experience article div>p{color:var(--muted);margin-top:12px;font-size:.82rem}.experience article div>.organization{color:var(--pink-light);margin-top:5px;font-size:.73rem}.skills{grid-template-columns:1fr 2fr;gap:30px;display:grid}.skills p{font-size:.9rem;line-height:2.1}.workflow{color:var(--muted);margin-top:30px}.workflow strong{color:var(--text);font-weight:500}.contact-section{background:radial-gradient(at 25% 100%,#ff006e30,#0000 70%);margin:0 -4%;padding:90px 4%}.contact-section h2{font-size:clamp(3.8rem,8vw,8rem);line-height:1.03}.email-link{border-bottom:1px solid var(--pink-light);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:1rem;width:fit-content;max-width:100%;min-height:48px;margin:40px 0 22px;padding-bottom:9px;font-size:clamp(.92rem,2.5vw,1.8rem);display:flex}.email-link span{font-size:1.5rem}.contact-links{color:var(--muted);flex-wrap:wrap;gap:30px;font-size:.85rem;display:flex}.contact-links a{align-items:center;min-height:44px;display:inline-flex}.contact-links a:hover,.email-link:hover{color:var(--pink-light)}.footer{color:var(--muted);border-top:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:20px;padding:35px 0;font-size:.68rem;display:flex}.footer a{align-items:center;min-height:44px;display:inline-flex}.project-page{min-height:80dvh;padding:60px 0 120px}.back-link{min-height:44px;color:var(--pink-light);align-items:center;margin-bottom:65px;font-size:.9rem;display:inline-flex}.project-page h1{overflow-wrap:anywhere;margin:20px 0 30px;font-size:clamp(3rem,7vw,7rem);line-height:1.1}.project-description{color:var(--muted);max-width:750px;font-size:1.25rem}.detail-columns{grid-template-columns:1.4fr 1fr;gap:50px;margin:65px 0;display:grid}.detail-columns h2{font-size:1.4rem}.detail-columns p{color:var(--muted);margin-top:25px;font-size:.9rem}.project-note{color:var(--muted);max-width:600px;font-size:.82rem}.companion{--journey:0;z-index:10;width:168px;transform:translateY(calc(var(--journey) * max(0px, 100dvh - 500px)));text-align:center;transition:transform .35s ease-out;position:fixed;top:150px;right:26px}.cat-hit-target{border-radius:50%;width:168px;height:210px;padding:0;display:block}.cat-visual{pointer-events:none;width:100%;height:100%;display:block}.static-cat{width:100%;height:100%}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.desk-canvas:focus-visible{outline:3px solid var(--pink-light);outline-offset:4px;border-radius:12px}.desk-keyboard-help{z-index:1;color:var(--text);opacity:0;pointer-events:none;background:#321b2e;padding:10px 12px;font-size:.8rem;position:absolute;bottom:0;left:0;right:0}.desk-canvas:focus-visible .desk-keyboard-help{opacity:1}@keyframes reveal{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.desk-section{grid-template-columns:.8fr 1.6fr;align-items:center;gap:25px;padding:65px 0 25px;display:grid}.desk-copy h2{letter-spacing:-.055em;margin-bottom:24px;font-size:clamp(2.2rem,3.6vw,3.6rem);line-height:1.1}.desk-copy h2 em{color:var(--pink-light);font-weight:450}.desk-copy>p:not(.section-kicker){color:var(--muted);max-width:280px;font-size:.95rem}.desk-copy>.desk-note{color:var(--pink-light);margin-top:24px;font-size:.78rem}.desk-interactive{min-width:0}.desk-canvas{touch-action:pan-y pinch-zoom;background:radial-gradient(at 50% 60%,#a931642b,#0000 66%);height:clamp(300px,32vw,450px);position:relative}.desk-controls{border-top:1px solid #ffffff25;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;display:flex}.desk-controls label{color:var(--muted);align-items:center;gap:14px;font-size:.82rem;display:flex}.desk-controls input{width:110px;min-height:44px;accent-color:var(--pink-light);cursor:ew-resize}.desk-colors{gap:4px;display:flex}.desk-colors button{min-height:44px;color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;display:flex}.desk-colors button[aria-pressed=true]{border-color:var(--pink-light);color:var(--text)}.desk-colors button span{border-radius:50%;width:12px;height:12px}.rose-swatch{background:#f5a7c9}.lilac-swatch{background:#b8a1f3}.desk-controls :disabled{cursor:default;opacity:.5}.desk-fallback{text-align:center;align-content:center;height:100%;display:grid}.desk-fallback svg{width:100%;max-height:340px}.desk-fallback p{color:var(--muted);font-size:.7rem}@media (min-width:1700px){.companion{right:calc(50vw - 760px)}}@media (max-width:1100px){.site-shell{padding-left:5%;padding-right:185px}.header{gap:18px}.header nav{gap:16px}.cv-link{margin-left:0}.hero h1{font-size:clamp(4.2rem,11vw,8.5rem)}.hero-composition{grid-template-columns:1fr 28%}.hero-bottom{flex-direction:column;align-items:flex-start;gap:25px}.companion{width:150px;right:4px}.cat-hit-target{width:150px;height:185px}.desk-section{grid-template-columns:1fr;gap:0}.desk-copy{max-width:500px}.desk-copy>p:not(.section-kicker){max-width:390px}.desk-copy>.desk-note{margin-top:14px}.desk-canvas{height:350px}.work-showcase{grid-template-columns:1fr;gap:20px}.work-selector{grid-template-columns:1fr 1fr;column-gap:22px;display:grid}.work-selector button{min-height:70px;font-size:.95rem}.about-section{grid-template-columns:1fr;gap:45px}.about-intro h2 br{display:none}.selected-work{min-height:350px}.footer{flex-wrap:wrap}.footer>span:nth-child(2){display:none}}@media (max-width:760px){html{scroll-padding-bottom:104px}body{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.site-shell{padding:0 6%}.header{grid-template-columns:1fr auto;gap:2px 20px;min-height:0;padding:14px 0 10px;display:grid}.wordmark{grid-area:1/1;font-size:1.8rem}.cv-link{grid-area:1/2;margin:0;font-size:.82rem}.header nav{grid-area:2/1/auto/-1;justify-content:space-between;gap:16px}.header nav a{min-width:60px;font-size:.9rem}.hero{padding-top:24px}.hero-topline{flex-wrap:wrap;gap:0 16px;font-size:.75rem}.hero-composition{margin-top:48px;display:block;position:relative}.hero h1{font-size:clamp(3.5rem,17vw,7rem)}.greeting{margin-bottom:14px;font-size:.95rem}.portrait{width:clamp(88px,25vw,150px);margin:0;position:absolute;top:-24px;right:0}.portrait-image{border-width:3px;border-radius:100px 100px 20px 20px}.portrait figcaption{display:none}.hero-bottom{gap:22px;margin:32px 0 28px}.hero-bottom p{font-size:.95rem}.round-link{font-size:.9rem}.round-arrow{width:46px;height:46px}.hero-footnote{padding-top:14px;font-size:.75rem}.hero-footnote span{display:block}.section{padding:56px 0}.section-kicker{margin-bottom:16px;font-size:.8rem}.section-heading h2,.about-intro h2{font-size:clamp(2.5rem,8vw,3.8rem)}.work-showcase{margin-top:28px}.work-selector{column-gap:16px}.work-selector button{grid-template-columns:20px 1fr 16px;gap:6px;min-height:68px;padding:12px 0;font-size:.9rem}.work-selector button[aria-pressed=true]{padding-left:0}.selected-work{min-height:0;padding:24px}.selected-work h3{margin-top:28px}.selected-work>div>p,.feature-list li,.text-link{font-size:.95rem}.tech-list,.project-meta{font-size:.78rem}.archive-list a{grid-template-columns:1fr 20px;font-size:.95rem}.archive-list a span:nth-child(2){grid-area:2/1;font-size:.82rem}.archive-list a span:last-child{grid-area:1/2/3}.about-copy>p,.experience article div>p,.skills p{font-size:.95rem}.about-copy .large-copy{font-size:1.1rem}.experience article{grid-template-columns:1fr;gap:10px}.skills{grid-template-columns:1fr;gap:20px}.contact-section{padding:56px 4%}.contact-section h2{font-size:clamp(3.5rem,12vw,5.7rem)}.contact-links{gap:24px;font-size:.95rem}.footer{padding:20px 0;font-size:.75rem}.companion{width:100%;height:calc(80px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);text-align:left;pointer-events:none;background:linear-gradient(110deg,#261223,#35152c);border-top:1px solid #ffffff25;display:block;top:auto;bottom:0;right:0;transform:none}.cat-hit-target{pointer-events:auto;width:90px;height:100px;transform:translateX(calc(8px + var(--journey) * max(0px, 100vw - 110px)));margin-top:-20px;transition:transform .3s ease-out}.desk-section{gap:0;padding-top:40px;padding-bottom:15px}.desk-copy h2{margin-bottom:18px;font-size:clamp(2.4rem,9vw,3.4rem)}.desk-copy>p:not(.section-kicker){max-width:36rem;font-size:.95rem}.desk-copy>.desk-note{margin-top:12px;font-size:.75rem}.desk-canvas{height:clamp(250px,76vw,370px);margin:0 -4%}.desk-controls{gap:8px 16px}.desk-controls label{flex:100%;font-size:.875rem}.desk-controls input{flex:1;width:auto;min-width:100px}.desk-colors button{padding:8px 14px;font-size:.875rem}.project-page{padding:25px 0 65px}.back-link{margin-bottom:35px}.project-page h1{font-size:clamp(2.6rem,11vw,5rem)}.project-description{font-size:1.1rem}.detail-columns{grid-template-columns:1fr;gap:30px;margin:40px 0}.detail-columns p,.project-note{font-size:.95rem}}@media (max-width:370px){.hero-topline{flex-direction:column}.desktop-break{display:none}.work-selector{grid-template-columns:1fr}.work-selector button{min-height:56px}}@media (max-height:520px){.companion{margin:0 auto;position:relative;top:auto;bottom:auto;right:auto;transform:none}.site-shell{padding-right:6%}body{padding-bottom:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition:none!important;animation:none!important}