.layout:has(.ad-lp-hero-image-bg) {
  padding-left:0;
  padding-right:0;
  padding-top:0;
  padding-bottom:0;
}

.layout.layout--onecol > .layout__region:has(.ad-lp-hero-image-bg) {
  flex:unset;
}

section.ad-lp-hero-image-bg {
  padding:0;
  background-size:cover;
}

@media only screen and (min-width: 992px) {
  section.ad-lp-hero-image-bg {
    padding:60px 0;
  }
}

.ad-lp-hero-image-bg .ad-lp-hero-image-bg-container {
  display:flex;
  flex:0 1 clamp(150px, 100%, 1140px);
  flex-wrap:wrap;
  padding:0;
}

@media only screen and (min-width: 992px) {
  .ad-lp-hero-image-bg .ad-lp-hero-image-bg-container {
    padding:0 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .ad-lp-hero-image-bg .ad-lp-hero-image-bg-container {
    padding:0;
  }
}

.ad-lp-hero-image-bg .ad-lp-hero-text-container {
  margin-right:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  padding-bottom:30px;
  background:var(--trillium);
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
}

@media only screen and (min-width: 992px) {
  .ad-lp-hero-image-bg .ad-lp-hero-text-container {
    margin-right:100px;
    padding-bottom:0;
    background:none;
  }
}

.ad-lp-hero-image-bg .ad-lp-hero-text-container .mobile-bg-image {
  display:block;
  flex-basis:100%;
}

@media only screen and (min-width: 992px) {
  .ad-lp-hero-image-bg .ad-lp-hero-text-container .mobile-bg-image {
    display:none;
    flex-basis:auto;
  }
}

.ad-lp-hero-image-bg .ad-lp-hero-text-container .mobile-bg-image > article {
  margin:0;
}

.ad-lp-hero-image-bg .ad-lp-hero-text-container .mobile-bg-image > article img {
  display:block;
  width:100%;
  height:auto;
}

.ad-lp-hero-image-bg .ad-lp-hero-text-container .ad-lp-hero-text {
  flex-basis:100%;
  padding-left:30px;
  padding-right:30px;
  padding-top:45px;
}

@media only screen and (min-width: 992px) {
  .ad-lp-hero-image-bg .ad-lp-hero-text-container .ad-lp-hero-text {
    flex-basis:auto;
    padding-left:0;
    padding-right:0;
    padding-top:0;
  }
}

.ad-lp-hero-image-bg .ad-lp-hero-text-container .ad-lp-hero-text h1,
.ad-lp-hero-image-bg .ad-lp-hero-text-container .ad-lp-hero-text > span {
  color:var(--under-the-elms);
}

@media only screen and (min-width: 992px) {
  .ad-lp-hero-image-bg .ad-lp-hero-text-container .ad-lp-hero-text h1,
  .ad-lp-hero-image-bg .ad-lp-hero-text-container .ad-lp-hero-text > span {
    color:var(--white);
  }
}