.directory-hero:first-child{border-top:0;padding-top:8px}.directory-filters{margin-inline:0;margin-bottom:8px}.directory-notes{margin-top:12px}.directory-filter{margin:8px 0 4px}.directory-section{padding-top:4px;scroll-margin-top:16px}.directory-cap,.directory-footnote{max-width:72ch;font-family:var(--font-mono);color:var(--muted);margin-top:24px;font-size:12px;line-height:1.6}.directory-more{border-top:1px solid var(--line);margin-top:48px;padding-top:12px}.dj-list{gap:32px;display:grid;container:djlist/inline-size}.dj-group-heading{z-index:5;border-bottom:1px solid var(--ink);background:var(--paper);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0 8px;display:flex;position:sticky;top:0}.dj-group-heading h2,.dj-group-heading h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:28px;font-weight:800;line-height:.95}.dj-group-heading h3{font-size:24px}.dj-group-count{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}@container djlist (min-width:1000px){.dj-group{grid-template-columns:minmax(150px,12%) minmax(0,1fr);align-items:start;column-gap:28px;display:grid}.dj-group-heading{border-top:1px solid var(--ink);background:0 0;border-bottom:0;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0 0;top:16px}.dj-group .dj-rows{border-top:1px solid var(--ink)}}.dj-rows{margin:0;padding:0;list-style:none;container:djrows/inline-size}.dj-row{border-bottom:1px solid var(--line);scroll-margin-top:64px}.dj-row-main{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"art name action""art sound action""art where where""art when when";align-items:start;gap:2px 12px;padding:12px 0;display:grid;position:relative}.dj-row-main:hover{background:linear-gradient(var(--surface), var(--surface)) no-repeat center / calc(100% + 16px) 100%}.dj-row-art{grid-area:art;width:100%;padding-top:2px}.dj-row-name{font-family:var(--font-display);letter-spacing:-.005em;text-transform:uppercase;overflow-wrap:anywhere;grid-area:name;margin:0;padding-top:2px;font-size:22px;font-weight:800;line-height:1}.dj-row-name a:after{content:"";z-index:1;position:absolute;inset:0}.dj-row-name a:hover,.dj-row-main:hover .dj-row-name a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.dj-row-name a:focus-visible{outline:none}.dj-row-name a:focus-visible:after{outline:2px solid var(--focus);outline-offset:2px}.dj-row-sound{min-width:0;font-family:var(--font-mono);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:var(--muted);grid-area:sound;font-size:11px;font-weight:600;line-height:1.5;overflow:hidden}.dj-row-where,.dj-row-when{font-variant-numeric:tabular-nums;min-width:0;font-size:13px;line-height:1.4}.dj-row-where{grid-area:where;margin-top:4px}.dj-row-when{color:var(--muted);grid-area:when}.dj-row-action{z-index:2;grid-area:action;justify-content:flex-end;display:flex;position:relative}.dj-row:has(.listen-toggle.is-open){border-bottom-color:var(--ink)}.dj-row .listen-panel{padding:0 0 16px}.dj-row .listen-panel:not([hidden]){display:block}@container djrows (min-width:640px){.dj-row-main{grid-template-columns:48px minmax(0,1.15fr) minmax(0,1fr) 8.5rem;grid-template-areas:"art name where action""art sound when action";gap:4px 20px;padding:12px 0}.dj-row-art{grid-row:1/span 2;align-self:center;padding-top:0}.dj-row-name{align-self:end;font-size:24px}.dj-row-sound{align-self:start}.dj-row-where{align-self:end;margin-top:0}.dj-row-where,.dj-row-when{font-size:14px}.dj-row-action{grid-row:1/span 2;align-self:center}.dj-row .listen-panel{max-width:820px;padding:0 0 18px 68px}}@container djrows (min-width:1000px){.dj-row-main{grid-template-columns:48px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 8.5rem;grid-template-areas:"art name where when action""art sound where when action"}.dj-row-where,.dj-row-when{grid-row:1/span 2;align-self:center}}.genre-body{gap:48px;margin-top:16px;display:grid}.genre-djs,.genre-nights{min-width:0;scroll-margin-top:16px}.genre-djs>.pf-label-row,.genre-nights>.pf-label-row{margin-bottom:4px}.genre-nights .ev-rows{margin-top:0}@media (max-width:1099px){.genre-djs>.pf-label-row{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:1100px){.genre-body{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);align-items:start;column-gap:clamp(40px,4vw,72px)}.genre-jump{display:none}}.genre-jumps{padding-bottom:12px}.genre-index{columns:3 300px;border-top:1px solid var(--ink);column-gap:40px}.genre-family{break-inside:avoid;padding:16px 0 28px;scroll-margin-top:16px}.genre-family-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;display:flex}.genre-family-head h2{align-items:center;gap:10px;min-width:0;font-size:28px;display:flex}.genre-family-head h2 .chip-swatch{width:12px;height:12px}.genre-family-head a{min-height:44px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;text-underline-offset:4px;flex:none;align-items:center;font-size:12px;font-weight:600;text-decoration:underline;display:inline-flex}.genre-rows{margin:0;padding:0;list-style:none}.genre-rows li{border-bottom:1px solid var(--line)}.genre-rows a{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:8px 0;display:grid}.genre-rows a:hover{text-decoration:none}.genre-rows a:hover strong{text-underline-offset:4px;text-decoration:underline}.genre-rows strong{overflow-wrap:anywhere;font-size:16px;font-weight:600}.genre-row-counts{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;gap:10px;font-size:12px;display:flex}.genre-row-counts>span:first-child{color:var(--ink)}@media (max-width:700px){.dj-group-heading h2{font-size:24px}.dj-group-heading h3{font-size:22px}.dj-row-name{font-size:20px}.genre-index{columns:1}.genre-family{padding-bottom:20px}}.pf-more{margin-top:48px}