/* Mobile first */
.page-section.page-section--intro_banner {

}

.intro-banner__grid {
  display: grid;
  row-gap: 2rem;
  column-gap: 5rem;
  align-items: center;
}

.intro-banner__media {
  box-shadow: var(--shadow-secondary);

  figure {
    aspect-ratio: 16/9;
  }
}

.intro-banner__image {
  border-radius: var(--radius-default);
}

/* Tablet on */
@media (min-width: 768px) {
  .intro-banner__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .intro-banner__media {
    figure {
      height: auto;
      aspect-ratio: 9/12;
    }
  }
}