section.article-hero {
  position: relative;
}
@media screen and (max-width: 48em) {
  section.article-hero .wrapper {
    row-gap: calc(var(--inner-padding) * 2);
  }
}
section.article-hero .button-wrapper .btn {
  margin-top: 10px;
}
@media screen and (max-width: 48em) {
  section.article-hero .button-wrapper {
    -ms-grid-row: 3;
    grid-row: 3;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    grid-column: 1/-1;
    padding-top: 0.625rem;
  }
}
section.article-hero .img-wrapper {
  height: auto;
  width: 100%;
  max-height: 75vh;
  overflow: hidden;
}
@media screen and (max-width: 48em) {
  section.article-hero .img-wrapper {
    width: 110%;
    margin-left: -5%;
    max-width: none;
  }
}
section.article-hero .img-wrapper img,
section.article-hero .img-wrapper picture {
  display: -ms-grid;
  display: grid;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.article-hero .lead {
  font: var(--lead-font);
}
section.article-hero .content {
  background-color: var(--white);
  padding-bottom: 0;
}