.vf{border:1px solid var(--line-on-dark,#ffffff1f);width:100%;aspect-ratio:var(--vf-ratio,4 / 5);background:var(--bg-dark-2,#2a0d2f);cursor:pointer;border-radius:22px;margin:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 44px 80px -40px #000000d9,0 14px 30px -18px #0000008c}.vf img,.vf iframe{object-fit:cover;object-position:50% var(--vf-pos,30%);border:0;width:100%;height:100%;display:block}.vf img{transition:transform .9s var(--ease-soft)}.vf:hover img{transform:scale(1.04)}.vf-play{color:#fff;background:var(--hot-a);width:clamp(56px,5vw,72px);height:clamp(56px,5vw,72px);box-shadow:0 20px 46px -20px var(--hot-a);transition:transform .45s var(--ease-soft);border-radius:999px;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.vf-play svg{fill:currentColor;width:42%;height:42%}.vf:hover .vf-play{transform:scale(1.08)}.vf:focus-visible{outline:2px solid var(--hot-a);outline-offset:4px}.vf-note{color:var(--on-dark-soft);margin-top:10px;font-size:13px;line-height:1.55}@media (prefers-reduced-motion:reduce){.vf img,.vf-play{transition:none}}