:root{
  --bg:#070707;
  --bg-soft:#11100f;
  --text:#f5f1e8;
  --muted:#beb5a6;
  --gold:#c9a86d;
  --gold-light:#eed39b;
  --line:rgba(255,255,255,.16);
  --shadow:0 22px 80px rgba(0,0,0,.62);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Arial Narrow",Impact,Haettenschweiler,system-ui,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 16% 2%,rgba(201,168,109,.13),transparent 25%),
    linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,.94)),
    url("assets/img/grit-texture.jpg"),
    var(--bg);
  letter-spacing:.03em;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:120px 120px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 80%);z-index:-1}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
p{font-family:Arial,Helvetica,sans-serif;line-height:1.7;letter-spacing:.01em;color:var(--muted)}
.skip-link{position:absolute;left:-999px;top:auto;background:var(--gold);color:#000;padding:10px;z-index:20}.skip-link:focus{left:12px;top:12px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,54px);background:linear-gradient(rgba(0,0,0,.86),rgba(0,0,0,.22));backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{font-family:Impact,"Arial Black",sans-serif;font-size:22px;line-height:.8;text-transform:uppercase;letter-spacing:.02em;transform:skew(-8deg);display:inline-grid;text-shadow:2px 2px 0 #000}.brand span:first-child{font-size:1.15em}.brand span:last-child{margin-left:18px;color:var(--gold)}
.site-nav{display:flex;gap:24px;font-size:13px;text-transform:uppercase;letter-spacing:.16em}.site-nav a{padding:8px 0;border-bottom:1px solid transparent}.site-nav a:hover{border-color:var(--gold);color:var(--gold)}
.nav-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);padding:10px 14px;text-transform:uppercase;letter-spacing:.16em}
.section-pad{padding:92px clamp(20px,5vw,80px)}
.hero{min-height:860px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.72fr);gap:clamp(28px,5vw,70px);align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 48%,rgba(0,0,0,.36) 100%),url("assets/img/hero-terry.jpg") center right/cover no-repeat;border-bottom:1px solid var(--line);padding-top:140px}
.eyebrow{font-size:15px;color:var(--gold);text-transform:uppercase;letter-spacing:.22em;margin:0 0 15px;font-family:"Arial Narrow",Impact,sans-serif}.hero h1{font-size:clamp(70px,11vw,155px);line-height:.76;margin:0 0 28px;text-transform:uppercase;text-shadow:5px 5px 0 #000;letter-spacing:-.05em;transform:skew(-7deg)}.hero__copy{font-size:19px;max-width:560px}.button-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.11em;font-size:14px;transition:.2s;background:rgba(255,255,255,.035)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn--gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#070707;border:0}.btn--ghost{background:rgba(255,255,255,.035)}
.hero-release{border:1px solid var(--line);padding:22px;background:linear-gradient(145deg,rgba(9,9,9,.86),rgba(18,16,14,.72));box-shadow:var(--shadow);backdrop-filter:blur(5px)}.hero-release h2{font-size:clamp(34px,4.5vw,64px);line-height:.9;text-transform:uppercase;margin:20px 0 12px}.album-art{position:relative;aspect-ratio:1;background:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.66)),url("assets/img/photo-mic.jpg") center/cover no-repeat;border:1px solid rgba(255,255,255,.2);overflow:hidden}.album-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(201,168,109,.22),transparent 32%),linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.055) 49% 51%,transparent 52%)}.album-logo{position:absolute;top:18px;left:18px;font-size:28px;line-height:.78;transform:skew(-8deg);text-shadow:2px 2px 0 #000}.album-title{position:absolute;left:18px;right:18px;bottom:18px;font-family:Georgia,serif;font-size:clamp(20px,2.8vw,34px);line-height:1.05;text-shadow:2px 2px 0 #000}.text-link{color:var(--gold);text-transform:uppercase;border-bottom:1px solid var(--gold);letter-spacing:.16em;font-size:14px}
.release-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.release-card{padding:48px clamp(22px,5vw,80px);background:linear-gradient(135deg,rgba(18,17,16,.96),rgba(10,10,10,.96));min-height:285px;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;position:relative;overflow:hidden}.release-card:after{content:"";position:absolute;inset:auto -40px -70px auto;width:240px;height:240px;border:1px solid rgba(201,168,109,.23);transform:rotate(20deg)}.release-card h2{font-size:clamp(34px,5vw,66px);line-height:.92;margin:0 0 16px;text-transform:uppercase;max-width:680px}.release-card p:not(.eyebrow){max-width:520px}.release-card .btn{position:relative;z-index:1;white-space:nowrap;margin-top:7px}
.listen{max-width:var(--max);margin:0 auto}.section-head{margin-bottom:28px}.section-head--center{text-align:center}.section-head h2,.about h2,.contact h2{font-size:clamp(38px,6vw,78px);line-height:.9;text-transform:uppercase;margin:0 0 18px}.section-head p:not(.eyebrow){max-width:620px;margin-left:auto;margin-right:auto}.embed-wrap{border:1px solid var(--line);background:rgba(255,255,255,.04);padding:12px;box-shadow:var(--shadow);border-radius:16px;max-width:850px;margin:0 auto 24px}.platform-grid{max-width:850px;margin:20px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.platform-grid a{border:1px solid var(--line);padding:15px;background:rgba(255,255,255,.035);font-family:Arial,Helvetica,sans-serif;text-align:center}.platform-grid a:hover{border-color:var(--gold);color:var(--gold)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(13,12,11,.88)}.stats div{padding:28px 20px;text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}.stats strong{display:block;font-size:clamp(26px,4vw,46px);text-transform:uppercase;line-height:.9}.stats span{display:block;margin-top:8px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:12px}
.about{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.frame{border:1px solid var(--line);padding:10px;background:rgba(255,255,255,.03);box-shadow:var(--shadow)}.about__text p{max-width:650px}
.media{max-width:var(--max);margin:0 auto}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.video-card{border:1px solid var(--line);background:rgba(255,255,255,.03);padding:10px;position:relative}.video-card img{aspect-ratio:16/10;object-fit:cover;filter:saturate(.88) contrast(1.08)}.video-card span{display:block;padding:14px 8px 4px;text-align:center;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.video-card:hover{border-color:var(--gold)}.video-card:hover span{color:var(--gold)}
.contact{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr minmax(280px,420px);gap:30px;align-items:center;background:linear-gradient(90deg,rgba(17,16,15,.95),rgba(6,6,6,.95)),url("assets/img/photo-band.jpg") center/cover no-repeat;background-blend-mode:multiply}.contact p{max-width:560px}.contact-card{display:grid;gap:14px;border:1px solid var(--line);padding:18px;background:rgba(0,0,0,.44);box-shadow:var(--shadow)}
.site-footer{padding:34px clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer p{font-size:13px;margin:0}.brand--footer{opacity:.62;font-size:18px}
@media(max-width:940px){.site-nav{gap:16px;font-size:12px}.hero{grid-template-columns:1fr;min-height:auto;background-position:65% center}.hero-release{max-width:520px}.release-strip,.about,.contact{grid-template-columns:1fr}.release-card{display:block}.release-card .btn{margin-top:18px}.button-row--right{justify-content:flex-start}}
@media(max-width:760px){.nav-toggle{display:block}.site-nav{position:absolute;top:72px;left:18px;right:18px;display:none;flex-direction:column;gap:0;background:rgba(8,8,8,.97);border:1px solid var(--line);padding:12px}.site-nav.is-open{display:flex}.site-nav a{padding:15px}.section-pad{padding:72px 20px}.hero{padding-top:128px;background-position:70% center}.hero h1{font-size:72px}.hero__copy{font-size:17px}.platform-grid,.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(1),.stats div:nth-child(2){border-bottom:1px solid var(--line)}.video-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;text-align:center}}
@media(max-width:500px){.platform-grid,.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line)}.stats div:last-child{border-bottom:0}.hero h1{font-size:58px}.release-card h2,.section-head h2,.about h2,.contact h2{font-size:38px}.site-header{padding:14px 16px}.brand{font-size:18px}.album-title{font-size:22px}.btn{width:100%}}


/* --- Phase 2.1 VPS/live layout hardening --- */
.hero{
  grid-template-columns:minmax(0,.88fr) minmax(280px,.52fr);
  gap:clamp(24px,4vw,54px);
  overflow:hidden;
}
.hero__copyblock{max-width:780px;min-width:0;position:relative;z-index:2;}
.hero h1{font-size:clamp(58px,7.8vw,126px);max-width:760px;word-break:normal;overflow-wrap:normal;}
.hero-release{position:relative;z-index:3;min-width:0;max-width:440px;justify-self:end;}
.hero-release h2{font-size:clamp(28px,2.6vw,44px);}
.album-art--large{max-width:360px;margin:0 auto;}

@media(max-width:1100px){
  .hero{grid-template-columns:minmax(0,1fr);align-items:start;background-position:65% center;}
  .hero__copyblock{max-width:760px;}
  .hero h1{font-size:clamp(58px,12vw,112px);max-width:720px;}
  .hero-release{justify-self:start;max-width:560px;width:100%;}
  .album-art--large{max-width:320px;margin:0;}
}

@media(max-width:760px){
  .hero{display:block;min-height:auto;padding-top:112px;background-position:68% center;}
  .hero__copyblock{max-width:100%;}
  .hero h1{font-size:clamp(48px,15vw,70px);line-height:.82;max-width:100%;margin-bottom:22px;}
  .hero-release{margin-top:34px;max-width:100%;width:100%;}
  .hero-release h2{font-size:32px;line-height:.94;}
  .album-art--large{max-width:260px;}
  .button-row{gap:12px;}
}

@media(max-width:500px){
  .hero h1{font-size:50px;line-height:.84;}
  .hero__copy{font-size:16px;}
  .hero-release{padding:18px;}
  .album-art--large{max-width:220px;}
}

/* Phase 3: real album/single artwork */
.album-art{background:#050505;border:1px solid rgba(255,255,255,.22)}
.album-art:before{display:none}
.album-art img{width:100%;height:100%;object-fit:cover;display:block}
.release-card--with-art{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}
.release-card--with-art .btn{margin-top:20px}
.release-art{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 55px rgba(0,0,0,.45)}
@media (max-width:760px){.release-card--with-art{grid-template-columns:96px 1fr;gap:16px}.release-card--with-art h2{font-size:clamp(28px,9vw,44px)}}
@media (max-width:480px){.release-card--with-art{grid-template-columns:1fr}.release-art{max-width:220px}}


/* Phase 4: simplified hero. Removed the duplicated album card so Terry's performance photo can breathe. */
.hero{
  min-height:820px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 35%,rgba(0,0,0,.42) 72%,rgba(0,0,0,.78) 100%),
    url("assets/img/hero-terry.jpg") center 38%/cover no-repeat;
  border-bottom:1px solid var(--line);
  padding-top:140px;
}
.hero__copyblock{max-width:760px;position:relative;z-index:2;}
.hero h1{font-size:clamp(70px,9vw,138px);max-width:760px;}
.release-strip{scroll-margin-top:90px;}

@media(max-width:940px){
  .hero{min-height:760px;background-position:58% center;}
}
@media(max-width:760px){
  .hero{min-height:720px;padding-top:128px;background-position:57% center;}
  .hero h1{font-size:clamp(52px,16vw,74px);}
}
@media(max-width:500px){
  .hero{min-height:690px;background-position:55% center;}
}