@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');
:root { --ink:#0b1f33; --paper:#f5f2ea; --white:#fff; --lime:#d8ff68; --teal:#2e736c; --line:rgba(11,31,51,.15); --muted:#5e6b75; --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; line-height:1.55; }
a { color:inherit; }
.skip-link { position:fixed; left:1rem; top:-4rem; z-index:20; background:var(--lime); padding:.7rem 1rem; }
.skip-link:focus { top:1rem; }
.site-header { min-height:78px; max-width:var(--max); margin:auto; padding:0 2rem; display:flex; align-items:center; gap:2rem; border-bottom:1px solid var(--line); }
.wordmark { font:700 clamp(1.2rem,1.7vw,1.45rem)/1.1 "Manrope",sans-serif; text-decoration:none; letter-spacing:.035em; }
#site-nav { display:flex; gap:1.8rem; margin-left:auto; }
#site-nav a,.header-cta { font-size:.88rem; font-weight:600; text-decoration:none; }
#site-nav a:hover { color:var(--teal); }
.header-cta { border:1px solid var(--ink); border-radius:999px; padding:.65rem 1rem; }
.menu-button { display:none; }
.hero { max-width:var(--max); min-height:680px; margin:auto; padding:5rem 2rem 4.5rem; display:grid; grid-template-columns:1.25fr .75fr; gap:6rem; align-items:center; }
.eyebrow,.section-kicker { margin:0 0 1.2rem; color:var(--teal); font-size:.75rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3 { font-family:"Manrope",sans-serif; letter-spacing:-.035em; }
h1 { max-width:780px; margin:0; font-size:20px; line-height:1.15; font-weight:600; }
h1 em { color:var(--teal); font-style:normal; }
.hero-intro { max-width:720px; margin:2rem 0; color:#394b59; font-size:1rem; }
.hero-intro p { margin:0; }
.hero-intro p+p { margin-top:1rem; }
.hero-intro a { color:var(--teal); font-weight:600; text-decoration-thickness:1px; text-underline-offset:.18em; }
.hero-intro cite { font-style:italic; }
.hero-actions,.social-links { display:flex; flex-wrap:wrap; gap:.75rem; }
.button { display:inline-flex; gap:1rem; align-items:center; padding:.9rem 1.1rem; border-radius:5px; font-size:.9rem; font-weight:600; text-decoration:none; }
.button.primary { color:white; background:var(--ink); }
.button.primary:hover { background:var(--teal); }
.button.secondary { border:1px solid var(--line); }
.social-links { margin-top:2.5rem; gap:1.5rem; }
.social-links a { color:var(--muted); font-size:.82rem; text-underline-offset:.2rem; }
.portrait-wrap { position:relative; width:100%; margin:0; justify-self:end; }
.portrait-wrap img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:center; position:relative; z-index:1; filter:saturate(.82) contrast(1.04); }
.portrait-wrap figcaption { position:relative; z-index:2; display:flex; justify-content:space-between; gap:1rem; padding:.8rem 0; font-size:.72rem; color:var(--muted); }
.sample-switcher { display:flex; justify-content:flex-end; gap:.35rem; margin:0; }
.sample-switcher[hidden] { display:none; }
.sample-switcher a { display:grid; place-items:center; width:1.8rem; height:1.8rem; border:1px solid var(--line); border-radius:50%; color:var(--muted); font-size:.72rem; font-weight:700; text-decoration:none; }
.sample-switcher a:hover,.sample-switcher a.active { color:white; background:var(--teal); border-color:var(--teal); }
.research-strip { background:var(--ink); color:var(--white); padding:5.5rem max(2rem,calc((100vw - var(--max))/2 + 2rem)); }
.research-strip .section-kicker { color:var(--lime); }
.research-strip h2 { max-width:900px; margin:0 0 4rem; font-size:clamp(2rem,4vw,3.5rem); line-height:1.15; font-weight:500; }
.focus-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.25); }
.focus-grid article { padding:2rem 2rem 0 0; }
.focus-grid article+article { padding-left:2rem; border-left:1px solid rgba(255,255,255,.25); }
.focus-grid span { color:var(--lime); font-size:.72rem; }
.focus-grid h3 { margin:1rem 0 .6rem; font-size:1.25rem; }
.focus-grid p { margin:0; color:#b7c0c8; font-size:.92rem; }
.section-shell { max-width:var(--max); margin:auto; padding:6rem 2rem; }
.section-heading h2 { margin:0; font-size:clamp(2.4rem,5vw,4.6rem); }
.publication-controls { margin-top:3rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.filter-group { display:flex; flex-wrap:wrap; gap:.5rem; }
.filter { padding:.6rem .9rem; color:var(--muted); background:transparent; border:1px solid var(--line); border-radius:999px; font:600 .78rem "DM Sans",sans-serif; }
.filter:hover,.filter.active { color:white; background:var(--ink); border-color:var(--ink); }
.publication-count { margin:0; color:var(--muted); font-size:.8rem; white-space:nowrap; }
.publication-list,.timeline,.education-grid { margin-top:1.5rem; border-top:1px solid var(--line); }
.publication-card { display:grid; grid-template-columns:180px 1fr; gap:2rem; padding:2rem 0; border-bottom:1px solid var(--line); }
.publication-meta { display:flex; flex-direction:column; gap:.35rem; color:var(--muted); font-size:.78rem; }
.publication-meta span:first-child { color:var(--teal); font-weight:700; }
.publication-card h3 { max-width:800px; margin:0 0 .65rem; font-size:clamp(1.1rem,2vw,1.55rem); line-height:1.25; }
.publication-card h3 a { text-decoration:none; }
.publication-card h3 a span { color:var(--teal); font-size:.8em; }
.publication-card h3 a:hover { color:var(--teal); }
.publication-card p { max-width:850px; margin:0; color:var(--muted); font-size:.85rem; }
.publication-card strong { color:var(--ink); font-weight:600; }
.publication-resources { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.9rem; }
.publication-resources a { padding:.35rem .6rem; border:1px solid var(--line); border-radius:999px; color:var(--teal); font-size:.72rem; font-weight:700; text-decoration:none; }
.publication-resources a:hover { color:white; background:var(--teal); border-color:var(--teal); }
.talks-section { max-width:none; padding-inline:max(2rem,calc((100vw - var(--max))/2 + 2rem)); background:#edf0ea; }
.talk-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; max-width:var(--max); margin:3rem auto 0; }
.talk-card { overflow:hidden; background:var(--paper); border:1px solid var(--line); }
.video-frame { position:relative; aspect-ratio:16/9; background:var(--ink); }
.video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.talk-copy { padding:1.5rem; }
.talk-copy p { margin:0 0:.6rem; color:var(--teal); font-size:.72rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.talk-copy h3 { margin:0 0:1.25rem; font-size:1.2rem; line-height:1.35; }
.talk-copy a { color:var(--teal); font-size:.8rem; font-weight:700; text-underline-offset:.2rem; }
.muted { max-width:none; padding-inline:max(2rem,calc((100vw - var(--max))/2 + 2rem)); background:#e8ebe4; }
.timeline { margin-top:3rem; }
.timeline-item { display:grid; grid-template-columns:220px 1fr; gap:2rem; padding:2rem 0; border-bottom:1px solid var(--line); }
.timeline-range { color:var(--teal); font-size:.8rem; font-weight:600; }
.timeline-item h3 { margin:0; font-size:1.35rem; }
.timeline-item p { max-width:720px; margin:.45rem 0 0; color:var(--muted); }
.timeline-item .timeline-org { color:var(--ink); font-weight:600; }
.education-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:3rem; }
.education-card { padding:2rem 2rem 0 0; }
.education-card+.education-card { padding-left:2rem; border-left:1px solid var(--line); }
.education-card>p:first-child { color:var(--teal); font-size:.78rem; font-weight:600; }
.education-card h3 { min-height:3.2em; margin:1rem 0 .5rem; font-size:1.25rem; }
.education-card p { color:var(--muted); font-size:.88rem; }
.education-card .school { min-height:2.8em; color:var(--ink); font-weight:600; }
button:focus-visible,a:focus-visible { outline:3px solid var(--lime); outline-offset:3px; }
footer { max-width:var(--max); margin:auto; padding:2rem; display:grid; grid-template-columns:1fr 1fr 1fr; border-top:1px solid var(--line); font-size:.82rem; }
footer p { margin:0; }
footer p:last-child { text-align:right; color:var(--muted); }
.not-found { min-height:100vh; max-width:900px; margin:auto; padding:15vh 2rem 3rem; }
.not-found h1 { max-width:760px; margin:0 0 1.5rem; }
.not-found p:not(.eyebrow) { margin:0 0 2rem; color:var(--muted); font-size:1.1rem; }
@media (max-width:820px) {
  .site-header { position:relative; padding:0 1.2rem; }
  .menu-button { display:block; margin-left:auto; border:0; background:none; font:600 .85rem "DM Sans"; }
  #site-nav { display:none; position:absolute; top:77px; left:0; right:0; z-index:5; padding:1.2rem; background:var(--paper); border-bottom:1px solid var(--line); }
  #site-nav.open { display:grid; }
  .header-cta { display:none; }
  .hero { min-height:auto; padding:4rem 1.2rem; grid-template-columns:1fr; gap:4rem; }
  .portrait-wrap { max-width:440px; justify-self:start; }
  .research-strip { padding:4rem 1.2rem; }
  .focus-grid { grid-template-columns:1fr; }
  .focus-grid article+article { padding-left:0; border-left:0; }
  .focus-grid article { padding:1.5rem 0; border-bottom:1px solid rgba(255,255,255,.18); }
  .section-shell { padding:4rem 1.2rem; }
  .publication-controls { align-items:flex-start; flex-direction:column; }
  .publication-card,.timeline-item { grid-template-columns:1fr; gap:.65rem; }
  .publication-meta { flex-direction:row; }
  .education-grid { grid-template-columns:1fr; }
  .talks-section { padding-inline:1.2rem; }
  .talk-grid { grid-template-columns:1fr; }
  .education-card,.education-card+.education-card { padding:1.8rem 0; border-left:0; border-bottom:1px solid var(--line); }
  .education-card h3,.education-card .school { min-height:0; }
  footer { margin:0 1.2rem; padding:2rem 0; grid-template-columns:1fr; gap:.5rem; }
  footer p:last-child { text-align:left; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }