.tile.svelte-d05bce{background:linear-gradient(165deg, color-mix(in srgb, var(--tile-hue) 15%, var(--bg-panel)) 0%, var(--bg-panel) 62%);border:1px solid color-mix(in srgb, var(--tile-hue) 46%, transparent);border-radius:var(--radius-sm);color:var(--ink);padding:0 0 var(--space-4);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.tile.svelte-d05bce:hover{background:linear-gradient(165deg, color-mix(in srgb, var(--tile-hue) 26%, var(--bg-panel)) 0%, var(--bg-panel) 66%);border-color:var(--tile-hue)}.tile.svelte-d05bce:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tile__art.svelte-d05bce{aspect-ratio:98/54;background:var(--band);border-bottom:1px solid color-mix(in srgb, var(--tile-hue) 34%, transparent);margin-bottom:var(--space-4);width:100%;display:block;position:relative}@supports not (aspect-ratio:1 / 1){.tile__art.svelte-d05bce{height:clamp(140px,16vw,180px)}}.tile__art.svelte-d05bce svg:where(.svelte-d05bce){width:100%;height:100%;display:block;position:absolute;inset:0}.tile__title.svelte-d05bce{color:var(--tile-hue);font-family:var(--font-display);margin:.1rem 0 var(--space-2);padding:0 var(--space-4);text-transform:uppercase;font-size:clamp(1.1rem,.9vw + .86rem,1.42rem);line-height:1.16;display:block}.tile__summary.svelte-d05bce{color:var(--ink-muted);padding:0 var(--space-4);margin:0;font-size:.95rem;line-height:1.5;display:block}.tile__ratio.svelte-d05bce{color:var(--tile-hue);font-size:.72rem;font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);padding:var(--space-3) var(--space-4) 0;text-transform:uppercase;margin-top:auto;display:block}
