.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;background:var(--bg);border-bottom:1px solid transparent;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.navbar--scrolled{border-color:var(--border);box-shadow:var(--shadow-sm);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar__inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:32px}.navbar__logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.navbar__logo-mark{flex-shrink:0;color:var(--accent)}.navbar__name{font-weight:600;font-size:.925rem;color:var(--text)}.navbar__links{display:flex;align-items:center;gap:2px;list-style:none;flex:1}.navbar__link{padding:5px 12px;border-radius:var(--radius);font-size:.875rem;font-weight:450;color:var(--text-muted);text-decoration:none;transition:color .15s ease,background .15s ease}.navbar__link:hover{color:var(--text);background:var(--bg-subtle)}.navbar__link--active{color:var(--text);font-weight:600}.navbar__controls{display:flex;align-items:center;gap:6px;margin-left:auto}.navbar__theme-btn{padding:6px 8px}.navbar__resume-btn{font-size:.8rem;padding:6px 14px}.navbar__hamburger{display:none}.mobile-menu{position:fixed;top:var(--nav-h);left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:99;padding:16px 24px 24px;box-shadow:var(--shadow-lg);animation:fadeUp .18s ease both}.mobile-menu__links{list-style:none;display:flex;flex-direction:column;gap:4px}.mobile-menu__link{display:block;padding:10px 12px;border-radius:var(--radius);font-size:.925rem;color:var(--text-muted);transition:color .15s ease,background .15s ease}.mobile-menu__link:hover,.mobile-menu__link--active{color:var(--text);background:var(--bg-subtle)}.mobile-menu__link--active{font-weight:600}.mobile-menu__footer{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}@media (max-width: 640px){.navbar__links,.navbar__resume-btn{display:none}.navbar__hamburger{display:flex}}@media (min-width: 641px){.mobile-menu{display:none}}.footer{border-top:1px solid var(--border);margin-top:80px;padding-bottom:32px}.footer__inner{display:flex;align-items:flex-end;justify-content:space-between;padding-top:32px;gap:16px;flex-wrap:wrap}.footer__name{font-weight:600;font-size:.9rem}.footer__sub{font-size:.8rem;color:var(--text-faint);margin-top:2px}.footer__links{display:flex;gap:4px}.footer__icon-link{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--text-muted);transition:color .15s ease,background .15s ease}.footer__icon-link:hover{color:var(--text);background:var(--bg-subtle)}.footer__bottom{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-faint)}.hf-icon-wrap{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.hf-icon--color{display:block}.hf-icon--mono{display:none;background-color:currentColor;mask-image:url(/svg/hf-logo-monochrome.svg);-webkit-mask-image:url(/svg/hf-logo-monochrome.svg);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}[data-theme=dark] .hf-icon--color{display:none}[data-theme=dark] .hf-icon--mono{display:block}.project-card__title{font-family:var(--font-display);font-size:1.2rem;line-height:1.25;color:var(--text)}.project-card__tagline{font-size:.875rem;color:var(--text-muted)}.project-card__desc{font-size:.9rem;color:var(--text-muted);line-height:1.65}.project-card__highlights{list-style:none;display:flex;flex-direction:column;gap:5px}.project-card__highlights li{font-size:.84rem;color:var(--text-muted);padding-left:14px;position:relative}.project-card__highlights li:before{content:"→";position:absolute;left:0;color:var(--text-faint);font-size:.75rem}.project-card__year{font-size:.78rem}.project-card__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-card__more{margin-left:auto;font-size:.8rem;color:var(--text-muted)}.project-card--compact .project-card__title{font-size:1.05rem}.skill-badge{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s ease,background .15s ease}.skill-badge:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.skill-badge__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot--expert{background:var(--green)}.dot--proficient{background:var(--blue)}.dot--learning{background:var(--amber)}.skill-badge__name{font-family:var(--font-mono);font-size:.83rem;color:var(--text);flex:1}.skill-badge__level{font-size:.72rem;color:var(--text-faint);font-weight:500}.hero{padding-top:72px;padding-bottom:48px}.hero__badge{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hero__name{color:var(--text)}.hero__title{font-size:1.05rem;color:var(--text-muted);font-weight:400}.hero__bio{max-width:600px;color:var(--text-muted);font-size:1rem;line-height:1.7}.hero__meta{display:flex;flex-wrap:wrap;gap:16px}.hero__actions,.home-skills__tags{display:flex;flex-wrap:wrap;gap:8px}.mb-3{margin-bottom:12px}.mb-5{margin-bottom:20px}.home-exp__role{font-weight:600;font-size:.975rem}.home-exp__company{font-size:.85rem;color:var(--text-muted)}.home-exp__desc{font-size:.88rem;color:var(--text-muted);line-height:1.65;max-width:620px}.mb-6{margin-bottom:24px}.about-bio{display:flex;gap:24px;align-items:flex-start}.about-bio__avatar{flex-shrink:0}.about-bio__img{width:80px;height:80px;border-radius:50%;object-fit:cover}.about-bio__initials{width:80px;height:80px;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-family:var(--font-mono);font-size:1.4rem;font-weight:500;display:flex;align-items:center;justify-content:center;letter-spacing:.04em}.about-bio__name{font-family:var(--font-display);font-size:1.4rem;line-height:1.2}.about-bio__role{color:var(--text-muted);font-size:.9rem}.about-bio__meta{display:flex;flex-wrap:wrap;gap:14px}.hero__meta-item{display:flex;align-items:center;gap:5px;font-size:.83rem;color:var(--text-faint)}.about-bio__text{font-size:.9rem;line-height:1.7;color:var(--text-muted);max-width:560px}@media (max-width: 500px){.about-bio{flex-direction:column}}.timeline{display:flex;flex-direction:column;gap:0;position:relative}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:1px;background:var(--border)}.timeline__item{display:flex;gap:20px;padding-bottom:24px}.timeline__item:last-child{padding-bottom:0}.timeline__icon{width:32px;height:32px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;position:relative;z-index:1;margin-top:16px}.timeline__body{flex:1}.timeline__role{font-weight:600;font-size:.975rem}.timeline__company{font-size:.85rem;color:var(--text-muted)}.timeline__right{align-items:center;flex-shrink:0}.timeline__period{font-size:.78rem;color:var(--text-faint);align-self:center}.timeline__desc{font-size:.88rem;color:var(--text-muted);line-height:1.65}.edu-card__degree{font-weight:600;font-size:.975rem}.edu-card__institution{font-size:.85rem;color:var(--text-muted)}.edu-card__notes{font-size:.84rem;color:var(--text-faint);font-family:var(--font-mono);line-height:1.6}@media (max-width: 600px){.timeline:before{display:none}.timeline__icon{display:none}.timeline__item{gap:0}}.page-subtitle{font-size:.975rem;color:var(--text-muted);max-width:520px}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.85rem;font-family:var(--font-body);font-weight:450;cursor:pointer;transition:all .15s ease}.filter-tab:hover{border-color:var(--border-strong);color:var(--text);background:var(--bg-subtle)}.filter-tab--active{background:var(--accent);color:var(--accent-fg);border-color:transparent}.filter-tab--active:hover{background:var(--accent);color:var(--accent-fg);opacity:.9}.filter-tab__count{font-family:var(--font-mono);font-size:.72rem;opacity:.65}.skills-legend{display:flex;flex-direction:column;gap:8px;padding:16px 20px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg)}.skills-legend__item{display:flex;align-items:center;gap:10px}.skills-legend__label{font-size:.83rem;font-weight:600;min-width:80px;color:var(--text)}.skills-legend__desc{font-size:.8rem;color:var(--text-faint)}.mb-4{margin-bottom:16px}@media (max-width: 600px){.skills-legend__desc{display:none}}.contact-status{max-width:520px}.contact-status__desc{font-size:.9rem;color:var(--text-muted)}.contact-status__avail{font-size:.85rem;color:var(--text-muted)}.contact-status__avail strong{color:var(--text);font-weight:600}.contact-links{display:flex;flex-direction:column;gap:12px;max-width:480px}.contact-link{display:flex;align-items:center;gap:16px;text-decoration:none;cursor:pointer}.contact-link__icon{width:40px;height:40px;border-radius:var(--radius);background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;transition:background .15s ease}.contact-link:hover .contact-link__icon{background:var(--accent);color:var(--accent-fg);border-color:transparent}.contact-link__body{flex:1}.contact-link__label{font-weight:600;font-size:.9rem}.contact-link__href{font-family:var(--font-mono);font-size:.78rem;color:var(--text-faint);margin-top:2px}.contact-link__arrow{color:var(--text-faint);font-size:1rem;transition:transform .15s ease}.contact-link:hover .contact-link__arrow{transform:translate(4px);color:var(--text)}.contact-location{display:flex;align-items:center;gap:6px;font-size:.84rem;color:var(--text-faint)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}:root{--bg: #fafaf9;--bg-surface: #ffffff;--bg-subtle: #f4f4f2;--border: #e5e5e3;--border-strong: #d0d0cc;--text: #0f0f0e;--text-muted: #6b6b67;--text-faint: #a3a39e;--accent: #1a1a18;--accent-fg: #fafaf9;--tag-bg: #f0f0ee;--tag-text: #3a3a38;--green: #16a34a;--green-bg: #f0fdf4;--blue: #2563eb;--blue-bg: #eff6ff;--amber: #d97706;--amber-bg: #fffbeb;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow: 0 2px 8px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06);--font-display: "DM Serif Display", serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--nav-h: 60px;--max-w: 860px;--transition: .15s ease}[data-theme=dark]{--bg: #111110;--bg-surface: #1a1a18;--bg-subtle: #222220;--border: #2c2c2a;--border-strong:#3c3c3a;--text: #f0f0ee;--text-muted: #9a9a96;--text-faint: #5a5a58;--accent: #f0f0ee;--accent-fg: #111110;--tag-bg: #222220;--tag-text: #c0c0bc;--green: #4ade80;--green-bg: #052e16;--blue: #60a5fa;--blue-bg: #1e3a5f;--amber: #fbbf24;--amber-bg: #451a03;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow: 0 2px 8px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;transition:background var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.display{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;letter-spacing:-.02em}.heading-1{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;letter-spacing:-.015em}.heading-2{font-size:1.05rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:.85rem}.page-wrapper{min-height:100vh;padding-top:var(--nav-h)}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.section{padding:64px 0}.section-anchor{scroll-margin-top:calc(var(--nav-h) + 16px)}.section+.section{border-top:1px solid var(--border)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-1px)}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--tag-bg);color:var(--tag-text);font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:3px 10px;border-radius:100px;border:1px solid var(--border);white-space:nowrap;transition:background var(--transition)}.tag.green{background:var(--green-bg);color:var(--green);border-color:transparent}.tag.blue{background:var(--blue-bg);color:var(--blue);border-color:transparent}.tag.amber{background:var(--amber-bg);color:var(--amber);border-color:transparent}.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:8px 18px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-outline:hover{background:var(--bg-subtle);border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-muted);padding:6px 10px}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text)}.divider{height:1px;background:var(--border);border:none;margin:0}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.flex{display:flex}.flex-center{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-wrap{flex-wrap:wrap}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .45s ease both}.fade-up-delay-1{animation-delay:.08s}.fade-up-delay-2{animation-delay:.16s}.fade-up-delay-3{animation-delay:.24s}.fade-up-delay-4{animation-delay:.32s}@media (max-width: 600px){.container{padding:0 16px}.section{padding:48px 0}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}.card{padding:20px}}