.about-section {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  grid-template-areas: "label label" "title ." ". biography";
  align-items: start;
  gap: 0 clamp(24px, 5vw, 80px);
  margin-top: clamp(64px, 7vw, 120px);
}

.about-section > .label { grid-area: label; margin: 0 0 28px; }
.story .about-section h2 { grid-area: title; margin: 0; }
/* Start the biography at the title's lower edge, including when it wraps. */
.about-section .story-copy { grid-area: biography; display: block; margin: 0 0 75px; }
.about-section .bio { width: 100%; max-width: none; }

@media (max-width: 740px) {
  .about-section { grid-template-columns: minmax(0, 1fr); grid-template-areas: "label" "title" "biography"; }
  .about-section .story-copy { margin: 24px 0 50px; }
}