.intro {
  position: relative;
}
.intro.has-media {
  display: grid;
}
@media (min-width: 704px) {
  .intro.has-media {
    grid-gap: var(--Grid-Gutter);
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 704px) {
  .intro.has-media .intro--content {
    padding-left: var(--Grid-Gutter);
  }
}
.intro .intro--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: var(--Spacing-05);
  max-width: var(--Content-Max-Width);
}
.intro .teaser-hero {
  background-color: transparent;
  margin-top: var(--Spacing-container);
  margin-bottom: var(--Spacing-container-);
}
.intro .intro--media-content-image {
  margin-top: var(--Spacing-06);
}
.intro .intro--media-content-image img,
.intro .intro--media-content-image img.image-sizes,
.intro .intro--media-content-image responsive-img,
.intro .intro--media-content-image picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: calc(var(--Spacing-container-) * 6);
}
.intro .intro--media {
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
  order: -1;
  margin-right: calc(var(--Grid-Gutter-) * 0.5);
  margin-left: calc(var(--Grid-Gutter-) * 0.5);
}
.intro .intro--media img,
.intro .intro--media img.image-sizes,
.intro .intro--media responsive-img,
.intro .intro--media picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 704px) {
  .intro .intro--media {
    min-height: 446px;
    margin-right: var(--Grid-Gutter-);
    margin-left: var(--Grid-Gutter-);
    grid-column: 1/span 6;
    aspect-ratio: unset;
  }
}
@media (min-width: 1296px) {
  .intro .intro--media {
    margin-left: calc((var(--100vw) - (var(--Container-Max-Width) - var(--Grid-Gutter) * 2)) / -2);
  }
}
@media (min-width: 704px) {
  .intro.is-reversed .intro--media {
    margin-left: calc(var(--Grid-Gutter) / -2);
    margin-right: var(--Grid-Gutter-);
  }
}
@media (min-width: 1296px) {
  .intro.is-reversed .intro--media {
    margin-right: calc((var(--100vw) - (var(--Container-Max-Width) - var(--Grid-Gutter) * 2)) / -2);
  }
}
@media (min-width: 704px) {
  .intro.is-reversed .intro--content {
    padding-right: var(--Grid-Gutter);
    padding-left: unset;
    order: -1;
  }
}
@media (min-width: 704px) {
  .intro .intro--media, .intro.is-reversed .intro--content {
    grid-column: 1/span 6;
  }
}
@media (min-width: 704px) {
  .intro .intro--content, .intro.is-reversed .intro--media {
    grid-column: 7/span 6;
  }
}

.layout:has(.intro .intro--media-content-image) + .layout {
  margin-top: calc(var(--Spacing-container) * 5);
}

.layout .intro.has-media {
  margin-top: var(--Spacing-container-);
  margin-bottom: var(--Spacing-container-);
}
.layout .intro.has-media .intro--content {
  padding-top: var(--Spacing-container);
  padding-bottom: var(--Spacing-container);
}

/*# sourceMappingURL=intro.css.map */