.card.svelte-158kgtt{position:relative;aspect-ratio:16/9;width:100%;background-size:cover;background-position:center;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);display:flex;align-items:flex-end;transition:var(--transition);cursor:pointer;border:none;padding:0;text-decoration:none}.card.svelte-158kgtt:hover{transform:translateY(-5px);box-shadow:0 30px 60px #0006}.card.svelte-158kgtt:hover .play-icon:where(.svelte-158kgtt){opacity:1;transform:translate(-50%,-50%) scale(1.1)}.play-icon.svelte-158kgtt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;opacity:.8;transition:all .3s ease;z-index:2}.overlay.svelte-158kgtt{width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 60%,transparent 100%);color:var(--white);padding:var(--space-md);box-sizing:border-box;display:flex;align-items:flex-end;justify-content:flex-start}h3.svelte-158kgtt{margin:0;font-size:1.1rem;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;text-align:left;position:relative;z-index:3}@media (max-width: 768px){.card.svelte-158kgtt{max-width:100%}h3.svelte-158kgtt{font-size:1.2rem}}