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 .btn {
  margin-top: 10px;
}
section.article-hero .img-wrapper {
  height: auto;
  width: 100%;
  max-height: 75vh;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (min-width: 62em) {
  section.article-hero .img-wrapper {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1/5;
  }
}
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;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media screen and (min-width: 62em) {
  section.article-hero .content {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-row: 3/5;
    padding: var(--inner-padding) var(--inner-padding) 0 var(--inner-padding);
  }
}
section.article-hero .content h1 {
  border-bottom: 1px solid var(--blue-light);
  padding-bottom: 7px !important;
}section.content h2 {
  font-weight: 500;
}
section.content h3,
section.content h2 {
  margin-bottom: -15px !important;
  margin-top: 10px !important;
}
@media screen and (max-width: 61.9375em) {
  section.content .wrapper > * {
    padding-left: 0;
    padding-right: 0;
  }
}
section.content .wrapper a {
  color: var(--green-dark);
  background-color: var(--green-light-light);
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
}
section.content .wrapper a:hover {
  color: var(--white);
  background-color: var(--green);
}
section.content .wrapper ul {
  padding-left: 25px;
}
section.content .wrapper ul ul {
  padding-left: 25px;
}
section.content .wrapper img {
  width: 100%;
  height: auto;
}