.article-hero {
  position: relative;
}
.article-hero .article-hero-wrapper {
  -ms-grid-column: 3;
  -ms-grid-column-span: 8;
  grid-column: 3/11;
  padding-top: 5.625rem;
}
@container main (max-width: 89.9375rem) {
  .article-hero .article-hero-wrapper {
    grid-column: 1/-1;
  }
}
@container main (max-width: 47.9375rem) {
  .article-hero .article-hero-wrapper {
    padding: 3.125rem 0 0 0;
  }
}

.article-hero .article-hero-wrapper {
  max-width: 52rem;
  margin: auto;
}
.article-hero .article-hero-wrapper p {
  font: var(--lead-font);
}
.article-hero .article-hero-wrapper h1 {
  font: var(--h3-font);
}

.article-hero .image-wrapper {
  width: 100%;
  height: 37.5rem;
}
.article-hero .image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 998;
  position: relative;
}
@container main (max-width: 47.9375rem) {
  .article-hero .image-wrapper {
    height: 21.875rem;
  }
}