.tile.svelte-oviq8z{height:100%;border-radius:20px;overflow:hidden;background:var(--color-surface);transition:transform var(--duration-base) var(--ease-out)}.tile.svelte-oviq8z:hover,.tile.svelte-oviq8z:focus-within{transform:translateY(-4px)}.tile__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--color-text)}.tile__link:hover{text-decoration:none}.tile__body.svelte-oviq8z{display:flex;flex-direction:column;align-items:flex-start;gap:var(--size-nano);padding:var(--size-m) var(--size-m) var(--size-l)}.tile__tag.svelte-oviq8z{font-family:var(--font-primary);font-size:var(--size-tiny);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-light)}.tile__title.svelte-oviq8z{display:flex;align-items:center;gap:var(--size-nano);font-family:var(--font-primary);font-size:var(--text-h3);font-weight:700;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--color-text);margin:0;text-wrap:balance}.tile__lock.svelte-oviq8z{flex-shrink:0;color:var(--color-text-light)}.tile__desc.svelte-oviq8z{font-family:var(--font-secondary);font-size:var(--size-xs);line-height:var(--leading-body);color:var(--color-text-light);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tile__media.svelte-oviq8z{display:block;margin-top:auto;aspect-ratio:16/10;overflow:hidden;background:var(--color-surface-sunken)}.tile__media.svelte-oviq8z img:where(.svelte-oviq8z){width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-out)}.tile.svelte-oviq8z:hover .tile__media:where(.svelte-oviq8z) img:where(.svelte-oviq8z),.tile.svelte-oviq8z:focus-within .tile__media:where(.svelte-oviq8z) img:where(.svelte-oviq8z){transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.tile.svelte-oviq8z,.tile__media.svelte-oviq8z img:where(.svelte-oviq8z){transition:none}.tile.svelte-oviq8z:hover,.tile.svelte-oviq8z:focus-within{transform:none}.tile.svelte-oviq8z:hover .tile__media:where(.svelte-oviq8z) img:where(.svelte-oviq8z),.tile.svelte-oviq8z:focus-within .tile__media:where(.svelte-oviq8z) img:where(.svelte-oviq8z){transform:none}}
