.about-page .about-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5rem);
}
.about-page .about-hero-copy h1 { margin: 0 0 1.5rem; }
.about-page .about-title-accent { color: #10b981; }
.about-page .about-hero-copy .shared-subtitle {
  max-width: 34ch;
  margin: 0 0 1.25rem;
}
.about-page .about-hero-copy p { max-width: 58ch; margin: 0; }
.about-page .about-hero-visual { min-width: 0; }
.about-page .about-hero-visual .about-who-illustration { width: 100%; height: auto; }
@media (max-width: 767px) {
  .about-page .about-hero-grid { grid-template-columns: 1fr; gap: 2.25rem; }
  .about-page .about-hero-visual { max-width: 36rem; margin-inline: auto; }
}