@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.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}:root{--void:#05060a;--star:#eef1f7;--muted:#a6aec1;--faint:#767f92;--accent:#5b8cff;--hairline:#eef1f714;--font-display:"Archivo Variable", "Archivo", system-ui, sans-serif;--font-body:"Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--void);color:var(--star);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,p,ul,ol,figure{margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.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}.brand{z-index:30;font-family:var(--font-display);font-variation-settings:"wdth" 120;letter-spacing:.14em;text-transform:lowercase;color:var(--star);opacity:0;font-size:.95rem;font-weight:550;text-decoration:none;transition:opacity .8s .2s;position:fixed;top:28px;left:32px}.intro-done .brand{opacity:.85}.brand:hover{opacity:1}.scene-canvas{z-index:0;width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.scroll-track{pointer-events:none;width:100%;position:relative}.overlay{z-index:10;pointer-events:none;will-change:opacity, transform;align-items:center;padding:0 clamp(32px,7vw,120px);display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.overlay>*{pointer-events:auto}.overlay-left{justify-content:flex-start}.overlay-right{justify-content:flex-end}.overlay-center{text-align:center;justify-content:center}.hero-intro{perspective:900px;flex-direction:column;align-items:center;gap:0;display:flex}.hero{flex-direction:column;align-items:center;display:flex}.hero-domain{font-family:var(--font-mono);letter-spacing:.5em;text-indent:.5em;color:var(--accent);text-transform:lowercase;font-size:.8rem;font-weight:500}.hero-name{font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.01em;text-transform:uppercase;margin-top:22px;font-size:clamp(2.6rem,7.5vw,6.2rem);font-weight:600;line-height:1.02}.hero-role{font-family:var(--font-mono);letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--muted);margin-top:18px;font-size:.85rem}.intro-playing .hero-domain,.intro-playing .hero-name,.intro-playing .hero-role,.intro-playing .scroll-hint{opacity:0;animation:1.4s cubic-bezier(.16,1,.3,1) forwards arrive}.intro-playing .hero-domain{animation-delay:.3s}.intro-playing .hero-name{animation-delay:1s}.intro-playing .hero-role{animation-delay:1.7s}.intro-playing .scroll-hint{animation-duration:1s;animation-delay:2.6s}@keyframes arrive{0%{opacity:0;filter:blur(6px);transform:translateZ(-420px)}60%{filter:blur()}to{opacity:1;filter:blur();transform:translateZ(0)}}.desktop-experience .scroll-hint{margin-top:0;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.desktop-experience .hero-intro{transform:translateY(-6vh)}.scroll-hint{font-family:var(--font-mono);letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;color:#eef1f7d1;white-space:nowrap;flex-direction:column;align-items:center;gap:12px;margin-top:64px;font-size:.78rem;display:flex}.scroll-chevrons{flex-direction:column;align-items:center;gap:3px;display:flex}.scroll-chevrons span{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);width:12px;height:12px;animation:1.8s ease-in-out infinite chevron-pulse;transform:rotate(45deg)}.scroll-chevrons span:nth-child(2){margin-top:-6px;animation-delay:.25s}@keyframes chevron-pulse{0%,to{opacity:.25;transform:rotate(45deg)translate(0)}50%{opacity:1;transform:rotate(45deg)translate(3px,3px)}}.scroll-hint-line{background:linear-gradient(to bottom, var(--faint), transparent);width:1px;height:44px;animation:2.4s ease-in-out infinite hint-drop}@keyframes hint-drop{0%,to{transform-origin:top;opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.panel{max-width:460px;position:relative}.overlay-left .panel:before,.overlay-right .panel:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#05060aeb 38%,#0000 74%);position:absolute;top:-110px;bottom:-110px;left:-140px;right:-140px}.panel{text-shadow:0 1px 14px #05060ae6}.overlay-center .panel{flex-direction:column;align-items:center;max-width:620px;display:flex}.eyebrow{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:500}.status-tag{color:var(--muted)}.panel-title{font-family:var(--font-display);font-variation-settings:"wdth" 118;letter-spacing:.005em;margin-top:18px;font-size:clamp(1.9rem,3.4vw,2.9rem);font-weight:560;line-height:1.08}.panel-lead{color:var(--star);margin-top:16px;font-size:1.06rem}.panel-body{color:var(--muted);max-width:60ch;margin-top:14px;font-size:1.04rem;line-height:1.65}.panel-body-muted{color:var(--faint)}.tech-list{flex-wrap:wrap;gap:8px 10px;margin-top:24px;padding:0;list-style:none;display:flex}.overlay-center .tech-list{justify-content:center}.tech-list li{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);border:1px solid var(--hairline);border-radius:999px;padding:5px 12px;font-size:.72rem}.panel-links{flex-wrap:wrap;gap:24px;margin-top:22px;display:flex}.panel-links a{font-family:var(--font-mono);letter-spacing:.06em;color:var(--star);border-bottom:1px solid var(--accent);padding-bottom:3px;font-size:.8rem;text-decoration:none;transition:color .25s}.panel-links a:hover{color:var(--accent)}.big-link{font-family:var(--font-display);font-variation-settings:"wdth" 116;color:var(--star);border-bottom:1px solid var(--accent);margin-top:30px;padding-bottom:6px;font-size:clamp(1.1rem,2.2vw,1.7rem);font-weight:540;text-decoration:none;transition:color .25s,border-color .25s;display:inline-block}.big-link:hover{color:var(--accent)}.site-footer{margin-top:72px}.site-footer p{font-family:var(--font-mono);letter-spacing:.24em;text-transform:lowercase;color:var(--faint);font-size:.7rem}.stack-panel{width:min(680px,88vw)}.constellation{width:100%;height:auto;margin-top:30px;overflow:visible}.constellation-line{stroke:#eef1f724;stroke-width:1px}.constellation-node circle{fill:var(--star)}.constellation-node text{fill:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;font-size:12px}.constellation-node:nth-child(odd) circle{fill:var(--accent)}.journey-nav{z-index:20;opacity:0;transition:opacity .8s .4s;position:fixed;top:50%;right:32px;transform:translateY(-50%)}.intro-done .journey-nav{opacity:1}.journey-nav ol{flex-direction:column;align-items:flex-end;gap:14px;margin:0;padding:0;list-style:none;display:flex}.nav-item{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);align-items:center;gap:10px;font-size:.7rem;transition:color .3s;display:flex}.nav-item:hover{color:var(--muted)}.nav-tick{background:currentColor;width:14px;height:1px;transition:width .3s;display:inline-block}.nav-item.is-active{color:var(--star)}.nav-item.is-active .nav-tick{background:var(--accent);width:26px}.telemetry{z-index:20;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);opacity:0;gap:16px;font-size:.7rem;transition:opacity .8s .4s;display:flex;position:fixed;bottom:28px;left:32px}.intro-done .telemetry{opacity:1}.telemetry-num{color:var(--muted)}.mobile-experience{position:relative;overflow:hidden}.star-sky{z-index:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.star-sky span{border-radius:50%;width:1px;height:1px;position:absolute;top:0;left:0}.mobile-experience .brand{opacity:.85;position:fixed}.m-section{z-index:1;flex-direction:column;justify-content:center;max-width:720px;min-height:82svh;margin:0 auto;padding:96px clamp(24px,7vw,72px);display:flex;position:relative}.m-hero{text-align:center;align-items:center;min-height:100svh}.m-hero .scroll-hint{margin-top:48px}.reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.planet-marker{border-radius:50%;width:96px;height:96px;margin-bottom:36px;position:relative}.planet-rock{background:radial-gradient(circle at 32% 28%,#6a7284,#2a2e38 55%,#0c0e13 78%);box-shadow:0 0 32px #5b8cff1f}.planet-gas{background:radial-gradient(circle at 34% 30%,#ffffff47,#0000 58%),repeating-linear-gradient(168deg,#23252c 0 10px,#4c4d55 10px 18px,#2c2d35 18px 30px,#57503f 30px 34px);box-shadow:0 0 32px #8c96b424}.planet-ice{background:radial-gradient(circle at 32% 28%,#dfe7f4,#9daac2 52%,#3c4459 80%);box-shadow:0 0 36px #78a5ff38}.planet-ice:after{content:"";border:1px solid #c8d4eb80;border-radius:50%;height:22px;position:absolute;top:46%;bottom:auto;left:-34px;right:-34px;transform:rotate(-16deg)}.planet-forming{background:radial-gradient(circle,#5b8cffd9,#172242e6 62%);border:1px dashed #5b8cff8c;animation:3.6s ease-in-out infinite forming-pulse;box-shadow:0 0 48px #5b8cff4d}@keyframes forming-pulse{0%,to{box-shadow:0 0 34px #5b8cff38}50%{box-shadow:0 0 60px #5b8cff66}}.m-project .eyebrow{margin-top:0}@media (max-width:640px){.constellation-node text{font-size:16px}}.mobile-experience .hero-domain,.mobile-experience .hero-name,.mobile-experience .hero-role{animation-name:fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-playing .hero-domain,.intro-playing .hero-name,.intro-playing .hero-role,.intro-playing .scroll-hint,.mobile-experience .hero-domain,.mobile-experience .hero-name,.mobile-experience .hero-role{opacity:1;animation:none}.scroll-hint-line,.scroll-chevrons span,.planet-forming{animation:none}.scroll-chevrons span{opacity:.8}.reveal{opacity:1;transition:none;transform:none}}