@import url("https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700;800&display=swap");

:root{
  --bg:#080808;--panel:#111;--panel2:#171717;--text:#f4f4f1;--muted:#9b9b96;
  --line:#292929;--green:#ccff00;--max:1220px;--radius:22px;
}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(133,255,122,.08),transparent 34%),var(--bg);min-height:100vh}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));position:sticky;top:0;background:rgba(8,8,8,.92);backdrop-filter:blur(14px);z-index:20}
.brand{display:flex;align-items:flex-end;gap:10px;font-family:"Syne",sans-serif}.brand img{display:block;width:auto;height:34px;object-fit:contain}.brand span{font-weight:800;font-size:24px;letter-spacing:-.05em}.brand small{font-size:8px;letter-spacing:.15em;color:var(--green);margin-bottom:3px}
.site-header nav{display:flex;gap:22px;font-size:13px;color:var(--muted)}.site-header nav a:hover,.site-header nav .active{color:var(--text)}
.wrap{max-width:var(--max);margin:0 auto;padding:56px 24px 90px}.eyebrow,.artist-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--green);font-weight:700}
.archive-hero h1,.artist-copy h1{font-family:"Syne",sans-serif;letter-spacing:-.055em;line-height:.9;margin:12px 0}.archive-hero h1{font-size:clamp(56px,10vw,132px)}
.archive-hero>p{max-width:700px;color:var(--muted);font-size:18px;line-height:1.55}
.archive-actions{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:12px;margin:34px 0 22px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:0 14px}.search span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:14px 0}
.button,.select,.letter{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:12px 15px;cursor:pointer}.button:hover,.select:hover,.letter:hover,.button.active,.letter.active{border-color:#4b4b4b;background:#1d1d1d}.button.primary{background:var(--green);border-color:var(--green);color:#071006;font-weight:800}
.letters{display:flex;flex-wrap:wrap;gap:7px}.letter{min-width:36px;padding:8px 10px;font-size:12px}.count{color:var(--muted);font-size:13px;margin:18px 0 0}
.artist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.artist-card{display:block;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);transition:transform .18s ease,border-color .18s ease}.artist-card:hover{transform:translateY(-3px);border-color:#484848}.artist-card[hidden]{display:none}
.artist-card-media{aspect-ratio:16/10;background:#151515;overflow:hidden;display:grid;place-items:center;font-family:"Syne",sans-serif;font-weight:800;font-size:34px}.artist-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.92)}.artist-card-body{padding:18px}.artist-card h2{font-family:"Syne",sans-serif;margin:0 0 8px;font-size:24px;letter-spacing:-.035em}.artist-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.empty-state,.note{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:24px;color:var(--muted)}
.artist-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:#101010;margin-top:16px;isolation:isolate}.artist-backdrop{position:absolute;inset:0;background-position:center;background-size:cover;filter:blur(44px) brightness(.27) saturate(.8);transform:scale(1.15);opacity:.78;z-index:-1}.artist-hero-inner{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:40px;padding:38px}.artist-art{aspect-ratio:16/11;border-radius:20px;overflow:hidden;background:#161616;display:grid;place-items:center;font-family:"Syne",sans-serif;font-size:48px;font-weight:800}.artist-art img{width:100%;height:100%;object-fit:cover}
.artist-copy{align-self:end}.artist-kicker{display:flex;align-items:center;gap:8px}.artist-kicker i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(133,255,122,.65)}.artist-copy h1{font-size:clamp(46px,6vw,92px);margin-top:14px}.genres{display:flex;gap:7px;flex-wrap:wrap}.genre{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 10px;font-size:11px;color:#d0d0ca;background:rgba(0,0,0,.2)}.artist-actions,.social,.sort{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);margin-top:26px;border-radius:16px;overflow:hidden}.metrics>div{padding:16px;background:rgba(11,11,11,.78)}.metrics strong{display:block;font-family:"Syne",sans-serif;font-size:20px}.metrics span{display:block;color:var(--muted);font-size:10px;margin-top:5px;text-transform:uppercase;letter-spacing:.08em}.social a{font-size:11px;color:var(--muted);border-bottom:1px solid #555;padding:5px 0}
.about,.section{margin-top:44px}.about>span{display:block;color:var(--green);font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px}.bio{font-size:18px;line-height:1.78;max-width:900px}.bio p{margin:0 0 1em}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-title h2{font-family:"Syne",sans-serif;font-size:32px;letter-spacing:-.035em;margin:0}.section-title p{color:var(--muted);font-size:12px;margin:5px 0 0}
.track-list{border:1px solid var(--line);border-radius:20px;overflow:hidden}.track-row{display:grid;grid-template-columns:62px minmax(180px,1fr) minmax(220px,.65fr) 90px;gap:16px;align-items:center;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.track-row:last-child{border-bottom:0}.track-cover{width:52px;height:52px;border-radius:9px;overflow:hidden;background:#222;display:grid;place-items:center}.track-cover img{width:100%;height:100%;object-fit:cover}.cover-fallback{font-size:9px;color:var(--muted)}.track-title{font-weight:700}.track-album{font-size:11px;color:var(--muted);margin-top:4px}.track-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.track-dates div{background:#0d0d0d;border-radius:9px;padding:8px}.track-dates span,.track-plays span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.track-dates strong{font-size:11px}.track-plays{text-align:right}.track-plays strong{font-family:"Syne",sans-serif;font-size:18px}
.related{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,190px);gap:12px;overflow-x:auto;padding-bottom:9px}.related-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.related-img{aspect-ratio:1;overflow:hidden;background:#181818;display:grid;place-items:center;font-family:"Syne",sans-serif;font-weight:800}.related-img img{width:100%;height:100%;object-fit:cover}.related-name{padding:12px;font-family:"Syne",sans-serif;font-weight:700;font-size:14px}.site-footer{border-top:1px solid var(--line);padding:28px 24px;text-align:center;color:var(--muted);font-size:11px}
@media(max-width:900px){.artist-grid{grid-template-columns:repeat(2,1fr)}.artist-hero-inner{grid-template-columns:1fr}.archive-actions{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.track-row{grid-template-columns:52px 1fr 80px}.track-dates{grid-column:2/4}.artist-copy{align-self:auto}}
@media(max-width:560px){.site-header{padding:0 16px}.brand small{display:none}.wrap{padding:38px 15px 70px}.artist-grid{grid-template-columns:1fr}.archive-actions{grid-template-columns:1fr}.search{grid-column:auto}.artist-hero-inner{padding:18px;gap:24px}.metrics{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.track-row{grid-template-columns:48px 1fr 64px;padding:10px;gap:10px}.track-cover{width:46px;height:46px}.track-dates{grid-column:1/-1}.sort{margin-top:0}.button{font-size:12px}}

.artist-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:210px;gap:10px}
.gallery-item{position:relative;border:0;padding:0;border-radius:18px;overflow:hidden;background:#161616;cursor:zoom-in;min-height:0}
.gallery-item:first-child{grid-row:span 2}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s ease,filter .22s ease}
.gallery-item:hover img{transform:scale(1.025);filter:brightness(.9)}
.gallery-item span{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.58);backdrop-filter:blur(8px);color:#ddd;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.gallery-credit{margin:10px 2px 0;color:var(--muted);font-size:10px;line-height:1.45}
.gallery-lightbox[hidden]{display:none}.gallery-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:28px}
.gallery-lightbox figure{margin:0;max-width:min(94vw,1500px);max-height:92vh;display:grid;gap:10px}
.gallery-lightbox img{display:block;max-width:100%;max-height:84vh;object-fit:contain;border-radius:12px}
.gallery-lightbox figcaption{color:#b8b8b3;font-size:11px;text-align:center}
.gallery-close{position:fixed;top:18px;right:18px;width:46px;height:46px;border-radius:50%;border:1px solid #444;background:#111;color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:1001}
body.gallery-open{overflow:hidden}
@media(max-width:900px){.artist-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.gallery-item:first-child{grid-column:1/-1;grid-row:auto;min-height:300px}}
@media(max-width:560px){.artist-gallery{grid-template-columns:1fr;grid-auto-rows:220px}.gallery-item:first-child{grid-column:auto;min-height:250px}.gallery-lightbox{padding:14px}}

.source-stats{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.source-stats-title{font-family:"Syne",sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b8b8b3;margin-bottom:9px}
.source-chips{display:flex;flex-wrap:wrap;gap:8px}
.source-chip{display:flex;gap:7px;align-items:center;border:1px solid #2b2b2b;background:#111;border-radius:999px;padding:7px 10px;font-size:10px}
.source-chip strong{font-family:"Syne",sans-serif;color:#fff}.source-chip span{color:var(--muted)}
.source-stats p{margin:8px 0 0;color:var(--muted);font-size:9px;line-height:1.45;max-width:720px}


/* Louder site shell */
.nav-toggle{display:none;border:1px solid var(--line);background:#111;color:#fff;border-radius:10px;padding:8px 10px;font-size:18px}
.site-footer{padding:38px max(24px,calc((100vw - var(--max))/2)) 120px;text-align:left;background:#090909}
.footer-inner{display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1.5fr;gap:28px;align-items:start}
.footer-brand img{height:34px;width:auto;display:block}.footer-brand p{margin:8px 0 0;color:var(--green);font:700 10px/1.2 "Syne",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.footer-inner strong{display:block;font:700 12px/1.2 "Syne",sans-serif;color:#fff;margin-bottom:7px}.footer-inner span,.footer-inner a{display:block;color:var(--muted);font-size:12px;line-height:1.55}
.footer-links{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 16px;font-size:11px;color:#c8c8c3}.site-footer>small{color:#696966;font-size:10px}

.louder-player{position:fixed;left:14px;right:14px;bottom:12px;z-index:80;display:grid;grid-template-columns:44px 48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid #2e2e2e;border-radius:16px;background:rgba(10,10,10,.94);backdrop-filter:blur(16px);box-shadow:0 12px 40px rgba(0,0,0,.42)}
.player-play{width:42px;height:42px;border-radius:50%;border:0;background:var(--green);color:#071006;font-weight:900;cursor:pointer}.player-play.is-playing{font-size:0}.player-play.is-playing:after{content:"Ⅱ";font-size:17px}
.player-cover{width:46px;height:46px;border-radius:9px;overflow:hidden;background:#181818;display:grid;place-items:center}.player-cover img{width:100%;height:100%;object-fit:cover}.player-cover span{font:800 7px/1 "Syne",sans-serif;color:#777}
.player-copy{min-width:0}.player-copy strong{font:700 11px/1.1 "Syne",sans-serif}.player-live{display:inline-block;margin-left:7px;color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.player-copy div{margin-top:5px;color:#e7e7e2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-artist-link{font-size:10px;border:1px solid #343434;border-radius:999px;padding:7px 10px;color:#d5d5d0}.player-artist-link[hidden]{display:none}

.track-cover.is-resolving{position:relative}.track-cover.is-resolving:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.06) 45%,transparent 70%);animation:lmx-shimmer 1.2s infinite}@keyframes lmx-shimmer{to{transform:translateX(100%)}}

@media(max-width:900px){
 .site-header nav{display:none;position:absolute;top:75px;left:12px;right:12px;padding:14px;background:#0d0d0d;border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:0}
 .site-header nav.open{display:flex}.site-header nav a{padding:10px 8px}.nav-toggle{display:block}
 .footer-inner{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .footer-inner{grid-template-columns:1fr}.site-footer{padding-bottom:130px}
 .louder-player{left:8px;right:8px;bottom:7px;grid-template-columns:40px 42px minmax(0,1fr)}
 .player-cover{width:40px;height:40px}.player-artist-link{display:none!important}.player-copy div{font-size:11px}
}


/* Identity sync with loudermx.com — static section, no WordPress runtime */
.site-header{
  height:auto!important;min-height:72px;padding:0!important;
  border-bottom:1px solid #202020;background:rgba(6,6,6,.96)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18);backdrop-filter:blur(18px)
}
.header-inner{width:min(calc(100% - 32px),var(--max));min-height:72px;margin:0 auto;display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px}
.brand{display:flex;align-items:center!important;gap:0!important}.brand img{width:auto;height:38px;max-width:132px;object-fit:contain}
.main-nav{display:flex;align-items:center;justify-content:center;gap:22px!important;font-family:"Syne",Arial,sans-serif;font-size:12px!important;font-weight:700}
.main-nav a{position:relative;padding:27px 0 25px;color:#d7d7d4!important;white-space:nowrap}
.main-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:18px;height:2px;background:var(--green);transition:.2s ease}
.main-nav a:hover,.main-nav a.active{color:#fff!important}.main-nav a:hover:after,.main-nav a.active:after{left:0;right:0}
.header-actions{display:flex;align-items:center;gap:10px}.header-social{display:flex;gap:7px;align-items:center}
.header-social a,.header-search{width:27px;height:27px;border:1px solid #292929;border-radius:50%;display:grid;place-items:center;background:#0b0b0b;color:#bdbdb7;font:700 11px/1 Arial,sans-serif;transition:.15s}
.header-social a:hover,.header-search:hover{border-color:#666;color:#fff}.header-search{cursor:pointer;font-size:18px}
.site-search-panel{width:min(calc(100% - 32px),var(--max));margin:0 auto 10px;display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border:1px solid #262626;background:#0c0c0c;border-radius:12px}
.site-search-panel[hidden]{display:none}.site-search-panel label span{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.site-search-panel input{width:100%;height:40px;border:0;border-bottom:1px solid #292929;background:transparent;color:#fff;padding:0 4px;outline:0}
.site-search-panel button{border:0;border-radius:9px;background:var(--green);color:#090b00;font-weight:800;padding:0 16px;cursor:pointer}

.wrap{padding-top:48px}.archive-hero{padding-top:4px}.archive-hero h1{font-size:clamp(54px,8.5vw,112px)}
.eyebrow,.artist-kicker{color:var(--green)}.button.primary{background:var(--green);border-color:var(--green);color:#090b00}
.artist-card,.artist-hero,.track-list,.related-card,.empty-state,.note{border-color:#262626}
.artist-card{border-radius:16px}.artist-card-media{background:#121212}.artist-card-body{padding:16px}
.artist-hero{border-radius:20px}.artist-art{border-radius:14px}.metrics{border-radius:12px}
.track-list{border-radius:12px}.track-row{background:#0e0e0e}.track-row:hover{background:#141414}
.track-cover{border-radius:7px}.track-dates div{background:#090909}.social a{border-bottom-color:#3d3d3d}

.site-newsletter{border-top:1px solid #222;border-bottom:1px solid #222;background:#0c0c0c;padding:42px 24px}
.newsletter-inner{width:min(100%,var(--max));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:38px;align-items:center}
.newsletter-kicker{display:block;margin-bottom:9px;color:var(--green);font:800 10px/1.2 "Syne",sans-serif;letter-spacing:.15em;text-transform:uppercase}
.site-newsletter h2{margin:0 0 8px;font:800 clamp(26px,3.2vw,42px)/1 "Syne",sans-serif;letter-spacing:-.035em;color:#fff}
.site-newsletter p{margin:0;max-width:720px;color:#9d9d98;font-size:13px;line-height:1.65}
.newsletter-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid var(--green);border-radius:999px;color:#0b0d00!important;background:var(--green);font:800 12px/1 "Syne",sans-serif}

.site-footer{border-top:0!important;padding:42px 24px 118px!important;background:#080808!important;text-align:left!important}
.footer-inner{width:min(100%,var(--max));margin:0 auto;display:grid!important;grid-template-columns:1.25fr .8fr 1fr 1.35fr!important;gap:34px!important;align-items:start}
.footer-brand img{height:44px!important;width:auto}.footer-brand h2{margin:13px 0 0;font:800 20px/1.05 "Syne",sans-serif;letter-spacing:-.03em;color:#fff}
.footer-column strong{display:block;margin:0 0 10px!important;font:800 10px/1.2 "Syne",sans-serif!important;letter-spacing:.11em;text-transform:uppercase;color:#f3f3f0!important}
.footer-column span,.footer-column a{color:#9a9a96!important;font-size:12px!important;line-height:1.6!important}
.footer-plus strong{font-size:18px!important;letter-spacing:-.02em!important;text-transform:none!important;color:var(--green)!important}.footer-plus a{margin-bottom:6px}
.footer-bottom{width:min(100%,var(--max));margin:30px auto 0;padding-top:20px;border-top:1px solid #252525;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-links{margin:0!important;display:flex;flex-wrap:wrap;gap:17px!important;color:#c6c6c1!important;font-size:11px!important}.footer-links a:hover{color:#fff}
.footer-bottom small{color:#74746f;font-size:10px;white-space:nowrap}

.louder-player{
  left:50%!important;right:auto!important;bottom:10px!important;width:min(calc(100% - 24px),1180px);transform:translateX(-50%);
  grid-template-columns:42px 48px minmax(0,1fr) auto auto 120px!important;gap:10px!important;
  padding:9px 12px!important;border:1px solid #303030!important;border-radius:13px!important;
  background:rgba(8,8,8,.97)!important;box-shadow:0 12px 42px rgba(0,0,0,.48)!important
}
.player-play{background:var(--green)!important;color:#080a00!important}.player-title{display:flex;align-items:center;gap:7px}.player-copy strong{font:800 10px/1.1 "Syne",sans-serif!important;letter-spacing:.02em}
.player-live{margin-left:0!important;color:var(--green)!important}.player-track{margin-top:5px!important;font-size:12px!important}
.player-artist-link,.player-donate{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid #383838;border-radius:999px;color:#d7d7d2;font-size:10px}
.player-artist-link[hidden]{display:none}.player-donate{border-color:#465900;color:var(--green)}
.player-volume{display:flex;align-items:center;gap:7px}.player-volume span{font-size:8px;color:#777;letter-spacing:.08em}.player-volume input{width:92px;accent-color:var(--green)}

@media(max-width:1040px){
 .header-inner{grid-template-columns:132px minmax(0,1fr) auto}.main-nav{gap:13px!important;font-size:11px!important}.header-social a:nth-child(-n+2){display:none}
}
@media(max-width:860px){
 .header-inner{grid-template-columns:1fr auto auto}.brand img{height:34px}.nav-toggle{display:block!important;grid-column:3}
 .header-actions{grid-column:2;grid-row:1}.header-search{display:none}.header-social a{display:grid!important}
 .main-nav{display:none!important;position:absolute;top:72px;left:12px;right:12px;z-index:40;padding:12px!important;background:#0b0b0b;border:1px solid #282828;border-radius:12px;flex-direction:column;align-items:stretch!important;gap:0!important}
 .main-nav.open{display:flex!important}.main-nav a{padding:11px 10px!important}.main-nav a:after{display:none}
 .newsletter-inner{grid-template-columns:1fr}.newsletter-button{justify-self:start}
 .footer-inner{grid-template-columns:1fr 1fr!important}.footer-bottom{align-items:flex-start;flex-direction:column}
 .louder-player{grid-template-columns:40px 42px minmax(0,1fr) auto auto!important}.player-volume{display:none}
}
@media(max-width:560px){
 .header-inner{width:calc(100% - 24px)}.header-social a:nth-child(-n+3){display:none!important}.brand img{height:31px}
 .wrap{padding-top:34px}.archive-hero h1{font-size:56px}.archive-hero>p{font-size:15px}
 .site-newsletter{padding:34px 18px}.site-footer{padding:34px 18px 118px!important}.footer-inner{grid-template-columns:1fr!important;gap:24px!important}
 .louder-player{width:calc(100% - 12px);bottom:6px!important;grid-template-columns:38px 40px minmax(0,1fr) auto!important;padding:7px 8px!important}
 .player-donate,.player-artist-link{display:none!important}.player-cover{width:40px;height:40px}.player-play{width:38px;height:38px}.player-track{font-size:10px!important}
}

.artist-card{content-visibility:auto;contain-intrinsic-size:320px}
.archive-more{display:flex;justify-content:center;margin:26px 0 0}.archive-more [hidden]{display:none}
.archive-more .button{min-width:190px}