@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-B2xhLi22.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,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-CMZtQduZ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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-CGAr0uHJ.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CaVNZxsx.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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-CFHvXkgd.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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-C2S99t-D.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-JYwbJm1y.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-VW1cwH0u.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-4ID4nw1r.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #131334;--navy: #13133a;--panel: #00b9ff;--panel-dark: #0590cd;--white: #fff;--text-l: clamp(18px, 1.67vw, 32px);--title: clamp(30px, 2.5vw, 48px);--tile-radius: clamp(18px, 1.46vw, 28px);--font-heading: "Archivo Variable", "Inter Variable", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--white);font-family:Inter Variable,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overscroll-behavior:none}html.page-open{overflow-x:hidden;overflow-y:auto}html.page-open body{height:auto;min-height:100%;overflow:visible}button{font:inherit;color:inherit}p{margin:0}h1,h2,h3,.arc-label-text{font-family:var(--font-heading)}:focus-visible{outline:3px solid var(--white);outline-offset:4px;border-radius:8px}.site-header{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:clamp(20px,3.4vh,41px) clamp(20px,2.7vw,52px);pointer-events:none}.site-header.is-behind{z-index:3}.site-header.is-behind .nav-link{font-size:clamp(14px,1.05vw,20px)}.site-header.is-hidden{opacity:0;visibility:hidden}.site-header{transition:opacity .5s,visibility .5s}.nav-link{pointer-events:auto;position:relative;padding:0;border:0;background:none;color:var(--white);text-decoration:none;font-size:var(--text-l);font-weight:700;line-height:1;letter-spacing:.01em;cursor:pointer;transition:font-size .4s cubic-bezier(.2,.7,.2,1)}.brand{display:inline-flex;white-space:nowrap}.brand-rest{display:inline-block;max-width:0;overflow:hidden;opacity:0;transition:max-width .5s cubic-bezier(.2,.7,.2,1),opacity .3s}.nav-link:hover .brand-rest,.nav-link:focus-visible .brand-rest{max-width:7em;opacity:1}.nav-link:hover .brand-rest:last-child,.nav-link:focus-visible .brand-rest:last-child{transition-delay:.08s}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.header-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.listen-pill{pointer-events:auto;width:clamp(116px,9.1vw,175px);height:clamp(38px,4vh,48px);padding:0;font-size:clamp(15px,1.25vw,24px)}.site-header.is-behind .listen-pill{width:clamp(104px,7.3vw,140px);height:clamp(34px,3.2vh,40px);font-size:clamp(14px,1.05vw,20px)}.listen-pill-inner{display:inline-flex;align-items:center;gap:.7em}.listen-pill svg{width:.95em;height:.95em}.player-wrap{position:fixed;top:32px;left:0;right:0;z-index:12;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.player-wrap.is-covered{z-index:10}.player{width:min(624px,100%);padding:18px 18px 16px;background:var(--white);color:#000;box-shadow:0 30px 80px #00000059;pointer-events:auto;overflow:hidden}.player-head{display:flex;align-items:center;justify-content:space-between;margin:0 5px 18px 11px;min-height:57px}.player-next{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:#000;font-family:var(--font-heading);font-size:clamp(28px,2.1vw,40px);font-weight:700;line-height:1;cursor:pointer}.player-next-icon{transition:transform .3s cubic-bezier(.3,1.6,.5,1),background-color .25s,color .25s}.player-next:hover .player-next-icon{background:var(--navy);color:var(--white);transform:translate(4px)}.player-embed{position:relative;height:352px;border-radius:28px;overflow:hidden;background:#282828}.player-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:0}@media (max-width: 640px){.player-wrap{top:16px}}.pill{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--white);color:#000;font-weight:700;letter-spacing:.02em;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .25s,color .25s,box-shadow .25s}.pill:hover{box-shadow:0 0 0 4px #ffffff40,0 12px 30px #00000040}.pill-lg{width:clamp(140px,9.1vw,175px);height:clamp(42px,4vh,48px);font-size:clamp(18px,1.25vw,24px)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(22px,2.4vh,29px);padding:0 20px 2vh;pointer-events:none}.intro>*{pointer-events:auto}.intro-row{display:flex;align-items:center;gap:clamp(16px,1.56vw,30px);margin-left:calc(-1*clamp(16px,1.56vw,30px))}.intro-slot{flex:none;width:clamp(76px,5.2vw,100px);aspect-ratio:1}.intro-text{font-size:var(--text-l);line-height:1.22}.intro-line{display:block}.intro-word{display:inline-block;white-space:pre}@media (max-width: 640px){.intro{justify-content:flex-start;gap:35px;padding-top:18vh}.intro-row{flex-direction:column;gap:26px;text-align:center;margin-left:0}.intro-slot{width:60px}}.arcs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.arcs.is-pointing{cursor:pointer}.arc{position:absolute;bottom:0}.arc-fill{width:100%;height:100%;border-radius:50% 50% 0 0/100% 100% 0 0;transform-origin:50% 100%;will-change:transform}.arc-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.arc-label{position:absolute;top:0;left:0}.arc-label-inner{position:relative;transform:translate(-50%,-50%)}.arc-label-text{display:block;padding:0;border:0;background:none;font-weight:700;line-height:1;letter-spacing:-.01em;white-space:nowrap;pointer-events:none}.arc-open{position:absolute;top:100%;left:50%;pointer-events:auto}.mascot-layer{position:fixed;top:0;left:0;pointer-events:none}.mascot{position:absolute;top:0;left:0}.mascot-tilt,.mascot-float{width:100%;height:100%}.mascot svg{display:block;overflow:visible;filter:drop-shadow(0 10px 24px rgba(0,0,0,.18))}.close-btn{display:grid;place-items:center;width:clamp(44px,2.95vw,57px);aspect-ratio:1;padding:0;border:0;border-radius:clamp(8px,.55vw,10px);background:#e4e4e9;color:#000;cursor:pointer;transition:transform .35s cubic-bezier(.3,1.6,.5,1),background-color .25s,color .25s}.close-btn svg{width:52%;height:52%}.close-btn:hover{background:var(--navy);color:var(--white);transform:rotate(90deg)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background:#0606168c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.backdrop-solid{background:#131334f7}.sheet{position:fixed;top:0;right:0;bottom:0;z-index:13;width:50vw;overflow-y:auto;padding:clamp(28px,4vh,48px) clamp(24px,2.8vw,54px) 48px;border-radius:clamp(36px,3.1vw,60px) 0 0 clamp(36px,3.1vw,60px);background:var(--white);color:#000}.sheet-close{position:absolute;top:clamp(16px,2.6vh,31px);right:clamp(16px,1.56vw,30px)}.sheet-title,.panel-title{margin:0;font-size:var(--title);font-weight:700;line-height:1}.sheet-block{margin-top:clamp(40px,6vh,70px);font-size:var(--text-l);line-height:1.22}.sheet-channels{margin-top:clamp(48px,9vh,110px)}.sheet-heading{margin:0 0 4px;font-size:var(--text-l);font-weight:700;line-height:1.22}.contact-list{display:grid;gap:clamp(20px,2.5vh,30px);margin:clamp(12px,1.5vh,16px) 0 0;padding:0;list-style:none}.contact-item{display:flex;align-items:center;gap:clamp(20px,2.6vw,50px);color:#000;text-decoration:none;font-size:var(--text-l);overflow-wrap:anywhere}.contact-icon{flex:none;display:grid;place-items:center;width:clamp(56px,5.2vw,100px);aspect-ratio:1;border-radius:var(--tile-radius);background:#c8c8d0;color:var(--white);transition:transform .35s cubic-bezier(.3,1.6,.5,1),background-color .25s}.contact-icon svg{width:62%;height:62%}a.contact-item:hover .contact-icon{background:var(--navy);transform:rotate(-8deg) scale(1.06)}@media (max-width: 899px){.sheet{width:100vw;border-radius:0}}.profile-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}.profile{position:relative;width:min(1072px,100%);max-height:100%;overflow-y:auto;padding:clamp(28px,3.3vh,40px) clamp(24px,6.3vw,121px) clamp(40px,4.8vh,58px);border-radius:clamp(28px,2.1vw,40px);background:#f3f3f3;color:#000;pointer-events:auto}.profile-close{position:absolute;top:clamp(14px,2vh,24px);right:clamp(14px,1.35vw,26px)}.photo{display:block;width:clamp(180px,15.6vw,300px);height:auto;aspect-ratio:1;border-radius:50%;border:clamp(6px,.5vw,10px) solid var(--white);object-fit:cover;background:#ddd}.profile-photo{margin:0 auto}.profile-copy{display:grid;gap:1.22em;margin-top:clamp(32px,6vh,72px);font-size:var(--text-l);line-height:1.22}.profile-name{margin:0 0 -.95em;font-size:var(--title);font-weight:700;line-height:1.1}.panel-page{position:relative;z-index:4;pointer-events:none}.panel{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - clamp(120px,16.4vh,197px) + 1px);margin:clamp(120px,16.4vh,197px) clamp(16px,6.3vw,121px) 0;padding:clamp(28px,5.1vh,61px) clamp(20px,1.95vw,37px) clamp(48px,6vw,110px) clamp(20px,3.85vw,74px);border-radius:clamp(28px,3.1vw,60px) clamp(28px,3.1vw,60px) 0 0;background:var(--panel);color:#000;pointer-events:auto}.panel-close{position:absolute;top:clamp(16px,3.25vh,39px);right:clamp(16px,2.35vw,45px)}.panel-lead{max-width:1540px;margin-top:clamp(32px,4.6vh,55px);font-size:var(--text-l);line-height:1.22}.panel-sub{margin:clamp(48px,8.8vh,106px) 0 clamp(24px,4.3vh,52px);font-size:clamp(20px,1.67vw,32px);font-weight:700;line-height:1}.panel-sub-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:clamp(40px,6vh,72px) 0 clamp(14px,1.4vh,17px)}.panel-sub-row .panel-sub{margin:0}.rail-nav{display:flex;gap:clamp(8px,.85vw,16px)}.close-btn.rail-btn:hover{transform:none}.close-btn.rail-btn:disabled{background:#d7d7dd;color:#a3a3ad;cursor:default}.cards{--gap: clamp(20px, 5.5vw, 106px);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--gap)) / 3);gap:var(--gap);margin:-14px 0 -30px;padding:14px 0 30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.cards::-webkit-scrollbar{display:none}.cards.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.cards .card{scroll-snap-align:start}@media (max-width: 1100px){.cards{grid-auto-columns:calc((100% - var(--gap)) / 2)}}@media (max-width: 680px){.cards{grid-auto-columns:86%}}.card{position:relative;min-height:clamp(300px,32.6vh,391px);padding:clamp(20px,1.25vw,24px) clamp(22px,1.77vw,34px) 96px;border-radius:clamp(28px,2.1vw,40px);background:var(--navy);color:var(--white);transition:transform .4s cubic-bezier(.3,1.4,.5,1),box-shadow .4s}.card:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 24px 48px #09092847}.card-logo{display:block;width:clamp(64px,4.6vw,88px);height:clamp(64px,4.6vw,88px);border-radius:16px;object-fit:cover;transition:transform .45s cubic-bezier(.3,1.6,.5,1)}.card:hover .card-logo{transform:rotate(-6deg) scale(1.08)}.card-title{margin:clamp(32px,3.8vw,72px) 0 0;font-size:clamp(22px,1.67vw,32px);font-weight:700;line-height:1.1}.card-summary{max-width:400px;margin-top:clamp(14px,1.2vw,22px);color:#e6e6f0;font-size:clamp(14px,.85vw,16px);font-weight:700;line-height:1.25}.card-open{position:absolute;right:16px;bottom:22px;width:clamp(110px,6.8vw,130px);height:48px;font-size:clamp(18px,1.25vw,24px)}.about-photo{margin:clamp(24px,3.4vh,41px) 0 0 -10px}.about-copy{display:grid;gap:1.22em;max-width:1560px;margin-top:clamp(28px,3.6vh,44px);font-size:var(--text-l);line-height:1.22}.about-heading{margin:0;font-size:inherit;font-weight:700;line-height:inherit}.about-line{display:block}.panel-skills{padding-bottom:0}.skills{display:flex;flex:1;flex-direction:column}.skill-search{display:flex;gap:clamp(8px,.8vw,15px);width:min(772px,100%);margin:clamp(40px,6.25vh,75px) auto 0}.skill-field{position:relative;flex:1;min-width:0}.skill-field input{width:100%;height:clamp(56px,7.5vh,90px);padding:0 clamp(52px,4vw,76px) 0 clamp(18px,2.5vw,48px);border:0;border-radius:6px;background:var(--white);color:#000;font:inherit;font-size:var(--text-l);font-weight:500;outline:none;transition:background-color .25s,box-shadow .25s}.skill-field input:placeholder-shown{background:#f4f4f4}.skill-field input::placeholder{color:#9a9a9a}.skill-field input:focus{box-shadow:0 0 0 4px #13133440}.skill-clear{position:absolute;top:50%;right:clamp(10px,1.25vw,24px);display:grid;place-items:center;width:40px;height:40px;margin-top:-20px;padding:0;border:0;border-radius:8px;background:none;color:#000;cursor:pointer}.skill-clear svg{width:28px;height:28px}.skill-clear:hover{background:#eee}.skill-find{flex:none;width:clamp(88px,8.85vw,170px);height:clamp(56px,7.5vh,90px);border:0;border-radius:6px;background:var(--white);color:#000;font-size:var(--text-l);font-weight:700;cursor:pointer;transition:background-color .25s,color .25s,transform .2s}.skill-find:hover{background:var(--navy);color:var(--white)}.skill-find:active{transform:scale(.96)}.skill-result{display:flex;justify-content:center;align-items:center;gap:10px;min-height:clamp(40px,2.7vw,52px);margin:clamp(24px,3.8vh,46px) 0 clamp(60px,12vh,200px)}.skill-slot{flex:none;height:clamp(40px,2.7vw,52px)}.skill-slot-empty{width:0}.skill-tile{display:grid;place-items:center;flex:none;width:clamp(40px,2.7vw,52px);aspect-ratio:1;padding:0;border:0;border-radius:12px;background:#98fdc8;color:#17573a;cursor:pointer}.skill-tile span,.skill-tile svg{display:block;width:26px;height:26px}.skill-miss{font-size:clamp(16px,1.15vw,22px);font-weight:600;text-align:center}.skill-pile{position:relative;margin-top:auto;touch-action:pan-y}.skill-pill{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-width:clamp(110px,7.8vw,150px);height:clamp(40px,2.7vw,52px);padding:0 clamp(20px,1.7vw,32px);border:0;border-radius:clamp(12px,.85vw,16px);background:#03a3e3;color:var(--navy);font-size:clamp(15px,1.15vw,22px);font-weight:700;letter-spacing:.02em;white-space:nowrap;opacity:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform;transition:background-color .35s,color .35s,opacity .2s}.skill-pill small{font-size:.55em;letter-spacing:.08em;opacity:.7}.skill-pill.is-ready{opacity:1}.skill-pill:active{cursor:grabbing}.skill-pill:hover{background:#0596d0}.skill-pill.is-lifted{z-index:2;background:#98fdc8;color:#17573a;cursor:pointer}@media (prefers-reduced-motion: reduce){.card,.card-logo,.close-btn,.contact-icon{transition:none}}