/* =========================
   Intro Video Bridge
   ========================= */

.svac-intro-video-bridge {
  position: relative;
}

/* ==========================================
   Row layout (legacy grid friendly)
   Vertically center columns without flex
   ========================================== */

.svac-intro-video-bridge__row {
  display: table;
  width: 100%;
  table-layout: fixed;
}

/* Treat columns as table-cells so they align middle */
.svac-intro-video-bridge__row > .svac-intro-video-bridge__video-col,
.svac-intro-video-bridge__row > .svac-intro-video-bridge__copy-col {
  display: table-cell;
  vertical-align: middle;
  float: none; /* ONLY inside this module row */
}

/* Add spacing between columns */
.svac-intro-video-bridge__copy-col {
  padding-left: 40px;
}

/* =========================
   Video Wrapper (robust for HubSpot video_player)
   ========================= */

.svac-intro-video-bridge__video-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 fallback */
  overflow: hidden;
  background: transparent;
}

@supports (aspect-ratio: 16 / 9) {
  .svac-intro-video-bridge__video-wrap {
    padding-top: 0;
    aspect-ratio: 16 / 9;
  }
}

.svac-intro-video-bridge__video-embed {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* HubSpot may nest wrappers; ensure they fill */
.svac-intro-video-bridge__video-embed,
.svac-intro-video-bridge__video-embed > div,
.svac-intro-video-bridge__video-embed > div > div,
.svac-intro-video-bridge__video-embed > div > div > div {
  width: 100%;
  height: 100%;
}

/* Catch actual media output */
.svac-intro-video-bridge__video-embed iframe,
.svac-intro-video-bridge__video-embed video,
.svac-intro-video-bridge__video-embed object,
.svac-intro-video-bridge__video-embed embed {
  width: 100% !important;
  height: 100% !important;
  border: 0;
  display: block;
}

/* =========================
   Copy Column
   ========================= */

.svac-intro-video-bridge__content {
  max-width: 520px;
}

.svac-intro-video-bridge__heading {
  margin-bottom: 20px;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  color: #0058FC;
}

.svac-intro-video-bridge__body {
  margin-bottom: 24px;
}

.svac-intro-video-bridge__quote {
  margin: 0;
  padding-left: 18px;
  border-left: 3px solid #0058FC;
  font-style: italic;
  font-weight: 400;
}

/* =========================
   Mobile: stack columns
   ========================= */

@media (max-width: 767px) {
  .svac-intro-video-bridge__row {
    display: block;
  }

  .svac-intro-video-bridge__row > .svac-intro-video-bridge__video-col,
  .svac-intro-video-bridge__row > .svac-intro-video-bridge__copy-col {
    display: block;
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }

  .svac-intro-video-bridge__copy-col {
    padding-left: 0;
    margin-top: 24px;
  }

  .svac-intro-video-bridge__content {
    max-width: 100%;
  }
}