@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.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{--ink:#17162b;--bg:#fff9ee;--text:#17162b;--muted:#55526c;--rule:#e9dfcb;--disc:#ffc62e;--font-display:"Bricolage Grotesque Variable", system-ui, sans-serif;--font-body:"Instrument Sans Variable", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#13122a;--text:#f8f4e8;--muted:#b6b2cc;--rule:#2e2c50;--disc:#6d5ef0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;line-height:1.45;transition:background-color .25s,color .25s}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}:focus-visible{outline-offset:3px;outline:3px solid #2f7bff}.page{flex-direction:column;min-height:100dvh;display:flex}.topbar{justify-content:space-between;align-items:center;width:100%;max-width:640px;margin-inline:auto;padding:14px 20px;display:flex}.wordmark{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.icon-button{border:2px solid var(--text);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:transform .15s;display:grid}.icon-button:hover{transform:rotate(-14deg)scale(1.06)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-button__sun,:root[data-theme=dark] .icon-button__moon{display:none}:root[data-theme=dark] .icon-button__sun{display:block}.stage{flex:1;width:100%;max-width:640px;margin-inline:auto;padding:8px 20px 0;position:relative}.intro,.figure,.skills{position:relative}.intro__name{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(3.4rem,17vw,5.5rem);font-weight:800;line-height:.92}.roles{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.roles__item{color:var(--ink);border-radius:999px;padding:5px 13px;font-size:.92rem;font-weight:600}.roles__item:first-child{background:#ffb000}.roles__item:nth-child(2){background:#2dd4a7}.roles__item:nth-child(3){background:#ff7dbb}.intro__tagline{max-width:34ch;color:var(--muted);margin-top:20px;font-size:1.15rem}.intro__background{max-width:42ch;color:var(--muted);margin-top:10px;font-size:.94rem}.email{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.email__link,.email__copy{border:2px solid var(--text);min-height:48px;font:inherit;cursor:pointer;border-radius:12px;font-weight:600;transition:transform .15s,box-shadow .15s}.email__link{background:var(--text);color:var(--bg);align-items:center;padding:0 18px;font-size:1.05rem;text-decoration:none;display:inline-flex}.email__copy{min-width:92px;color:var(--text);background:0 0;padding:0 14px}.email__link:hover,.email__copy:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #ff5c4d}.figure{z-index:2;margin-top:24px}.avatar{width:min(78%,300px);height:auto;margin-inline:auto;display:block;overflow:visible}.avatar__disc{fill:var(--disc);transition:fill .25s}.avatar__head{transform-box:fill-box;transform-origin:50% 100%;animation:6s ease-in-out infinite head-nod}.avatar__eyes{transform-box:fill-box;transform-origin:50%;animation:5s infinite blink}.avatar__wave{transform-box:fill-box;transform-origin:50% 100%;animation:3.2s ease-in-out infinite wave}.skills{z-index:2;margin-top:72px;padding-bottom:32px}.skills__heading{font-family:var(--font-display);margin-bottom:12px;padding-left:60px;font-size:1.3rem;font-weight:700}.skill{align-items:center;gap:16px;padding:10px 0 10px 26px;display:flex}.skill__port{border:4px solid var(--skill-color);background:var(--bg);border-radius:50%;flex:none;width:18px;height:18px;transition:background-color .15s,transform .15s}.skill:hover .skill__port{background:var(--skill-color);transform:scale(1.25)}.skill__title{font-family:var(--font-display);font-size:1.12rem;font-weight:700;line-height:1.2}.skill__detail{color:var(--muted);font-size:.94rem}.cables{z-index:1;pointer-events:none;position:absolute;top:0;left:0}.cable path{fill:none;stroke-linecap:round}.cable__wire{stroke:var(--skill-color);stroke-width:3px;stroke-dasharray:100;animation:1.1s cubic-bezier(.6,0,.3,1) both cable-draw;animation-delay:calc(var(--index) * 70ms);transition:opacity .15s,stroke-width .15s}.cable__packet{stroke:var(--skill-color);stroke-width:9px;stroke-dasharray:.01 99.99;animation:3.6s linear infinite packet;animation-delay:calc(var(--index) * -.55s)}.cables[data-has-active=true] .cable[data-active=false] .cable__wire{opacity:.25}.cable[data-active=true] .cable__wire{stroke-width:5px}.footer{color:var(--muted);text-align:center;padding:16px 20px;font-size:.85rem}@keyframes cable-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes packet{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.08)}}@keyframes wave{0%,55%,to{transform:rotate(0)}65%,85%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes head-nod{0%,to{transform:rotate(0)}50%{transform:rotate(-1.5deg)}}@media (width>=1100px) and (height>=600px){.page{height:100dvh;overflow:hidden}.topbar{flex:none;max-width:none;padding:clamp(10px,2vh,22px) clamp(24px,4vw,64px)}.stage{grid-template-columns:minmax(0,.92fr) minmax(0,.92fr) minmax(0,1.08fr);max-width:none;min-height:0;padding:0 clamp(24px,4vw,64px);display:grid}.intro{z-index:3;align-self:center;padding-bottom:4vh}.intro__name{font-size:clamp(4rem,min(6.5vw,12.5vh),7.5rem)}.roles{margin-top:clamp(14px,2.6vh,28px)}.intro__tagline{margin-top:clamp(14px,2.6vh,28px);font-size:clamp(1.05rem,1.25vw,1.35rem)}.intro__background{font-size:clamp(.88rem,1vw,1.02rem)}.email{margin-top:clamp(16px,3.2vh,34px)}.figure{justify-content:center;align-items:flex-end;min-height:0;margin-top:0;display:flex}.avatar{width:100%;max-height:100%;margin:0}.skills{align-self:center;margin-top:0;padding:0 0 4vh clamp(64px,8.5vw,160px)}.skills__heading{margin-bottom:clamp(6px,1.4vh,16px);padding-left:34px;font-size:clamp(1.2rem,1.5vw,1.6rem)}.skill{padding:clamp(5px,1.15vh,13px) 0}.skill__title{font-size:clamp(1.05rem,1.3vw,1.35rem)}.skill__detail{font-size:clamp(.88rem,1vw,1.02rem)}.footer{text-align:left;padding:0;position:absolute;bottom:clamp(8px,1.8vh,18px);left:clamp(24px,4vw,64px)}}@media (prefers-reduced-motion:reduce){.avatar__head,.avatar__eyes,.avatar__wave,.cable__wire{animation:none}.cable__packet{display:none}body,.icon-button,.email__link,.email__copy,.skill__port{transition:none}}