/* ============================================================
   24-video — "See It For Yourself" clinic intro video (home,
   directly under 03-trust). Scoped under .sec-24-video.
   ============================================================ */

/* Same warm bone gradient as 15-paincheck. */
.sec-24-video { position: relative; background: radial-gradient(120% 85% at 50% 0%, #fbf9f3 0%, var(--bone) 50%, #eee8db 100%); }

.sec-24-video .sec-24-video__head {
  text-align: center;
  margin-inline: auto;
  max-width: 52ch;
}
.sec-24-video .sec-24-video__head .eyebrow { justify-content: center; }
.sec-24-video .sec-24-video__head .eyebrow::after {
  content: "";
  width: 2rem;
  height: 2px;
  background: var(--accent);
  border-radius: 2px;
}

.sec-24-video__frame {
  max-width: 900px;
  margin: clamp(2rem, 4vw, 3rem) auto 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lift);
  aspect-ratio: 16 / 9;
  background: #000;
}

.sec-24-video__player {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}