:root,[data-theme=light]{--bg: #ffffff;--bg-alt: #f5f5f7;--bg-cta: #f5f5f7;--surface: #f5f5f7;--surface-hover: #e8e8ed;--border: rgba(0, 0, 0, .08);--text: #6e6e73;--text-heading: #1d1d1f;--text-secondary: #86868b;--link: #0066cc;--link-hover: #0077ed;--header-bg: rgba(255, 255, 255, .72);--header-border: rgba(0, 0, 0, .08);--pill-bg: rgba(0, 0, 0, .05);--pill-text: #1d1d1f;--hero-gradient: linear-gradient(180deg, #1d1d1f 0%, #424245 100%);--tile-featured-bg: linear-gradient(145deg, #f5f5f7 0%, #e8e8ed 100%);--timeline-bg: #f5f5f7;--timeline-line: #1d1d1f;--timeline-dot-bg: #f5f5f7;--timeline-particle: rgba(0, 0, 0, .12)}[data-theme=dark]{--bg: #000000;--bg-alt: #1d1d1f;--bg-cta: #1d1d1f;--surface: #1d1d1f;--surface-hover: #2d2d2f;--border: rgba(255, 255, 255, .1);--text: #a1a1a6;--text-heading: #f5f5f7;--text-secondary: #86868b;--link: #2997ff;--link-hover: #40a9ff;--header-bg: rgba(0, 0, 0, .72);--header-border: rgba(255, 255, 255, .08);--pill-bg: rgba(255, 255, 255, .08);--pill-text: #f5f5f7;--hero-gradient: linear-gradient(180deg, #f5f5f7 0%, #a1a1a6 100%);--tile-featured-bg: linear-gradient(145deg, #1d1d1f 0%, #2d2d2f 100%);--timeline-bg: #0b0d0f;--timeline-line: #ffffff;--timeline-dot-bg: #0b0d0f;--timeline-particle: rgba(255, 255, 255, .35)}:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--radius: 18px;--radius-pill: 980px;--max-width: 980px;--header-height-expanded: 72px;--header-height-compact: 48px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:17px;line-height:1.47059;font-weight:400;letter-spacing:-.022em;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .4s ease}#root{min-height:100svh}a{color:inherit;text-decoration:none}.header{position:sticky;top:0;z-index:100;height:var(--header-height-expanded);background:var(--header-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--header-border);transition:height .35s cubic-bezier(.4,0,.2,1)}.header--compact{height:var(--header-height-compact)}.header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:100%;margin:0 auto;padding-inline:22px}@media (min-width: 835px){.header__inner{max-width:none;padding-inline:clamp(28px,5vw,48px)}}.header__logo{justify-self:start;display:flex;align-items:center;height:28px;color:var(--text-heading);opacity:.88;transition:opacity .2s,height .35s cubic-bezier(.4,0,.2,1)}.header__logo-mark{height:100%;width:auto;shape-rendering:geometricPrecision}.header--compact .header__logo{height:22px}.header__logo:hover{opacity:1}.header__nav{display:flex;gap:28px;justify-self:center}.header__link{font-size:14px;font-weight:400;color:var(--text-heading);opacity:.8;transition:opacity .2s,font-size .35s cubic-bezier(.4,0,.2,1)}.header--compact .header__link{font-size:12px}.header__link:hover{opacity:1}.header__controls{display:flex;align-items:center;gap:8px;justify-self:end}.lang-switch{display:flex;padding:2px;background:var(--pill-bg);border-radius:var(--radius-pill)}.lang-switch__btn{padding:4px 10px;font-size:11px;font-weight:500;font-family:var(--font);letter-spacing:.02em;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:background .2s,color .2s}.lang-switch__btn--active{color:var(--text-heading);background:var(--bg);box-shadow:0 1px 3px #00000014}[data-theme=dark] .lang-switch__btn--active{background:var(--surface-hover);box-shadow:none}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-heading);background:none;border:none;border-radius:50%;cursor:pointer;opacity:.8;transition:opacity .2s}.theme-toggle:hover{opacity:1}.header__menu-btn{display:none;flex-direction:column;justify-content:center;gap:6px;width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer}.header__menu-btn span{display:block;width:17px;height:1px;margin:0 auto;background:var(--text-heading);transition:transform .2s}.hero{padding:96px 22px 112px;background:var(--bg);text-align:center}.hero__inner{max-width:var(--max-width);margin:0 auto}.hero__greeting{margin:0;font-size:15px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.hero__brand{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:28px}.hero__intro{display:flex;flex-direction:column;align-items:center;gap:8px}.hero__logo{width:clamp(100px,22vw,140px);height:auto;color:var(--text-heading)}.hero__name{margin:0;font-size:clamp(28px,5vw,40px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--text-heading)}.hero__role{margin:0 0 16px;font-size:clamp(19px,3.5vw,24px);font-weight:500;line-height:1.3;color:var(--text-heading)}.hero__tagline{margin:0 auto 40px;max-width:480px;font-size:17px;line-height:1.55;color:var(--text)}.hero__bottom{display:flex;flex-direction:column;align-items:center;gap:20px}.hero__location{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--surface);border-radius:var(--radius-pill)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;font-size:15px;font-weight:500;border-radius:var(--radius-pill);transition:opacity .2s,background .2s}.hero__btn--primary{color:var(--bg);background:var(--text-heading)}.hero__btn--primary:hover{opacity:.85;text-decoration:none}.hero__btn--ghost{color:var(--text-heading);background:transparent;box-shadow:inset 0 0 0 1px var(--text-heading)}.hero__btn--ghost:hover{opacity:.7;text-decoration:none}.band{padding:80px 22px;background:var(--bg)}.band--alt{background:var(--bg-alt)}.band--cta{background:var(--bg-cta)}.band__inner{max-width:var(--max-width);margin:0 auto}.band__inner--center{text-align:center}.band__title{margin:0 0 48px;font-size:clamp(32px,6vw,48px);font-weight:600;line-height:1.08349;letter-spacing:-.003em;text-align:center;color:var(--text-heading)}.band__lead{margin:-24px auto 28px;max-width:480px;font-size:19px;line-height:1.4211;color:var(--text)}.about__text p{margin:0 0 20px;font-size:19px;line-height:1.4211;text-align:center;color:var(--text)}.about__text p:last-child{margin-bottom:0}.about__tech{margin-top:56px}.about__tech-title{margin:0 0 28px;font-size:12px;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.tech-carousel{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.tech-carousel__track{display:flex;gap:20px;width:max-content;padding:20px 0 24px;animation:tech-scroll 28s linear infinite}.tech-carousel:has(.tech-carousel__item:hover) .tech-carousel__track{animation-play-state:paused}@keyframes tech-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-carousel__item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;width:120px;padding:24px 16px;background:var(--surface);border-radius:var(--radius);cursor:default;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),padding .3s ease,background .3s ease,border-color .3s ease;border:1px solid transparent}.tech-carousel__item:hover{z-index:10;width:220px;padding:28px 20px;background:var(--surface-hover);border-color:var(--border);transform:scale(1.04)}.tech-carousel__logo{display:flex;align-items:center;justify-content:center;width:56px;height:56px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tech-carousel__item:hover .tech-carousel__logo{transform:scale(1.12)}.tech-carousel__logo img{width:40px;height:40px;object-fit:contain}.tech-carousel__name{font-size:13px;font-weight:600;color:var(--text-heading);text-align:center;white-space:nowrap}.tech-carousel__desc{margin:0;max-height:0;overflow:hidden;font-size:12px;line-height:1.45;text-align:center;color:var(--text);opacity:0;transition:max-height .35s ease,opacity .3s ease,margin .3s ease}.tech-carousel__item:hover .tech-carousel__desc{max-height:100px;margin-top:4px;opacity:1}@media (prefers-reduced-motion: reduce){.tech-carousel{mask-image:none;-webkit-mask-image:none;overflow-x:auto;scrollbar-width:none}.tech-carousel::-webkit-scrollbar{display:none}.tech-carousel__item:hover{transform:none;width:180px}.tech-carousel__track{animation:none;padding:8px 22px}}.pill-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.pill{padding:6px 14px;font-size:14px;font-weight:400;color:var(--pill-text);background:var(--pill-bg);border-radius:var(--radius-pill)}.pill--sm{padding:4px 12px;font-size:12px}.band--timeline{position:relative;overflow:hidden;background:var(--timeline-bg)}.band--timeline .band__title{color:var(--text-heading)}.band--timeline .band__inner{position:relative;z-index:1}.band__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,var(--timeline-particle) 1px,transparent 1px),radial-gradient(circle,var(--timeline-particle) 1.5px,transparent 1.5px);background-size:80px 80px,120px 120px;background-position:0 0,40px 60px;opacity:.4}.timeline{position:relative;padding-left:36px}.timeline:before{content:"";position:absolute;left:5px;top:12px;bottom:12px;width:1px;background:var(--timeline-line)}.timeline__item{position:relative;padding-bottom:52px}.timeline__item:last-child{padding-bottom:0}.timeline__content{margin-left:-16px;padding:16px 20px;border-radius:14px;transition:transform .35s cubic-bezier(.4,0,.2,1),background .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1)}.timeline__item:hover .timeline__content{transform:translate(8px);background:var(--surface);box-shadow:0 8px 28px #0000000f}[data-theme=dark] .timeline__item:hover .timeline__content{box-shadow:0 8px 28px #00000052}.timeline__marker{position:absolute;left:-36px;top:10px;width:12px;height:12px;background:var(--timeline-dot-bg);border:2px solid var(--timeline-line);border-radius:50%;transition:transform .35s cubic-bezier(.4,0,.2,1),background .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1)}.timeline__item:hover .timeline__marker{transform:scale(1.4);background:var(--timeline-line);box-shadow:0 0 0 4px var(--timeline-bg)}.timeline__role{margin:0 0 6px;font-size:clamp(22px,4vw,28px);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--text-heading)}.timeline__meta{margin:0 0 16px;font-size:15px;font-weight:400;color:var(--text);transition:color .3s ease}.timeline__item:hover .timeline__meta{color:var(--text-heading)}.timeline__sep{margin:0 6px;opacity:.5}.timeline__description{margin:0;max-width:720px;font-size:17px;line-height:1.55;color:var(--text);transition:color .3s ease}.timeline__item:hover .timeline__description{color:var(--text-heading)}@media (prefers-reduced-motion: reduce){.timeline__content,.timeline__marker,.timeline__meta,.timeline__description{transition:none}.timeline__item:hover .timeline__content,.timeline__item:hover .timeline__marker{transform:none}}.edu-degree{margin-bottom:48px;padding:40px 36px;background:var(--tile-featured-bg);border:1px solid transparent;border-radius:var(--radius);text-align:center;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),background .35s cubic-bezier(.4,0,.2,1)}.edu-degree:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--text-heading) 12%,var(--border));background:var(--surface)}.edu-degree__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}.edu-degree__badge{padding:5px 12px;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--text-heading);background:var(--pill-bg);border-radius:var(--radius-pill);transition:transform .3s cubic-bezier(.4,0,.2,1)}.edu-degree:hover .edu-degree__badge--status{transform:scale(1.04)}.edu-degree__badge--status{color:var(--bg);background:var(--text-heading)}.edu-degree__title{margin:0 0 10px;font-size:clamp(26px,5vw,34px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--text-heading)}.edu-degree__institution{margin:0 0 6px;font-size:19px;font-weight:500;color:var(--text-heading);transition:color .3s ease}.edu-degree__period{margin:0 0 20px;font-size:14px;font-weight:500;color:var(--text-secondary)}.edu-degree__text{margin:0 auto;max-width:560px;font-size:17px;line-height:1.5;color:var(--text);transition:color .3s ease}.edu-degree:hover .edu-degree__text{color:var(--text-heading)}.edu-group{margin-bottom:32px}.edu-group:last-child{margin-bottom:0}.edu-group__label{margin:0 0 10px;padding-left:16px;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.edu-group__card{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .35s cubic-bezier(.4,0,.2,1)}.edu-group__card:has(.edu-cert:hover){border-color:color-mix(in srgb,var(--text-heading) 12%,var(--border))}.edu-cert{padding:18px 20px;transition:background .3s cubic-bezier(.4,0,.2,1)}.edu-cert:hover{background:var(--surface-hover)}.edu-cert--bordered{border-bottom:1px solid var(--border)}.edu-cert__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:4px}.edu-cert__title{margin:0;font-size:17px;font-weight:600;line-height:1.3;color:var(--text-heading)}.edu-cert__period{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:color .3s ease}.edu-cert:hover .edu-cert__period{color:var(--text-heading)}.edu-cert__institution{margin:0 0 6px;font-size:15px;font-weight:500;color:var(--text);transition:color .3s ease}.edu-cert:hover .edu-cert__institution{color:var(--text-heading)}.edu-cert__text{margin:0;font-size:14px;line-height:1.45;color:var(--text-secondary);transition:color .3s ease}.edu-cert:hover .edu-cert__text{color:var(--text)}@media (prefers-reduced-motion: reduce){.edu-degree,.edu-degree__badge,.edu-cert,.edu-degree__institution,.edu-degree__text,.edu-cert__period,.edu-cert__institution,.edu-cert__text,.edu-group__card{transition:none}.edu-degree:hover,.edu-degree:hover .edu-degree__badge--status{transform:none}}.projects__lead{margin:-32px auto 48px;max-width:520px;font-size:17px;line-height:1.5;text-align:center;color:var(--text)}.projects-showcase{display:flex;flex-direction:column;gap:16px}.projects-showcase:not(.projects-showcase--more) .project-card__media{min-height:160px;height:160px;max-height:160px}.projects-showcase:not(.projects-showcase--more) .project-card__header{display:grid;grid-template-columns:1fr auto;align-items:start}.projects-showcase:not(.projects-showcase--more) .project-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:2.4em}.projects-showcase:not(.projects-showcase--more) .project-card__text{display:-webkit-box;flex:1;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:69.75px;margin-bottom:16px}.projects-showcase:not(.projects-showcase--more) .project-card__tags{margin-bottom:20px}.projects-showcase:not(.projects-showcase--more) .project-card__actions{min-height:42px}.project-card{display:grid;grid-template-columns:1fr;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:18px;transition:border-color .3s ease,background .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-color:color-mix(in srgb,var(--text-heading) 18%,var(--border));transform:translateY(-2px)}.project-card__media{position:relative;display:flex;align-items:center;justify-content:center;min-height:180px;overflow:hidden;color:inherit;text-decoration:none;background:var(--bg-alt);border-bottom:1px solid var(--border);transition:background .3s ease}.project-card__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:28px 28px;opacity:.45;transition:opacity .3s ease}.project-card:hover .project-card__media{background:var(--surface-hover)}.project-card:hover .project-card__media:before{opacity:.65}.project-card__monogram{position:relative;font-size:clamp(56px,12vw,72px);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--text-heading);opacity:.12;transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-card__monogram{opacity:.22;transform:scale(1.04)}.project-card__content{display:flex;flex-direction:column;padding:28px 24px}.project-card__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.project-card__title{margin:0;font-size:clamp(20px,3vw,24px);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--text-heading)}.project-card__status{padding:5px 12px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);background:var(--pill-bg);border-radius:var(--radius-pill)}.project-card__status--live{color:var(--bg);background:var(--text-heading)}.project-card__text{margin:0 0 20px;font-size:15px;line-height:1.55;color:var(--text)}.project-card__tags{justify-content:flex-start;margin-bottom:24px}.project-card__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}.project-card__btn{padding:10px 20px;font-size:14px}.project-card__btn--disabled{opacity:.35;cursor:default;pointer-events:none}.project-card--compact .project-card__media{min-height:140px}.project-card--compact .project-card__monogram{font-size:clamp(36px,8vw,48px)}.project-card--compact .project-card__content{padding:20px}.project-card--compact .project-card__title{font-size:18px}.project-card--compact .project-card__text{display:-webkit-box;margin-bottom:12px;overflow:hidden;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-card--compact .project-card__tags{margin-bottom:16px}.projects-showcase--more{gap:12px;margin-top:16px}.projects__more-wrap{display:flex;justify-content:center;margin-top:28px}.projects__more-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:none;cursor:pointer}.projects__more-btn:focus-visible{outline:2px solid var(--link);outline-offset:3px}@media (min-width: 768px){.projects-showcase:not(.projects-showcase--more) .project-card{grid-template-columns:260px 1fr;min-height:260px}.projects-showcase:not(.projects-showcase--more) .project-card__media{min-height:260px;height:260px;max-height:260px}.projects-showcase:not(.projects-showcase--more) .project-card__content{min-height:260px;justify-content:flex-start}.project-card{grid-template-columns:minmax(220px,34%) 1fr;align-items:stretch}.project-card__media{min-height:100%;border-bottom:none;border-right:1px solid var(--border)}.project-card__content{justify-content:center;padding:32px 36px}.project-card--compact{grid-template-columns:minmax(140px,24%) 1fr}.project-card--compact .project-card__media{min-height:100%}.project-card--compact .project-card__content{padding:22px 28px}}@media (prefers-reduced-motion: reduce){.project-card,.project-card__media,.project-card__monogram{transition:none}.project-card:hover,.project-card:hover .project-card__monogram{transform:none}}.contact__social{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.contact__icon-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;color:var(--text-heading);background:var(--surface);border-radius:50%;transition:background .2s,color .2s,transform .15s}.contact__icon-btn:hover{color:var(--link);background:var(--surface-hover);transform:scale(1.06)}.footer{padding:20px 22px 28px;background:var(--bg-alt);border-top:1px solid var(--border)}.footer__inner{max-width:var(--max-width);margin:0 auto;text-align:center}.footer__copy{margin:0;font-size:12px;color:var(--text-secondary)}.footer__heart{color:var(--text-heading);font-size:11px}@media (min-width: 768px){.about__text p{text-align:center}}@media (max-width: 834px){.header__inner{grid-template-columns:1fr auto;gap:12px}.header__nav{display:none}.header__controls{justify-self:end}.header__menu-btn{display:flex}.header__nav--open{display:flex;flex-direction:column;align-items:center;gap:0;position:fixed;top:var(--header-height-expanded);left:0;right:0;bottom:0;padding:24px 22px 40px;background:var(--header-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);overflow-y:auto;transition:top .35s cubic-bezier(.4,0,.2,1)}.header--compact .header__nav--open{top:var(--header-height-compact)}.header__nav--open .header__link{width:100%;padding:16px 0;font-size:28px;font-weight:600;text-align:center;letter-spacing:.007em;border-bottom:1px solid var(--border);opacity:1}}@media (max-width: 480px){.hero{padding:72px 22px 88px}.hero__actions{flex-direction:column;gap:12px;width:100%;align-items:center}.hero__btn{width:100%;max-width:280px}.projects__more-btn.hero__btn{width:auto;max-width:none}.band{padding:64px 22px}.edu-degree{padding:32px 24px}}