.contact__panel{gap:var(--space-6);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:grid;position:relative;overflow:hidden}.contact__panel:before{content:"";background:radial-gradient(ellipse 60% 80% at 100% 0%, color-mix(in oklab, var(--primary) 10%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.contact__intro,.contact__channels{position:relative}.contact__intro .section__lead{font-size:var(--text-base)}.contact__cv{margin-top:var(--space-5)}.contact__channels{gap:var(--space-3);align-content:center;display:grid}.contact__channel{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);text-decoration:none;display:flex}.contact__channel:hover{border-color:var(--primary-border);background:var(--primary-soft);color:var(--ink);transform:translate(3px)}.contact__icon{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.contact__text{flex-direction:column;min-width:0;display:flex}.contact__label{font-size:var(--text-xs);color:var(--ink-subtle)}.contact__value{font-weight:600;font-size:var(--text-sm);overflow-wrap:anywhere}@media (width>=860px){.contact__panel{gap:var(--space-8);padding:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}}.education__grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=700px){.education__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1060px){.education__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.education__card{gap:var(--space-2);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.education__period{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--ink-subtle);font-weight:500}.education__title{font-size:var(--text-base);line-height:var(--leading-snug)}.education__institution{font-size:var(--text-sm);color:var(--accent-ink);font-weight:600}.education__detail{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--ink-muted)}.timeline{gap:var(--space-5);flex-direction:column;display:flex}.timeline__item{gap:var(--space-3);grid-template-columns:1fr;display:grid}.timeline__marker{align-items:center;gap:var(--space-3);display:flex}.timeline__year{border-radius:var(--radius-full);background:var(--primary-soft);border:1px solid var(--primary-border);color:var(--primary);font-family:var(--font-mono);font-size:var(--text-xs);place-items:center;padding:.2rem .7rem;font-weight:600;display:inline-grid}.timeline__card{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}.timeline__card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.timeline__role{font-size:var(--text-lg)}.timeline__company{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--primary);margin-top:2px}.timeline__project{color:var(--accent-ink);font-weight:500}.timeline__meta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--ink-subtle);flex-wrap:wrap;display:flex}.timeline__dot{color:var(--border-strong)}.timeline__highlights{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.timeline__highlights li{padding-left:var(--space-5);color:var(--ink-muted);font-size:var(--text-sm);position:relative}.timeline__highlights li:before{content:"";border-radius:var(--radius-full);background:var(--accent);width:6px;height:6px;position:absolute;top:.62em;left:0}.timeline__stack{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--border);flex-wrap:wrap;display:flex}.experience__toggle{margin-top:var(--space-6)}.experience__toggle svg{transition:transform var(--dur) var(--ease)}.experience__toggle--open svg{transform:rotate(180deg)}@media (width>=780px){.timeline{gap:0}.timeline__item{gap:var(--space-5);padding-bottom:var(--space-5);grid-template-columns:96px minmax(0,1fr)}.timeline__marker{padding-top:var(--space-5);flex-direction:column;align-items:flex-end;position:relative}.timeline__marker:after{content:"";right:calc(var(--space-5) / -2 - 1px);top:var(--space-5);bottom:calc(var(--space-5) * -1);background:linear-gradient(var(--border-strong), var(--border));width:2px;position:absolute}.timeline__item:last-child .timeline__marker:after{display:none}.timeline__marker:before{content:"";right:calc(var(--space-5) / -2 - 4px);top:calc(var(--space-5) + 8px);border-radius:var(--radius-full);background:var(--primary);width:8px;height:8px;box-shadow:0 0 0 4px var(--bg);position:absolute}}.footer{border-top:1px solid var(--border);background:var(--bg-subtle);padding-block:var(--space-5)}.footer__inner{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.footer__copy{font-size:var(--text-xs);color:var(--ink-subtle)}.footer__links{gap:var(--space-5);font-size:var(--text-xs);font-weight:500;display:flex}.footer__links a{color:var(--ink-muted);text-decoration:none}.footer__links a:hover{color:var(--primary)}.header{z-index:50;background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.header--scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.header__bar{height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.header__brand{align-items:center;gap:var(--space-3);color:var(--ink);min-width:0;text-decoration:none;display:flex}.header__monogram{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;width:36px;height:36px;font-family:var(--font-display);letter-spacing:.04em;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:800;display:grid}.header__brand-text{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);white-space:nowrap;flex-direction:column;line-height:1.2;display:flex}.header__brand-role{font-family:var(--font-body);font-weight:500;font-size:var(--text-xs);color:var(--ink-subtle)}.header__nav{display:none}.header__list{align-items:center;gap:var(--space-1);display:flex}.header__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);color:var(--ink-muted);font-size:var(--text-sm);transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);font-weight:500;text-decoration:none;display:inline-block;position:relative}.header__link:hover{color:var(--ink);background:var(--surface-2)}.header__link--active{color:var(--primary);background:var(--primary-soft)}.header__actions{align-items:center;gap:var(--space-2);display:flex}.header__icon-btn{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--ink-muted);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);place-items:center;display:grid}.header__icon-btn:hover{color:var(--primary);border-color:var(--primary-border);background:var(--primary-soft)}.header__mobile{border-top:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md)}.header__mobile-list{padding-block:var(--space-3);flex-direction:column;display:flex}.header__mobile-link{padding:var(--space-3) 0;color:var(--ink);font-family:var(--font-display);border-bottom:1px solid var(--border);font-weight:600;text-decoration:none;display:block}.header__mobile-list li:last-child .header__mobile-link{border-bottom:none}@media (width>=900px){.header__nav{display:block}.header__icon-btn--menu,.header__mobile{display:none}}.hero{padding-block:var(--space-7) var(--space-8);scroll-margin-top:var(--header-h)}.hero__inner{gap:var(--space-7);align-items:center;display:grid}.hero__eyebrow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--ink-muted);box-shadow:var(--shadow-sm);padding:.35rem .85rem .35rem .6rem;font-weight:600;display:inline-flex}.hero__status{border-radius:var(--radius-full);background:#22b07d;width:8px;height:8px;box-shadow:0 0 0 3px oklab(67.3361% -.131754 .0408446/.22)}.hero__name{font-size:var(--text-4xl);letter-spacing:-.035em;background:linear-gradient(115deg, var(--ink) 30%, var(--primary));color:#0000;-webkit-background-clip:text;background-clip:text}.hero__title{margin-top:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink-muted);font-weight:600}.hero__title-sep,.hero__title-stack{color:var(--accent-ink)}.hero__location{align-items:center;gap:var(--space-2);margin-top:var(--space-3);color:var(--ink-subtle);font-size:var(--text-sm);display:flex}.hero__summary{margin-top:var(--space-5);max-width:62ch;color:var(--ink-muted);font-size:var(--text-lg)}.hero__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero__links{gap:var(--space-5);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hero__link{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;display:inline-flex}.hero__link:hover{color:var(--primary)}.hero__aside{gap:var(--space-5);flex-direction:column;align-items:center;display:flex}.hero__portrait{aspect-ratio:1;border-radius:var(--radius-xl);background:linear-gradient(140deg, var(--primary), var(--accent));width:clamp(140px,40vw,220px);box-shadow:var(--shadow-lg);padding:5px;position:relative}.hero__portrait img{object-fit:cover;border-radius:calc(var(--radius-xl) - 5px);background:var(--surface-2);width:100%;height:100%}.hero__stats{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:340px;display:grid}.hero__stat{padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.hero__stat dt{font-size:var(--text-xs);color:var(--ink-subtle);line-height:1.3}.hero__stat dd{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--ink);margin:0}@media (width>=860px){.hero{padding-block:var(--space-8) var(--space-9)}.hero__inner{gap:var(--space-8);grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}.hero__aside{align-items:stretch}.hero__portrait{align-self:center}.hero__stats{max-width:none}}.projects__freshness{align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--ink-subtle);font-weight:500;display:inline-flex}.projects__freshness:before{content:"";border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:7px;height:7px}.projects__freshness--live{color:#1c8f66}:root[data-theme=dark] .projects__freshness--live{color:#4bc79b}.projects__freshness--snapshot{color:var(--accent-ink);max-width:60ch}.projects__grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=620px){.projects__grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.projects__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.projects__more{margin-top:var(--space-6);color:var(--ink-subtle);font-size:var(--text-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));opacity:0;height:3px;transition:opacity var(--dur) var(--ease);display:block}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-3px)}.card:hover:before,.card:focus-within:before{opacity:1}.card__body{padding:var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.card__title{font-size:var(--text-xl);letter-spacing:-.015em}.card__title a{color:var(--ink);text-decoration:none}.card__title a:hover{color:var(--primary)}.card__title a:after{content:"";position:absolute;inset:0}.card__footer,.card__tools{z-index:1;position:relative}.card__highlight{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--accent-soft);border-radius:var(--radius-sm);color:var(--accent-ink);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug);display:inline-flex}.card__highlight svg{flex-shrink:0;margin-top:1px}.card__description{color:var(--ink-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.card__tools{gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface-2);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.card__meta{align-items:center;gap:var(--space-4);display:flex}.card__stat{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--ink-muted);font-weight:600;display:inline-flex}.card__stat--muted{color:var(--ink-subtle);font-weight:500}.card__star{color:var(--star)}.card__links{align-items:center;gap:var(--space-4);display:flex}.card__link{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--ink-muted);font-weight:600;text-decoration:none;display:inline-flex}.card__link:hover{color:var(--primary)}.skills__grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.skills__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.skills__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.skills__group{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.skills__group-name{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-base);color:var(--ink);display:flex}.skills__group-name:before{content:"";border-radius:var(--radius-full);background:linear-gradient(var(--primary), var(--accent));width:4px;height:18px}.skills__list{gap:var(--space-2);flex-wrap:wrap;display:flex}.skills__list .chip{background:var(--bg-subtle)}:root{--bg:#fbfafc;--bg-subtle:#f3f1f8;--surface:#fff;--surface-2:#f7f5fc;--border:#e6e2f0;--border-strong:#d3cde6;--ink:#1a1830;--ink-muted:#56527a;--ink-subtle:#6b6789;--primary:#5b45e0;--primary-hover:#4a36c4;--primary-ink:#fff;--primary-soft:#eeeafd;--primary-border:#d8d0fa;--accent:#e8613c;--accent-ink:#c04a26;--accent-soft:#fdeee9;--star:#d9a300;--ring:color-mix(in oklab, var(--primary) 45%, transparent);--shadow-sm:0 1px 2px #1a18300f, 0 1px 3px #1a18300a;--shadow-md:0 4px 12px #1a183012, 0 2px 4px #1a18300a;--shadow-lg:0 18px 40px #1a18301a, 0 4px 12px #1a18300d;--hero-wash:radial-gradient(ellipse 80% 60% at 15% -10%, color-mix(in oklab, var(--primary) 14%, transparent), transparent 60%), radial-gradient(ellipse 70% 50% at 95% 0%, color-mix(in oklab, var(--accent) 11%, transparent), transparent 62%);--font-display:"Plus Jakarta Sans", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, "Segoe UI", Roboto, 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, .99rem + .3vw, 1.2rem);--text-xl:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl:clamp(2rem, 1.6rem + 2vw, 3rem);--text-4xl:clamp(2.5rem, 1.9rem + 3vw, 4rem);--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--radius-full:999px;--container:1120px;--gutter:clamp(1.125rem, 4vw, 2.5rem);--header-h:64px;--ease:cubic-bezier(.22, .61, .36, 1);--dur-fast:.14s;--dur:.24s}:root[data-theme=dark]{--bg:#0f0e1a;--bg-subtle:#161528;--surface:#1a1930;--surface-2:#232141;--border:#2e2b4d;--border-strong:#3d3a63;--ink:#f4f2fb;--ink-muted:#b3aed2;--ink-subtle:#908bb0;--primary:#9c8bff;--primary-hover:#b3a5ff;--primary-ink:#14122a;--primary-soft:#251f47;--primary-border:#3a3170;--accent:#ff8a66;--accent-ink:#ffa287;--accent-soft:#3a2119;--star:#f0c14b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #00000073;--shadow-lg:0 20px 44px #0000008c}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--space-4))}body{background-color:var(--bg);background-image:var(--hero-wash);min-height:100dvh;color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background-repeat:no-repeat;background-size:100% 720px}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}ul,ol{padding:0;list-style:none}a{color:var(--primary);-webkit-text-decoration-color:color-mix(in oklab, var(--primary) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--primary) 35%, transparent);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--primary-hover)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--space-8);scroll-margin-top:calc(var(--header-h) + var(--space-4))}@media (width>=768px){.section{padding-block:var(--space-9)}}.section--alt{background:var(--bg-subtle);border-block:1px solid var(--border)}.section__head{margin-bottom:var(--space-6)}.section__index{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-weight:500;display:flex}.section__index:after{content:"";background:linear-gradient(to right, var(--border-strong), transparent);flex:1;height:1px}.section__title{font-size:var(--text-3xl)}.section__lead{margin-top:var(--space-3);max-width:62ch;color:var(--ink-muted);font-size:var(--text-lg)}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--ink-muted);white-space:nowrap;align-items:center;padding:.25rem .625rem;font-weight:500;display:inline-flex}.chip--primary{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);transition:transform var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:1px solid #0000;padding:.7rem 1.25rem;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--primary-hover);color:var(--primary-ink);box-shadow:var(--shadow-md)}.btn--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--ink)}.btn--ghost:hover{border-color:var(--primary);color:var(--primary);background:var(--surface)}.skip-link{left:var(--space-4);z-index:100;background:var(--primary);color:var(--primary-ink);border-radius:var(--radius-md);transition:top var(--dur) var(--ease);padding:.75rem 1.25rem;font-weight:600;text-decoration:none;position:absolute;top:-100px}.skip-link:focus-visible{top:var(--space-4);color:var(--primary-ink)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}