/* Video band — standalone content video (home promo reel). */
.mp-videoband { padding-block: var(--mp-section-y); }
.mp-videoband__inner { display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.mp-videoband__title { font-size: var(--mp-fs-section); }
.mp-videoband__body { max-width: 760px; color: var(--mp-ink-muted); }
.mp-videoband__video,
.mp-videoband__yt {
  width: 100%;
  max-width: 1200px;
  aspect-ratio: 16 / 9;
  border-radius: var(--mp-radius);
  overflow: hidden;
  background: #000;
  box-shadow: var(--mp-sh-panel);
}
.mp-videoband__video { display: block; object-fit: cover; }
.mp-videoband__yt { position: relative; }
.mp-videoband__play { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; padding: 0; cursor: pointer; background: #000; }
.mp-videoband__play img { width: 100%; height: 100%; object-fit: cover; opacity: .85; }
.mp-videoband__playicon {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 76px; height: 76px; border-radius: 999px;
  display: grid; place-items: center;
  background: var(--mp-pink); color: #fff; font-size: 26px; padding-left: 4px;
  box-shadow: var(--mp-sh-btn);
}
.mp-videoband__play:hover .mp-videoband__playicon { background: var(--mp-pink-hot); }

/* Home promo reel: live container b42e843 is content_width full with no
   padding, so the hosted video runs edge to edge at 1440x810 with no frame. */
.mp-videoband,
.mp-videoband.mp-surface-blue { padding-block: 0; background: none; }
.mp-videoband .mp-inner,
.mp-videoband__inner { max-width: none; padding-inline: 0; gap: 0; }
.mp-videoband__video,
.mp-videoband__yt { max-width: none; border-radius: 0; box-shadow: none; }
