/* About page */
.page-hero {
  padding: var(--space-2xl) 0 var(--space-lg);
}
.page-hero h1 {
  font-size: clamp(2.1rem, 5vw, 3.6rem);
  max-width: 16ch;
}
.split {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr;
  gap: var(--space-xl);
  align-items: start;
}
@media (max-width: 800px) {
  .split { grid-template-columns: 1fr; }
}