:root{--bg:#0b0b0d;--p:#16161a;--a:#ff2a2a;--b:#ffd400;--t:#eee}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t);font:16px/1.6 system-ui,sans-serif}a{color:var(--b)}
h1,h2,h3,.logo{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:1px}
.nav{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:#000d;border-bottom:3px solid var(--a)}
.logo{font-size:1.6rem;color:var(--a);text-decoration:none}#menu{background:none;border:0;color:#fff;font-size:1.6rem}
nav{display:none;position:absolute;top:100%;left:0;right:0;background:#000;flex-direction:column}nav.open{display:flex}nav a{padding:.8rem 1rem;color:#fff;text-decoration:none;font-weight:700}
.hero{min-height:88vh;display:flex;align-items:center;padding:2rem 1rem;background:radial-gradient(circle at 70% 30%,#ff2a2a55,transparent 60%),repeating-linear-gradient(-45deg,#111 0 20px,#0b0b0d 20px 40px)}
.tag{color:var(--b);font-weight:800;text-transform:uppercase}h1{font-size:clamp(3rem,14vw,8rem);line-height:.9}h1 span{display:block;color:var(--a);text-shadow:4px 4px 0 var(--b)}
.lede{max-width:34rem;margin:1rem 0;font-size:1.1rem}.btns,.listen{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin:1rem 0}
.btn{display:inline-block;background:var(--a);color:#fff;padding:.8rem 1.4rem;font-weight:800;text-transform:uppercase;text-decoration:none;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}.btn.alt{background:var(--b);color:#000}
section{padding:3.5rem 1rem;max-width:1100px;margin:auto}h2{font-size:2.4rem;color:var(--a);margin-bottom:1rem;border-left:8px solid var(--b);padding-left:.6rem}h3{margin:1.4rem 0 .6rem}
.grid{display:grid;gap:1rem;grid-template-columns:1fr}.card{background:var(--p);padding:1.2rem;border-top:4px solid var(--a);color:var(--t);text-decoration:none;transition:transform .15s}.card:hover{transform:translateY(-4px)}
.ph{height:140px;display:grid;place-items:center;background:#222;font:2.5rem Impact,sans-serif;color:var(--a);margin-bottom:.8rem}.role{color:var(--b);font-weight:700}.wanted{border-color:var(--b)}
.disc{display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.rel{background:var(--p);padding:.8rem;border-left:4px solid var(--a)}.rel b,.rel span{display:block}.rel span{color:#aaa;font-size:.85rem}.rel.new{border-color:var(--b)}
.gigs{list-style:none;padding:0}.gigs li{display:flex;gap:1rem;align-items:center;background:var(--p);padding:1rem;margin-bottom:.6rem;border-left:5px solid var(--a)}.gigs .past{opacity:.7;border-color:#555}
.d{font-weight:800;color:var(--b);min-width:7rem}.badge{margin-left:auto;background:var(--b);color:#000;padding:.1rem .5rem;font-weight:800}.sub,.inf{color:#bbb}.mail{margin:1rem 0;font-size:1.2rem}
footer{text-align:center;padding:2rem 1rem;border-top:3px solid var(--a);color:#888}.soc{display:flex;justify-content:center;gap:1.2rem;margin-bottom:.6rem;flex-wrap:wrap}.soc a{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:var(--b);font-weight:700}.soc a:hover{color:#fff}.soc .si{flex:none;vertical-align:middle}.contact-soc{justify-content:flex-start;margin-top:1.2rem}
@media(min-width:760px){#menu{display:none}nav{display:flex;position:static;flex-direction:row;background:none}.grid{grid-template-columns:repeat(4,1fr)}.disc{grid-template-columns:repeat(4,1fr)}}
.btn.sm{padding:.5rem 1rem;font-size:.85rem;margin-top:.5rem}.btn.dis{background:#444;cursor:not-allowed}
@media(min-width:760px){#merch .grid{grid-template-columns:repeat(5,1fr)}}
.hero{background:linear-gradient(180deg,#0b0b0dcc,#0b0b0dee 85%,#0b0b0d),radial-gradient(circle at 70% 30%,#ff2a2a40,transparent 60%),url(img/hero.webp) center/cover}
.live{margin:0;background:var(--p);border-top:4px solid var(--a)}.live img{display:block;width:100%;height:auto}.live figcaption{padding:.7rem 1rem;color:#bbb;font-size:.9rem}
.hero{max-width:none;padding-left:max(1rem,calc((100vw - 1100px)/2 + 1rem))}
.head{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1) contrast(1.1);margin-bottom:.8rem;border-bottom:4px solid var(--b)}
.bandimg{margin:0 0 1.2rem}.bandimg img{display:block;width:100%;height:auto;max-height:80vh;object-fit:cover;filter:grayscale(1);border:3px solid var(--a)}
@media(min-width:760px){#about{display:grid;grid-template-columns:minmax(0,420px) 1fr;column-gap:2rem;align-items:start}#about h2{grid-column:1/-1}.bandimg{grid-row:2/span 3}}
.head{height:auto}.bandimg{grid-row:auto}.abt p{margin-bottom:.8rem}
.bio{margin:.4rem 0;font-style:italic}
section{scroll-margin-top:64px}#merch>.sub{margin:.4rem 0 1rem}#merch .grid+.sub{margin-top:1.2rem}
.mail{display:inline-block;margin:0 1rem 1rem 0;vertical-align:middle}
.cov{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin-bottom:.5rem}
.pimg{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin-bottom:.8rem;background:#222}
.price{font:1.4rem Impact,sans-serif;color:var(--b);margin:.3rem 0}.prod{display:flex;flex-direction:column}.prod .btn{margin-top:auto;align-self:flex-start}
.ph-card{opacity:.75}
.eps{display:grid;gap:1.2rem}.logo4{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:520px;border:3px solid var(--a)}
.q{position:relative;display:block;line-height:0}.q img{width:100%;height:auto;display:block}
.q span{position:absolute;left:0;right:0;bottom:0;line-height:1.3;padding:.3rem .4rem;background:#000c;color:#fff;font-weight:700;font-size:.8rem;opacity:.9;transition:opacity .2s}
@media(hover:hover){.q span{opacity:0}.q:hover span,.q:focus span{opacity:1}}
.cap{margin-top:.5rem;max-width:520px}.disc.solo{grid-template-columns:1fr;max-width:260px}
.inperson{background:var(--p);border-left:5px solid var(--b);padding:.7rem 1rem;margin:0 0 1rem}
@media(min-width:760px){.eps{grid-template-columns:auto 260px;align-items:start}}
@media(min-width:760px){.eps{grid-template-columns:minmax(0,520px) 220px;justify-content:start;gap:2rem}}
.logo4{gap:10px;border:0;background:none}.q span{opacity:1!important;background:#000d;font-size:.85rem;padding:.35rem .5rem}
.q{border:2px solid var(--a)}
a.rel{color:var(--t);text-decoration:none;display:block}
.news{display:grid;gap:1.2rem}.post{background:var(--p);border-top:4px solid var(--a);display:grid}.post img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.post-body{padding:1rem 1.2rem}.post-date{color:var(--b);font-weight:800;font-size:.9rem}.post-text p{margin:.5rem 0}
.gallery{display:grid;gap:1rem;grid-template-columns:1fr}.gallery figure{margin:0;background:var(--p);border-top:4px solid var(--a)}
.gallery img{display:block;width:100%;height:260px;object-fit:cover}.gallery figcaption{padding:.6rem .8rem;color:#bbb;font-size:.9rem}
@media(min-width:760px){.post{grid-template-columns:1fr 1fr}.post img{height:100%;aspect-ratio:auto}.gallery{grid-template-columns:repeat(3,1fr)}}
/* v2 additions */
.skip{position:absolute;left:-999px;top:0;background:var(--b);color:#000;padding:.5rem 1rem;z-index:99}.skip:focus{left:0}
a:focus-visible,button:focus-visible{outline:3px solid var(--b);outline-offset:2px}
.hero-badge{margin-top:1rem;color:var(--b);font-weight:700;letter-spacing:.03em}
.yt{max-width:720px;aspect-ratio:16/9;margin:.5rem 0 1rem;background:#000;border-radius:8px;overflow:hidden}
.yt button{all:unset;cursor:pointer;display:block;position:relative;width:100%;height:100%}
.yt img,.yt iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
.yt .play{position:absolute;inset:0;margin:auto;width:76px;height:54px;border-radius:12px;background:var(--a);color:#fff;font-size:1.6rem;display:grid;place-items:center}
.press{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.pr{background:var(--p);border-left:4px solid var(--a);padding:1rem;border-radius:6px}.pr.radio{border-color:var(--b)}
.pr .k{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa}.pr h3{margin:.2rem 0}
.pr blockquote{font-style:italic;margin:.5rem 0;color:#ddd}.pr a{color:var(--b)}
.cta{background:linear-gradient(135deg,#ff2a2a33,#ffd40022);border:1px solid #ff2a2a66;border-radius:8px;padding:1.2rem;margin:1rem 0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Facebook Page Plugin in News */
.fb-wrap{margin:1rem 0 1.5rem;text-align:center}
.fb-feed{display:block;width:100%;max-width:500px;height:700px;margin:0 auto;background:var(--p);border-radius:8px;border:1px solid #333}
.fb-actions{margin:1rem 0 .5rem}
.fb-note{max-width:500px;margin:0 auto}
.site-updates{margin:1.5rem 0 .8rem;color:var(--b)}
@media(max-width:540px){.fb-feed{height:600px}}

/* Empty upcoming: active booking CTA */
.gigs .empty-up{flex-wrap:wrap;border-color:var(--b)}.gigs .empty-up .btn{margin-left:auto}

/* Booking channels */
.book-how{font-size:1.15rem;margin:1rem 0 .4rem}.book-btns{margin:.6rem 0 .8rem}

/* Press & Radio glow-up */
.press-feature{display:grid;gap:1.2rem;grid-template-columns:1fr;margin:1.2rem 0}
@media(min-width:860px){.press-feature{grid-template-columns:1.15fr 1fr;align-items:stretch}}
.pq,.chart-hl{position:relative;background:linear-gradient(160deg,#1d1d22,#121215);border:1px solid #2a2a30;border-top:4px solid var(--a);border-radius:8px;padding:1.4rem 1.4rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}
.pq::before{content:"\201C";position:absolute;right:.6rem;top:-1.6rem;font:10rem/1 Impact,"Arial Black",sans-serif;color:#ff2a2a22;pointer-events:none}
.pq-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.pq-outlet{font:1.7rem/1 Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:1px;color:#fff}
.pq-score{flex:none;background:var(--a);color:#fff;font:1.6rem/1 Impact,"Arial Black",sans-serif;padding:.45rem .7rem;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.pq-score small{font-size:.9rem;opacity:.85}
.pq .k,.chart-hl .k,.pr .k{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa}
.pq blockquote{position:relative;font-size:clamp(1.15rem,2.4vw,1.45rem);line-height:1.45;font-weight:600;color:#fff;border-left:4px solid var(--b);padding-left:1rem;margin:.4rem 0}
.pq-detail{color:#bbb;font-size:.95rem}
.pr-src{margin-top:auto;align-self:flex-start;color:var(--b);font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;text-decoration:none}.pr-src:hover{color:#fff}
.chart-hl{border-top-color:var(--b);background:radial-gradient(circle at 100% 0,#ffd40018,transparent 55%),linear-gradient(160deg,#1d1d22,#121215)}
.chart-hl h3{margin:.1rem 0 .3rem;font-size:1.35rem;color:#fff}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.stat{background:#0b0b0d;border:1px solid #2a2a30;border-radius:6px;padding:.7rem .5rem;text-align:center}
.stat b{display:block;font:clamp(1.9rem,5vw,2.6rem)/1 Impact,"Arial Black",sans-serif;color:var(--b)}
.stat span{display:block;margin-top:.3rem;font-size:.72rem;line-height:1.25;text-transform:uppercase;letter-spacing:.06em;color:#bbb}
.chart-detail{color:#bbb;font-size:.92rem}
.ones{list-style:none;padding:0;display:grid;gap:.45rem}
.ones li{display:flex;align-items:center;gap:.7rem;background:#0b0b0d;border-left:4px solid var(--a);padding:.45rem .7rem;border-radius:4px}
.n1{flex:none;font:1.3rem/1 Impact,"Arial Black",sans-serif;color:#000;background:var(--b);padding:.3rem .45rem;border-radius:3px}
.ones b{display:block;color:#fff}.ones small{display:block;color:#999;font-size:.8rem}
.press-more{margin-top:1.4rem;background:var(--p);border:1px solid #2a2a30;border-radius:8px}
.press-more summary{cursor:pointer;padding:.8rem 1rem;font:1.05rem Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:1px;color:#ddd;list-style:none;display:flex;align-items:center;gap:.5rem}
.press-more summary::-webkit-details-marker{display:none}
.press-more summary::before{content:"+";display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;background:var(--a);color:#fff;border-radius:3px;font-size:1rem}
.press-more[open] summary::before{content:"−"}.press-more summary span{color:#888;font-size:.9rem}
.arch{list-style:none;padding:0 1rem 1rem;display:grid;gap:.1rem}
.arch li{display:grid;grid-template-columns:6.5rem 1fr auto;gap:.8rem;align-items:baseline;padding:.6rem 0;border-top:1px solid #2a2a30;font-size:.92rem}
.arch .ad{color:var(--b);font-weight:700;font-size:.82rem}.arch small{color:#999}
.arch q{display:block;color:#ccc;font-style:italic;margin-top:.2rem}
.arch a{color:var(--b);font-weight:700;text-decoration:none;white-space:nowrap;font-size:.85rem}
@media(max-width:540px){.arch li{grid-template-columns:1fr auto}.arch .ad{grid-column:1/-1}.pq,.chart-hl{padding:1.1rem}.pq-outlet{font-size:1.4rem}}

/* Past Shows */
.past-shows{list-style:none;padding:0;display:grid;gap:.6rem;grid-template-columns:1fr}
.ps{display:flex;gap:.9rem;align-items:center;background:var(--p);padding:.7rem .9rem;border-left:4px solid #555;transition:border-color .15s}.ps:hover{border-left-color:var(--a)}
.ps-d{flex:0 0 3.6rem;display:flex;flex-direction:column;align-items:center;line-height:1.05;padding:.35rem 0;background:#0b0b0d;border-top:3px solid var(--a)}
.ps-m{font:.8rem Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--a)}.ps-day{font:1.5rem Impact,"Arial Black",sans-serif;color:var(--b)}.ps-y{font-size:.72rem;color:#999;font-weight:700}
.ps-v{display:flex;flex-direction:column;min-width:0}.ps-v b{color:#fff}.ps-c{color:#aaa;font-size:.85rem}.ps-v small{color:#ccc;font-size:.85rem}.ps-v .ps-n{color:var(--b);font-weight:700}
.past-shows .ps-more{display:none}.past-shows.all .ps-more{display:flex}
.past-toggle{margin-top:.8rem;background:none;border:2px solid var(--b);color:var(--b);padding:.5rem 1.1rem;font:.95rem Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.past-toggle:hover,.past-toggle:focus-visible{background:var(--b);color:#000}
@media(min-width:760px){.past-shows{grid-template-columns:1fr 1fr}}
.ps-w{margin-left:auto;flex:0 0 auto;align-self:center;color:#000;background:var(--b);padding:.25rem .6rem;font-weight:800;font-size:.8rem;text-transform:uppercase;text-decoration:none;white-space:nowrap}.ps-w:hover,.ps-w:focus-visible{background:var(--a);color:#fff}
.post-link{margin:.6rem 0 0}.post-link a{font-weight:600}
.uc{min-height:55vh;padding-top:6rem}.uc .cta{max-width:640px;margin:1.5rem auto;text-align:center}