/* ==========================================================================
   Media galleries (video card) — Figma 3409:18649, 3409:19160. OHIO TV page: css/ohio-tv.css; Talkshow: css/ohio-media-talkshow.css.
   ========================================================================== */
/* video card */
.ohio-vc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ohio-border);border-radius:var(--ohio-radius-l);overflow:hidden}
.ohio-vc__media{position:relative;display:block;aspect-ratio:16/9;background:#24133A;overflow:hidden}
.ohio-vc__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.ohio-vc:hover .ohio-vc__media img{transform:scale(1.03)}
.ohio-vc__play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.9);
  box-shadow:0 6px 20px rgba(0,0,0,.25)}
.ohio-vc__play::after{content:"";position:absolute;left:22px;top:17px;border-left:16px solid var(--ohio-purple-700);border-top:11px solid transparent;border-bottom:11px solid transparent}
.ohio-vc__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px 18px}
.ohio-vc__title{margin:0;font:600 16px/23px var(--ohio-font-body);color:var(--ohio-purple-900)}
.ohio-vc__title a{color:inherit}
.ohio-vc--big .ohio-vc__title{font:700 22px/30px var(--ohio-font-body)}
.ohio-vc--big .ohio-vc__play{width:72px;height:72px;margin:-36px 0 0 -36px}
.ohio-vc--big .ohio-vc__play::after{left:29px;top:22px;border-left-width:20px;border-top-width:14px;border-bottom-width:14px}

.ohio-section--brand .ohio-sec-title{color:#fff}
@media (max-width:767px){
  .ohio-vc--big .ohio-vc__title{font-size:18px;line-height:26px}
}