.kv-film { margin:0; min-width:0; width:100%; scroll-margin-top:96px; color:#eff6ed; }
.kv-film-viewport {
  position:relative; overflow:hidden; isolation:isolate; width:100%;
  aspect-ratio:16/9; min-height:min(200px,70vw); background:#11261e;
  border:1px solid #718579; border-radius:clamp(16px,3vw,38px) 5px clamp(16px,3vw,38px) 5px;
}
.kv-film-cover,.kv-film-viewport iframe { display:block; position:absolute; inset:0; width:100%; height:100%; border:0; }
.kv-film-cover { color:#fff; text-decoration:none; }
.kv-film-cover>img { display:block; width:100%; height:100%; object-fit:cover; object-position:47% 55%; }
.kv-film-cover::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(10deg,#071b16ed 0%,#10282073 43%,transparent 75%);
}
.kv-film-overlay {
  position:absolute; z-index:1; left:clamp(14px,3vw,30px); right:14px; bottom:clamp(14px,2.8vw,27px);
  display:grid; justify-items:start; gap:9px;
}
.kv-film-name { color:#fffae9; font:600 clamp(1.28rem,2.2vw,2rem)/1.14 var(--serif,Georgia,serif); text-shadow:0 1px 5px #092216; }
.kv-film-prompt { display:inline-flex; align-items:center; gap:9px; color:#f8e2ab; font-size:.92rem; font-weight:650; }
.kv-film-prompt i { display:grid; place-items:center; width:32px; height:32px; border:1px solid #f4d49b; border-radius:50%; font:normal 13px Arial,sans-serif; background:#16372dd9; }
.kv-film-cover:focus-visible { outline:3px solid #ffe3a5; outline-offset:-5px; }
.kv-film-cover:hover .kv-film-prompt i { background:#f4d49b; color:#13291c; }
.kv-film figcaption { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:2px 12px; padding:4px 0; }
.kv-film figcaption>span { color:#c6d6c5; font-size:.7rem; letter-spacing:.12em; }
.kv-film figcaption>a { display:inline-flex; min-height:42px; gap:6px; align-items:center; font-size:.875rem; font-weight:650; color:#f7dda5; text-decoration:underline; text-underline-offset:.2em; }
.kv-film figcaption>a svg { width:15px; height:15px; }
.kv-film figcaption>a:focus-visible { outline:2px solid #f7dda5; outline-offset:2px; }