/* kv3-video-cards — source: V3.0/page-films.html (VIDEO CARDS, click-to-play) */
.kv3-vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px;list-style:none;margin:0;padding:0}
.kv3-vcard{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0}
.kv3-vcard[hidden]{display:none}
.kv3-vmedia{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--navy);box-shadow:var(--shadow-s);transition:box-shadow .35s}
.kv3-vgrid--short .kv3-vmedia{aspect-ratio:9/16;border-radius:18px}
.kv3-vcard:hover .kv3-vmedia{box-shadow:var(--shadow)}
.kv3-vplay{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:var(--navy);cursor:pointer;display:block;border-radius:inherit}
.kv3-vplay img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .4s}
.kv3-vplay::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,22,28,.55),rgba(15,22,28,0) 55%);transition:background .3s}
.kv3-vplay:hover,.kv3-vplay:focus{background:var(--navy)}
.kv3-vplay:hover img,.kv3-vplay:focus-visible img{transform:scale(1.05)}
.kv3-vplay:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.kv3-v-hex{position:absolute;top:50%;left:50%;z-index:1;width:62px;height:70px;margin:-35px 0 0 -31px;display:grid;place-items:center;clip-path:var(--hex);background:rgba(247,161,26,.95);color:var(--navy);transition:transform .35s var(--ease)}
.kv3-v-hex svg{width:24px;height:24px;margin-inline-start:-3px}
.kv3-vgrid--short .kv3-v-hex{width:52px;height:60px;margin:-30px 0 0 -26px}
.kv3-vplay:hover .kv3-v-hex,.kv3-vplay:focus-visible .kv3-v-hex{transform:scale(1.12)}
.kv3-v-dur{position:absolute;bottom:10px;inset-inline-end:10px;z-index:1;background:rgba(15,22,28,.82);color:#fff;font-size:13px;font-weight:700;padding:2px 8px;border-radius:6px;direction:ltr}
.kv3-vmedia iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.kv3-vcard h3{font-size:18px;font-weight:600;line-height:1.35;padding-inline:2px}
.kv3-vgrid--short h3{font-size:15.5px}
.kv3-v-tag{display:inline-block;font-family:var(--f-head);font-size:13px;font-weight:600;color:var(--orange-ink);background:var(--orange-soft);padding:2px 10px;border-radius:999px;margin-bottom:6px}
.kv3-videos__more{display:flex;justify-content:center;margin-top:36px}
.kv3-videos__more[hidden]{display:none}
@media (max-width:980px){.kv3-vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.kv3-vgrid{grid-template-columns:1fr;gap:22px}}
@media (prefers-reduced-motion:reduce){.kv3-vplay img,.kv3-v-hex{transition:none}}