:root{color:#111827;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #111827;--ink-soft: #263241;--muted: #5c6675;--paper: #ffffff;--surface: #f7f8fb;--line: #d9dee7;--line-strong: #b8c1cf;--navy: #172033;--blue: #2563eb;--cyan: #0f766e;--amber: #b7791f;--shadow: 0 14px 36px rgba(17, 24, 39, .06);--header-height: 68px;--content-width: 1180px;--page-gutter: max(clamp(1.25rem, 4vw, 3rem), calc((100vw - var(--content-width)) / 2))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}main{min-height:100vh;overflow-x:hidden;padding-top:var(--header-height)}.site-header{background:#f7f8fbeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);left:0;min-height:var(--header-height);position:fixed;right:0;top:0;z-index:10}.header-inner{align-items:center;display:flex;justify-content:space-between;min-height:var(--header-height);padding:0 var(--page-gutter);width:100%}.brand,nav,.eyebrow,.button,.identity-row,.timeline li,.contact-actions{align-items:center;display:flex}.brand{font-size:.95rem;font-weight:700;gap:.7rem}.brand-mark{background:var(--navy);border-radius:8px;color:var(--paper);display:grid;font-size:.82rem;height:40px;place-items:center;width:40px}nav{gap:clamp(.7rem,2vw,1.7rem)}nav a{color:var(--muted);font-size:.86rem;font-weight:650}nav a:hover{color:var(--blue)}.hero{align-items:center;display:grid;gap:clamp(3rem,6vw,5.5rem);grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);min-height:calc(100vh - var(--header-height));padding:clamp(4rem,7vw,6rem) var(--page-gutter)}.hero,.section,.contact-section{scroll-margin-top:calc(var(--header-height) + 1.25rem)}.hero-copy{max-width:700px}.identity-row{gap:1rem;margin-bottom:1.5rem}.avatar{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;display:block;height:76px;object-fit:cover;width:76px}.eyebrow{color:var(--cyan);font-size:.78rem;font-weight:700;gap:.45rem;margin:0 0 1rem;text-transform:uppercase}.identity-row .eyebrow{margin-bottom:.35rem}.availability{color:var(--muted);font-size:.95rem;font-weight:700;margin-bottom:0}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);font-size:clamp(2.5rem,5vw,4.25rem);font-weight:720;line-height:1.03;margin-bottom:1.1rem;max-width:1050px}h2{color:var(--ink)}.role{color:var(--blue);font-size:clamp(1rem,1.5vw,1.2rem);font-weight:700;margin-bottom:1.2rem;max-width:760px}.hero-text{color:var(--ink-soft);font-size:clamp(1rem,1.45vw,1.15rem);line-height:1.65;max-width:650px}.hero-actions,.tag-row{display:flex;flex-wrap:wrap;gap:.75rem}.button{border-radius:8px;font-size:.92rem;font-weight:700;gap:.5rem;justify-content:center;min-height:48px;padding:0 1rem;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.button.primary{background:var(--navy);color:var(--paper)}.button.secondary{border:1px solid var(--line-strong);color:var(--ink)}.button.secondary:hover{border-color:var(--blue);color:var(--blue)}.button.inverted{border-color:#ffffff4d;color:var(--paper)}.hero-panel{border-left:1px solid var(--line-strong);padding:.5rem 0 .5rem clamp(1.5rem,3vw,2.5rem)}.panel-title{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.panel-title>svg{background:#e8eef9;border-radius:8px;color:var(--blue);height:42px;padding:10px;width:42px}.panel-title span{color:var(--muted);display:block;font-size:.7rem;font-weight:700;margin-bottom:.25rem;text-transform:uppercase}.panel-title h2{font-size:1.25rem;font-weight:700;line-height:1.25;margin-bottom:0}.hero-panel p,.section-heading p,.project-card p,.timeline p,.contact-section p{color:var(--muted);line-height:1.65}.focus-list,.timeline ul,.publication-list{list-style:none;margin:0;padding:0}.focus-list{display:grid;margin-top:1.5rem}.focus-list li{align-items:flex-start;border-top:1px solid var(--line);display:grid;gap:.9rem;grid-template-columns:28px minmax(0,1fr);padding:1rem 0}.focus-index{color:var(--cyan);font-size:.75rem;font-weight:700;padding-top:.15rem}.focus-list h3{font-size:.98rem;font-weight:700;margin:0 0 .3rem}.focus-list p{font-size:.9rem;line-height:1.5;margin:0}.timeline svg{color:var(--cyan);flex:0 0 auto}.section,.contact-section{padding:clamp(3.5rem,6vw,5rem) var(--page-gutter)}.section-heading{max-width:850px}.section-heading h2,.contact-section h2{font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700;line-height:1.15;margin-bottom:1rem}.project-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.project-card,.skill-card{background:var(--paper);border:1px solid var(--line);border-radius:8px}.project-card{display:grid;gap:.95rem;grid-template-rows:auto auto auto auto auto auto;padding:1.25rem}.card-meta{color:var(--amber);display:flex;flex-wrap:wrap;font-size:.78rem;font-weight:700;gap:.5rem;justify-content:space-between;text-transform:uppercase}.project-card h3,.skill-card h3,.timeline h3{font-size:1.12rem;font-weight:700;line-height:1.2;margin-bottom:.4rem}.project-detail{border-top:1px solid var(--line);display:grid;gap:.65rem;padding-top:.9rem}.detail-label{color:var(--cyan);font-size:.74rem;font-weight:700;text-transform:uppercase}.project-detail ul{color:var(--ink-soft);display:grid;gap:.5rem;line-height:1.5;margin:0;padding-left:1.05rem}.project-detail p{margin-bottom:0}.impact{border-left:3px solid var(--cyan);color:var(--ink-soft)!important;padding-left:.85rem}.tag-row span{border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);font-size:.82rem;font-weight:650;padding:.42rem .68rem}.skills-section{background:#eef3f8}.skills-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem}.skill-card{padding:1.25rem}.skill-card .tag-row{margin-top:1rem}.timeline{border-top:1px solid var(--line);margin-top:2rem}.timeline article{display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:210px minmax(0,1fr);padding:1.75rem 0;border-bottom:1px solid var(--line)}.timeline-date{color:var(--blue);font-size:.9rem;font-weight:700;line-height:1.35}.company-line{margin-bottom:1rem}.timeline ul{display:grid;gap:.7rem}.timeline li{align-items:flex-start;color:var(--ink-soft);gap:.6rem;line-height:1.55}.publications-section{background:var(--surface)}.publication-list{background:var(--paper);border:1px solid var(--line);border-radius:8px;display:grid;margin-top:1.5rem;max-width:980px}.publication-list li{border-top:1px solid var(--line);color:var(--ink-soft);line-height:1.45}.publication-list li:first-child{border-top:0}.publication-link{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;padding:1rem 1.25rem}.publication-link strong{color:var(--ink-soft);display:block;font-size:.98rem;font-weight:650}.publication-link small{color:var(--muted);display:block;font-size:.78rem;font-weight:700;margin-top:.25rem;text-transform:uppercase}.publication-link svg{color:var(--blue);flex:0 0 auto;margin-top:.1rem}.publication-link:hover strong{color:var(--blue)}.contact-section{align-items:center;background:var(--navy);color:var(--paper);display:flex;gap:2rem;justify-content:space-between}.contact-section .eyebrow{color:#9dd7ff}.contact-section h2{color:var(--paper);max-width:850px}.contact-section p{color:#d5dbe6;margin-bottom:0}.contact-actions{flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.contact-section .button.primary{background:var(--paper);color:var(--navy)}@media(max-width:980px){:root{--header-height: 132px}.header-inner{align-items:flex-start;flex-direction:column;gap:1rem;padding-bottom:1rem;padding-top:1rem}nav{flex-wrap:wrap}.hero,.project-grid,.skills-grid{grid-template-columns:1fr}.hero{gap:2.5rem;min-height:auto}.hero-panel{border-left:0;border-top:1px solid var(--line-strong);padding:2rem 0 0}.contact-section{align-items:flex-start;flex-direction:column}.contact-actions{justify-content:flex-start}}@media(max-width:620px){:root{--header-height: 154px}.hero{padding-top:2.5rem}h1{font-size:clamp(2.25rem,10vw,3.1rem)}.brand{font-size:.88rem}nav{gap:.65rem 1rem}nav a{font-size:.8rem}.hero-actions .button,.contact-actions .button{width:100%}.project-card{min-height:auto}.timeline article{grid-template-columns:1fr}}