.card.svelte-1c915sl{position:relative;display:block;overflow:hidden;cursor:pointer}.card-bg.svelte-1c915sl{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .5s ease,transform .5s ease}.card-hover-img.svelte-1c915sl{position:absolute;top:50%;left:50%;object-fit:contain;opacity:0;transform:translate(-50%,calc(-50% + 16px));transition:opacity .4s ease,transform .5s ease;z-index:2;box-shadow:0 20px 60px #00000080;pointer-events:none}.card-overlay.svelte-1c915sl{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 50%,transparent 100%);transition:background .5s ease;z-index:1}.card-content.svelte-1c915sl{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;padding:2.5rem;color:#fff}.card-info.svelte-1c915sl{position:relative;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.card-title.svelte-1c915sl{font-size:1.1rem;font-weight:400;font-size:16px}.card-tags.svelte-1c915sl{position:absolute;top:100%;left:0;display:flex;gap:.4rem;font-size:.75rem;opacity:0;white-space:nowrap;transform:translateY(6px);transition:opacity .35s cubic-bezier(.25,.46,.45,.94) .1s,transform .35s cubic-bezier(.25,.46,.45,.94) .1s}.sep.svelte-1c915sl{opacity:.4}.card-arrow.svelte-1c915sl{font-size:1.25rem;opacity:0;transform:translate(-4px,4px);transition:opacity .3s ease,transform .3s ease}@media(hover:hover)and (pointer:fine){.card.svelte-1c915sl:hover .card-bg:where(.svelte-1c915sl){filter:blur(24px);transform:scale(1.04)}.card.svelte-1c915sl:hover .card-hover-img:where(.svelte-1c915sl){transform:translate(-50%,-50%)}.card.svelte-1c915sl:hover .card-hover-img.is-active:where(.svelte-1c915sl){opacity:1}.card.svelte-1c915sl:hover .card-overlay:where(.svelte-1c915sl){background:linear-gradient(to top,#000c,#0000004d 60%,#00000026)}.card.svelte-1c915sl:hover .card-info:where(.svelte-1c915sl){transform:translateY(-1rem)}.card.svelte-1c915sl:hover .card-tags:where(.svelte-1c915sl){opacity:1;transform:translateY(0)}.card.svelte-1c915sl:hover .card-arrow:where(.svelte-1c915sl){opacity:1;transform:translate(0)}}@media(max-width:767px){.card.svelte-1c915sl{grid-column:span 1;aspect-ratio:16/9}.card-content.svelte-1c915sl{padding-left:1.5rem}.card-tags.svelte-1c915sl{opacity:1;transform:translateY(0);transition:none}}