/**
* Hero
*/
.hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero__image {
  position: absolute;
  width: 100%;
  left: 0;
}
.hero__image picture,
.hero__image img {
  width: 100%;
  max-height: 450px;
  object-fit: cover;
}
.hero__text {
  padding-top: calc(75% + 0.7rem);
}
.hero__text > div {
  padding: 1rem 0;
}
.hero__text h3 {
  margin: 0;
}
.hero__text h4 {
  margin: 0;
}
.hero__text ul {
  margin-bottom: 0;
}
.hero ul {
  padding-left: 1.2rem;
  margin-bottom: .5rem;
  margin-top: 1.5rem;
}
@media all and (min-width: 700px) {
  .hero__image {
    position: relative;
  }
  .hero__text {
    padding: 0;
    width: 90%;
    margin: 0 auto;
    max-width: 704px;
  }
}
@media all and (min-width: 1000px) {
  .hero__image picture,
  .hero__image img {
    max-height: unset;
  }
  .hero__image img {
    max-height: 300px;
    object-position: 0px 56%;
  }
}
@media all and (min-width: 1300px) {
  .hero__content {
    flex-direction: row;
    gap: 2rem;
  }
  .hero__image {
    max-width: 944px;
  }
  .hero__image img {
    max-height: unset;
    object-position: unset;
  }
  .hero__text {
    padding: 0;
    width: 90%;
    margin: 0 auto;
    max-width: unset;
  }
  .hero__text > div {
    padding: 1rem 32.2% 1rem 0;
  }
}