/* MOBILE */
.about-section--image-left-text-right {
  .page-section__inner {
    display: grid;
    gap: 2rem;
  }

  .about-section__media figure {
    aspect-ratio: 16/9;
  }

  .about-section__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.about-section--split-columns {
  .about-section__grid {
    display: grid;
    gap: 2rem;
  }

  .grid-element {
    display: flex;
    flex-direction: column;
  }
}

/* DESKTOP */

@media(min-width: 768px) {
  .about-section--image-left-text-right {
    .page-section__inner {
      grid-template-columns: 1fr 1fr;
      gap: 5rem;
    }

    .about-section__media figure {
      aspect-ratio: 9/12;
    }
  }

  .about-section--split-columns {
    .about-section__grid {
      grid-template-columns: 1fr 1fr;
      gap: 5rem;
    }
  }

  .about-section--text-only {
    .page-section__inner {
      min-width: auto;
      max-width: 58rem;
      margin-inline: auto;
    }
  }
}