.genre-experience{background:radial-gradient(ellipse at 70% 6%,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent 37%),var(--color-bg);color:var(--color-text)}.genre-experience .genre-experience__hero{--public-page-title-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;background:none;border:0;box-shadow:none;gap:56px}.genre-experience .genre-experience__hero--text{--public-page-title-columns:1fr}.genre-experience__image-fallback{color:var(--color-text-muted);display:grid;font-size:42px;font-weight:700;inset:0;place-items:center;position:absolute}.genre-artist__photo img,.genre-experience__portrait img{position:relative}.genre-artist__photo img[hidden],.genre-experience__portrait img[hidden]{display:none}.genre-experience__catalog-counts{color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:24px;margin:24px 0 22px}.genre-experience__catalog-counts strong{color:var(--color-text);font-size:var(--font-size-card-title);font-weight:var(--font-weight-bold);margin-right:5px}.genre-experience__text-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);gap:10px;text-decoration:none}.genre-experience__portraits{align-items:center;display:grid;gap:12px;grid-template-columns:1fr 1.12fr 1fr}.genre-experience__portrait{background:var(--color-surface-soft);border-radius:var(--radius-md);height:274px;margin:0;overflow:hidden;position:relative}.genre-experience__portrait:nth-child(2){height:326px}.genre-experience__portrait img{filter:saturate(.65);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.genre-experience__portrait:after{background:linear-gradient(transparent,color-mix(in srgb,var(--color-bg) 80%,transparent));content:"";inset:60% 0 0;pointer-events:none;position:absolute}.genre-experience__portrait figcaption{bottom:14px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);left:14px;line-height:var(--line-height-control);position:absolute;right:10px;text-shadow:0 1px 4px #000;z-index:1}.genre-experience__section{min-width:0}.genre-experience__section--launcher{margin-top:6px}.genre-experience__section--artists,.genre-experience__section--playlists,.genre-experience__section--presets{margin-top:28px}.genre-experience__eyebrow{color:var(--color-primary);display:block;font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-bold);letter-spacing:.13em;margin-bottom:10px;text-transform:uppercase}.genre-launcher{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);border-top:2px solid var(--color-primary-border);padding:24px 28px 18px}.genre-launcher__heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px}.genre-launcher__heading .genre-experience__eyebrow{margin-bottom:6px}.genre-launcher__heading h2{font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin:0}.genre-launcher__heading p{color:var(--color-text-muted);font-size:var(--font-size-caption);margin:0}.genre-launcher__settings{align-items:end;display:grid;gap:28px;grid-template-columns:1fr 1fr .9fr}.genre-launcher fieldset{border:0;margin:0;min-width:0;padding:0}.genre-launcher legend{color:var(--color-text-muted);font-size:var(--font-size-caption);margin-bottom:9px}.genre-launcher__start{min-height:var(--control-height-lg)}.genre-launcher__filters{align-items:end;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1rem;margin-top:21px;padding-top:1rem}.genre-launcher__filter{flex:0 1 14rem;min-width:0}.genre-launcher__filters>p{color:var(--color-text-muted);font-size:var(--font-size-caption);margin:0 0 0 auto}.genre-experience__section-heading{align-items:end;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;scroll-margin-top:25px}.genre-experience__section-heading h2{font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);letter-spacing:-.025em;line-height:var(--line-height-heading);margin:0}.genre-experience__section-heading>span{color:var(--color-text-muted);font-size:var(--font-size-caption)}.genre-experience__presets{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.genre-preset{--genre-preset-accent:var(--color-accent);align-items:start;background:color-mix(in srgb,var(--genre-preset-accent) 10%,var(--color-surface));border:1px solid color-mix(in srgb,var(--genre-preset-accent) 22%,var(--color-border));border-radius:var(--ui-action-radius);color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font:inherit;isolation:isolate;min-height:192px;overflow:hidden;padding:24px;position:relative;text-align:left}.genre-preset--noughties{--genre-preset-accent:var(--color-decorative-blue)}.genre-preset--all{--genre-preset-accent:var(--color-decorative-rose)}.genre-preset__mark{bottom:-28px;font-size:166px;font-weight:850;letter-spacing:-.07em;line-height:1;opacity:.09;position:absolute;right:-9px;transform:rotate(-10deg);z-index:-1}.genre-preset__caption{font-size:var(--font-size-caption);letter-spacing:.07em;margin-bottom:15px;opacity:.8}.genre-preset>strong{font-size:var(--font-size-section-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin-bottom:8px}.genre-preset__description{font-size:var(--font-size-caption);opacity:.8}.genre-preset__action{align-items:center;display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);gap:13px;margin-top:24px}.genre-preset:hover{border-color:var(--color-primary)}.genre-experience__artists{display:grid;gap:22px;grid-template-columns:repeat(6,minmax(0,1fr))}.genre-artist{background:none;border:0;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font:inherit;min-width:0;padding:0;text-align:left}.genre-artist__photo{aspect-ratio:1;background:var(--color-surface-soft);border-radius:var(--radius-md);display:block;margin-bottom:13px;overflow:hidden;position:relative;width:100%}.genre-artist img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s;width:100%}.genre-artist strong{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-control)}.genre-artist>span:last-child{color:var(--color-text-muted);font-size:var(--font-size-caption);margin-top:5px}.genre-artist__play{background:color-mix(in srgb,var(--color-surface) 86%,transparent);border:1px solid var(--color-primary-border);border-radius:var(--ui-action-radius);bottom:10px;color:var(--color-primary);display:grid;height:34px;place-items:center;position:absolute;right:10px;width:34px}.genre-artist:hover img{transform:scale(1.035)}.genre-experience__playlists{display:grid;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}.genre-playlist{color:var(--color-text);display:flex;flex-direction:column;gap:10px;min-width:0;text-decoration:none}.genre-playlist img{aspect-ratio:1;border-radius:var(--radius-md);height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.genre-playlist strong{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-control)}.genre-playlist>span{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:8px}.genre-experience__section--about{margin-top:32px}.genre-experience__about{border-top:1px solid var(--color-border);display:grid;gap:70px;grid-template-columns:1fr 1fr;padding-top:32px}.genre-experience__about h2{font-size:var(--font-size-section-title);margin:0 0 14px}.genre-experience__about h2,.genre-experience__about h3{font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.genre-experience__about h3{font-size:var(--font-size-card-title);margin:20px 0 10px}.genre-experience__about p{color:var(--color-text-muted);font-size:var(--font-size-body);line-height:var(--line-height-copy);margin:0}.genre-experience__faq details{border-bottom:1px solid var(--color-border);padding:16px 0}.genre-experience__faq details:first-child{padding-top:0}.genre-experience__faq summary{cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.genre-experience__faq p{padding-top:10px}.genre-experience__sr{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(max-width:1100px){.genre-experience .genre-experience__hero{gap:26px}.genre-experience__portrait{height:220px}.genre-experience__portrait:nth-child(2){height:270px}.genre-launcher__settings{gap:14px;grid-template-columns:1fr 1.1fr}.genre-launcher__start{min-height:var(--control-height-lg)}.genre-launcher__filters>p{width:100%}.genre-experience__artists{gap:14px}}@media(max-width:760px){.genre-experience .genre-experience__hero{--public-page-title-columns:1fr;gap:24px}.genre-experience__portraits{gap:9px}.genre-experience__portrait{height:164px}.genre-experience__portrait:nth-child(2){height:190px}.genre-experience__portrait figcaption{bottom:9px;left:8px}.genre-launcher{padding:20px 16px 16px}.genre-launcher__heading{align-items:start;flex-direction:column;gap:8px}.genre-launcher__heading p{align-self:stretch;line-height:var(--line-height-body);max-width:none;text-align:left}.genre-launcher__settings{gap:18px;grid-template-columns:1fr}.genre-launcher__count button{padding-inline:6px}.genre-launcher__filters{gap:14px}.genre-launcher__filter{flex-basis:100%}.genre-experience__section-heading{align-items:start}.genre-experience__section-heading>span{display:none}.genre-experience__section-heading>a{font-size:var(--font-size-caption);white-space:nowrap}.genre-experience__presets{gap:10px;grid-template-columns:1fr}.genre-preset{min-height:140px;padding:20px}.genre-preset__caption{margin-bottom:9px}.genre-preset__action{bottom:20px;position:absolute;right:22px}.genre-preset__mark{font-size:150px;right:38px}.genre-experience__artists{gap:22px 12px;grid-template-columns:repeat(3,minmax(0,1fr))}.genre-artist strong{font-size:11px}.genre-experience__playlists{gap:24px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.genre-playlist strong{font-size:12px}.genre-experience__about{gap:24px;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.genre-artist img{transition:none}}
