:root{--color-bg: #f7f4ee;--color-surface: #ffffff;--color-surface-2: #f1ede4;--color-text: #1a1a1f;--color-text-muted: #6b6b73;--color-border: #e6e1d4;--color-accent: #0a4d8c;--color-accent-hover: #0d3d6e;--color-accent-soft: #e6eef8;--color-warm: #c8753a;--color-warm-soft: #f5e8db;--color-hero-bg-1: #0d1219;--color-hero-bg-2: #14202f;--color-hero-bg-3: #1d3553;--color-hero-text: #f7f3eb;--shadow-sm: 0 1px 2px rgba(15, 17, 21, .04), 0 6px 22px rgba(15, 17, 21, .05);--shadow-md: 0 2px 6px rgba(15, 17, 21, .06), 0 16px 40px rgba(15, 17, 21, .09);--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-serif: "Fraunces", "Iowan Old Style", "Apple Garamond", "Georgia", serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--max-width: 1120px;--header-height: 72px;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--space-6: 6rem;--space-7: 8rem;--radius-sm: 12px;--radius-md: 20px}[data-theme=dark]{--color-bg: #0e0e11;--color-surface: #17171b;--color-surface-2: #1f1f24;--color-text: #f5f3ee;--color-text-muted: #9a9aa3;--color-border: #28282e;--color-accent: #5fa8ff;--color-accent-hover: #8ec1ff;--color-accent-soft: #14243b;--color-warm: #e0945a;--color-warm-soft: #2a1f15;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 22px rgba(0, 0, 0, .35);--shadow-md: 0 2px 6px rgba(0, 0, 0, .5), 0 16px 40px rgba(0, 0, 0, .45)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #0e0e11;--color-surface: #17171b;--color-surface-2: #1f1f24;--color-text: #f5f3ee;--color-text-muted: #9a9aa3;--color-border: #28282e;--color-accent: #5fa8ff;--color-accent-hover: #8ec1ff;--color-accent-soft: #14243b;--color-warm: #e0945a;--color-warm-soft: #2a1f15;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 22px rgba(0, 0, 0, .35);--shadow-md: 0 2px 6px rgba(0, 0, 0, .5), 0 16px 40px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-2))}body{margin:0;font-family:var(--font-sans);font-size:clamp(1rem,.96rem + .2vw,1.075rem);line-height:1.65;color:var(--color-text);background:var(--color-bg);font-feature-settings:"ss01","ss02","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .22s ease,color .22s ease}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;font-variation-settings:"opsz" 60,"SOFT" 50;letter-spacing:-.02em;line-height:1.12;color:var(--color-text)}h3{font-family:var(--font-sans);font-weight:600;letter-spacing:-.005em;line-height:1.3}main{display:block}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:var(--space-2);z-index:200;background:var(--color-accent);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.skip-link:focus-visible{left:var(--space-2)}.container{width:min(100% - var(--space-4),var(--max-width));margin-inline:auto}.gradient-text{color:var(--color-warm);font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100}.metric{font-weight:600;color:var(--color-warm);white-space:nowrap;font-variant-numeric:tabular-nums}.cert-list{list-style:none;margin:0 0 var(--space-4);padding:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.cert-badge{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:.5rem 1rem;font-size:.82rem;font-weight:500;letter-spacing:.01em;box-shadow:var(--shadow-sm)}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header__inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.brand{font-family:var(--font-serif);font-size:clamp(1.15rem,1rem + .4vw,1.4rem);font-weight:500;font-style:italic;letter-spacing:-.02em;font-variation-settings:"opsz" 144,"SOFT" 100}.site-nav{display:flex;align-items:center;gap:var(--space-1)}.site-nav__link,.theme-toggle{border:1px solid transparent;border-radius:999px;padding:.4rem .85rem;font-size:.92rem;color:var(--color-text-muted);transition:color .18s ease,background-color .18s ease,border-color .18s ease}.site-nav__link:hover,.site-nav__link.is-active,.theme-toggle:hover{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.theme-toggle{cursor:pointer;font:inherit;background:transparent}.menu-toggle{display:none;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;padding:10px 9px}.menu-toggle span{display:block;width:100%;height:2px;background:var(--color-text)}.menu-toggle span+span{margin-top:6px}.hero{position:relative;background:radial-gradient(ellipse 80% 60% at 20% 0%,color-mix(in srgb,var(--color-accent) 40%,transparent),transparent 60%),radial-gradient(ellipse 60% 50% at 90% 20%,color-mix(in srgb,var(--color-warm) 25%,transparent),transparent 55%),linear-gradient(160deg,var(--color-hero-bg-1) 0%,var(--color-hero-bg-2) 60%,var(--color-hero-bg-3) 100%);color:var(--color-hero-text);overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.5;pointer-events:none;mix-blend-mode:overlay}.hero__content{position:relative;z-index:1;min-height:min(86vh,720px);display:grid;align-content:center;gap:var(--space-3);padding:var(--space-7) 0 var(--space-6)}.hero__status{display:inline-flex;align-items:center;gap:.55rem;margin:0;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:color-mix(in srgb,var(--color-hero-text) 70%,transparent)}.hero__status:before{content:"";width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px color-mix(in srgb,#4ade80 25%,transparent);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.hero__eyebrow{margin:0;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:none;color:color-mix(in srgb,var(--color-hero-text) 60%,transparent)}.hero__title{margin:0;max-width:17ch;line-height:1.02;font-family:var(--font-serif);font-weight:350;font-size:clamp(2.6rem,1.6rem + 4.6vw,5.6rem);letter-spacing:-.035em;font-variation-settings:"opsz" 144,"SOFT" 80;color:var(--color-hero-text)}.hero__title .gradient-text{color:#e8a87c;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100}.hero__summary{max-width:56ch;margin:0;font-size:clamp(1.05rem,.98rem + .35vw,1.2rem);line-height:1.6;color:color-mix(in srgb,var(--color-hero-text) 82%,transparent)}.hero__summary strong{color:var(--color-hero-text);font-weight:500}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.button{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;border-radius:999px;border:1px solid transparent;font-weight:500;font-size:.95rem;letter-spacing:-.005em;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--color-hero-text);color:var(--color-hero-bg-1)}.button--primary:hover{background:#fff}.button--ghost{color:var(--color-hero-text);border-color:color-mix(in srgb,var(--color-hero-text) 30%,transparent)}.button--ghost:hover{border-color:color-mix(in srgb,var(--color-hero-text) 70%,transparent);background:color-mix(in srgb,var(--color-hero-text) 8%,transparent)}.section{padding:var(--space-6) 0}.section--surface{background:var(--color-surface-2);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section__header{margin-bottom:var(--space-5);max-width:42rem}.section__label{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;text-transform:none;color:var(--color-text-muted);font-weight:400}.section__label:before{content:attr(data-num) "  /  ";color:var(--color-warm)}.section__title{margin:0;font-family:var(--font-serif);font-weight:350;line-height:1.05;letter-spacing:-.03em;font-size:clamp(2rem,1.4rem + 2.4vw,3.6rem);font-variation-settings:"opsz" 144,"SOFT" 80}.section__subtitle{margin:var(--space-2) 0 0;font-size:1.05rem;color:var(--color-text-muted);max-width:50ch}.section__grid{display:grid;gap:var(--space-3)}.section__grid--about{grid-template-columns:minmax(240px,360px) 1fr}.card{background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card p{margin:0 0 var(--space-2)}.card p:last-of-type{margin-bottom:0}.card--profile{padding:0;overflow:hidden;align-self:start;position:sticky;top:calc(var(--header-height, 0px) + var(--space-3));border-radius:var(--radius-md)}.profile-image{width:100%;aspect-ratio:4 / 5;object-fit:cover;filter:contrast(1.02) saturate(.95)}.about-metrics{margin:var(--space-4) 0 0;padding:var(--space-3) 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);border-top:1px solid var(--color-border)}.about-metrics li{background:transparent;border:0;border-radius:0;padding:0}.about-metrics strong{display:block;font-family:var(--font-serif);font-weight:350;font-size:clamp(1.6rem,1.2rem + 1vw,2.2rem);letter-spacing:-.02em;line-height:1.05;font-variation-settings:"opsz" 144,"SOFT" 80}.about-metrics span{display:block;margin-top:.35rem;color:var(--color-text-muted);font-size:.85rem;letter-spacing:.01em}.project-grid,.skill-grid,.contact-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:repeat(2,minmax(220px,340px));justify-content:center;margin-bottom:var(--space-3)}.project-card h3,.contact-card h3,.skill-grid h3{margin:0 0 var(--space-2);font-size:1.2rem}.project-card p,.contact-card p{color:var(--color-text-muted);font-size:.98rem;line-height:1.6}.project-card a{color:var(--color-accent);font-weight:600}.project-card a:hover{color:var(--color-accent-hover)}.timeline{display:grid;gap:0;border-top:1px solid var(--color-border)}.timeline__item{border:0;border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;background:transparent;border-radius:0;display:grid;grid-template-columns:8rem 1fr;gap:var(--space-3);transition:background-color .2s ease}.timeline__item:hover{background:color-mix(in srgb,var(--color-warm) 4%,transparent)}.timeline__year{font-family:var(--font-serif);font-weight:350;font-size:clamp(1.5rem,1.1rem + 1vw,2.1rem);letter-spacing:-.02em;color:var(--color-warm);font-variation-settings:"opsz" 144,"SOFT" 90;line-height:1.1;white-space:nowrap}.timeline__item h3{margin:0;font-size:1.25rem}.timeline__meta{margin:.3rem 0 .85rem;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.82rem;letter-spacing:0;font-weight:400}.timeline__item p:last-child{margin:0;color:var(--color-text);max-width:62ch;line-height:1.65}.chip-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.chip-list li{border:0;background:transparent;border-radius:0;padding:.25rem 0;font-family:var(--font-mono);font-size:.82rem;color:var(--color-text-muted);position:relative}.chip-list li:not(:last-child):after{content:" ·";margin-left:.4rem;color:var(--color-warm)}.contact-card{text-align:center;padding:var(--space-4) var(--space-3)}.contact-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-warm) 35%,var(--color-border));box-shadow:var(--shadow-md)}.contact-card h3{font-family:var(--font-serif);font-weight:350;font-size:1.4rem;font-variation-settings:"opsz" 144,"SOFT" 80;letter-spacing:-.01em}.contact-form{margin-top:var(--space-3);text-align:center;padding:var(--space-5) var(--space-4);background:var(--color-surface)}.contact-form h3{margin:0 0 var(--space-2);font-family:var(--font-serif);font-weight:350;font-size:clamp(1.6rem,1.2rem + 1vw,2.2rem);font-variation-settings:"opsz" 144,"SOFT" 80;letter-spacing:-.02em}.contact-form p{max-width:48ch;margin:0 auto var(--space-3);color:var(--color-text-muted)}.contact-form button{justify-self:center;background:var(--color-text);color:var(--color-bg)}.contact-form button:hover{background:var(--color-accent);color:#fff}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-3) 0;background:var(--color-bg)}.site-footer__inner{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap;color:var(--color-text-muted);font-size:.85rem;font-family:var(--font-mono)}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .24s ease,transform .24s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (scripting: none){[data-reveal]{opacity:1;transform:none}}.not-found{min-height:100vh;display:grid;place-items:center}.not-found__inner{text-align:center;max-width:560px;padding:var(--space-4)}.not-found__code{margin:0;color:var(--color-accent);font-size:clamp(4rem,3.5rem + 2.6vw,7rem);line-height:1}@media (max-width: 960px){.section__grid--about,.project-grid,.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:repeat(2,minmax(180px,280px))}.card--profile{position:static}.about-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline__item{grid-template-columns:6rem 1fr;gap:var(--space-2)}}@media (max-width: 760px){.menu-toggle{display:block}.section__grid--about{grid-template-columns:1fr}.card--profile{max-width:320px;margin-inline:auto}.about-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}.timeline__item{grid-template-columns:1fr;gap:var(--space-1);padding:var(--space-3) 0}.timeline__year{font-size:1.4rem}.site-nav{position:absolute;top:calc(var(--header-height) + 1px);right:var(--space-2);left:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);display:none;flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}.site-nav__link,.theme-toggle{text-align:center;justify-content:center}}@media (max-width: 640px){.hero__actions{flex-direction:column;align-items:stretch;max-width:280px}.section__grid--about,.project-grid,.skill-grid,.contact-grid,.about-metrics{grid-template-columns:1fr}.site-footer__inner{flex-direction:column}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}