*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#0b0807;color:#f4ece2}a{color:#ffb547}
.top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;flex-wrap:wrap;gap:8px}.logo{font:900 1.3rem/1 Impact,'Arial Black',sans-serif;letter-spacing:.06em;color:#fff;text-decoration:none}.logo span{color:#ffb547;margin-left:4px}nav a{margin-left:18px;color:#f4ece2;text-decoration:none;font-weight:600}
.hero{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;text-align:center;padding:90px 18px 40px;background:radial-gradient(ellipse at 50% 120%,#5a1a06 0%,#1a0a05 45%,#050303 75%)}
.spot{position:absolute;inset:0;background:conic-gradient(from 160deg at 30% -10%,transparent 0 12deg,rgba(255,200,120,.22) 18deg,transparent 26deg),conic-gradient(from 175deg at 72% -10%,transparent 0 10deg,rgba(255,120,60,.18) 16deg,transparent 24deg);pointer-events:none}
.heroin{position:relative;z-index:2;max-width:900px;width:100%}.kicker{text-transform:uppercase;letter-spacing:.35em;color:#ffb547;font-weight:700;font-size:.8rem}
.hero h1{font:900 clamp(2.6rem,9vw,6.2rem)/.92 Impact,'Arial Black',sans-serif;text-transform:uppercase;margin:.2em 0 .45em;text-shadow:0 6px 40px rgba(255,120,40,.35)}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffd27a,#ff6a2b);-webkit-background-clip:text;background-clip:text;color:transparent}
.search{display:flex;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,181,71,.4);border-radius:14px;padding:8px;backdrop-filter:blur(6px)}.search input{flex:1;min-width:0;background:transparent;border:0;color:#fff;font-size:1.15rem;padding:12px}.search input:focus{outline:none}
.btn{background:linear-gradient(90deg,#ffb547,#ff6a2b);color:#1a0a05;border:0;border-radius:10px;padding:12px 20px;font-weight:800;font-size:1rem;cursor:pointer;text-decoration:none;white-space:nowrap}
.filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0}.filters select,.ghost{background:#160e0a;color:#f4ece2;border:1px solid #4a3326;border-radius:10px;padding:10px 14px;font-size:.95rem;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{background:transparent;color:#f4ece2;border:1px solid rgba(255,181,71,.5);border-radius:999px;padding:7px 14px;cursor:pointer;font-size:.9rem}.chip.on,.chip:hover{background:#ffb547;color:#1a0a05}
.stat{opacity:.7;margin-top:22px;font-size:.9rem}.wrap{max-width:1100px;margin:auto;padding:24px 18px}h2{font:900 1.6rem Impact,'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:.03em;margin:28px 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.card{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;background:#150e0b;border:1px solid #2c1d15;border-radius:12px;padding:12px}
.date{text-align:center;background:#24150e;border-radius:8px;padding:6px 0;font-size:.75rem;text-transform:uppercase;color:#ffb547}.date b{display:block;font-size:1.4rem;color:#fff}.date small{display:block;opacity:.7}
.info h3{margin:2px 0;font-size:.98rem}.info p{margin:0;font-size:.83rem;opacity:.75}.tag{font-size:.7rem;color:#ffb547;text-transform:uppercase;letter-spacing:.08em}.card .btn{padding:8px 12px;font-size:.85rem}
.bands{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.bandcard{display:block;padding:18px;border-radius:12px;background:linear-gradient(135deg,#2a1208,#120a07);border:1px solid #3a2416;text-decoration:none;color:#f4ece2}.bandcard b{display:block;font-size:1.1rem}.bandcard span{opacity:.7;font-size:.88rem}
.rhead{display:flex;justify-content:space-between;align-items:center}.hero2{padding:110px 18px 30px;text-align:center;background:radial-gradient(ellipse at 50% 140%,#5a1a06,#0b0807 70%)}.hero2 h1{font:900 clamp(2rem,6vw,3.6rem)/1 Impact,'Arial Black',sans-serif;text-transform:uppercase;margin:0 0 8px}.hero2 p{opacity:.8}
.news{text-align:center;border-top:1px solid #2c1d15}.news form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.news input{padding:12px;border-radius:10px;border:1px solid #4a3326;background:#160e0a;color:#fff;font-size:1rem}footer{text-align:center;opacity:.5;font-size:.8rem;padding:24px}
@media(max-width:600px){nav a{margin-left:12px;font-size:.9rem}.search{flex-direction:column}.grid{grid-template-columns:1fr}.card{grid-template-columns:52px 1fr}.card .btn{grid-column:1/3;text-align:center}}

.featured{margin-top:-60px;position:relative;z-index:4;padding:22px;border-radius:18px;background:radial-gradient(ellipse at 50% 0,rgba(255,200,90,.18),transparent 70%),#140c07;border:1px solid rgba(255,196,80,.55);box-shadow:0 0 50px rgba(255,170,60,.18)}.featured h2{margin-top:0;color:#ffd27a}
.card.feat{border:1.5px solid #f5c24c;background:linear-gradient(135deg,#2b1a07,#150e0b 60%);box-shadow:0 0 22px rgba(245,194,76,.22)}.card.feat img{grid-column:1/-1;width:100%;height:140px;object-fit:cover;border-radius:8px}
.badge{display:inline-block;background:linear-gradient(90deg,#ffe08a,#f5b52e);color:#2a1503;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;margin-bottom:3px}.blurb{font-style:italic;color:#ffd27a;opacity:1!important;margin-top:4px!important}
.card.yours{grid-template-columns:1fr auto;text-decoration:none;color:#f4ece2;border:1.5px dashed #f5c24c;background:transparent}.hero2+.wrap .featured{margin-top:0}
.hero{background:linear-gradient(180deg,rgba(6,3,2,.78) 0%,rgba(10,5,3,.70) 45%,rgba(11,8,7,.96) 100%),radial-gradient(ellipse at 50% 120%,rgba(90,26,6,.55),transparent 70%),url(hero-instruments.webp) center 35%/cover no-repeat,#0b0807}
.hero h1{text-shadow:0 2px 18px rgba(0,0,0,.85),0 6px 40px rgba(255,120,40,.3)}.kicker,.stat{text-shadow:0 1px 8px #000}.search{background:rgba(10,6,4,.78)}.search input::placeholder{color:#cdbfb2}
@media(max-width:700px){.hero{background:linear-gradient(180deg,rgba(6,3,2,.80),rgba(10,5,3,.74) 50%,rgba(11,8,7,.96)),url(hero-instruments-mobile.webp) center 20%/cover no-repeat,#0b0807}}
.hero h1 em{background:linear-gradient(90deg,#ffe09a,#ff9a5a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
/* v3 hero: visible guitar, localized scrim */
.hero{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.12) 40%,rgba(11,8,7,.55) 82%,#0b0807 100%),url(hero-guitar.webp) center 40%/cover no-repeat,#0b0807}
.spot{opacity:.6}
.heroin{background:radial-gradient(ellipse at 50% 50%,rgba(8,4,2,.82) 0%,rgba(8,4,2,.72) 55%,rgba(8,4,2,0) 78%);padding:30px 28px;border-radius:28px}
.hero h1{text-shadow:0 2px 4px rgba(0,0,0,.9),0 4px 24px rgba(0,0,0,.85)}.search{background:rgba(8,5,3,.88)}.filters select,.ghost,.chip{background:rgba(12,7,4,.85)}
.stat{opacity:1;color:#e6d9cc}.top{background:linear-gradient(180deg,rgba(0,0,0,.6),transparent)}
@media(max-width:700px){.hero{background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.15) 45%,rgba(11,8,7,.6) 85%,#0b0807),url(hero-guitar-mobile.webp) center 30%/cover no-repeat,#0b0807}.heroin{padding:22px 12px}}
.heroin{background:rgba(8,4,2,.64);box-shadow:0 0 60px 36px rgba(8,4,2,.64);border-radius:32px}