/* Silent story-card overlays only. The original image still defines the frame. */
.story-preview-card{position:relative}
.story-preview-card .story-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .4s,transform .7s var(--ease)}
.story-preview-card .story-preview-video.is-playing{opacity:1}
.story-preview-card.preview-playing .film-play{opacity:0;visibility:hidden;pointer-events:none}
.story-preview-card>button[data-film]:is(:hover,:focus-visible) .story-preview-video{transform:scale(1.035)}
.story-preview-card>.story-preview-toggle{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff70;background:#132629c9;color:#fff;font:inherit;font-size:16px;line-height:1;border-radius:0;cursor:pointer;opacity:0;pointer-events:none}
.story-preview-card>.story-preview-toggle[hidden]{display:none}
.story-preview-card.preview-started>.story-preview-toggle,.story-preview-card>.story-preview-toggle:focus-visible{opacity:1;pointer-events:auto}
.story-preview-card>.story-preview-toggle:focus-visible{outline:2px solid #f0eadb;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.story-preview-card .story-preview-video{transition:none;transform:none!important}}