:root {
  --ink:#382f27;
  --muted:#736b5d;
  --accent:#626b35;
  --line:#e4e0d4;
  --paper:#ffffff;
  --tint:#f5f4ed;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:30px;
}

body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:15px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

a {
  color:var(--accent);
  text-decoration:none;
  text-underline-offset:4px;
}

a:hover {
  text-decoration:underline;
}

a:focus-visible,summary:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:5px;
  border-radius:2px;
}

.site-wrap {
  max-width:1120px;
  margin:auto;
  padding:0 48px;
}

.site-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:28px 0;
  border-bottom:1px solid var(--line);
}

.wordmark {
  font-weight:700;
  font-size:18px;
  color:var(--ink);
  letter-spacing:-.5px;
}

.brand-dot {
  color:var(--accent);
}

nav {
  display:flex;
  gap:25px;
}

.site-header nav a {
  font-size:13px;
  color:var(--muted);
}

.profile {
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:74px;
  align-items:center;
  padding:76px 0 70px;
}

.eyebrow {
  font-size:11px;
  font-weight:650;
  letter-spacing:2.4px;
  color:var(--accent);
  margin:0 0 13px;
}

h1 {
  font-size:52px;
  letter-spacing:-2.5px;
  line-height:1.12;
  margin:0 0 12px;
  font-weight:650;
}

.role {
  color:var(--muted);
  font-size:17px;
  margin:0 0 23px;
}

.profile p:not(.eyebrow):not(.role) {
  margin:13px 0;
}

.profile strong {
  font-weight:600;
}

.portrait {
  margin:0;
}

.portrait img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:cover;
  object-position:center;
  border-radius:50%;
  background:var(--tint);
}

.portrait figcaption {
  font-size:11px;
  letter-spacing:1.1px;
  color:var(--muted);
  text-align:center;
  margin-top:12px;
}

.profile-links {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:25px;
  font-size:13px;
  font-weight:600;
}

.primary-link {
  background:var(--accent);
  color:white;
  padding:7px 17px;
  border-radius:5px;
}

.section-heading {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  padding-bottom:16px;
}

.section-heading h2 {
  font-size:26px;
  letter-spacing:-.7px;
  font-weight:600;
  margin:0;
}

.section-heading>span,.section-note {
  color:var(--muted);
  font-size:12px;
}

.section-note {
  margin:12px 0 20px;
}

.publication-nav {
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:38px;
}

.publication-nav a {
  font-size:12px;
  border:1px solid var(--line);
  border-radius:5px;
  padding:7px 12px;
  color:var(--ink);
  background:white;
}

.publication-nav a:hover {
  border-color:var(--accent);
}

.publication-nav span {
  color:var(--accent);
  margin-left:10px;
}

.group-title {
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-weight:600;
  color:var(--muted);
  margin:35px 0 6px;
}

.year-group {
  display:grid;
  grid-template-columns:65px minmax(0,1fr);
  gap:20px;
}

.year {
  font-size:16px;
  font-weight:500;
  color:var(--muted);
  margin:27px 0;
}

.paper {
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:25px;
  padding:27px 0;
  border-bottom:1px solid var(--line);
  align-items:start;
}

.paper-image {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  padding:9px;
  background:#fff;
  border:1px solid #e9e5da;
  border-radius:7px;
  margin-top:4px;
}

.paper-image img {
  display:block;
  max-width:100%;
  width:100%;
  height:auto;
  aspect-ratio:2 / 1;
  object-fit:contain;
}

.paper.text-only {
  grid-template-columns:minmax(0,1fr);
  padding-left:25px;
  border-left:2px solid #d5d7bc;
  margin:22px 0;
  padding-top:2px;
  padding-bottom:22px;
}

.paper-meta {
  font-size:11px;
  letter-spacing:.3px;
  font-weight:650;
  color:var(--accent);
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:7px;
}

.highlight {
  background:#eee5cd;
  color:#71552e;
  padding:1px 7px;
  border-radius:3px;
}

.paper h3 {
  font-size:17px;
  line-height:1.45;
  letter-spacing:-.2px;
  font-weight:650;
  margin:0 0 8px;
}

