*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#080808;color:#f2f2f2;font-family:"Roboto Condensed",Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 5%;background:linear-gradient(#080808cc,transparent);transition:.3s}.logo{font:700 22px/18px Oswald,sans-serif;letter-spacing:2px}.logo span{color:#aaa}.site-header nav{display:flex;gap:35px;font:600 14px Oswald;letter-spacing:2px}.site-header nav a:hover{color:#aaa}.menu-toggle{display:none;background:none;border:0;color:white;font-size:26px}.hero{height:100vh;min-height:650px;position:relative;display:flex;align-items:center;padding:0 8%;overflow:hidden;

background:url("WebBG_1.PNG") center/cover}.hero-overlay{position:absolute;inset:0;  
background:linear-gradient(90deg,#050505ee 0%,#05050599 45%,#05050533),linear-gradient(0deg,#080808 0%,transparent 35%)}.hero-content{position:relative;z-index:1}.eyebrow{font:600 13px Oswald;letter-spacing:5px;color:#aaa;margin-bottom:16px}.hero h1{font:700 clamp(80px,14vw,190px)/.78 Oswald;letter-spacing:-5px;text-shadow:8px 8px 0 #000}.hero h1 span,h2 span{color:#aaa}.tagline{margin:38px 0 30px;font:400 16px Oswald;letter-spacing:8px}.hero-buttons{display:flex;gap:14px}.btn{display:inline-block;padding:15px 25px;font:600 13px Oswald;letter-spacing:2px;border:1px solid #aaa;transition:.25s}.btn-primary{background:#eee;color:#080808;border-color:#eee}.btn:hover{transform:translateY(-2px);background:#aaa;border-color:#aaa}.btn-outline:hover{color:#080808}.scroll{position:absolute;bottom:30px;left:8%;font:12px Oswald;letter-spacing:4px;color:#888}.section{padding:120px 8%}.section-heading{margin-bottom:55px}.section-heading h2{font:600 clamp(45px,7vw,85px)/.9 Oswald;letter-spacing:-2px}.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.album-art{aspect-ratio:1;position:relative;overflow:hidden;background:#111}.album-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.3)}.art-label{position:absolute;bottom:35px;left:35px;font:700 42px/.8 Oswald;letter-spacing:-1px}.release-type{font:13px Oswald;letter-spacing:4px;color:#888}.release-info h3{font:700 clamp(55px,7vw,95px)/.8 Oswald;margin:18px 0 25px}.release-info>p:not(.release-type){max-width:520px;color:#999;line-height:1.7;font-size:16px}.stream-links{display:flex;gap:20px;margin:30px 0;font:600 12px Oswald;letter-spacing:2px}.stream-links a:hover,.product a:hover,.socials a:hover{color:#aaa}.fake-player{display:flex;align-items:center;gap:15px;border-top:1px solid #333;padding-top:20px}.play{width:42px;height:42px;border:1px solid #777;background:#eee;color:#080808;border-radius:50%;cursor:pointer}.track-line{height:2px;background:#333;flex:1}.track-line span{display:block;width:32%;height:100%;background:#eee}.time{font-size:12px;color:#777}
.shows-section{background:#0d0d0d}.show{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:30px;border-top:1px solid #292929;padding:25px 0}.show:last-child{border-bottom:1px solid #292929}.date{display:flex;flex-direction:column;text-align:center}.date strong{font:700 48px/.8 Oswald}.date span{font:12px Oswald;letter-spacing:3px;color:#999;margin-top:8px}.show-info h3{font:600 25px Oswald}.show-info p{color:#777;margin-top:5px}.ticket{border:1px solid #555;padding:12px 18px;font:600 11px Oswald;letter-spacing:2px}.ticket:hover{background:#eee;
color:#080808}.intro{max-width:750px;color:#999;line-height:1.8;font-size:18px;
margin:-20px 0 55px}
.members{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.member{position:relative;overflow:hidden;background:#111}
.member img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(1);transition:.5s}.member:hover img{transform:scale(1.05);filter:grayscale(.5)}
.member div{position:absolute;bottom:0;width:100%;padding:30px 18px 18px;background:linear-gradient(transparent,#000)}
.member h3{font:600 21px Oswald}.member p{font-size:11px;color:#aaa;letter-spacing:3px;margin-top:5px}.gallery-section{background:#0d0d0d}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1);transition:.3s}.gallery img:hover{filter:grayscale(0);transform:scale(1.01)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.product img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1);transition:.5s}.product:hover img{transform:scale(1.05);filter:grayscale(.5)}
.product h3{font:600 20px Oswald;margin:16px 0 5px}.product p{color:#888;margin-bottom:14px}.product a{font:600 11px Oswald;letter-spacing:2px}.contact{padding:100px 8%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #222}.contact h2{font:600 clamp(50px,8vw,100px)/.85 Oswald}.contact .btn{margin-top:30px}footer{padding:50px 8%;border-top:1px solid #222;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-logo{font:700 28px Oswald;letter-spacing:3px}.socials{display:flex;gap:20px;font:11px Oswald;letter-spacing:2px}footer p{font-size:10px;color:#555}@media(max-width:800px){.site-header nav{display:none}.menu-toggle{display:block}.site-header.menu-open nav{display:flex;position:absolute;top:75px;left:0;width:100%;padding:25px 5%;background:#080808;flex-direction:column;gap:20px}.hero{padding:0 7%;background-position:65% center}.hero h1{font-size:23vw}.tagline{font-size:12px;letter-spacing:4px}.hero-buttons{flex-direction:column;align-items:flex-start}.section{padding:85px 7%}.release-grid{grid-template-columns:1fr;gap:40px}.members,.products{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.show{grid-template-columns:65px 1fr}.ticket{display:none}.contact{display:block}.contact .btn{margin-top:35px}footer{flex-direction:column;align-items:flex-start}.socials{flex-wrap:wrap}}@media(max-width:480px){.members,.products,.gallery{grid-template-columns:1fr}.section-heading h2{font-size:50px}.stream-links{flex-wrap:wrap}.show-info h3{font-size:20px}}
