/* Keep the archive introduction together as one editorial composition. */
@media (min-width: 701px) {
  #about-albums .archive-intro {
    align-items: start;
    justify-content: flex-start;
    gap: clamp(2rem, 6vw, 6rem);
  }

  #about-albums .archive-intro > .archive-intro-copy {
    margin-left: 0;
    max-width: 38rem;
    padding-top: 0;
  }

  #about-albums .archive-intro-copy p {
    margin: 0 0 1.25rem;
  }

  #about-albums .archive-intro-copy p:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 700px) {
  #about-albums .archive-intro-copy {
    padding-top: 1rem;
  }

  #about-albums .archive-intro-copy p {
    margin: 0 0 1rem;
  }
}