/* Montis 101 video on the homepage (#watch). The MP4 is on media.montis.icu (R2) and only loads when played. */
.video-frame {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--night);
  box-shadow: var(--shadow);
}

.video-frame video {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--night);
}

/* Coaching Setup video on coaches.html, between the page title and the steps. */
.coach-video { margin: 0 0 3rem; }

/* Homepage: the two Montis 101 videos side by side, stacked on narrow screens. */
.video-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.video-item h3 { margin: 0 0 .25rem; font-size: 1.35rem; }
.video-item p { margin: 0 0 1rem; color: var(--ink-soft); font-size: .95rem; }
@media (max-width: 900px) { .video-pair { grid-template-columns: 1fr; gap: 2.5rem; } }