.lhc-hero {
  width: 100%;
  max-width: var(--lhc-max-width, 100%);
  margin: 0 auto;
}
.lhc-hero__media {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--lhc-radius, 0);
}
.lhc-hero--shadow .lhc-hero__media {
  box-shadow: 0 8px 25px rgba(0,0,0,.18);
}
.lhc-hero__bg {
  display: block;
  width: 100%;
  height: auto;
}
.lhc-hero__bg--mobile,
.lhc-hero__cta-img--mobile {
  display: none;
}
.lhc-hero__cta {
  position: absolute;
  left: var(--dx);
  top: var(--dy);
  width: var(--dw);
  height: var(--dh);
  transform: translate(-50%, -50%);
  display: block;
  z-index: 3;
  text-decoration: none;
}
.lhc-hero__cta-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
@media (max-width: 767px) {
  .lhc-hero__bg--desktop,
  .lhc-hero__cta-img--desktop {
    display: none;
  }
  .lhc-hero__bg--mobile,
  .lhc-hero__cta-img--mobile {
    display: block;
  }
  .lhc-hero__cta {
    left: var(--mx);
    top: var(--my);
    width: var(--mw);
    height: var(--mh);
  }
}