.contact-us .cta.cta--primary[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--white);
    border: 1px solid var(--black);
    color: var(--black);
    cursor: pointer;
    text-indent: 0;
    transition: all .3s ease-out;
}

.contact-us .cta.cta--primary[type="submit"]:hover {
    background-color: var(--black);
    color: var(--white);
}

.contact-us .cta.cta--primary[type="submit"]:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.25);
}

.page-breaker {
  overflow: hidden;
}
 
.page-breaker__image {
  width: 100%;
  position: relative; 
}

.page-breaker__image img.position-absolute,
.page-breaker__image > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-breaker__image .background-video__iframe iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.page-breaker__image .background-video__overlay {
  top: auto;
  left: calc(8.33333% + var(--sm-2));
  bottom: var(--sm-2);
}

.page-breaker__image .video .cta {
  left: calc(8.33333% + var(--sm-2));
  bottom: var(--sm-2);
}

.page-breaker__image.right-image .video .cta {
  right: calc(8.33333% + var(--sm-2) - 0.05rem * var(--bs-gutter-x));
  left: auto;
  bottom: var(--sm-2);
}

.page-breaker__image .background-video,
.page-breaker__image .video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.page-breaker__image .video--popup {
  position: relative;
  width: 100%;
  height: 100%;
}

.page-breaker__image .video__overlay-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-breaker__box {
  z-index: 1;
  position: relative;
}

.page-breaker .background-video--gradient-right,
.page-breaker .background-video--gradient-left {
  max-height: 100%;
}
.page-breaker__cta {
    gap: var(--sm-2);
}
@media (min-width: 992px) {
    .page-breaker__cta {
        gap: var(--sm-1);
    }
}

/* ── Mobile: < 576px ────────────────────────────────────── */
@media (max-width: 575px) {  /* changed from 57.59rem */
  .page-breaker__image {
    height: 16.2rem;
  }
  
  .page-breaker .background-video {
    min-height: auto !important;
  }
  .page-breaker__cta {
    flex-direction: column;
     gap: var(--xs-1);
}
}

/* ── Small Tablet: 576px–767px ─────────────────────────── */
@media (min-width: 576px) and (max-width: 767px) {  /* changed from 76.79rem */
  .page-breaker__image {
    height: 20rem;
  }
}

/* ── Tablet: 768px–1024px ────────────────────────────── */
@media (min-width: 768px) and (max-width: 1023px) {  /* changed from 102.4rem */
  .page-breaker__image {
    height: 34.2rem;  /* iPad gets THIS */
  }
}

/* ── Desktop: ≥ 1025px ──────────────────────────────── */
@media (min-width: 1024px) {  /* changed from 102.5rem */
  .page-breaker__image {
    height: 68rem;
  }
}