.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color var(--transition)}@supports (animation-timeline: scroll()){.nav{animation:nav-border linear both;animation-timeline:scroll();animation-range:0 120px}@keyframes nav-border{to{border-bottom-color:var(--border)}}}@supports not (animation-timeline: scroll()){.nav{border-bottom-color:var(--border)}}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);width:100%;max-width:var(--content-width);margin-inline:auto;padding:var(--space-4) var(--space-6)}.nav__brand{font-weight:600;font-size:var(--text-sm);letter-spacing:-.01em;white-space:nowrap;transition:color var(--transition)}.nav__brand:hover{color:var(--accent)}.nav__links{display:flex;align-items:center;gap:var(--space-1)}.nav__link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-muted);transition:color var(--transition),background-color var(--transition)}.nav__link:hover{color:var(--text);background:var(--surface-hover)}.nav__link--active{color:var(--accent)}.nav__actions{display:flex;align-items:center;gap:var(--space-1)}.nav__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.05rem;transition:color var(--transition),background-color var(--transition)}.nav__icon-btn:hover{color:var(--text);background:var(--surface-hover)}.nav__icon-btn--menu{display:none}@media(max-width:768px){.nav__icon-btn--menu{display:inline-flex}.nav__links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:var(--space-2);background:var(--bg-elevated);border-bottom:1px solid var(--border);box-shadow:var(--shadow);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition)}.nav__links--open{visibility:visible;opacity:1;transform:none}.nav__link{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}}.socials{display:flex;align-items:center;gap:var(--space-2)}.socials__link{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:1.05rem;transition:color var(--transition),border-color var(--transition),background-color var(--transition),transform var(--transition)}.socials__link:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-2px)}.hero{position:relative;display:flex;align-items:center;min-height:min(88svh,52rem);padding-block:var(--space-24) var(--space-32);overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;left:50%;width:min(60rem,120%);aspect-ratio:1;transform:translate(-50%);background:radial-gradient(circle,var(--accent-glow) 0%,transparent 62%);pointer-events:none;z-index:-1}.hero__inner{position:relative}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);animation:rise .6s var(--ease) both}.hero__status{width:7px;height:7px;border-radius:var(--radius-full);background:#34d399;box-shadow:0 0 0 3px color-mix(in srgb,#34d399 22%,transparent)}.hero__title{font-size:var(--text-hero);letter-spacing:-.045em;line-height:1;margin-bottom:var(--space-6);animation:rise .6s var(--ease) 60ms both}.hero__tagline{font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em;line-height:1.3;max-width:24ch;margin-bottom:var(--space-6);animation:rise .6s var(--ease) .12s both}.hero__intro{font-size:var(--text-lg);color:var(--text-muted);max-width:var(--prose-width);margin-bottom:var(--space-12);animation:rise .6s var(--ease) .18s both}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);animation:rise .6s var(--ease) .24s both}.hero__socials{margin-left:var(--space-3)}.hero__scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-subtle);animation:hero-bob 2.4s var(--ease) infinite;transition:color var(--transition),border-color var(--transition)}.hero__scroll:hover{color:var(--text);border-color:var(--border-strong)}@keyframes hero-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,5px)}}@media(max-width:640px){.hero{min-height:auto;padding-block:var(--space-16) var(--space-24)}.hero__socials{margin-left:0;width:100%}.hero__scroll{display:none}}.about{display:grid;grid-template-columns:1fr 20rem;gap:var(--space-16);align-items:start}.about__prose{display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--prose-width);color:var(--text-muted);font-size:var(--text-lg)}.about__prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);transition:text-decoration-color var(--transition)}.about__prose a:hover{text-decoration-color:var(--accent)}.about__aside{position:sticky;top:var(--space-24)}.about__portrait{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface)}.about__portrait img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:center top;filter:grayscale(1);transition:filter .4s var(--ease),transform .4s var(--ease)}.about__portrait:hover img{filter:grayscale(0);transform:scale(1.02)}@media(max-width:900px){.about{grid-template-columns:1fr;gap:var(--space-8)}.about__aside{position:static;order:-1;max-width:14rem}}.timeline{display:flex;flex-direction:column}.timeline__item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6)}.timeline__marker{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-top:.45rem}.timeline__dot{width:9px;height:9px;flex-shrink:0;border-radius:var(--radius-full);background:var(--border-strong)}.timeline__dot--current{background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.timeline__marker:after{content:"";flex:1;width:1px;background:linear-gradient(to bottom,var(--border),transparent)}.timeline__item:last-child .timeline__marker:after{display:none}.timeline__body{padding-bottom:var(--space-12)}.timeline__item:last-child .timeline__body{padding-bottom:0}.timeline__period{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);margin-bottom:var(--space-2)}.timeline__badge{padding:2px var(--space-2);font-size:var(--text-xs);color:var(--accent);background:var(--accent-glow);border-radius:var(--radius-full)}.timeline__title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4)}.timeline__at{color:var(--text-subtle);font-weight:400}.timeline__company{display:inline-flex;align-items:center;gap:2px;color:var(--accent);transition:color var(--transition)}.timeline__company svg{font-size:.8em;transition:transform var(--transition)}.timeline__company:hover{color:var(--accent-hover)}.timeline__company:hover svg{transform:translate(2px,-2px)}.timeline__highlights{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--prose-width)}.timeline__highlights li{position:relative;padding-left:var(--space-6);color:var(--text-muted);font-size:var(--text-sm);line-height:1.7}.timeline__highlights li:before{content:"";position:absolute;left:0;top:.7em;width:12px;height:1px;background:var(--border-strong)}@media(max-width:640px){.timeline__item{gap:var(--space-4)}.timeline__title{font-size:var(--text-lg)}}.work{display:flex;flex-direction:column}.work__item{display:grid;grid-template-columns:12rem 1fr;gap:var(--space-8);padding-block:var(--space-12);border-top:1px solid var(--border);transition:border-color var(--transition)}.work__item:last-child{border-bottom:1px solid var(--border)}.work__item:hover{border-top-color:var(--border-strong)}.work__meta{display:flex;flex-direction:column;gap:var(--space-1)}.work__year{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text)}.work__role{font-size:var(--text-xs);color:var(--text-subtle);line-height:1.5}.work__body{max-width:var(--prose-width)}.work__name{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.work__summary{color:var(--text-muted);margin-bottom:var(--space-4)}.work__detail{color:var(--text-subtle);font-size:var(--text-sm);margin-bottom:var(--space-6)}.work__tech{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.work__links{display:flex;flex-wrap:wrap;gap:var(--space-6)}.work__links svg{transition:transform var(--transition)}.work__links a:hover svg{transform:translate(2px,-2px)}@media(max-width:768px){.work__item{grid-template-columns:1fr;gap:var(--space-4);padding-block:var(--space-8)}.work__meta{flex-direction:row;align-items:baseline;gap:var(--space-3)}.work__role:before{content:"· "}}.skills{display:flex;flex-direction:column;gap:var(--space-8)}.skills__group{display:grid;grid-template-columns:12rem 1fr;gap:var(--space-8);align-items:start}.skills__label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-subtle);padding-top:var(--space-1)}.skills__items{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0}.skills__items .tag{transition:color var(--transition),border-color var(--transition)}.skills__items .tag:hover{color:var(--text);border-color:var(--border-strong)}@media(max-width:768px){.skills__group{grid-template-columns:1fr;gap:var(--space-3)}}.contact{position:relative;overflow:hidden}.contact:before{content:"";position:absolute;bottom:-60%;left:50%;width:min(50rem,130%);aspect-ratio:1;transform:translate(-50%);background:radial-gradient(circle,var(--accent-glow) 0%,transparent 60%);pointer-events:none;z-index:-1}.contact__inner{display:flex;flex-direction:column;align-items:center;text-align:center}.contact__title{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.contact__intro{color:var(--text-muted);font-size:var(--text-lg);max-width:38ch;margin-bottom:var(--space-12)}.contact__email{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:500;letter-spacing:-.02em;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-strong);margin-bottom:var(--space-12);transition:color var(--transition),border-color var(--transition)}.contact__email svg{font-size:.75em;color:var(--text-subtle);transition:transform var(--transition),color var(--transition)}.contact__email:hover{color:var(--accent);border-color:var(--accent)}.contact__email:hover svg{color:var(--accent);transform:translate(3px,-3px)}@media(max-width:640px){.contact__email{font-size:var(--text-lg);max-width:100%;word-break:break-all}}.footer{border-top:1px solid var(--border);padding-block:var(--space-8)}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer__copy,.footer__built{font-size:var(--text-sm);color:var(--text-subtle)}.footer__built a{color:var(--text-muted);transition:color var(--transition)}.footer__built a:hover{color:var(--accent)}@media(max-width:640px){.footer__inner{justify-content:center;text-align:center}}:root{--bg: #0a0a0c;--bg-elevated: #101014;--surface: #151519;--surface-hover: #1c1c22;--border: #26262e;--border-strong: #35353f;--text: #ededf0;--text-muted: #a0a0ab;--text-subtle: #6e6e7a;--accent: #818cf8;--accent-hover: #a5b0ff;--accent-contrast: #0a0a0c;--accent-glow: rgba(129, 140, 248, .14);--selection: rgba(129, 140, 248, .28);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .28);color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #ffffff;--bg-elevated: #fbfbfc;--surface: #f6f6f8;--surface-hover: #efeff2;--border: #e4e4e9;--border-strong: #d0d0d8;--text: #16161a;--text-muted: #55555f;--text-subtle: #83838f;--accent: #4f46e5;--accent-hover: #4338ca;--accent-contrast: #ffffff;--accent-glow: rgba(79, 70, 229, .1);--selection: rgba(79, 70, 229, .18);--shadow: 0 1px 2px rgba(16, 16, 24, .06), 0 8px 24px rgba(16, 16, 24, .06);color-scheme:light}}:root[data-theme=light]{--bg: #ffffff;--bg-elevated: #fbfbfc;--surface: #f6f6f8;--surface-hover: #efeff2;--border: #e4e4e9;--border-strong: #d0d0d8;--text: #16161a;--text-muted: #55555f;--text-subtle: #83838f;--accent: #4f46e5;--accent-hover: #4338ca;--accent-contrast: #ffffff;--accent-glow: rgba(79, 70, 229, .1);--selection: rgba(79, 70, 229, .18);--shadow: 0 1px 2px rgba(16, 16, 24, .06), 0 8px 24px rgba(16, 16, 24, .06);color-scheme:light}:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: clamp(1.05rem, .98rem + .35vw, 1.2rem);--text-xl: clamp(1.25rem, 1.1rem + .7vw, 1.5rem);--text-2xl: clamp(1.6rem, 1.35rem + 1.2vw, 2.1rem);--text-3xl: clamp(2rem, 1.5rem + 2.4vw, 3rem);--text-hero: clamp(2.5rem, 1.6rem + 4.4vw, 5rem);--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-24: 6rem;--space-32: 8rem;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-full: 999px;--content-width: 68rem;--prose-width: 42rem;--ease: cubic-bezier(.4, 0, .2, 1);--transition: .2s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--space-24);-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition),color var(--transition)}::selection{background:var(--selection)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}ul,ol{list-style:none}img,svg,picture{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:var(--space-6)}.section{padding-block:var(--space-24);scroll-margin-top:var(--space-16)}.section__label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3)}.section__label:before{content:"";width:1.5rem;height:1px;background:var(--accent);opacity:.5}.section__title{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.section__intro{color:var(--text-muted);max-width:var(--prose-width);font-size:var(--text-lg);margin-bottom:var(--space-16)}.section__header{margin-bottom:var(--space-16)}.section__header .section__intro{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius);border:1px solid var(--border-strong);font-size:var(--text-sm);font-weight:500;color:var(--text);background:transparent;cursor:pointer;white-space:nowrap;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.btn:hover{background:var(--surface-hover);border-color:var(--text-subtle);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-contrast)}.btn--ghost{border-color:transparent;padding-inline:var(--space-3);color:var(--text-muted)}.btn--ghost:hover{color:var(--text);border-color:transparent}.tag{display:inline-block;padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);white-space:nowrap}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent);font-size:var(--text-sm);font-weight:500;transition:gap var(--transition),color var(--transition)}.link-arrow:hover{gap:var(--space-3);color:var(--accent-hover)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-4);left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;transform:translateY(-200%);transition:transform var(--transition)}.skip-link:focus-visible{transform:translateY(0)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.reveal{animation:rise .6s var(--ease) both}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:640px){.section{padding-block:var(--space-16)}.container{padding-inline:var(--space-4)}}