.categories.svelte-13grsjl{padding-bottom:40px}.head.svelte-13grsjl{margin-bottom:16px}.head.svelte-13grsjl .kicker:where(.svelte-13grsjl){margin-bottom:6px}.featured.svelte-13grsjl{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:160px;padding:20px 22px;margin-bottom:14px;border-radius:var(--radius-lg);overflow:hidden;color:#fff}.featured.svelte-13grsjl .scrim:where(.svelte-13grsjl){position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,color-mix(in oklab,#000 78%,transparent) 100%)}.content.svelte-13grsjl{position:relative;z-index:1}.genre-name.svelte-13grsjl{margin:8px 0 0;font-family:var(--display);font-style:italic;font-weight:400;font-size:34px;letter-spacing:-.02em;color:#fff}.genre-count.svelte-13grsjl{margin-top:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3}.grid.svelte-13grsjl{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 12px;margin-bottom:28px}.title-card.svelte-13grsjl{display:block}.title-card.svelte-13grsjl .tile{transition:transform var(--transition)}@media (hover: hover){.title-card.svelte-13grsjl:hover .tile{transform:translateY(-3px)}}.card-name.svelte-13grsjl{display:block;margin-top:8px;font-size:12.5px;font-weight:600;line-height:1.2;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty.svelte-13grsjl{padding:40px 0;color:var(--ink-dim);font-size:14px}.chips.svelte-13grsjl{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none}.chips.svelte-13grsjl::-webkit-scrollbar{display:none}.chip.svelte-13grsjl{flex:0 0 auto;display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-mid);font-size:12.5px;font-weight:500;transition:background var(--transition),color var(--transition),border-color var(--transition)}.chip.on.svelte-13grsjl{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip-count.svelte-13grsjl{font-family:var(--mono);font-size:9px;opacity:.6}@media (min-width: 900px){.featured.svelte-13grsjl{height:240px;padding:32px 36px}.genre-name.svelte-13grsjl{font-size:44px}.grid.svelte-13grsjl{grid-template-columns:repeat(5,1fr);gap:20px}.card-name.svelte-13grsjl{font-size:13.5px}}