/* Basic resets */
*{box-sizing:border-box;margin:0;padding:0}
:root{
--accent:#d94a2a; /* warm orange-red */
--muted:#cfc8be;
--bg:#0b0b0b;
}
html,body{height:100%}
body{font-family:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;background:var(--bg);color:#fff;line-height:1.5}


/* NAV */
.nav{position:fixed;top:16px;right:20px;z-index:40;display:flex;gap:12px}
.nav a{color:var(--muted);text-decoration:none;font-size:0.95rem;padding:6px 10px;border-radius:6px;background:transparent}
.nav a:hover{background:rgba(255,255,255,0.04);color:#fff}


/* HERO */
.hero{height:95vh;display:flex;align-items:center;justify-content:center;position:relative;background:#000 url('assets/hero.jpg') center/cover no-repeat;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(3,3,3,0.55), rgba(3,3,3,0.75));mix-blend:multiply}
.hero::after{content:'';position:absolute;inset:0;background-image:url('assets/texture.png');opacity:0.15;mix-blend:overlay}
.hero-content{position:relative;z-index:10;text-align:center;padding:48px}
.bandname{font-family:'Fugaz One', 'Georgia', serif;font-size:clamp(36px,8vw,96px);letter-spacing:2px;color:#fff;text-shadow:0 6px 18px rgba(0,0,0,0.7)}
.tagline{color:var(--muted);margin-top:10px;font-weight:300}
.cta-row{display:flex;gap:12px;margin-top:18px;justify-content:center}
.cta{background:var(--accent);color:#111;padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:600}
.cta.ghost{background:transparent;border:2px solid rgba(255,255,255,0.06);color:var(--muted)}


/* Sections */
.section{padding:56px 20px;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,6,6,0.5) 100%)}
.wrap{max-width:900px;margin:0 auto}
.about h2,.music h2,.mail h2{font-size:1.9rem;margin-bottom:12px;color:#fff}
.about p{color:var(--muted);margin-top:10px}


/* Music links */
.links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.music-link{padding:10px 14px;border-radius:6px;background:rgba(255,255,255,0.03);text-decoration:none;color:var(--muted);font-weight:600}
.music-link:hover{background:rgba(255,255,255,0.06);color:#fff}


/* Subscribe */
.subscribe{display:flex;gap:8px;margin-top:14px;max-width:480px}
.subscribe input{flex:1;padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);color:#fff}
.subscribe button{padding:12px 16px;border-radius:6px;background:var(--accent);border:none;color:#111;font-weight:700}
.small{color:var(--muted);margin-top:8px;font-size:0.9rem}


/* Footer */
.site-footer{padding:28px;text-align:center;color:var(--muted);font-size:0.9rem}


/* Responsive */
@media (max-width:680px){
.nav{right:12px;top:8px}
.bandname{font-size:36px}
.subscribe{flex-direction:column}
.cta-row{flex-direction:column}
}


/* Utility */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}