.video-poster{position:relative;margin:0;aspect-ratio:16/9;overflow:clip;border-radius:var(--radius-s);background:#000}.video-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.7;transition:transform .9s var(--ease),opacity var(--t-base)}.video-poster:hover img{transform:scale(1.03);opacity:.85}.video-poster .play{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:.75rem;color:#fff;background:transparent}.video-poster .play-btn{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);box-shadow:0 0 color-mix(in oklab,var(--accent) 45%,transparent);transition:box-shadow var(--t-base),transform var(--t-base)}.video-poster .play-btn svg{width:28px;height:28px;margin-left:3px}.video-poster .play:hover .play-btn{transform:scale(1.06);box-shadow:0 0 0 14px color-mix(in oklab,var(--accent) 22%,transparent)}.video-poster .play-label{font-size:12px;font-weight:500}.video-poster .missing{position:absolute;right:.75rem;top:.75rem;font-size:11px;color:var(--accent-ink);background:var(--accent);padding:.2rem .6rem;border-radius:999px}
