@layer pages {
  .about { padding-block: var(--section-y); }
  .about__title { font-size: var(--fs-3); margin-bottom: 1.5rem; }
  .about__text { margin-bottom: clamp(3rem, 7vw, 6rem); }

  @media (min-width: 60rem) {
    .about__title { grid-column: 1 / span 5; }
    .about__text { grid-column: 7 / span 6; margin-top: 0.5rem; }
  }
}