/* Therapist profile videos (intro + faith). Linked only from staff/ethan-kile.html and staff/joshua-elliott.html.
   Builds on the careers .cv-card video style in site.css; this file only adds the profile layout. */
.bio-videos { margin: 36px 0 30px; }
.bio-videos .bio-video { margin: 0; max-width: 760px; }
.bio-videos .bio-video video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;   /* fixed box: no layout shift before the poster or video loads */
  border-radius: 12px;
  background: #e8ddd0;
  object-fit: cover;
}
.bio-videos .bio-video-line {
  margin: 22px 0 12px;
  max-width: 760px;
  color: var(--ink);
  font-family: Newsreader, Georgia, serif;
  font-size: clamp(20px, 2.1vw, 24px);
  line-height: 1.35;
}
/* Small label above the video block; matches the profile "Who this helps" heading (.staff-who-helps h2). */
.bio-videos .bio-videos-title {
  font-size: 1.15rem;
  margin: 0 0 0.6rem;
  color: var(--ink);
}

.bio-videos .bio-video-credit { margin: 12px 0 0; max-width: 760px; font-size: 13px; line-height: 1.45; color: var(--muted); }
.bio-videos .bio-video-credit a { color: inherit; }