.authors {
  font-size:12px;
  color:var(--muted);
  line-height:1.75;
  margin:0 0 10px;
}

.authors strong {
  color:var(--ink);
  font-weight:650;
}

sup {
  font-size:9px;
  line-height:0;
}

.paper-links {
  display:flex;
  gap:17px;
  flex-wrap:wrap;
  font-size:12px;
  font-weight:600;
}

.paper-links:empty {
  display:none;
}

.paper-links span {
  font-size:11px;
  color:var(--muted);
}

details {
  margin-top:10px;
  font-size:12px;
  color:var(--muted);
}

summary {
  cursor:pointer;
  width:fit-content;
  font-size:11px;
}

details p {
  padding:12px 15px;
  border-radius:4px;
  background:var(--tint);
  margin-bottom:0;
  line-height:1.8;
}

.info-section {
  margin-top:65px;
}

.timeline {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
  padding-top:22px;
}

.timeline h3 {
  font-size:15px;
  line-height:1.5;
  margin:7px 0;
}

.timeline p {
  font-size:13px;
  margin:5px 0;
}

.timeline .date {
  color:var(--accent);
  font-size:11px;
  letter-spacing:.3px;
}

.muted {
  color:var(--muted);
}

footer {
  display:flex;
  justify-content:space-between;
  gap:15px;
  flex-wrap:wrap;
  border-top:1px solid var(--line);
  margin-top:65px;
  padding:25px 0 35px;
  font-size:11px;
  color:var(--muted);
}

.skip-link {
  position:absolute;
  left:16px;
  top:-80px;
  padding:10px;
  background:white;
  z-index:2;
}

.skip-link:focus {
  top:10px;
}

@media(min-width:1300px) {
  .site-wrap {
    max-width:1160px;
  }
  .profile {
    gap:100px;
  }
}

@media(max-width:850px) {
  .site-wrap {
    padding:0 30px;
  }
  .profile {
    gap:35px;
    grid-template-columns:minmax(0,1fr) 180px;
    padding:55px 0;
  }
  h1 {
    font-size:43px;
  }
  .year-group {
    grid-template-columns:1fr;
    gap:0;
  }
  .year {
    margin-bottom:0;
  }
  .paper {
    grid-template-columns:250px minmax(0,1fr);
    gap:22px;
  }
  .timeline {
    gap:20px;
  }
}

@media(max-width:600px) {
  .site-wrap {
    padding:0 22px;
  }
  .site-header {
    padding:20px 0;
  }
  .site-header nav {
    gap:13px;
  }
  .site-header nav a {
    font-size:11px;
  }
  .wordmark {
    font-size:16px;
  }
  .profile {
    grid-template-columns:1fr;
    gap:28px;
    padding:40px 0;
  }
  .portrait {
    grid-row:1;
    width:120px;
  }
  .portrait figcaption {
    display:none;
  }
  h1 {
    font-size:42px;
  }
  .role {
    font-size:15px;
    margin-bottom:18px;
  }
  .profile p {
    font-size:14px;
  }
  .profile-links {
    gap:16px;
  }
  .paper {
    grid-template-columns:1fr;
    gap:17px;
    padding:24px 0;
  }
  .paper-image {
    width:100%;
    min-height:0;
    padding:15px;
  }
  .paper h3 {
    font-size:17px;
  }
  .authors {
    font-size:12px;
  }
  .paper.text-only {
    padding-left:17px;
  }
  .timeline {
    grid-template-columns:1fr;
    gap:22px;
  }
  .info-section {
    margin-top:45px;
  }
  .section-heading h2 {
    font-size:24px;
  }
  .publication-nav a {
    font-size:11px;
  }
  .group-title {
    font-size:11px;
  }
  .paper-links a {
    padding:4px 0;
  }
  summary {
    padding:4px 0;
  }
  footer {
    margin-top:45px;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
}

@media print {
  body {
    background:white;
  }
  .site-header,.publication-nav,.skip-link,details,footer {
    display:none;
  }
  .site-wrap {
    padding:0;
  }
  .profile {
    padding:20px 0;
  }
  .paper {
    break-inside:avoid;
  }
  .info-section {
    break-inside:avoid;
  }
}