.card.svelte-19wokkt{display:block}.card__art.svelte-19wokkt{aspect-ratio:1;background:var(--bg-2);border:1px solid var(--line);position:relative;overflow:hidden}.card__art.svelte-19wokkt img:where(.svelte-19wokkt){object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}.card.svelte-19wokkt:hover .card__art:where(.svelte-19wokkt) img:where(.svelte-19wokkt){transform:scale(1.06)}.card__overlay.svelte-19wokkt{transition:background .4s var(--ease);background:#0b0a0800;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card__play.svelte-19wokkt{background:var(--accent);color:#0b0a08;opacity:0;width:3.2rem;height:3.2rem;transition:opacity .4s var(--ease), transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;transform:scale(.6)}.card.svelte-19wokkt:hover .card__overlay:where(.svelte-19wokkt){background:#0b0a0859}.card.svelte-19wokkt:hover .card__play:where(.svelte-19wokkt){opacity:1;transform:scale(1)}.card__meta.svelte-19wokkt{justify-content:space-between;align-items:baseline;gap:1rem;padding-top:1rem;display:flex}.card__title.svelte-19wokkt{letter-spacing:.03em;font-size:1.15rem}.card__year.svelte-19wokkt{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);font-size:.7rem}