:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Bodoni Moda", "Didot", "Bodoni MT", "Playfair Display", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:clamp(1.6rem, 1.25rem + 1.4vw, 2.2rem);--text-3xl:clamp(2.1rem, 1.5rem + 2.6vw, 3.1rem);--text-4xl:clamp(2.8rem, 1.6rem + 5vw, 5rem);--leading-tight:1.08;--leading-snug:1.35;--leading-normal:1.65;--tracking-tight:.005em;--tracking-wide:.08em;--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;--space-10:8rem;--section-gap:clamp(4.5rem, 3rem + 7vw, 8rem);--container:1140px;--container-narrow:780px;--gutter:clamp(1.25rem, .5rem + 3vw, 2.5rem);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.15s;--dur-mid:.28s;--dur-slow:.62s;--nav-h:68px;--brand:#6f74dc}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e12;--bg-soft:#121217;--surface:#17171d;--surface-2:#1d1d24;--surface-hover:#23232b;--text:#f2efe9;--text-muted:#a4a19b;--text-faint:#8a8781;--border:#f2efe917;--border-strong:#f2efe92b;--accent:#7c81e6;--accent-hover:#979bee;--accent-contrast:#0b0b10;--accent-2:#b9bcf3;--accent-soft:#7c81e626;--accent-ring:#7c81e66b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 12px 30px -12px #000000b3;--shadow-lg:0 30px 60px -22px #000c;--glow:radial-gradient(60% 60% at 50% 0%, #7c81e629, transparent 70%);--nav-bg:#0e0e12bd;--grid-line:#f2efe909}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f2;--bg-soft:#f4f0e9;--surface:#fffdf9;--surface-2:#f6f2ec;--surface-hover:#f1ece4;--text:#111114;--text-muted:#57555a;--text-faint:#66646a;--border:#1111141a;--border-strong:#1111142e;--accent:#5257c9;--accent-hover:#4348b3;--accent-contrast:#fff;--accent-2:#7e83e3;--accent-soft:#5257c91a;--accent-ring:#5257c959;--shadow-sm:0 1px 2px #1111140f;--shadow-md:0 12px 28px -14px #11111438;--shadow-lg:0 28px 56px -24px #11111442;--glow:radial-gradient(60% 60% at 50% 0%, #5257c91a, transparent 70%);--nav-bg:#faf7f2cc;--grid-line:#1111140b}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--space-4))}body{background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--dur-mid) var(--ease-out), color var(--dur-mid) var(--ease-out)}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 30%,#0000 78%);mask-image:radial-gradient(120% 80% at 50% 0,#000 30%,#0000 78%)}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft);color:var(--text)}*{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-gap);position:relative}.section--alt{background:var(--bg-soft);border-block:1px solid var(--border)}.section__head{margin-bottom:var(--space-7);max-width:62ch}.eyebrow{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3);display:inline-flex}.eyebrow:before{content:"";opacity:.6;background:currentColor;width:22px;height:1px}.section__title{font-size:var(--text-3xl)}.section__lead{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--text-lg)}.skip-link{left:var(--space-4);top:var(--space-3);z-index:200;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);transition:transform var(--dur-fast) var(--ease-out);font-weight:600;position:absolute;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}[data-reveal]{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(18px)}[data-reveal].is-revealed{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-soft:#fff;--surface:#fff;--surface-2:#fff;--text:#000;--text-muted:#333;--text-faint:#555;--border:#ccc;--border-strong:#999;--accent:#1d3fb8;--accent-2:#0b7a70}body:before,.nav,.nav__scrim,.skip-link,.hero__visual,.hero__actions,.footer__top,.project-card__chevron{display:none!important}body{color:#000;background:#fff}[data-reveal]{opacity:1!important;transition:none!important;transform:none!important}.hero{padding-top:0}.section{break-inside:avoid;padding-block:1.5rem}.section--alt{border:0}.project-card__details{border-top:0}.project-card__summary{display:none}.project-card,.skill-card,.timeline__card,.contact-card{box-shadow:none;break-inside:avoid}a[href^=http]:after{content:" (" attr(href) ")";color:#555;font-size:.8em}}.icon,.btn__icon,.contact-card__arrow,.footer__top-icon,.project-card__chevron{flex:none;display:inline-flex}.icon svg,.btn__icon svg,.contact-card__arrow svg,.footer__top-icon svg,.project-card__chevron svg{width:1.15em;height:1.15em}.nav{z-index:100;height:var(--nav-h);transition:background-color var(--dur-mid) var(--ease-out), border-color var(--dur-mid) var(--ease-out), box-shadow var(--dur-mid) var(--ease-out);border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;inset:0 0 auto}.nav.is-scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(14px)saturate(150%);border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.nav__inner{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.nav__brand{align-items:center;gap:var(--space-3);font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--text);font-weight:600;display:inline-flex}.nav__mark{height:30px;transition:transform var(--dur-mid) var(--ease-out);display:inline-flex}.nav__mark svg{width:auto;height:100%}.nav__brand:hover .nav__mark{transform:translateY(-1px)}.nav__brand-text{font-size:var(--text-lg);padding-top:2px}.nav__list{align-items:center;gap:var(--space-1);display:flex}.nav__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);font-weight:500;display:block;position:relative}.nav__link:hover{color:var(--text);background:var(--surface)}.nav__link.is-active{color:var(--text)}.nav__link.is-active:after{content:"";border-radius:var(--radius-pill);background:var(--accent);width:16px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.nav__actions{align-items:center;gap:var(--space-2);z-index:96;display:flex;position:relative}.nav__progress{transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-2));width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.nav__scrim{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060a99;position:fixed;inset:0}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:40px;height:40px;color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);place-items:center;display:grid;position:relative}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}.icon-btn:active{transform:scale(.94)}.icon-btn__icon{transition:opacity var(--dur-mid) var(--ease-out), transform var(--dur-mid) var(--ease-out);display:inline-flex;position:absolute}.icon-btn__icon svg{width:18px;height:18px}.icon-btn__icon--sun{opacity:1;transform:rotate(0)scale(1)}.icon-btn__icon--moon{opacity:0;transform:rotate(-70deg)scale(.6)}:root[data-theme=light] .icon-btn__icon--sun{opacity:0;transform:rotate(70deg)scale(.6)}:root[data-theme=light] .icon-btn__icon--moon{opacity:1;transform:rotate(0)scale(1)}.icon-btn__icon--close{opacity:0;transform:scale(.6)}.icon-btn.nav__toggle{display:none}.nav.is-open .nav__toggle .icon-btn__icon--open{opacity:0;transform:scale(.6)}.nav.is-open .nav__toggle .icon-btn__icon--close{opacity:1;transform:scale(1)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-sm);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border:1px solid #0000;padding:.75rem 1.4rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:0 8px 22px -12px var(--accent-ring)}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 14px 30px -12px var(--accent-ring)}.btn--ghost{border-color:var(--border-strong);color:var(--text);background:0 0}.btn--ghost:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--text)}.btn--sm{font-size:var(--text-xs);padding:.55rem 1.05rem}.btn--block{width:100%}.btn__icon{transition:transform var(--dur-fast) var(--ease-out)}.btn:hover .btn__icon{transform:translate(3px)}.chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-xs);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);align-items:center;padding:.3rem .7rem;font-weight:500;display:inline-flex}.chip--accent{font-family:var(--font-mono);color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft);font-weight:400}.hero{padding-top:calc(var(--nav-h) + var(--space-8));padding-bottom:var(--space-9);position:relative;overflow:hidden}.hero:before{content:"";background:var(--glow);pointer-events:none;height:70vh;position:absolute;inset:-30% 0 auto}.hero__inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,1rem + 4vw,4.5rem);display:grid}.hero__name{font-size:var(--text-4xl);font-optical-sizing:auto;font-weight:600}.hero__title{margin-top:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-muted);font-style:italic;font-weight:500}.hero__title-text{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero__intro{margin-top:var(--space-5);max-width:56ch;font-size:var(--text-lg);color:var(--text-muted)}.hero__location{align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--text-faint);font-size:var(--text-sm);display:flex}.hero__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero__stats{gap:var(--space-6);margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.hero__stat{flex-direction:column;display:flex}.hero__stat-value{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text);font-weight:600}.hero__stat-label{font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.02em}.hero__visual{position:relative}.hero__portrait img{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-lg);object-fit:cover;aspect-ratio:4/5}.hero__panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--surface), var(--bg-soft));box-shadow:var(--shadow-lg);animation:float 9s var(--ease-in-out) infinite;position:relative;overflow:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero__panel-bar{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:6px;display:flex}.hero__panel-bar>span:not(.hero__panel-name){border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000001f}.hero__panel-bar>span:first-child{background:#ff5f57}.hero__panel-bar>span:nth-child(2){background:#febc2e}.hero__panel-bar>span:nth-child(3){background:#28c840}.hero__panel-name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);margin-left:auto}.hero__code{gap:var(--space-4);padding:var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;display:grid}.hero__code li{opacity:0;animation:code-in var(--dur-slow) var(--ease-out) forwards;animation-delay:calc(.3s + var(--i) * .13s);gap:2px;display:grid}@keyframes code-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.hero__code-key{color:var(--accent-2)}.hero__code-key:after{content:":";color:var(--text-faint)}.hero__code-val{color:var(--text-muted);padding-left:var(--space-4)}.hero__panel-glow{background:radial-gradient(50% 100% at 50% 100%, var(--accent-soft), transparent 70%);pointer-events:none;height:180px;position:absolute;inset:auto -20% -60%}@media (prefers-reduced-motion:reduce){.hero__panel{animation:none}.hero__code li{opacity:1;animation:none}}.about__body{grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);align-items:start;gap:clamp(2rem,1rem + 4vw,4rem);display:grid}.about__prose{gap:var(--space-4);font-size:var(--text-lg);color:var(--text-muted);max-width:62ch;display:grid}.about__prose p:first-child{color:var(--text)}.about__aside{top:calc(var(--nav-h) + var(--space-5));gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);display:grid;position:sticky}.about__highlights{gap:var(--space-4);display:grid}.about__highlight{padding-left:var(--space-4);border-left:2px solid var(--accent-soft);gap:2px;display:grid}.about__highlight-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-faint)}.about__highlight-value{font-size:var(--text-sm);color:var(--text)}.about__cta{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);padding:.7rem 1rem;font-weight:500;display:inline-flex}.about__cta:hover{border-color:var(--accent);background:var(--accent-soft)}.skill-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.skill-card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:transform var(--dur-mid) var(--ease-out), border-color var(--dur-mid) var(--ease-out), box-shadow var(--dur-mid) var(--ease-out);align-content:start;display:grid;position:relative;overflow:hidden}.skill-card:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:1px;transition:opacity var(--dur-mid) var(--ease-out);position:absolute;inset:0 0 auto}.skill-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.skill-card:hover:after{opacity:.8}.skill-card__head{align-items:center;gap:var(--space-3);display:flex}.skill-card__icon{border-radius:var(--radius-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);place-items:center;display:grid}.skill-card__icon svg{width:20px;height:20px}.skill-card__title{font-size:var(--text-base);font-weight:600}.skill-card__list{gap:var(--space-2);flex-wrap:wrap;display:flex}.skill-card:hover .chip{color:var(--text);border-color:var(--border-strong)}.project-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.project-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:transform var(--dur-mid) var(--ease-out), border-color var(--dur-mid) var(--ease-out), box-shadow var(--dur-mid) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.project-card__media{aspect-ratio:16/10;background:var(--surface-2);position:relative;overflow:hidden}.project-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out)}.project-card:hover .project-card__image{transform:scale(1.05)}.project-card__cover{background:radial-gradient(circle at 50% 60%, transparent 30%, var(--grid-line) 30.5%, transparent 31%), radial-gradient(circle at 50% 60%, transparent 48%, var(--grid-line) 48.5%, transparent 49%), radial-gradient(120% 90% at 20% 0%, var(--accent-soft), transparent 60%), linear-gradient(160deg, var(--surface-2), var(--bg-soft));height:100%;transition:transform var(--dur-slow) var(--ease-out);place-items:center;display:grid;position:relative}.project-card:hover .project-card__cover{transform:scale(1.04)}.project-card__monogram{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(140deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:600}.project-card__category{top:var(--space-3);left:var(--space-3);border-radius:var(--radius-pill);background:var(--nav-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent);padding:.25rem .6rem;font-size:.68rem;position:absolute}.project-card__body{gap:var(--space-3);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.project-card__name{font-size:var(--text-xl)}.project-card__desc{color:var(--text-muted);font-size:var(--text-sm)}.project-card__tech{gap:var(--space-2);flex-wrap:wrap;display:flex}.project-card__details{border-top:1px solid var(--border);margin-top:var(--space-1)}.project-card__summary{padding:var(--space-3) 0;cursor:pointer;font-size:var(--text-sm);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out);justify-content:space-between;align-items:center;font-weight:500;list-style:none;display:flex}.project-card__summary::-webkit-details-marker{display:none}.project-card__summary:hover{color:var(--text)}.project-card__chevron{color:var(--text-faint);transition:transform var(--dur-mid) var(--ease-out)}.project-card__details[open] .project-card__chevron{transform:rotate(180deg)}.project-card__details-body{gap:var(--space-2);padding-bottom:var(--space-3);display:grid}.project-card__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-faint);margin-top:var(--space-2);font-size:.68rem}.project-card__label:first-child{margin-top:0}.project-card__text{font-size:var(--text-sm);color:var(--text-muted)}.project-card__features{gap:var(--space-2);display:grid}.project-card__features li{padding-left:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);position:relative}.project-card__features li:before{content:"";background:var(--accent-2);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.project-card__actions{gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.container--narrow{max-width:var(--container-narrow)}.timeline{gap:var(--space-5);padding-left:var(--space-7);display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--accent), var(--border), transparent);width:1px;position:absolute;top:8px;bottom:8px;left:19px}.timeline__item{position:relative}.timeline__dot{left:calc(var(--space-7) * -1);border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px}.timeline__dot svg{width:18px;height:18px}.timeline__card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:transform var(--dur-mid) var(--ease-out), border-color var(--dur-mid) var(--ease-out)}.timeline__card:hover{border-color:var(--border-strong);transform:translate(4px)}.timeline__period{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);margin-bottom:var(--space-2);display:inline-flex}.timeline__dash{opacity:.5;background:currentColor;width:14px;height:1px}.timeline__title{font-size:var(--text-xl)}.timeline__institution{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.timeline__details{gap:var(--space-2);margin-top:var(--space-4);display:grid}.timeline__details li{padding-left:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);position:relative}.timeline__details li:before{content:"";background:var(--accent-2);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:0}.contact__list{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.contact-card{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);display:flex}.contact-card:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-3px)}.contact-card__icon{border-radius:var(--radius-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);flex:none;place-items:center;display:grid}.contact-card__icon svg{width:19px;height:19px}.contact-card__text{gap:1px;min-width:0;display:grid}.contact-card__label{font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.contact-card__value{font-size:var(--text-sm);color:var(--text);overflow-wrap:anywhere}.contact-card__arrow{color:var(--text-faint);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);margin-left:auto}.contact-card:hover .contact-card__arrow{color:var(--accent);transform:translate(3px)}.contact__location{align-items:center;gap:var(--space-2);margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-faint);display:flex}.footer{border-top:1px solid var(--border);background:var(--bg-soft);padding-top:var(--space-7)}.footer__inner{justify-content:space-between;align-items:center;gap:var(--space-5);padding-bottom:var(--space-6);flex-wrap:wrap;display:flex}.footer__brand{align-items:center;gap:var(--space-4);display:flex}.footer__mark{height:44px;color:var(--text);display:inline-flex}.footer__mark svg{width:auto;height:100%}.footer__name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.footer__tagline{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.footer__socials{gap:var(--space-3);display:flex}.footer__social{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:42px;height:42px;color:var(--text-muted);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);place-items:center;display:grid}.footer__social:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.footer__social svg{width:19px;height:19px}.footer__bottom{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-faint);flex-wrap:wrap;display:flex}.footer__top{align-items:center;gap:var(--space-2);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out);display:inline-flex}.footer__top:hover{color:var(--accent)}.footer__top-icon{transform:rotate(-90deg)}@media (max-width:1000px){.hero__inner{gap:var(--space-7);grid-template-columns:1fr}.hero__visual{max-width:460px}.hero__portrait img{aspect-ratio:3/2}.about__body{grid-template-columns:1fr}.about__aside{position:static}}@media (max-width:859px){.icon-btn.nav__toggle{display:grid}.icon-btn{width:44px;height:44px}.nav__brand-text{display:none}.nav__menu{z-index:95;width:min(320px,84vw);height:100dvh;padding:calc(var(--nav-h) + var(--space-5)) var(--space-5) var(--space-5);background:var(--bg-soft);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);visibility:hidden;transition:transform var(--dur-mid) var(--ease-out), visibility var(--dur-mid);position:fixed;top:0;right:0;transform:translate(100%)}.nav.is-open .nav__menu{visibility:visible;transform:translate(0)}.nav__list{align-items:stretch;gap:var(--space-1);flex-direction:column}.nav__link{padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-md)}.nav__link.is-active{background:var(--surface)}.nav__link.is-active:after{width:3px;height:18px;top:50%;bottom:auto;left:6px;transform:translateY(-50%)}body.is-menu-open{overflow:hidden}}@media (max-width:640px){.hero{padding-top:calc(var(--nav-h) + var(--space-6))}.hero__stats{gap:var(--space-5)}.hero__actions .btn{flex:auto}.timeline{padding-left:var(--space-6)}.timeline__dot{left:calc(var(--space-6) * -1);width:34px;height:34px}.timeline:before{left:16px}.footer__inner{flex-direction:column;align-items:flex-start}}