/* Customer story videos: hub and item template. Prefix cv-. Builds on cases.css (cp-*), blog.css, hubs.css and audience.css (au-case).
   Webflow: Collection List and template for the Customer Story Videos collection. */
.cv-play { position: absolute; left: 16px; bottom: 16px; width: 48px; height: 48px; border-radius: 50%; background: var(--cs-green-bright); color: var(--cs-dark1); display: grid; place-items: center; box-shadow: 0 10px 30px rgba(0, 0, 0, .45); transition: transform .45s var(--cs-spring); }
.cv-play svg { width: 18px; height: 18px; margin-left: 2px; }
.cv-play--big { left: 24px; bottom: 24px; width: 68px; height: 68px; }
.cv-play--big svg { width: 24px; height: 24px; }
a:hover .cv-play, a:focus-visible .cv-play { transform: scale(1.12); }
.cv-card .cp-card-media { aspect-ratio: 16 / 9; background: var(--cs-dark3); }
.cv-card .cp-card-media img { width: 100%; height: 100%; object-fit: cover; }
.cv-card .cp-card-sub { margin-top: 6px; }
.cv-feature .au-case-media { min-height: 0; aspect-ratio: 16 / 9; }
.cv-feature .au-case-media img { object-position: center; }
.cv-by { margin-top: 6px; font-size: clamp(18px, 1.6vw, 22px); font-weight: 700; color: var(--cs-text-soft); }
.cv-player { position: relative; aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; background: var(--cs-dark3); box-shadow: 0 30px 70px rgba(0, 0, 0, .4); }
.cv-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.cv-lead { max-width: 62ch; font-size: clamp(19px, 1.6vw, 23px); line-height: 1.55; color: var(--cs-text-soft); }

.cv-player .cs-media-placeholder { position: absolute; inset: 0; aspect-ratio: auto; }