/* EC Home Promise — only adds media behaviour.
   The visual design intentionally reuses the site's existing
   .ec-home-promise, .ec-home-eyebrow and .ec-home-link styles. */

.ec-home-promise__video-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 4 / 3;
}

.ec-home-promise__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ec-home-promise__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  background: #f7f0eb;
  color: rgba(91, 7, 87, .45);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Ensure both image and video respect the same rounded media frame. */
.ec-home-promise__image {
  overflow: hidden;
}

.ec-home-promise__image img,
.ec-home-promise__video {
  display: block;
}

@media (max-width: 991.98px) {
  .ec-home-promise__video-wrap {
    aspect-ratio: 16 / 10;
  }
}