.hero.svelte-liuga1{padding:clamp(24px,3vw,36px);margin-bottom:16px}h1.svelte-liuga1{margin:0;font-size:clamp(36px,4.6vw,56px);letter-spacing:-.04em}.genres.svelte-liuga1{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.genre.svelte-liuga1{min-height:88px;border-radius:20px;border:1px solid var(--line);background:var(--surface);padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.genre.svelte-liuga1{transition:border-color .15s ease,background-color .15s ease}.genre.svelte-liuga1:hover,.genre.svelte-liuga1:focus-visible{text-decoration:none;border-color:var(--accent);background:var(--surface-2)}.genre.svelte-liuga1:hover .name:where(.svelte-liuga1){color:var(--accent)}@media(prefers-reduced-motion:reduce){.genre.svelte-liuga1{transition:none}}.name.svelte-liuga1{font-size:16px;font-weight:600}@media(max-width:980px){.genres.svelte-liuga1{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.genres.svelte-liuga1{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}