@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap');
:root{--bg:#101113;--panel:#17191c;--white:#f5f3ef;--muted:#a5a5a5;--red:#e3312d;--line:#333538}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.hero{min-height:88vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 35%,#542b2b 0%,#241d21 23%,#111214 60%),linear-gradient(120deg,#151619,#0b0c0e)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,10,.9),rgba(7,8,10,.25)),repeating-linear-gradient(115deg,transparent 0 60px,rgba(255,255,255,.025) 61px 62px)}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 30%)}.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid #ffffff20}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:27px;letter-spacing:1.5px;line-height:1}.brand span{color:var(--red);margin-left:5px}.navlinks{display:flex;gap:28px;text-transform:uppercase;font-size:11px;letter-spacing:1.2px;font-weight:700}.navlinks a:hover,.text-link:hover{color:var(--red)}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero-content{position:relative;z-index:1;padding-top:clamp(90px,14vh,155px);padding-bottom:110px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;font-weight:700;color:#d5d5d5}.eyebrow.red{color:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}h1{font-size:clamp(76px,13vw,160px);line-height:.77;letter-spacing:-2px;margin:30px 0}h1 em,h2 em{font-style:normal;color:var(--red)}.hero-line{font-size:15px;letter-spacing:1px;color:#d0d0d0;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:35px;background:var(--red);padding:14px 20px;font-size:10px;font-weight:800;letter-spacing:1.3px}.button span{font-size:18px}.hero-bottom{position:absolute;z-index:1;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#aaa}.section{padding:105px 0}.intro{max-width:1120px}.intro h2,.section h2{font-size:clamp(46px,7vw,76px);line-height:.98;margin:20px 0}.intro h2 em,.story h2 em,.contact h2 em{font-weight:500}.lead{max-width:650px;font-size:18px;line-height:1.8;color:#c2c2c2;margin:28px 0}.text-link{display:inline-flex;gap:20px;font-size:10px;letter-spacing:1.5px;font-weight:800;border-bottom:1px solid #555;padding:8px 0}.band{background:#17181a;border-top:1px solid #292a2c;border-bottom:1px solid #292a2c}.members{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--line)}.members article{padding:26px 24px 24px 0;border-bottom:1px solid var(--line);min-height:140px}.member-no{font-size:10px;color:var(--red);letter-spacing:2px}.members h3{font-size:27px;margin:10px 0 0}.members p{font-size:12px;color:var(--muted);margin:0}.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.story h2{margin-top:25px}.story-copy p{color:#c2c2c2;margin-bottom:23px}.story-copy strong{color:#fff}.music{background:#17181a;border-top:1px solid #292a2c}.albums{margin-top:45px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.album{background:#17181a;display:grid;grid-template-columns:155px 1fr;gap:24px;align-items:center;padding:22px}.album.featured{grid-column:1/-1;grid-template-columns:210px 1fr;padding:28px}.album-art{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;padding:15px;position:relative;overflow:hidden;background:linear-gradient(145deg,#452122,#15171a 65%);border:1px solid #ffffff1c}.album-art:before{content:"";position:absolute;width:130%;height:50%;left:-15%;top:25%;transform:rotate(-35deg);background:linear-gradient(90deg,transparent,#ffffff0b,transparent)}.album-art span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;font-weight:900;letter-spacing:-3px;z-index:1}.album-art small{align-self:flex-end;font-weight:700;letter-spacing:2px;z-index:1}.art-2024{background:linear-gradient(140deg,#792b27,#282125 55%,#08090a)}.art-2019{background:linear-gradient(140deg,#313b48,#17181a 60%,#5d2826)}.art-2016{background:linear-gradient(140deg,#b7a078,#2b2927 50%,#151515)}.art-2012{background:linear-gradient(140deg,#253b4b,#131517 55%,#81382d)}.art-2011{background:linear-gradient(140deg,#333,#0c0c0c 50%,#5a2b27)}.art-1984{background:linear-gradient(140deg,#5a4234,#111 65%,#3e2723)}.album-year{font-size:9px;letter-spacing:1.5px;color:var(--red);font-weight:800;margin-bottom:8px}.album h3{font-size:28px;line-height:1.05;margin-bottom:12px}.album p:not(.album-year){font-size:12px;color:#aaa}.album .text-link{margin-top:8px}.videos .lead{margin-top:10px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.video-card{background:#1a1b1e;border:1px solid #333;min-height:145px;padding:22px;display:flex;align-items:center;gap:15px;transition:background .2s,border .2s}.video-card:hover{background:#242528;border-color:var(--red)}.play{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--red);color:var(--red);border-radius:50%;font-size:12px;flex-shrink:0}.video-card small,.video-card strong{display:block}.video-card small{font-size:8px;letter-spacing:1.5px;color:#999;margin-bottom:5px}.video-card strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:21px;line-height:1.1}.arrow{margin-left:auto;color:var(--red)}.contact{background:linear-gradient(120deg,#5c2424,#201719 55%,#131416);border-top:1px solid #5a3030}.contact-inner{display:grid;grid-template-columns:1fr .7fr;gap:100px;align-items:center}.contact h2{font-size:clamp(58px,8vw,92px);line-height:.9}.contact p:not(.eyebrow){color:#ddd;max-width:420px}.contact-links{border-top:1px solid #ffffff40}.contact-links a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ffffff40;font-size:11px;letter-spacing:1.4px;font-weight:800}.contact-links span{color:#ff7771}footer{background:#090a0b;padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p,.footer-inner>a:last-child{font-size:9px;color:#888;letter-spacing:1px;margin:0}.footer-inner>a:last-child:hover{color:#fff}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}.nav{padding:20px 0}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:70px;right:0;background:#151619;border:1px solid #333;padding:20px;flex-direction:column;gap:18px;min-width:180px}.navlinks.open{display:flex}.hero{min-height:780px}.hero-content{padding-top:140px}.hero-bottom{font-size:8px;letter-spacing:1px}.section{padding:75px 0}.members{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr;gap:15px}.albums{grid-template-columns:1fr}.album.featured{grid-column:auto;grid-template-columns:140px 1fr;padding:18px}.album{grid-template-columns:120px 1fr;padding:16px;gap:16px}.album h3{font-size:24px}.album-art span{font-size:42px}.video-grid{grid-template-columns:1fr}.video-card{min-height:100px}.contact-inner{grid-template-columns:1fr;gap:35px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Local band logo and original album covers */
.brand-image{display:inline-flex;align-items:center;max-width:190px}
.brand-image img{display:block;width:100%;max-height:58px;object-fit:contain;object-position:left center}
.album-cover{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #ffffff1c}
.album.featured .album-cover{max-width:210px}
@media(max-width:760px){
 .brand-image{max-width:155px}
 .brand-image img{max-height:45px}
 .album.featured .album-cover{max-width:none}
}

/* Large original logo in the hero, replacing the introductory eyebrow and text logo */
.hero-logo{display:block;width:min(760px,92%);height:auto;max-height:48vh;object-fit:contain;object-position:left center;margin:0 0 30px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.42))}
@media(max-width:760px){.hero-logo{width:100%;max-height:38vh;margin-bottom:24px}}