
:root{--lime:#d8ff36;--bg:#151515;--text:#f5f5ed;--muted:#b4b4ac}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}header,main,footer{max-width:1440px;margin:auto;padding:0 5%}header{display:flex;align-items:center;justify-content:space-between;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #444}.brand{font-weight:900;letter-spacing:-1.5px;font-size:26px}.brand span{color:var(--lime)}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--lime)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:700}.topline{display:flex;justify-content:space-between;color:var(--muted);padding:24px 0 18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center;padding-bottom:65px}.hero h1{font-size:clamp(66px,9.5vw,145px);line-height:.85;letter-spacing:-.075em;margin:25px 0 30px;font-weight:900}.hero h1 span{color:var(--lime)}.intro{font-size:20px;max-width:460px;color:#d1d1c8}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:#151515;padding:14px 23px;font-weight:700;font-size:15px;border:0;cursor:pointer}.button:hover{background:#e7ff85}.ghost{background:transparent;color:var(--text);border:1px solid #777}.ghost:hover{background:#303030}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.feature{margin:0;position:relative}.feature img{width:100%;display:block;aspect-ratio:1;object-fit:contain}.feature figcaption{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #555}.badge{position:absolute;top:18px;left:18px;background:var(--lime);color:#111;padding:8px 12px;font-size:12px;font-weight:bold;letter-spacing:1px}.strip{background:var(--lime);color:#151515;padding:15px 0;font-weight:900;font-size:clamp(18px,3.4vw,42px);letter-spacing:-1px;text-align:center}.section{padding:65px 0;border-bottom:1px solid #444}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}h2{font-size:clamp(32px,4vw,54px);letter-spacing:-2px;line-height:1.05;margin:10px 0}h3{font-size:26px;letter-spacing:-1px;margin:14px 0 8px}.section-head p{color:var(--muted);max-width:340px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.album img{width:100%;aspect-ratio:1;object-fit:contain;display:block;transition:transform .25s}.cover{display:block;overflow:hidden}.cover:hover img{transform:scale(1.025)}.meta{color:var(--muted);font-size:13px;margin-top:16px;display:flex;justify-content:space-between}.album p{color:#c7c7be;font-size:16px}.textlink{display:inline-block;border-bottom:1px solid var(--lime);padding:5px 0;font-size:14px}.textlink:hover{color:var(--lime)}details{border-top:1px solid #444;margin-top:18px;padding-top:12px}summary{cursor:pointer;font-size:14px;color:var(--lime)}details p{font-size:14px!important}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%}.about p{color:#c7c7be;font-size:18px}.note{border-left:3px solid var(--lime);padding-left:22px;margin-top:25px}.note strong{color:var(--text)}.sources{font-size:14px;color:var(--muted)}.sources a{text-decoration:underline}.path{display:flex;gap:20px;margin:25px 0}.path b{color:var(--lime);font-size:32px;line-height:1}.path p{margin:0;font-size:16px}.path strong{display:block;color:var(--text)}footer{display:flex;justify-content:space-between;padding-top:30px;padding-bottom:35px;color:var(--muted);font-size:13px}footer .brand{color:var(--text);font-size:22px}.footer-note{max-width:450px;text-align:right}@media(max-width:760px){header{padding:18px 5%}nav{gap:16px}nav a:last-child{display:none}.topline{font-size:11px;letter-spacing:1px}.hero{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.hero h1{font-size:clamp(70px,18vw,125px)}.intro{font-size:18px}.feature{max-width:520px}.section{padding:40px 0}.section-head{display:block}.section-head p{margin-top:18px}.grid{grid-template-columns:1fr;gap:38px}.album{max-width:520px}.about{grid-template-columns:1fr;gap:20px}footer{display:block}.footer-note{text-align:left;margin-top:20px}.strip{padding:18px 12px}h2{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.voices{display:grid;grid-template-columns:1fr 1fr;gap:24px}.voice{padding:28px;background:#202020;border-top:2px solid #d8ff36}.voice blockquote{margin:20px 0;font-size:clamp(23px,2.6vw,34px);line-height:1.22;letter-spacing:-.7px}.voice .context{font-size:16px;color:#c7c7be}.voice .attribution{font-size:14px;color:#c7c7be}.voice .attribution b{color:#f5f5ed}.voice .translation{font-size:12px;color:#b4b4ac}.voice details{margin-bottom:20px}.voice details p{color:#c7c7be}.voice .textlink{color:#d8ff36}@media(max-width:760px){.voices{grid-template-columns:1fr}.voice{padding:22px}}.amazing-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center;margin:30px 0 40px}.amazing-feature img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.amazing-feature h2{font-size:clamp(46px,6vw,80px);line-height:.95}.amazing-feature .artist{color:var(--lime);font-weight:700;font-size:24px}.amazing-feature p{color:#c7c7be;font-size:18px}.tracklist{padding-left:25px;columns:2;font-size:15px;color:#c7c7be}.tracklist li{padding:5px 8px;break-inside:avoid}.artist-jump{display:flex;gap:22px;padding:15px 0;border-bottom:1px solid #444;font-size:14px}.artist-jump a:hover{color:var(--lime)}@media(max-width:760px){.amazing-feature{grid-template-columns:1fr;gap:25px}.tracklist{columns:1}nav{gap:12px;font-size:13px}nav a:nth-child(n+3){display:none}}.feature img,.album img,.amazing-feature img{height:auto;max-width:100%;object-fit:contain;aspect-ratio:1}.amazing-feature>a{align-self:start}.hero>*,.amazing-feature>*{min-width:0}
header nav a[aria-current=page]{color:var(--lime)}.page-heading{padding:44px 0 32px;border-bottom:1px solid #444}.artist-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(54px,9vw,120px);line-height:.95;letter-spacing:-.065em;font-weight:900;text-transform:uppercase;margin:20px 0;color:var(--lime)}.page-heading p{font-size:18px;color:#c7c7be;max-width:620px}.hub-title{font-size:clamp(54px,9vw,120px);font-weight:900;letter-spacing:-.07em;line-height:.88;margin:28px 0 24px}.hub-title span{color:var(--lime)}.hub-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;padding:40px 0}.hub-intro p{color:#b4b4ac;font-size:18px;max-width:320px}.hub-features{display:grid;grid-template-columns:1fr 1fr;gap:34px}.hub-item img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.hub-item h2{font-size:38px;letter-spacing:-1.5px;margin:12px 0}.hub-item p{max-width:500px;color:#c7c7be}.hub-item .artist{color:var(--lime);font-size:14px;letter-spacing:1px;font-weight:bold;text-transform:uppercase}.hub-cover{display:block;background:#202020}.recent-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.recent-note{padding:25px;background:#202020}.recent-note h3{font-size:24px}.recent-note p{color:#c7c7be}.discography{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px}.disc img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#202020}.disc h3{font-size:18px;letter-spacing:-.3px;margin:10px 0 4px;line-height:1.25}.disc small{font-size:13px;color:#b4b4ac}.disc:hover h3{color:var(--lime)}.feature-album{max-width:600px;margin:35px auto}.artist-local-nav{display:flex;gap:25px;flex-wrap:wrap;padding:18px 0;font-size:14px;border-bottom:1px solid #444}.artist-local-nav a:hover{color:var(--lime)}.feature img{height:auto}.amazing-feature h2{font-size:clamp(44px,6vw,78px);text-transform:none}.amazing-feature .artist{font-size:14px}.all-sources{margin-top:30px;font-size:14px;color:#b4b4ac}.all-sources a{text-decoration:underline}@media(max-width:760px){.hub-intro{display:block}.hub-features{grid-template-columns:1fr}.recent-notes{grid-template-columns:1fr}.discography{grid-template-columns:repeat(2,1fr)}header nav a:nth-child(n){display:inline}header nav{gap:14px;flex-wrap:wrap;justify-content:end}.brand{font-size:20px;white-space:nowrap}header{gap:20px}.artist-title{font-size:clamp(46px,12vw,90px)}.hub-title{font-size:clamp(54px,13vw,95px)}}

.artist-directory{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.artist-directory>a{padding:24px;background:#202020;border-top:2px solid var(--lime)}.artist-directory h3{font-size:24px}.artist-directory p{color:var(--muted);font-size:14px}.hub-features{row-gap:45px}@media(max-width:900px){.artist-directory{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.artist-directory{grid-template-columns:1fr}}

.new-selection{grid-template-columns:repeat(3,minmax(0,1fr))}.new-selection h2{font-size:30px}.artist-title{overflow-wrap:anywhere}.artist-directory h3{overflow-wrap:anywhere}@media(max-width:900px){.new-selection{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.new-selection{grid-template-columns:1fr}}

.new-selection{grid-template-columns:repeat(3,minmax(0,1fr))}.new-selection h2{font-size:30px}.artist-title{overflow-wrap:anywhere}.artist-directory h3{overflow-wrap:anywhere}@media(max-width:900px){.new-selection{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.new-selection{grid-template-columns:1fr}}

/* Guides and editorial album connections share the magazine typography. */
.connections-grid,.listening-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.listening-steps{list-style:none;counter-reset:listen;padding:0;margin:28px 0}
.listening-steps>li{counter-increment:listen;padding:24px;background:#202020;border-top:2px solid var(--lime);min-width:0}
.listening-steps>li::before{content:counter(listen,decimal-leading-zero);font-size:1rem;font-weight:bold;color:var(--lime)}
.listening-steps h3,.connection-card h3,.listening-path h3{font-size:1.4rem;line-height:1.2;letter-spacing:-.02em;margin:12px 0;overflow-wrap:anywhere}
.listening-steps p,.connection-card p,.listening-path p{font-size:1rem;line-height:1.65;color:#c7c7be}
.connection-card,.listening-path{background:#202020;padding:24px;min-width:0}
.connection-heading{display:flex;gap:16px;align-items:start}
.connection-heading img{width:88px;height:auto;aspect-ratio:1;object-fit:contain;flex-shrink:0}
.connection-heading>div{min-width:0}.connection-heading .eyebrow{font-size:.875rem;line-height:1.4}
.connection-heading h3{margin:8px 0}.connection-year{font-size:.875rem;color:#b4b4ac}
.affinity-label{display:inline-block;font-size:.875rem;color:var(--lime);margin-top:20px}
.connection-card details{margin-top:20px}.connection-card details a,.all-sources a{text-decoration:underline;text-underline-offset:3px}
.listening-path ol{padding-left:1.5rem}.listening-path li{padding:12px 0;border-top:1px solid #444}
.listening-path li a{display:flex;gap:12px;align-items:center;font-size:.875rem;line-height:1.5}
.listening-path img{width:52px;height:auto;aspect-ratio:1;object-fit:contain;flex-shrink:0}
.listening-path b{font-size:1rem}.listening-path a:hover b,.connection-heading:hover h3{color:var(--lime)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
@media(max-width:1100px){.connection-heading{display:block}.connection-heading img{width:100px;margin-bottom:14px}}
@media(max-width:800px){.connections-grid,.listening-steps{grid-template-columns:1fr}.connection-heading{display:flex}.connection-heading img{width:88px;margin-bottom:0}}

/* Album genres and documented band geography. */
[hidden]{display:none!important}
.genre-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}
.genre-tag{font-size:.875rem;line-height:1.4;border:1px solid #666;padding:5px 9px;letter-spacing:0;border-radius:2px}
.genre-tag.genre{color:var(--lime);border-color:#77834e}.genre-tag.scene{border-style:dashed;color:#ddd}
.genre-tag:hover{background:var(--lime);color:#111;border-color:var(--lime)}
.album-context{margin:30px 0;padding:24px;background:#202020;border-left:3px solid var(--lime)}
.place-line{font-size:1rem;line-height:1.5;color:#c7c7be}.place-line a{text-decoration:underline}.place-line small{font-size:.875rem;color:#aaa}
.classification-sources{font-size:.875rem;line-height:1.6;margin-top:18px}
.classification-sources ul{padding-left:20px}.classification-sources p{font-size:.875rem;line-height:1.6;color:#c7c7be}
.classification-sources a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.classification-sources li{margin:14px 0}.classification-sources li p{margin:6px 0}
.exploration-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #555;padding:28px;margin-bottom:36px;background:#202020}
.exploration-entry h2{font-size:2rem;line-height:1.2;margin:10px 0}.exploration-entry p{margin:0;color:#c7c7be}
.discovery-heading{padding:38px 0 22px}.discovery-heading h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1;letter-spacing:-.055em;margin:20px 0;color:var(--lime)}
.discovery-heading p{font-size:1.125rem;color:#c7c7be}
.discovery-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:16px;padding:24px;background:#202020}
.discovery-filters label{font-size:.875rem;font-weight:bold;line-height:1.5;min-width:0}
.discovery-filters select{display:block;width:100%;margin-top:8px;background:#111;color:#eee;border:1px solid #777;border-radius:2px;padding:12px 9px;font:inherit;font-size:1rem;min-height:48px}
.discovery-filters button,.map-controls button,.place-button{background:transparent;color:#eee;border:1px solid #666;padding:12px;font-family:inherit;font-size:.875rem;line-height:1.3;cursor:pointer;min-height:44px;border-radius:2px}
.discovery-filters button:hover,.map-controls button:hover{border-color:var(--lime);color:var(--lime)}
.filter-help{font-size:.875rem;line-height:1.6;color:#c7c7be;margin:16px 0 24px}
.discovery-workspace{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px}
.band-map-panel{background:#171b1b;border:1px solid #444;padding:22px;min-width:0}
.map-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.map-heading h2,.location-selector h2{font-size:1.3rem;line-height:1.25;letter-spacing:-.02em;margin:0 0 10px}
.map-heading span{font-size:.875rem;color:#c7c7be}.map-controls{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.map-controls button{background:#202828;padding:10px 12px}.map-controls button[data-map-zoom]{min-width:44px;font-size:1.25rem}
.map-stage{position:relative;width:100%;height:390px;overflow:hidden;background:#11191e;border:1px solid #42505a}
#band-map{display:block;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none}
#band-map:active{cursor:grabbing}.map-land{fill:#354048;stroke:#68737a;stroke-width:.5;stroke-linejoin:round;fill-rule:evenodd}
.map-land path{vector-effect:non-scaling-stroke}.map-land .country-without-city{fill:#494f3b;stroke:#c9d794;stroke-width:1}
.map-marker-layer{position:absolute;inset:0;pointer-events:none}
.map-marker{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--lime);color:#111;border:2px solid #111;font:bold 1rem Arial,sans-serif;cursor:pointer;pointer-events:auto;box-shadow:0 1px 8px #0008}
.map-marker:hover,.map-marker:focus-visible{background:#fff}.map-cluster{outline:2px solid #cad593;outline-offset:2px}
.map-instructions,.country-only,.map-attribution{font-size:.875rem;line-height:1.6;color:#c7c7be}
.country-only{border-left:2px solid var(--lime);padding-left:12px}.map-attribution a{text-decoration:underline}
.location-selector{padding:22px;background:#202020;min-width:0}.location-note{font-size:.875rem;line-height:1.6;color:#c7c7be}
#location-buttons{display:flex;flex-direction:column;gap:8px}.place-button{text-align:left;width:100%}.place-button[aria-pressed=true]{background:var(--lime);color:#111;border-color:var(--lime);font-weight:bold}.place-button:hover{border-color:var(--lime)}
.discovery-results{padding:35px 0}.discovery-results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.discovery-results-heading h2{font-size:2rem;line-height:1.2;letter-spacing:-.03em}.discovery-results-heading p{font-size:1rem;color:var(--lime)}
.active-selection{font-size:.875rem;line-height:1.6;color:#c7c7be;margin:0 0 24px}.discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.discovery-card{min-width:0}.discovery-card>a>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;background:#202020;margin-bottom:18px}
.discovery-card .eyebrow{font-size:.875rem;line-height:1.5;display:block}.discovery-card h3{font-size:1.5rem;line-height:1.25;letter-spacing:-.02em;margin:10px 0;overflow-wrap:anywhere}
.discovery-card .genre-tags{margin:14px 0}.discovery-card .genre-tag{font-size:.875rem}.discovery-card>a:hover h3{color:var(--lime)}
.taxonomy-note{margin:20px 0 45px;padding:24px;border:1px solid #555;font-size:1rem;line-height:1.65}.taxonomy-note summary{font-weight:bold}.taxonomy-note li{margin:10px 0}
button:focus-visible,select:focus-visible,#band-map:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:1100px){.discovery-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-filters button{grid-column:1/-1}.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-workspace{grid-template-columns:minmax(0,1fr) 220px}.map-stage{height:340px}}
@media(max-width:800px){.discovery-workspace{grid-template-columns:1fr}.map-stage{height:330px}#location-buttons{flex-direction:row;flex-wrap:wrap}.place-button{width:auto}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exploration-entry{display:block}.exploration-entry .button{display:inline-block;margin-top:22px}.location-selector{padding:20px}.band-map-panel{padding:16px}}
@media(max-width:480px){.discovery-filters{grid-template-columns:1fr;padding:18px}.discovery-grid{grid-template-columns:1fr}.map-stage{height:280px}.map-controls button{font-size:.875rem;padding:10px}.discovery-heading{padding-top:25px}.genre-tags{gap:6px}}

/* Alphabetical directory */
.alphabet{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;position:sticky;top:0;background:var(--bg);padding:.75rem;z-index:2}.alphabet a{display:grid;place-items:center;min-width:2.6rem;min-height:2.6rem;border:1px solid currentColor;font-size:1rem;font-weight:700}.index-letter{scroll-margin-top:5rem;border-top:1px solid currentColor;padding:1.5rem 0}.index-letter>h2{font-size:2.5rem}.index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.index-artist{min-width:0;padding:1rem 0}.index-artist>a{display:flex;align-items:center;gap:1rem;text-decoration:none}.index-artist img{width:96px;height:96px;object-fit:contain;flex-shrink:0}.index-artist h3{font-size:1.4rem;line-height:1.2;margin:0 0 .5rem}.index-artist span{font-size:1rem}.index-genre{border-top:1px solid #777;padding:1rem 0}.index-genre h3{font-size:1.2rem}.index-genre p{font-size:1rem;line-height:1.8}.index-genre small{font-size:.9rem}#generos>section{margin-top:2rem}@media(max-width:650px){.index-grid{grid-template-columns:1fr}.index-artist h3{font-size:1.25rem}}

.weekly-spotlight{border-top:2px solid var(--lime);background:#202020;padding:2rem;margin-bottom:2rem}.weekly-albums{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.weekly-albums h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.15}.weekly-albums .hub-cover{background:#151515}.weekly-albums img{max-height:360px;object-fit:contain}.weekly-albums .genre-tags{margin-top:.75rem}.weekly-albums .meta{margin-top:1rem}.weekly-albums .hub-item p{font-size:1rem}.hub-intro>p{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2;color:var(--text)}@media(max-width:700px){.weekly-albums{grid-template-columns:1fr}.weekly-spotlight{padding:1.25rem}}
