/* About owns the complete mission, people, collaborators and news content.
   Large reading surfaces stay visible; decorative reveal never gates content. */
.about-page main {
  font-family: var(--font-editorial);
}

.about-intro {
  max-width: var(--reading);
  padding: var(--space-5) 0;
}

.about-page h1 {
  margin: 0;
  font-size: var(--type-display);
  line-height: 1.08;
}

.about-page h2 {
  font-size: var(--type-section);
  line-height: 1.15;
}

.about-page h3 {
  font-size: var(--type-subhead);
  line-height: 1.2;
}

.about-sections {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  padding: 0 0 var(--space-5);
  font-family: var(--font-ui);
}

.about-section {
  margin-top: var(--space-5);
  padding: clamp(1rem, 3.5vw, 2.75rem);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--glass-background);
  box-shadow: var(--glass-shadow);
}

.about-subsection {
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: 1px solid var(--line);
}

.about-section > .card-grid,
.about-subsection > .archive-table-wrap,
#school-project-samples {
  margin-top: var(--space-5);
}

.about-page .pull-quote {
  font-size: var(--type-pull);
  line-height: 1.15;
}

.about-page .archive-table {
  min-width: 0;
}

.about-page .archive-table th:first-child,
.about-page .archive-table td:first-child {
  width: 20%;
  min-width: 6rem;
}

.about-page .archive-table a {
  overflow-wrap: anywhere;
}

.about-page :where(#mission, #taxonomy, #people, #collaborators, #news,
    #recent-news-title, #archive-title, #school-project-samples) {
  scroll-margin-top: 7rem;
}

@media (max-width: 35rem) {
  .about-page .archive-table th,
  .about-page .archive-table td {
    padding: 0.8rem 0.65rem;
  }
}