@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}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.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{--bg:#0a0a0b;--surface:#111113;--surface-2:#17171a;--border:#232327;--border-strong:#34343a;--glass-bg:#ffffff0a;--glass-bg-hover:#fff1;--glass-border:#ffffff17;--glass-border-hover:#ffffff29;--glass-shine:inset 0 1px 0 #ffffff12;--glass-shadow:0 10px 30px -12px #0009;--glass-blur:blur(16px) saturate(140%);--text:#ededee;--text-muted:#a8a8b1;--text-faint:#94949e;--accent:#c8f542;--accent-ink:#0a0a0b;--accent-dim:#c8f5421f;--focus:#c8f542;--tier-professional:var(--accent);--tier-projects:#8aa4ff;--tier-exploring:#ffb454;--font-sans:"Inter Tight Variable", "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--fs-h2:clamp(1.9rem, 1.3rem + 2.6vw, 3.2rem);--fs-h1:clamp(2.6rem, 1.4rem + 5.4vw, 5.4rem);--maxw:1160px;--gutter:clamp(1.25rem, 4vw, 2.5rem);--radius:14px;--radius-sm:8px;--nav-h:84px;--section-y:clamp(4.5rem, 9vw, 8rem);--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px);-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{letter-spacing:-.02em;font-weight:600;line-height:1.1}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}svg{flex-shrink:0}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:calc(var(--maxw) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.mono{font-family:var(--font-mono);letter-spacing:.01em;font-size:.8em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-sm);padding:.6rem 1rem;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.btn{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:transform .25s var(--ease), background .2s, color .2s, border-color .2s;border-radius:999px;align-items:center;gap:.55rem;padding:.85rem 1.35rem;display:inline-flex}.btn:hover{background:#d8ff63;transform:translateY(-2px)}.btn svg{transition:transform .25s var(--ease)}.btn:hover svg{transform:translate(3px)}.btn--ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn--small{padding:.55rem 1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .3s, transform .4s var(--ease), background .3s;padding:clamp(1.25rem,2.4vw,1.75rem)}.card:hover{border-color:var(--border-strong)}.badge{border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .6rem;display:inline-flex}.badge--live{color:var(--accent);background:var(--accent-dim);border-color:#c8f54259}.badge--professional{color:var(--accent);border-color:#c8f54259}.tags{flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;display:flex}.tags li{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);border-radius:6px;padding:.18rem .6rem}.dot{background:var(--text-faint);border-radius:50%;width:7px;height:7px;display:inline-block}.dot--professional{background:var(--tier-professional)}.dot--projects{background:var(--tier-projects)}.dot--exploring{background:var(--tier-exploring)}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.nav{z-index:50;height:var(--nav-h);border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.nav--scrolled,.nav--open{-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--border);background:#0a0a0bd1}.nav__inner{align-items:center;gap:2rem;height:100%;display:flex}.nav__brand{letter-spacing:-.01em;align-items:center;gap:.7rem;margin-right:auto;font-weight:600;display:inline-flex}.nav__mark{border:1px solid var(--border-strong);width:34px;height:34px;font-family:var(--font-mono);color:var(--accent);background:var(--surface);border-radius:9px;place-items:center;font-size:.72rem;display:grid}.nav__links{gap:.25rem;display:flex}.nav__links a{font-size:var(--fs-sm);color:var(--text-muted);border-radius:999px;padding:.45rem .8rem;transition:color .2s,background .2s;position:relative}.nav__links a:hover{color:var(--text)}.nav__links a.is-active{color:var(--text);background:var(--surface-2)}.nav__toggle{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:10px;width:42px;height:42px;display:none;position:relative}.nav__toggle span{background:var(--text);height:1.5px;transition:transform .3s var(--ease), top .3s var(--ease);position:absolute;left:11px;right:11px}.nav__toggle span:first-child{top:16px}.nav__toggle span:last-child{top:24px}.nav--open .nav__toggle span:first-child{top:20px;transform:rotate(45deg)}.nav--open .nav__toggle span:last-child{top:20px;transform:rotate(-45deg)}@media (width<=860px){.nav__toggle{display:block}.nav__cta{display:none}.nav__links{top:var(--nav-h);padding:.75rem var(--gutter) 1.25rem;background:var(--bg);border-bottom:1px solid var(--border);visibility:hidden;opacity:0;transition:opacity .25s, transform .25s var(--ease), visibility .25s;flex-direction:column;position:absolute;left:0;right:0;transform:translateY(-8px)}.nav--open .nav__links{visibility:visible;opacity:1;transform:none}.nav__links a{font-size:var(--fs-lg);border-bottom:1px solid var(--border);border-radius:0;padding:.9rem .5rem;background:0 0!important}}.hero{padding-top:calc(var(--nav-h) + clamp(2.5rem, 7vw, 6rem));padding-bottom:clamp(3rem,6vw,5rem);position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.35;pointer-events:none;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 75% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(70% 60% at 75% 30%,#000 0%,#0000 75%)}.hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid;position:relative}.hero__role{color:var(--accent);flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.hero__title{font-size:var(--fs-h1);letter-spacing:-.035em;font-weight:600}.hero__headline{max-width:32ch;font-size:var(--fs-xl);letter-spacing:-.015em;color:var(--text-muted);margin-top:1rem;font-weight:400;line-height:1.3;display:block}.hero__intro{max-width:54ch;color:var(--text-muted);font-size:var(--fs-lg);margin-top:1.5rem}.hero__actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2.25rem;display:flex}.hero__social{gap:.25rem;margin-left:.75rem;display:inline-flex}.hero__social a{width:42px;height:42px;color:var(--text-muted);border-radius:50%;place-items:center;transition:color .2s,background .2s;display:grid}.hero__social a:hover{color:var(--text);background:var(--surface-2)}.pill{border:1px solid var(--border-strong);font-size:var(--fs-sm);color:var(--text-muted);border-radius:999px;align-items:center;gap:.55rem;margin-bottom:1.25rem;padding:.3rem .8rem;display:inline-flex}.pill__dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-dim);border-radius:50%}.stats{border-block:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:clamp(3rem,6vw,5rem);display:grid}.stats__item{flex-direction:column-reverse;gap:.2rem;padding:1.5rem 1.25rem;display:flex}.stats__item+.stats__item{border-left:1px solid var(--border)}.stats dt{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.stats dd{letter-spacing:-.02em;font-size:clamp(1.4rem,1rem + 1.6vw,2rem);font-weight:600}@media (width<=900px){.hero__social{margin-left:0}.hero__grid{grid-template-columns:1fr}.hero__visual{max-width:520px}.stats{grid-template-columns:repeat(2,1fr)}.stats__item:nth-child(3){border-left:0}.stats__item:nth-child(n+3){border-top:1px solid var(--border)}}.section{padding-block:var(--section-y);border-top:1px solid var(--border)}.section__head{max-width:760px;margin-bottom:clamp(2rem,4vw,3.5rem)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.eyebrow__index{color:var(--accent)}.eyebrow__index:after{content:"";vertical-align:middle;background:var(--border-strong);width:28px;height:1px;margin-left:.75rem;display:inline-block}.section__title{font-size:var(--fs-h2);letter-spacing:-.03em}.section__lead{max-width:60ch;color:var(--text-muted);font-size:var(--fs-lg);margin-top:1rem}.about{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.about__photo{top:calc(var(--nav-h) + 1.5rem);position:sticky}.about__photo picture{display:block}.about__photo img{aspect-ratio:4/5;object-fit:cover;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;height:auto;display:block}.about__photo figcaption{color:var(--text-faint);margin-top:.75rem}.about__body{gap:clamp(1.75rem,3vw,2.5rem);display:grid}.about__text{color:var(--text-muted);font-size:var(--fs-lg);align-content:start;gap:1.25rem;display:grid}.about__text p:first-child{color:var(--text)}.about__principles{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1rem;display:grid}.card__num{color:var(--accent)}.about__principles h3{font-size:var(--fs-lg);margin:.5rem 0}.about__principles p{color:var(--text-muted);font-size:var(--fs-sm)}@media (width<=860px){.about{grid-template-columns:1fr}.about__photo{max-width:320px;position:static}}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;display:flex}.filter{border:1px solid var(--border-strong);font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.filter:hover{color:var(--text);border-color:var(--text-faint)}.filter.is-on{background:var(--text);border-color:var(--text);color:var(--bg)}.filter .mono{opacity:.75}.skills{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:1rem;display:grid}.skill-group{flex-direction:column;gap:.6rem;display:flex}.skill-group.is-dim{opacity:.4}.skill-group header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.skill-group h3{font-size:var(--fs-lg)}.count{color:var(--text-faint)}.skill-group__note{color:var(--text-muted);font-size:var(--fs-sm);min-height:2.6em}.chips{flex-wrap:wrap;gap:.45rem;margin-top:.5rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);font-size:var(--fs-sm);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .7rem;display:inline-flex}.chip--empty{color:var(--text-faint);background:0 0;border-style:dashed}.timeline{gap:1.5rem;display:grid;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:.5rem;bottom:.5rem;left:calc(220px + 1.25rem)}.timeline__item{grid-template-columns:220px minmax(0,1fr);gap:2.5rem;display:grid;position:relative}.timeline__item:before{content:"";background:var(--bg);border:1.5px solid var(--text-faint);border-radius:50%;width:9px;height:9px;position:absolute;top:1.7rem;left:calc(216px + 1.25rem)}.timeline__item:first-child:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px var(--accent-dim)}.timeline__meta{flex-direction:column;align-items:flex-start;gap:.4rem;padding-top:1.45rem;display:flex}.timeline__period{color:var(--text)}.timeline__type{font-size:var(--fs-sm);color:var(--text-faint)}.timeline__card{margin-left:1.25rem}.timeline__card h3{font-size:var(--fs-xl)}.timeline__company{color:var(--accent);margin-top:.3rem;font-weight:500}.timeline__summary{color:var(--text-muted);margin-top:.9rem}.timeline__list{gap:.55rem;margin-top:1.1rem;display:grid}.timeline__list li{color:var(--text);font-size:var(--fs-sm);padding-left:1.4rem;line-height:1.55;position:relative}.timeline__list li:before{content:"";background:var(--text-faint);width:8px;height:1.5px;position:absolute;top:.62em;left:0}@media (width<=760px){.timeline:before,.timeline__item:before{display:none}.timeline__item{grid-template-columns:1fr;gap:.5rem}.timeline__meta{flex-flow:wrap;align-items:center;gap:.75rem;padding-top:0}.timeline__card{margin-left:0}}.projects{animation:fade-up .5s var(--ease);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}.project{flex-direction:column;display:flex}.project--featured:first-child{grid-column:1/-1}.project:hover{transform:translateY(-3px)}.project__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.project__lock{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);align-items:center;gap:.35rem;display:inline-flex}.project h3{font-size:var(--fs-xl)}.project__context{color:var(--text-faint);margin-top:.4rem}.project__purpose{color:var(--text-muted);margin-top:1rem}.project__features{font-size:var(--fs-sm);gap:.4rem;margin-top:1rem;display:grid}.project__features li{padding-left:1.2rem;position:relative}.project__features li:before{content:"";border:1.5px solid var(--text-faint);border-radius:2px;width:7px;height:7px;position:absolute;top:.62em;left:0}.project__contrib{border-left:2px solid var(--accent);background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--fs-sm);color:var(--text-muted);margin-top:1.1rem;padding:.8rem 1rem}.project__contrib strong{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-weight:500;display:block}.project .tags{margin-top:auto;padding-top:1.25rem}@media (width<=800px){.projects{grid-template-columns:1fr}}.edu{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1.5rem;display:grid}.edu__degree{top:calc(var(--nav-h) + 1.5rem);background:radial-gradient(120% 90% at 100% 0%, #c8f54212, transparent 60%), var(--surface);flex-direction:column;align-items:flex-start;gap:.6rem;padding:clamp(1.5rem,3vw,2.25rem);display:flex;position:sticky}.edu__degree h3{margin-top:.75rem;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.1rem)}.edu__inst{color:var(--text-muted)}.edu__result{letter-spacing:-.03em;color:var(--accent);margin-top:1rem;font-size:clamp(1.7rem,1.2rem + 2vw,2.6rem);font-weight:600}.edu__list{display:grid}.edu__row{border-bottom:1px solid var(--border);justify-content:space-between;gap:1.5rem;padding:1.25rem 0;display:flex}.edu__row:first-child{padding-top:0}.edu__row:last-child{border-bottom:0}.edu__row h3{font-size:var(--fs-base);letter-spacing:-.01em;font-weight:500;line-height:1.35}.edu__row p{font-size:var(--fs-sm);color:var(--text-muted);margin-top:.25rem}.edu__side{color:var(--text-faint);text-align:right;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}@media (width<=860px){.edu{grid-template-columns:1fr}.edu__degree{position:static}}@media (width<=520px){.edu__row{flex-direction:column;gap:.6rem}.edu__side{flex-direction:row;justify-content:space-between;align-items:center}}.contact{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.contact__links{gap:.75rem;display:grid}.contact__link{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .25s, transform .3s var(--ease), background .25s;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.contact__link:hover{border-color:var(--accent);background:var(--surface-2);transform:translate(4px)}.contact__link>span{overflow-wrap:anywhere;flex-direction:column;min-width:0;margin-right:auto;display:flex}.contact__link small{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.contact__link>svg:last-child{color:var(--text-faint)}.contact__loc{color:var(--text-muted);font-size:var(--fs-sm);align-items:center;gap:.6rem;margin-top:.5rem;padding-left:.25rem;display:flex}.form{gap:1.1rem;display:grid}.field{gap:.4rem;display:grid}.field label{font-size:var(--fs-sm);color:var(--text-muted)}.field input,.field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);resize:vertical;width:100%;padding:.8rem .95rem;transition:border-color .2s,box-shadow .2s}.field input:hover,.field textarea:hover{border-color:var(--text-faint)}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.field [aria-invalid=true]{border-color:#ff6b6b}.field__err{font-size:var(--fs-xs);color:#ff8a8a}.form .btn{justify-self:start}.form__hint{font-size:var(--fs-xs);color:var(--text-faint)}@media (width<=860px){.contact{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-muted);padding-block:2rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;display:flex}.footer strong{color:var(--text);font-weight:600}.footer__sep,.footer__copy{color:var(--text-faint)}.footer__social{gap:.25rem;display:flex}.footer__social a{border-radius:50%;place-items:center;width:38px;height:38px;transition:color .2s,background .2s;display:grid}.footer__social a:hover{color:var(--text);background:var(--surface-2)}.project__links{border-top:1px solid var(--border);flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1rem;padding-top:1rem;display:flex}.project__links a{font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:.45rem;transition:color .2s;display:inline-flex}.project__links a:hover{color:var(--accent)}.project__links svg{width:16px;height:16px}.projects__more{justify-content:center;margin-top:1.5rem;display:flex}.chip__icon{fill:currentColor;width:16px;height:16px;color:var(--text-muted);transition:color .25s}.chip:hover .chip__icon{color:var(--brand,var(--text))}.chip__icon--line{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.chip__mono{min-width:15px;height:15px;font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text-muted);place-items:center;font-size:.62rem;font-weight:700;line-height:1;transition:color .25s;display:inline-grid}.chip:hover .chip__mono{color:var(--text)}.chip .dot{margin-left:.15rem}.intro{z-index:200;background:var(--bg);border-bottom:1px solid var(--accent);place-items:center;transition:transform .85s cubic-bezier(.76,0,.24,1);display:grid;position:fixed;inset:0;overflow:hidden}.intro.is-leaving{transform:translateY(-101%)}.intro__grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.3;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 50%,#000 0%,#0000 80%);mask-image:radial-gradient(55% 50%,#000 0%,#0000 80%)}.intro__inner{padding-inline:var(--gutter);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.intro__mark{border:1px solid var(--border-strong);background:var(--surface);width:52px;height:52px;font-family:var(--font-mono);color:var(--accent);animation:intro-pop .7s var(--ease) both;border-radius:13px;place-items:center;margin-bottom:1.75rem;font-size:.85rem;display:grid}.intro__name{letter-spacing:-.04em;flex-wrap:wrap;justify-content:center;font-size:clamp(2.4rem,9vw,6rem);font-weight:600;line-height:1.05;display:flex}.intro__letter{animation:intro-letter .8s var(--ease) both;animation-delay:calc(var(--i) * 45ms + .25s);display:inline-block}.intro__role{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-top:1.1rem;animation:.7s 1s both intro-fade}.intro__bar{background:var(--border-strong);width:min(220px,55vw);height:1px;margin-top:2rem;display:block;overflow:hidden}.intro__bar span{background:var(--accent);transform-origin:0;height:100%;animation:1.4s cubic-bezier(.65,0,.35,1) .2s both intro-bar;display:block}.intro__skip{color:var(--text-faint);letter-spacing:.08em;animation:.6s 1.2s both intro-fade;position:absolute;bottom:1.75rem}.intro:not(.is-playing) *{animation-play-state:paused}@keyframes intro-letter{0%{opacity:0;filter:blur(6px);transform:translateY(.55em)}}@keyframes intro-pop{0%{opacity:0;transform:scale(.8)}}@keyframes intro-fade{0%{opacity:0}}@keyframes intro-bar{0%{transform:scaleX(0)}}html[data-intro=running]{overflow:hidden}html[data-intro=running] .hero__copy>*,html[data-intro=running] .hero__visual,html[data-intro=running] .stats{opacity:0}html[data-intro=done] .hero__copy>*,html[data-intro=done] .hero__visual,html[data-intro=done] .stats{animation:rise .9s var(--ease) both;animation-delay:calc(var(--n,0) * 90ms)}.hero__copy>:nth-child(2){--n:1}.hero__copy>:nth-child(3){--n:2}.hero__copy>:nth-child(4){--n:3}.hero__copy>:nth-child(5){--n:4}.hero__visual{--n:3}.stats{--n:5}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.chip--link{padding:0;transition:border-color .2s,background .2s}.chip--link:hover{border-color:#c8f54280}.chip__btn{font-size:var(--fs-sm);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .7rem;display:inline-flex}.chip__btn:focus-visible{outline-offset:2px;border-radius:999px}.filterbar{border-radius:var(--radius);background:var(--accent-dim);border:1px solid #c8f54259;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:1.5rem;padding:.85rem 1.1rem;display:flex}.filterbar strong{color:var(--accent);font-weight:600}.filterbar:focus-visible{outline-offset:2px;border-radius:var(--radius)}.filters[hidden]{display:none}.linkbtn{font-size:var(--fs-sm);color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:0;font-weight:500;display:inline-flex}.linkbtn svg{transition:transform .25s var(--ease)}.linkbtn:hover svg{transform:translate(3px)}.cs{border:1px solid var(--glass-border-hover);border-radius:calc(var(--radius) + 4px);width:min(920px,100vw - 2rem);max-height:min(90vh,1000px);color:var(--text);background:#101012eb;padding:0;overflow:hidden;box-shadow:0 30px 80px -20px #000c}.cs[open]{animation:cs-in .35s var(--ease)}.cs::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009}@keyframes cs-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}html:has(dialog[open]){overflow:hidden}.cs__panel{gap:1.25rem;max-height:min(90vh,1000px);padding:clamp(1.4rem,3.5vw,2.5rem);display:grid;position:relative;overflow-y:auto}.cs__close{border:1px solid var(--glass-border);width:38px;height:38px;color:var(--text);cursor:pointer;z-index:2;background:#18181be6;border-radius:50%;justify-self:end;place-items:center;margin:-.5rem -.5rem -1.8rem 0;display:grid;position:sticky;top:0}.cs__close:hover{border-color:var(--glass-border-hover)}.cs__meta{color:var(--accent);letter-spacing:.06em;text-transform:uppercase}.cs h2{letter-spacing:-.03em;margin-top:-.4rem;font-size:clamp(1.7rem,1.2rem + 2vw,2.6rem)}.cs__lead{max-width:62ch;font-size:var(--fs-lg);color:var(--text-muted)}.cs__note{border-left:2px solid var(--border-strong);font-size:var(--fs-sm);color:var(--text-muted);padding:.7rem 1rem}.cs h3{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.75rem;font-weight:500}.cs__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;display:grid}.cs__list{gap:.9rem;display:grid}.cs__list li{border-left:1px solid var(--border-strong);font-size:var(--fs-sm);gap:.15rem;padding-left:.9rem;display:grid}.cs__list strong{font-weight:600}.cs__list span{color:var(--text-muted)}.cs__role{font-size:var(--fs-sm);color:var(--text-muted);gap:.2rem;display:grid}.cs__role strong{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:500}.cs .tags{margin-top:0}@media (width<=760px){.cs__cols{grid-template-columns:1fr}}.arch{border:1px solid var(--glass-border);border-radius:var(--radius);background:#ffffff06;padding:1.25rem}.arch__row{grid-template-columns:minmax(0,1fr) auto minmax(0,1.5fr) auto minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.arch__col{align-content:center;gap:.75rem;display:grid}.arch__box,.arch__core{border:1px solid var(--glass-border-hover);font-size:var(--fs-sm);background:#ffffff0a;border-radius:10px;gap:.2rem;padding:.8rem .9rem;font-weight:500;display:grid}.arch__box small,.arch__core small{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:.68rem;font-weight:400}.arch__box--dim{border-style:dashed}.arch__core{border-color:#c8f54266;align-content:center}.arch__core ul{gap:.35rem;margin-top:.4rem;display:grid}.arch__core li{font-size:var(--fs-xs);font-family:var(--font-mono);background:#ffffff0d;border-radius:7px;padding:.4rem .6rem;font-weight:400}.arch__arrow{background:var(--border-strong);align-self:center;width:22px;height:1px;position:relative}.arch__arrow:after{content:"";border-top:1px solid var(--text-faint);border-right:1px solid var(--text-faint);width:6px;height:6px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.arch__rail{border-top:1px dashed var(--border-strong);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.arch__rail li{border:1px solid var(--glass-border);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);border-radius:999px;padding:.3rem .7rem}.arch__rail li:not(:last-child):after{content:"→";color:var(--accent);margin-left:.6rem}.arch figcaption{color:var(--text-faint);margin-top:.75rem}@media (width<=700px){.arch__row{grid-template-columns:1fr}.arch__arrow{justify-self:center;width:1px;height:20px}.arch__arrow:after{top:auto;bottom:0;right:-3px;transform:rotate(135deg)}}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient__orb{filter:blur(90px);will-change:transform;border-radius:50%;position:absolute}.ambient__orb--a{background:radial-gradient(circle,#c8f54229,#0000 68%);width:52vmax;height:52vmax;animation:38s ease-in-out infinite alternate drift-a;top:-12vmax;right:-10vmax}.ambient__orb--b{background:radial-gradient(circle,#8aa4ff21,#0000 68%);width:56vmax;height:56vmax;animation:46s ease-in-out infinite alternate drift-b;bottom:-18vmax;left:-14vmax}@keyframes drift-a{to{transform:translate(-9vmax,12vmax)scale(1.08)}}@keyframes drift-b{to{transform:translate(12vmax,-10vmax)scale(1.1)}}main,.footer{z-index:1;position:relative}.card,.contact__link{box-shadow:var(--glass-shine), var(--glass-shadow);background:var(--glass-bg);border-color:var(--glass-border)}.contact__link:hover{border-color:#c8f5428c}.chip,.tags li,.filter,.badge,.nav__mark,.nav__toggle,.pill{background:var(--glass-bg);border-color:var(--glass-border)}.filter:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.filter.is-on{background:var(--text)}.badge--live{background:var(--accent-dim)}.project__contrib{background:#ffffff0a}.field input,.field textarea{border-color:var(--glass-border);background:#00000059}.edu__degree{background:radial-gradient(120% 90% at 100% 0%, #c8f54214, transparent 60%), var(--glass-bg)}.nav--scrolled,.nav--open{border-bottom-color:var(--glass-border);background:#0e0e108c;box-shadow:0 1px #ffffff0a,0 12px 30px -18px #000c}.nav__links a.is-active{background:#ffffff12}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.card,.contact__link,.filter,.nav__toggle,.pill{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.nav--scrolled,.nav--open{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.card,.contact__link{background:var(--surface)}.nav--scrolled,.nav--open{background:#0a0a0beb}}@media (prefers-reduced-motion:reduce){.ambient__orb{animation:none}}:root{--lg-sheen:linear-gradient(160deg, #ffffff1a, #ffffff05 38%, #ffffff0b);--lg-rim:linear-gradient(145deg, #fff6, #ffffff0d 26%, #ffffff08 62%, #ffffff3d);--lg-depth:inset 0 1px 0 #ffffff29, inset 0 -1px 0 #00000052, inset 0 0 28px #ffffff06, 0 18px 40px -18px #000000bf;--lg-blur:blur(20px) saturate(185%) brightness(1.06)}.card,.contact__link,.nav__inner{isolation:isolate;background-color:#ffffff08;background-image:var(--lg-sheen);box-shadow:var(--lg-depth);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);border-color:#0000;position:relative}.card:hover,.contact__link:hover{background:var(--lg-sheen), #ffffff0d;border-color:#0000}.contact__link:hover{box-shadow:var(--lg-depth), 0 0 0 1px #c8f54273}.edu__degree{background-image:radial-gradient(120% 90% at 100% 0%, #c8f5421c, transparent 60%), var(--lg-sheen);position:sticky}@media (width<=860px){.edu__degree{position:relative;top:auto}}.card:before,.contact__link:before,.nav__inner:before{content:"";border-radius:inherit;background:var(--lg-rim);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:after,.contact__link:after,.nav__inner:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%), #ffffff24, transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.card:hover:after,.contact__link:hover:after,.nav__inner:hover:after{opacity:1}.nav,.nav--scrolled,.nav--open{height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border-bottom:0;padding-top:12px}.nav__inner{width:min(calc(100% - 2 * var(--gutter)), var(--maxw));pointer-events:auto;max-width:none;height:58px;transition:background-color .35s ease, box-shadow .35s ease, transform .35s var(--ease);background-color:#18181b6b;border-radius:999px;gap:1rem;padding:0 8px 0 14px}.nav--scrolled .nav__inner,.nav--open .nav__inner{box-shadow:var(--lg-depth), 0 24px 50px -20px #000000e6;background-color:#1414179e}.nav__links a{padding:.5rem .9rem}.nav__links a.is-active{background:#ffffff1a;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000040}.nav__toggle{border-color:#ffffff24;box-shadow:inset 0 1px #ffffff24}@media (width<=860px){.nav__links{top:78px;left:var(--gutter);right:var(--gutter);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--lg-depth);background:#0e0e10;border:1px solid #ffffff1f;border-radius:24px;padding:.4rem 1rem .8rem}.nav__links a:last-child{border-bottom:0}}.btn--ghost,.filter{-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);box-shadow:inset 0 1px #ffffff1f}.btn--ghost{background:#ffffff0d;border-color:#ffffff29}.btn--ghost:hover{background:#ffffff1a;border-color:#ffffff42}.btn:active,.filter:active,.chip__btn:active{transform:scale(.97)}.chip--link:hover{background:#ffffff14}.cs{-webkit-backdrop-filter:blur(30px)saturate(175%);backdrop-filter:blur(30px)saturate(175%);box-shadow:var(--lg-depth), 0 40px 90px -24px #000000e6;background:#121214c7}@media (prefers-reduced-transparency:reduce){.card,.contact__link,.nav__inner,.btn--ghost,.filter,.cs{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}.nav__links{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.map{--fs:clamp(8.5px, 2cqw, 12.5px);isolation:isolate;aspect-ratio:560/336;font-family:var(--font-mono);font-size:var(--fs);color:var(--text-muted);margin:0;position:relative;container-type:inline-size}.map:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff1a 1px,#0000 1.2px);background-size:22px 22px;position:absolute;inset:-4% -3%;-webkit-mask-image:radial-gradient(closest-side at 50% 46%,#000 30%,#0000 100%);mask-image:radial-gradient(closest-side at 50% 46%,#000 30%,#0000 100%)}.map__wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map__wire{fill:none;stroke:#ffffff29;stroke-width:1.5px;stroke-linecap:round}.map__wire--on{stroke:var(--accent);stroke-width:2px;opacity:var(--a,0)}.map__packet circle{fill:#ffffffd9}.map__packet--req circle{fill:var(--accent)}.map__cap,.map__tag{white-space:nowrap;pointer-events:none;position:absolute}.map__cap{font-size:calc(var(--fs) * .74);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.map__tag{font-size:calc(var(--fs) * .78);color:color-mix(in srgb, var(--text-faint), var(--accent) calc(var(--a,0) * 100%));transform:translate(-50%,-100%)}.map__node{isolation:isolate;text-align:center;background-color:#ffffff08;background-image:var(--lg-sheen);box-shadow:var(--lg-depth);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);border-radius:clamp(9px,2.4cqw,14px);flex-direction:column;justify-content:center;align-items:center;gap:.3em;padding:.5em .4em;transition:background-color .3s;display:flex;position:absolute}.map__node:hover{background-color:#ffffff0f}.map__node:before{content:"";border-radius:inherit;background:var(--lg-rim);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.map__node:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(200px circle at var(--mx,50%) var(--my,0%), #ffffff24, transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.map__node:hover:after{opacity:1}.map__ring{z-index:-1;border-radius:inherit;opacity:var(--a,0);pointer-events:none;background:radial-gradient(90% 90% at 50% 0,#c8f54229,#0000 72%);position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px #c8f542d9}.map__name{font-size:var(--fs);color:var(--text);font-weight:500;line-height:1.2}.map__name--svc{font-size:calc(var(--fs) * .86)}.map__sub{font-size:calc(var(--fs) * .8);color:var(--text-faint);text-wrap:balance;line-height:1.25}.map__check{width:1.5em;height:1.5em;color:var(--accent-ink);background:var(--accent);transition:transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:-.6em;right:-.6em;transform:scale(0)}.map__check svg{width:62%;height:62%}.map__check.is-on,.map[data-static] .map__check{transform:scale(1)}.map__lanes{gap:.55em;width:100%;margin:.2em 0;padding:0;list-style:none;display:grid}.map__lanes li{height:1.55em;box-shadow:inset 0 0 0 1px rgb(200 245 66/calc(var(--a,0) * .65));background:#ffffff0f;border-radius:999px;position:relative;overflow:hidden}.map__lanes i{border-radius:inherit;transform:scaleX(var(--p,0));transform-origin:0;opacity:var(--o,1);background:linear-gradient(90deg,#c8f5428c,#c8f542e6);position:absolute;inset:0}.map__node--db{border-radius:clamp(9px,2.4cqw,14px)}.map__lid{pointer-events:none;background:linear-gradient(#ffffff24,#ffffff0a);border:1px solid #ffffff38;border-radius:50%;height:1.7em;position:absolute;top:-.7em;left:-1px;right:-1px}.map__status{white-space:nowrap;font-size:calc(var(--fs) * .82);color:var(--text);opacity:var(--a,0);transform:translateY(calc((1 - var(--a,0)) * 5px));pointer-events:none;background:#ffffff0d;border-radius:999px;align-items:center;gap:.5em;padding:.3em .7em;display:inline-flex;position:absolute;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff14}.map__status i{background:var(--accent);border-radius:50%;width:.55em;height:.55em}.map__rail{pointer-events:none;position:absolute;inset:0}.map__track,.map__fill{border-radius:2px;height:2px;margin-top:-1px;position:absolute}.map__track{background:#ffffff1f}.map__fill{background:var(--accent);transform-origin:0;transform:scaleX(0)}.map__step{width:0;height:0;position:absolute}.map__step b{box-sizing:border-box;background:var(--bg);border:1.5px solid #ffffff4d;border-radius:50%;width:1em;height:1em;margin:-.5em 0 0 -.5em;transition:background-color .35s,border-color .35s;position:absolute;top:0;left:0}.map__step-label{white-space:nowrap;font-size:calc(var(--fs) * .92);color:var(--text-faint);flex-direction:column;align-items:center;gap:.15em;transition:color .35s;display:flex;position:absolute;top:1.1em;left:0;transform:translate(-50%)}.map__step-label small{font-size:calc(var(--fs) * .74);opacity:.85}.map__step--first .map__step-label{align-items:flex-start;transform:translate(-.5em)}.map__step--last .map__step-label{align-items:flex-end;transform:translate(calc(.5em - 100%))}.map__step.is-on b,.map[data-static] .map__step b{background:var(--accent);border-color:var(--accent)}.map__step.is-on .map__step-label,.map[data-static] .map__step-label{color:var(--text)}.map__step--last.is-on .map__step-label,.map[data-static] .map__step--last .map__step-label{color:var(--accent)}.map__step--last.is-on b:after{content:"";border:1.5px solid var(--accent);border-radius:50%;animation:1.2s ease-out both map-ping;position:absolute;inset:-1.5px}.map[data-static] .map__fill{transform:scaleX(1)}@keyframes map-ping{to{opacity:0;transform:scale(3.2)}}html[data-intro=done] .map__node,html[data-intro=done] .map__rail,html[data-intro=done] .map__cap,html[data-intro=done] .map__tag{animation:map-in .8s var(--ease) both;animation-delay:calc(.35s + var(--d,0) * .1s)}html[data-intro=done] .map__wire{stroke-dasharray:1;animation:map-draw .9s var(--ease) both;animation-delay:calc(.5s + var(--d,0) * .12s)}@keyframes map-in{0%{opacity:0;translate:0 10px}}@keyframes map-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@container (width<=400px){.map__cap,.map__tag,.map__step-label small{display:none}}@media (prefers-reduced-transparency:reduce){.map__node{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--surface)}}