.image-with-text {
  padding: 0.8125rem;
  padding-top: 3.1250rem;
}

@media screen and (min-width: 750px) {
  .image-with-text {
    padding: 1.2500rem;
    padding-bottom: 3.1250rem;
  }
}

@media screen and (max-width: 749px) {
  .spaced-section--full-width + .spaced-section--full-width .image-with-text {
    padding-top: 0.9375rem;
  }
}

.image-with-text .grid {
  margin-left: 0;
  margin-bottom: 0;
}

.image-with-text__grid {
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  .image-with-text__grid--reverse {
    flex-direction: row-reverse;
  }
}

.image-with-text--youtube .image-with-text__media {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto !important;
}

.image-with-text__media {
  background-color: transparent;
  min-height: 100%;
}

.image-with-text__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-with-text__media--small {
  height: 12.1250rem;
}

.image-with-text__media--large {
  height: 27.1875rem;
}

@media screen and (min-width: 750px) {
  .image-with-text__media--small {
    height: 19.6250rem;
  }

  .image-with-text__media--large {
    height: 43.4375rem;
  }
}

.image-with-text__media--placeholder {
  background-color: var(--hh-color-light);
  position: relative;
  overflow: hidden;
}

.image-with-text__media--placeholder.image-with-text__media--adapt {
  height: 12.5000rem;
}

@media screen and (min-width: 750px) {
  .image-with-text__media--placeholder.image-with-text__media--adapt {
    height: 18.7500rem;
  }
}

.image-with-text__media--placeholder > svg {
  position: absolute;
  left: 50%;
  max-width: 50.0000rem;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  fill: currentColor;
}

.image-with-text__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  justify-content: center;
  padding: 0.9375rem 0 1.5625rem;
}

@media screen and (min-width: 750px) {
  .image-with-text__content {
    padding: 2.5000rem 2.5000rem 3.1250rem;
  }

  .image-with-text__grid--reverse .image-with-text__content {
    margin-left: auto;
  }
}

@media screen and (min-width: 990px) {
  .image-with-text__content {
    padding: 3.7500rem 4.3750rem 4.3750rem;
  }
}

.image-with-text__content > * + * {
  margin-top: 1.2500rem;
}

.image-with-text__content > .image-with-text__text:empty ~ a {
  margin-top: 1.2500rem;
}

.image-with-text__content > :first-child:is(.image-with-text__heading) {
  margin-top: 0;
}

.image-with-text__content :last-child:is(.image-with-text__heading) {
  margin-bottom: 0;
}

.image-with-text__content .button + .image-with-text__text {
  margin-top: 1.2500rem;
}

.image-with-text__content .image-with-text__text + .button {
  margin-top: 1.8750rem;
}

.image-with-text__heading {
  margin-bottom: 0;
}

.image-with-text__text p {
  margin-top: 0;
  margin-bottom: 0.6250rem;
}

.image-with-text--wistia .image-with-text__media {
  min-height: 18.7500rem;
}

@media screen and (min-width: 750px) {
  .image-with-text--wistia .image-with-text__media {
    min-height: 31.2500rem;
  }  
}

.image-with-text__video {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none !important;
}

.image-with-text__youtube,
.image-with-text__wistia  {
  width: 100%;
  height: 100%;
  position: absolute;
}

.image-with-text__video > div {
  border-radius: 0 !important;
  height: 100% !important;
}

.image-with-text__video video {
  object-fit: cover !important;
  height: 100% !important;
}

@media screen and (max-width: 749px) {
  .image-with-text__video--mobile-hide {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .image-with-text__video--mobile {
    display: none;
  }
}