.vs-featured{margin:0 auto 2.5rem;max-width:960px}.vs-player{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:1rem;overflow:hidden;background:#0a0a0a;border:1px solid rgba(251,191,36,.25);box-shadow:0 20px 60px #0009,0 0 0 1px #0006}.vs-player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.vs-facade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#000;display:block}.vs-facade-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .3s ease;filter:brightness(.82)}.vs-facade:hover .vs-facade-img{transform:scale(1.03);filter:brightness(1)}.vs-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:9999px;display:grid;place-items:center;background:#e2231aeb;box-shadow:0 8px 30px #e2231a80;transition:transform .2s ease,background .2s ease;pointer-events:none}.vs-facade:hover .vs-play-btn{transform:translate(-50%,-50%) scale(1.08);background:#e2231a}.vs-play-btn svg{width:40px;height:40px;color:#fff;margin-left:4px}.vs-featured-meta{margin-top:1.1rem;text-align:center}.vs-featured-title{font-size:1.6rem;font-weight:800;color:#fff;line-height:1.2}.vs-featured-desc{margin-top:.5rem;font-size:.95rem;color:#d1d5dbd9;max-width:640px;margin-left:auto;margin-right:auto}.vs-grid-heading{font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fbbf24e6;margin:0 0 1rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.08)}.vs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem}.vs-card{display:flex;flex-direction:column;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;overflow:hidden;background:#111827bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.vs-card:hover{transform:translateY(-4px);border-color:#fbbf2480;box-shadow:0 14px 30px #00000073}.vs-card.is-active{border-color:#fbbf24d9;box-shadow:0 0 0 1px #fbbf2499,0 10px 24px #0006}.vs-card-thumb{position:relative;display:block;aspect-ratio:16 / 9;background:#0a0a0a;overflow:hidden}.vs-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .2s ease;filter:brightness(.85)}.vs-card:hover .vs-card-thumb img{transform:scale(1.06);filter:brightness(1)}.vs-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:48px;height:48px;border-radius:9999px;display:grid;place-items:center;background:#0000008c;border:1px solid rgba(255,255,255,.35);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.vs-card:hover .vs-card-play,.vs-card.is-active .vs-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.vs-card-play svg{width:22px;height:22px;color:#fff;margin-left:2px}.vs-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:.7rem .85rem .9rem;font-size:.9rem;font-weight:600;line-height:1.35;color:#e5e7eb}.vs-card.is-active .vs-card-title{color:#fff}.vs-empty{max-width:480px;margin:2rem auto 0;padding:3rem 1.5rem;text-align:center;border:1px dashed rgba(255,255,255,.15);border-radius:1rem;background:#1118278c}@media (max-width: 640px){.vs-featured-title{font-size:1.3rem}.vs-play-btn{width:64px;height:64px}.vs-play-btn svg{width:30px;height:30px}.vs-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}}