.bg-video{position:fixed;inset:0;z-index:var(--z-bg);pointer-events:none;background-color:var(--color-background)}.bg-video__el{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05) brightness(.5)}.bg-video__scrim{position:absolute;inset:0;background:linear-gradient(180deg,#03060fb8,#03060f80 40%,#03060fc7),radial-gradient(75% 60% at 50% 45%,#050a1840,#03060fd9),radial-gradient(120% 80% at 50% -10%,rgba(76,141,255,.12),transparent 60%),radial-gradient(70% 60% at 0% 85%,rgba(76,141,255,.07),transparent 70%)}.bg-video__grain{position:absolute;inset:0;opacity:.45;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){.bg-video__el{display:none}.bg-video{background:radial-gradient(80% 70% at 50% 30%,#4c8dff2e,#03060f 70%)}}.scroll-progress{position:fixed;inset:0 0 auto;height:2px;z-index:calc(var(--z-nav) + 1);pointer-events:none}.scroll-progress i{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--color-accent-deep),var(--color-accent-soft))}.nav{position:fixed;inset:0 0 auto;z-index:var(--z-nav);height:var(--nav-h);display:flex;align-items:center;border-bottom:1px solid transparent;transition:background-color var(--dur-slow) var(--ease-out),border-color var(--dur-slow) var(--ease-out)}.nav.is-stuck{background:#0f172ab8;border-bottom-color:var(--color-border);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.nav__inner{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.nav__brand{display:flex;align-items:center;gap:var(--space-3);min-height:44px}.nav__brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--color-border-strong);background:#4c8dff1f;font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent-soft)}.nav__brand-text{font-weight:600;font-size:.9375rem;color:var(--color-foreground)}.nav__links{display:flex;align-items:center;gap:var(--space-1)}.nav__link{position:relative;padding:var(--space-2) var(--space-4);min-height:44px;display:inline-flex;align-items:center;font-size:.875rem;color:var(--color-on-surface-muted);border-radius:999px;transition:color var(--dur) var(--ease-out)}.nav__link:hover,.nav__link.is-active{color:var(--color-foreground)}.nav__indicator{position:absolute;left:var(--space-4);right:var(--space-4);bottom:10px;height:1px;background:var(--color-accent)}.nav__toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--color-border);place-items:center;color:var(--color-foreground)}.nav__mobile{position:absolute;inset:var(--nav-h) 0 auto 0;display:none;flex-direction:column;padding:var(--space-4) var(--gutter) var(--space-8);background:#0f172af5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.nav__mobile-link{padding:var(--space-3) var(--space-1);min-height:44px;display:flex;align-items:center;font-size:1rem;color:var(--color-on-surface-muted)}.nav__mobile-link.is-active{color:var(--color-accent-soft)}@media(max-width:1180px){.nav__link{padding-inline:var(--space-2);font-size:.8125rem}.nav__indicator{left:var(--space-2);right:var(--space-2)}}@media(max-width:900px){.nav__links{display:none}.nav__toggle{display:grid}.nav__mobile{display:flex}}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}.hero__content{text-align:center;display:grid;justify-items:center;gap:clamp(1.1rem,2.2vh,1.75rem);padding-block:calc(var(--nav-h) + 1.5rem) clamp(4.5rem,9vh,7rem)}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:999px;border:1px solid var(--color-border);background:#ffffff0b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-on-surface)}.hero__dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent-soft);box-shadow:0 0 12px 2px var(--color-accent-glow)}.hero__title{font-size:var(--fs-display);font-weight:600;letter-spacing:-.045em;line-height:.92;background:linear-gradient(175deg,#fff 25%,#cfe0ff 60%,#7e9fd6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__subtitle{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.25rem);font-size:clamp(1.05rem,2.2vw,1.7rem);font-weight:400;letter-spacing:.02em;color:var(--color-foreground)}.hero__subtitle:before,.hero__subtitle:after{content:"";width:clamp(1.5rem,5vw,3.5rem);height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-soft))}.hero__subtitle:after{background:linear-gradient(90deg,var(--color-accent-soft),transparent)}.hero__lead{max-width:62ch;font-size:var(--fs-lead);color:var(--color-on-surface-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-top:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-8);border-radius:999px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.btn--primary{background:var(--color-accent);color:#051024;box-shadow:0 10px 34px -14px var(--color-accent-glow)}.btn--primary:hover{background:var(--color-accent-soft);box-shadow:0 18px 44px -16px var(--color-accent-glow)}.btn--ghost{border:1px solid var(--color-border);color:var(--color-foreground);background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--ghost:hover{border-color:var(--color-border-strong);background:var(--glass-bg-strong)}.hero__scroll{position:absolute;bottom:2.25rem;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:var(--space-3)}.hero__scroll-label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.3em;text-transform:uppercase;color:var(--color-on-surface-faint)}.hero__scroll-line{display:block;width:1px;height:60px;background:#ffffff24;overflow:hidden}.hero__scroll-line i{display:block;width:100%;height:40%;background:var(--color-accent-soft)}@media(max-width:900px){.hero__scroll{display:none}}@media(max-width:520px){.btn,.hero__actions{width:100%}}.tilt-card{position:relative;will-change:transform}.tilt-card__glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.tilt-card:hover .tilt-card__glare{opacity:1}@media(prefers-reduced-motion:reduce){.tilt-card__glare{display:none}}.demo{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:grid;gap:var(--space-4)}.demo__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.demo__badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;border:1px solid rgba(76,141,255,.4);background:#4c8dff1a;color:var(--color-accent-soft)}.demo__hint{flex:1 1 auto;font-size:var(--fs-small);color:var(--color-on-surface-faint)}.demo__close{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);margin-left:auto;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-on-surface);font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.demo__close:hover{border-color:var(--color-border-strong);background:var(--glass-bg-strong);color:var(--color-foreground)}.demo__controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3)}.demo__field{flex:1 1 320px;display:grid;gap:var(--space-2)}.demo__label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--color-on-surface-muted)}.demo__input{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);font:inherit;font-size:.9375rem;color:var(--color-foreground);background:#0308148c;border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.demo__input::placeholder{color:var(--color-on-surface-faint)}.demo__input:hover:not(:disabled){border-color:var(--color-border-strong)}.demo__input:focus-visible{border-color:var(--color-accent);background:#030814bf}.demo__input:disabled{opacity:.5;cursor:not-allowed}.demo__buttons{display:flex;gap:var(--space-2)}.demo__btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-foreground);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out)}.demo__btn:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--glass-bg-strong)}.demo__btn:disabled{opacity:.42;cursor:not-allowed}.demo__btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#051024}.demo__btn--primary:hover:not(:disabled){background:var(--color-accent-soft);border-color:var(--color-accent-soft)}.demo__roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2)}.demo__roster li{display:grid;gap:.15rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06);background:#ffffff06}.demo__roster-name{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;font-weight:600;color:var(--color-on-surface)}.demo__roster-task{font-size:.72rem;line-height:1.4;color:var(--color-on-surface-faint)}.demo__roster-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#ffffff2e}.demo__roster li.is-active{border-color:#82b1ffb3;background:#4c8dff29;box-shadow:0 0 0 1px #4c8dff47,0 6px 20px -12px var(--color-accent-glow)}.demo__roster li.is-active .demo__roster-name{color:var(--color-accent-soft)}.demo__roster li.is-active .demo__roster-task{color:var(--color-on-surface-muted)}.demo__roster li.is-active .demo__roster-dot{background:var(--color-accent-soft);box-shadow:0 0 10px 2px var(--color-accent-glow);animation:demo-pulse 1.6s var(--ease-out) infinite}@keyframes demo-pulse{0%{box-shadow:0 0 #82b1ff80}70%{box-shadow:0 0 0 7px #82b1ff00}to{box-shadow:0 0 #82b1ff00}}.demo__sr-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.demo__log{position:relative;height:320px;overflow-y:auto;padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#020610b8;font-family:var(--font-mono);font-size:.76rem;line-height:1.7;scrollbar-width:thin}.demo__log:focus-visible{border-color:var(--color-accent)}.demo__empty{font-family:var(--font-sans);font-size:var(--fs-small);line-height:1.6;color:var(--color-on-surface-faint);max-width:52ch}.demo__line{display:grid;grid-template-columns:88px 1fr;gap:var(--space-3);color:var(--color-on-surface-muted);word-break:break-word}.demo__agent{color:var(--color-on-surface-faint);text-align:right;letter-spacing:.06em}.demo__agent--accent{color:var(--color-accent-soft)}.demo__line--success .demo__text{color:#7ee2a8}.demo__line--warn .demo__text{color:#ffc46b}.demo__line--mcp .demo__text{color:var(--color-on-surface-muted);font-style:italic}.demo__line--detail .demo__text{color:var(--color-on-surface-faint)}.demo__line--phase{margin-block:var(--space-2)}.demo__line--phase .demo__text{color:var(--color-foreground);font-weight:500;border-bottom:1px solid rgba(130,177,255,.18);padding-bottom:var(--space-1)}.demo__cursor{display:inline-block;margin-left:92px;color:var(--color-accent-soft);animation:demo-blink 1s steps(2,start) infinite}@keyframes demo-blink{to{visibility:hidden}}@media(max-width:560px){.demo__buttons{width:100%}.demo__btn{flex:1;justify-content:center;padding-inline:var(--space-3)}.demo__line{grid-template-columns:1fr;gap:0;margin-bottom:var(--space-2)}.demo__agent{text-align:left}.demo__cursor{margin-left:0}}@media(prefers-reduced-motion:reduce){.demo__cursor,.demo__roster li.is-active .demo__roster-dot{animation:none}}.demo-slot{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);border:1px dashed rgba(130,177,255,.24);border-radius:var(--radius-sm);background:#4c8dff0a}.demo-slot__icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:8px;background:#4c8dff1f;color:var(--color-accent-soft)}.demo-slot__body{display:grid;gap:.15rem}.demo-slot__title{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-soft)}.demo-slot__text{font-size:var(--fs-small);line-height:1.5;color:var(--color-on-surface-faint)}.about__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}.about__body{display:grid;gap:var(--space-6);max-width:68ch}.about__body p{color:var(--color-on-surface-muted)}.about__lead{font-size:var(--fs-lead);color:var(--color-foreground)!important;font-weight:500;line-height:1.45}.about__side{display:grid;gap:var(--space-4);position:sticky;top:calc(var(--nav-h) + 2rem)}.about__portrait{position:relative;isolation:isolate}.about__portrait:before{content:"";position:absolute;inset:8% 0 12%;z-index:-1;border-radius:50%;background:radial-gradient(58% 46% at 50% 42%,rgba(76,141,255,.22),rgba(76,141,255,.07) 55%,transparent 78%);filter:blur(18px)}.about__portrait img{display:block;width:100%;height:auto;filter:saturate(.95) contrast(1.02) brightness(.97) drop-shadow(0 18px 30px rgba(2,6,16,.55));-webkit-mask-image:linear-gradient(180deg,#000 72%,rgba(0,0,0,.35) 90%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,rgba(0,0,0,.35) 90%,transparent 100%)}.about__stats{display:grid;gap:var(--space-4)}.stat{padding:var(--space-6)}.stat__value{display:block;font-size:clamp(2.25rem,4vw,3rem);font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--color-foreground);font-variant-numeric:tabular-nums}.stat__label{display:block;margin-top:var(--space-2);font-size:var(--fs-small);line-height:1.5;color:var(--color-on-surface-muted)}.pull-quote{margin-top:var(--space-4);padding:var(--space-6) 0 var(--space-6) var(--space-6);border-left:2px solid var(--color-accent)}.pull-quote blockquote{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.5;color:var(--color-foreground)}.pull-quote figcaption{margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--color-on-surface-faint)}.skills__grid,.work__grid,.quote-grid,.edu__grid{display:grid;gap:var(--space-4)}.skills__grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.work__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.quote-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.edu__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-card{padding:var(--space-8) var(--space-6) var(--space-6);display:grid;align-content:start;gap:var(--space-3)}.skill-card__num{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.24em;color:var(--color-accent-soft)}.skill-card__title{font-size:var(--fs-h3)}.skill-card__desc{font-size:var(--fs-small);line-height:1.6;color:var(--color-on-surface-muted)}.timeline{position:relative;display:grid;gap:clamp(1.5rem,3vw,2.5rem);padding-left:clamp(1.75rem,4vw,3rem)}.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--color-accent) 0%,rgba(76,141,255,.35) 35%,rgba(255,255,255,.08) 100%)}.tl-item{position:relative}.tl-item__marker{position:absolute;left:calc(-1*clamp(1.75rem,4vw,3rem));top:2.1rem;width:11px;height:11px;border-radius:50%;background:var(--color-background);border:2px solid var(--color-accent)}.tl-item__card{padding:clamp(1.5rem,3vw,2.25rem)}.tl-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.tl-item__period{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--color-on-surface-muted)}.badge{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .7rem;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;border:1px solid rgba(76,141,255,.4);color:var(--color-accent-soft);background:#4c8dff1a}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent-soft)}.tl-item__role{font-size:clamp(1.35rem,2.4vw,1.85rem)}.tl-item__company{margin-top:.3rem;color:var(--color-accent-soft);font-size:.9375rem;font-weight:500}.tl-item__list{display:grid;gap:var(--space-2);margin-top:var(--space-6)}.tl-item__list li{position:relative;padding-left:1.4rem;font-size:var(--fs-small);line-height:1.65;color:var(--color-on-surface-muted)}.tl-item__list li:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:1px;background:var(--color-accent)}.tl-item__impact,.work-card__impact{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06);font-size:var(--fs-small);color:var(--color-on-surface)}.tl-item__impact span,.work-card__impact span{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-soft);margin-right:.7rem}.tl-item__quote{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid rgba(130,177,255,.16);background:#4c8dff0f}.tl-item__quote blockquote{font-size:var(--fs-small);line-height:1.6;color:var(--color-on-surface);font-style:italic}.tl-item__quote figcaption{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--color-on-surface-faint)}.quote-feature{position:relative;padding:clamp(2.25rem,5vw,3.5rem);margin-bottom:var(--space-4);overflow:hidden}.quote-feature__mark{position:absolute;top:-1.5rem;right:1.5rem;font-size:clamp(9rem,18vw,15rem);line-height:1;font-family:Georgia,serif;color:#82b1ff17;user-select:none}.quote-feature blockquote{position:relative;max-width:34ch;font-size:clamp(1.4rem,3.4vw,2.5rem);line-height:1.28;letter-spacing:-.03em;color:var(--color-foreground);font-weight:500;text-wrap:balance}.quote-feature figcaption{position:relative;margin-top:var(--space-6);display:grid;gap:.3rem}.quote__author{font-size:.9375rem;color:var(--color-on-surface);font-weight:500}.quote__note,.quote-card figcaption{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--color-on-surface-faint)}.quote-card{padding:var(--space-6);display:grid;align-content:start;gap:var(--space-3)}.quote-card__topic{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-soft)}.quote-card blockquote{font-size:.975rem;line-height:1.65;color:var(--color-on-surface-muted)}.marquee{position:relative;margin-top:clamp(2.5rem,5vw,4rem);overflow:hidden;border-block:1px solid var(--color-border);padding-block:var(--space-4);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee__track{display:flex;width:max-content;animation:marquee 42s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__group{display:flex;align-items:center;flex:0 0 auto}.marquee__group li{display:flex;align-items:center;gap:2.5rem;padding-inline:var(--space-4);font-size:clamp(.95rem,1.6vw,1.2rem);color:var(--color-on-surface-muted);white-space:nowrap}.marquee__group li:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-accent);opacity:.6}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section--journey{padding-block:0}.journey{position:relative}.journey__sticky{display:flex;flex-direction:column;justify-content:center;gap:clamp(2rem,5vw,4rem);padding-block:clamp(5rem,10vw,8rem);overflow:hidden}.journey.is-pinned .journey__sticky{position:sticky;top:0;height:100svh}.journey__viewport{width:100%}.journey__track{position:relative;display:flex;align-items:stretch;gap:clamp(1rem,2vw,1.75rem);padding-inline:var(--gutter);width:max-content;will-change:transform}.journey__line{position:absolute;left:0;right:0;top:3.15rem;height:1px;background:linear-gradient(90deg,transparent,rgba(130,177,255,.4) 8%,rgba(130,177,255,.4) 92%,transparent)}.milestone{flex:0 0 auto;width:clamp(250px,30vw,330px);padding:5rem var(--space-6) var(--space-8)}.milestone:before{content:"";position:absolute;left:var(--space-6);top:3.15rem;width:9px;height:9px;border-radius:50%;background:var(--color-surface-2);border:2px solid rgba(130,177,255,.6);transform:translate(-1px,-4.5px)}.milestone.is-accent:before{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 14px 2px var(--color-accent-glow)}.milestone.is-now{border-color:#82b1ff59;background:#4c8dff14}.milestone__year{display:block;font-family:var(--font-mono);font-size:1.6rem;color:var(--color-foreground);margin-bottom:var(--space-3)}.milestone__title{font-size:1.075rem;line-height:1.3;margin-bottom:var(--space-2)}.milestone__text{font-size:var(--fs-small);line-height:1.6;color:var(--color-on-surface-muted)}.milestone__tag{display:inline-block;margin-top:var(--space-6);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-soft)}.journey__progress{width:min(var(--max-w),100%);margin-inline:auto;padding-inline:var(--gutter);height:2px}.journey__progress i{display:block;height:2px;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--color-accent-deep),var(--color-accent-soft));border-radius:2px}.work-card{padding:var(--space-6);display:grid;align-content:start;grid-template-rows:1fr auto;gap:var(--space-3);overflow:hidden}.work-card__head{display:grid;align-content:start;gap:var(--space-3)}.work-card--showcase{grid-column:1 / -1}.work-card__desc.is-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-card--openable{cursor:pointer}.work-card__open{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:var(--space-6);border-radius:inherit;cursor:pointer;background:#04091600;transition:background-color var(--dur) var(--ease-out)}.work-card__open-inner{display:grid;justify-items:center;gap:var(--space-2);text-align:center;opacity:0;transition:opacity var(--dur) var(--ease-out)}.work-card__open-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#051024;background:var(--color-accent);box-shadow:0 10px 30px -12px var(--color-accent-glow)}.work-card__open-label{font-size:1.0625rem;font-weight:600;color:var(--color-foreground)}.work-card__open-hint{font-size:var(--fs-small);line-height:1.5;color:var(--color-on-surface-muted);max-width:32ch}.work-card__open:hover,.work-card__open:focus-visible{background:#040916d1}.work-card__open:hover .work-card__open-inner,.work-card__open:focus-visible .work-card__open-inner{opacity:1}@media(hover:none),(pointer:coarse){.work-card__open{background:#04091680}.work-card__open-inner{opacity:1}}.work-card__panel{overflow:hidden}.work-card__panel-inner{display:grid;gap:var(--space-3);padding-top:var(--space-2)}.work-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase}.work-card__kind{color:var(--color-accent-soft)}.work-card__year{color:var(--color-on-surface-faint)}.work-card__title{font-size:var(--fs-h3);line-height:1.25}.work-card__desc{font-size:var(--fs-small);line-height:1.65;color:var(--color-on-surface-muted)}.edu-card{padding:var(--space-6);display:grid;align-content:start;gap:var(--space-2)}.edu-card--wide{grid-column:span 2}.edu-card__label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent-soft);margin-bottom:var(--space-2)}.edu-card__title{font-size:var(--fs-h3);line-height:1.25}.edu-card__org{color:var(--color-on-surface);font-weight:500}.edu-card__period{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-on-surface-faint)}.edu-card__desc{margin-top:var(--space-2);font-size:var(--fs-small);line-height:1.65;color:var(--color-on-surface-muted)}.edu-card__meters{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.meter__row{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--fs-small);color:var(--color-on-surface);margin-bottom:var(--space-2)}.meter{height:3px;border-radius:3px;background:#ffffff14;overflow:hidden}.meter i{display:block;height:100%;width:100%;transform-origin:left;border-radius:3px;background:linear-gradient(90deg,var(--color-accent-deep),var(--color-accent-soft))}.contact__inner{display:grid;justify-items:center;text-align:center;gap:var(--space-6)}.contact__title{font-size:clamp(2.25rem,6vw,5rem);max-width:18ch}.contact__lead{max-width:48ch;font-size:var(--fs-lead);color:var(--color-on-surface-muted)}.contact__links{display:grid;justify-items:center;gap:var(--space-3);margin-top:var(--space-4)}.contact__link{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);min-height:48px;font-size:clamp(1.05rem,2.4vw,1.75rem);font-weight:500;letter-spacing:-.02em;color:var(--color-foreground);padding-bottom:.35rem;transition:color var(--dur) var(--ease-out)}.contact__link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-accent);transform-origin:left;transition:transform var(--dur-slow) var(--ease-out)}.contact__link:hover{color:var(--color-accent-soft)}.contact__link:hover:after{transform:scaleX(0);transform-origin:right}.footer{border-top:1px solid var(--color-border);padding-block:var(--space-8);background:#03060f80}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--fs-small);color:var(--color-on-surface-faint)}.footer__top{color:var(--color-on-surface-muted);min-height:44px;display:inline-flex;align-items:center}.footer__top:hover{color:var(--color-accent-soft)}@media(max-width:1080px){.about__grid{grid-template-columns:1fr}.about__side{position:static;justify-items:start}.about__portrait{max-width:240px}.about__stats{width:100%;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.edu-card--wide{grid-column:span 1}}@media(max-width:900px){.journey__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.milestone{scroll-snap-align:center;width:min(78vw,320px)}.footer__inner{justify-content:center;text-align:center}}@media(max-width:520px){.about__stats{grid-template-columns:1fr}}:root{--color-background: #0f172a;--color-surface: #131e37;--color-surface-2: #1e293b;--color-muted: #272f42;--color-foreground: #f8fafc;--color-on-surface: #dce5f5;--color-on-surface-muted: #94a7c7;--color-on-surface-faint: #7488ab;--color-accent: #4c8dff;--color-accent-soft: #82b1ff;--color-accent-deep: #1f5ad1;--color-accent-glow: rgba(76, 141, 255, .35);--color-border: rgba(255, 255, 255, .09);--color-border-strong: rgba(130, 177, 255, .38);--glass-bg: rgba(255, 255, 255, .035);--glass-bg-strong: rgba(255, 255, 255, .06);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--fs-display: clamp(2.75rem, min(10vw, 13.5vh), 8rem);--fs-h2: clamp(2.1rem, 5.2vw, 4.25rem);--fs-h3: clamp(1.15rem, 1.9vw, 1.5rem);--fs-lead: clamp(1.05rem, 1.55vw, 1.375rem);--fs-body: clamp(1rem, 1.05vw, 1.075rem);--fs-small: .8125rem;--fs-micro: .6875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-section: clamp(6rem, 12vw, 11rem);--gutter: clamp(1.25rem, 4vw, 4rem);--max-w: 1280px;--radius-sm: 10px;--radius: 18px;--radius-lg: 26px;--elev-1: 0 8px 24px -16px rgba(0, 0, 0, .8);--elev-2: 0 26px 60px -32px rgba(0, 0, 0, .9);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur: .24s;--dur-slow: .4s;--z-bg: -2;--z-base: 0;--z-sticky: 40;--z-nav: 100;--z-overlay: 1000;--nav-h: 76px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--nav-h);background-color:var(--color-background)}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.65;color:var(--color-on-surface);background:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-rendering:optimizeLegibility}body.is-locked{overflow:hidden}img,video{display:block;max-width:100%}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--color-accent);color:var(--color-background)}:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--color-accent-deep),var(--color-accent));border-radius:99px;border:3px solid var(--color-background)}h1,h2,h3,h4{color:var(--color-foreground);font-weight:600;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}p{text-wrap:pretty}strong{color:var(--color-foreground);font-weight:600}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:var(--space-section)}.section+.section:before{content:"";position:absolute;inset-inline:var(--gutter);top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11) 20%,rgba(130,177,255,.25) 50%,rgba(255,255,255,.11) 80%,transparent)}.section__head{position:relative;margin-bottom:clamp(3rem,6vw,5rem);max-width:62ch}.section__index{display:block;margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.34em;text-transform:uppercase;color:var(--color-accent-soft)}.section__title{font-size:var(--fs-h2)}.section__sub{margin-top:var(--space-6);font-size:var(--fs-lead);color:var(--color-on-surface-muted);max-width:52ch}.glass{position:relative;background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.glass:hover{border-color:var(--color-border-strong);background:var(--glass-bg-strong);box-shadow:var(--elev-2)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tags li{padding:.375rem .75rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--color-on-surface-muted);background:#ffffff0b;border:1px solid rgba(255,255,255,.07);border-radius:999px}.tags--sm li{font-size:.68rem;padding:.3rem .65rem}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent-soft)}.skip-link{position:fixed;top:12px;left:12px;z-index:var(--z-overlay);padding:var(--space-3) var(--space-6);min-height:44px;display:grid;place-items:center;background:var(--color-accent);color:var(--color-background);font-weight:600;border-radius:var(--radius-sm);transform:translateY(-180%);transition:transform var(--dur-slow) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media print{.bg-video,.nav,.scroll-progress{display:none!important}body{color:#000;background:#fff}}