/* ==========================================================================
   About page
   ========================================================================== */

.about {
  position: relative;
  overflow: clip;
  padding-block: var(--nn-section);
}

.about__heading { text-align: center; }

.about__row {
  display: grid;
  gap: var(--nn-space-m);
  align-items: center;
  margin-block-start: var(--nn-space-xl);
}

.about__row img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.about__row--media-start img { aspect-ratio: 570 / 427; }
.about__row--media-end   img { aspect-ratio: 649 / 433; }

.about__directions {
  margin-block-start: 1em;
  padding-inline-start: 1.25em;
}

.about__directions li + li { margin-block-start: 0.35em; }

.about__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nn-space-s);
  margin-block-start: var(--nn-space-m);
}

.about .deco--star5 { right: 6%; top: 44%; width: clamp(4rem, 11vw, 9.625rem); }

@media (min-width: 60rem) {
  .about__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--nn-space-l);
  }
  /* Second row puts the copy first and the photo on the right. */
  .about__row--media-end .about__row__text { order: -1; }
}