/* story */
.story { padding: 3.5rem 0; }
.story-grid { display: grid; gap: 1.6rem; align-items: center; }
.story-grid img { width: 150px; height: auto; border-radius: 50%; }
.story h2 { font-size: clamp(1.8rem, 5vw, 2.4rem); margin-bottom: .6rem; }
.story p { margin: 0; color: var(--muted); max-width: 52ch; font-size: 1.05rem; }
@media (min-width: 720px) {
  /* size the columns to their content and center the pair, so there is no empty band on the right */
  .story-grid { grid-template-columns: 170px minmax(0, 55ch); justify-content: center; gap: 3rem; }
  .story-grid img { width: 170px; }
  .story p { max-width: none; }
}