*{box-sizing:border-box}
:root{--black:#070807;--cream:#f4f0df;--green:#19c878;--red:#ef3030;--gold:#e6c45a;--muted:#a9ada5}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:"Space Grotesk",Arial,sans-serif}
a{color:inherit;text-decoration:none}
.nav{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;text-transform:uppercase;letter-spacing:.12em}
.brand{font-weight:700}
.navlinks{display:flex;gap:28px;font-size:.78rem}
.navlinks a:hover{color:var(--green)}
.hero{position:relative;min-height:92vh;overflow:hidden;background:#111}
.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 45%,rgba(0,0,0,.18) 100%),url("images/sci-flies-van.jpg") center/cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--black),transparent 28%)}
.hero-copy{position:relative;z-index:2;min-height:92vh;display:flex;flex-direction:column;justify-content:center;padding:120px 8vw 80px;max-width:900px}
.kicker{font-size:.75rem;letter-spacing:.22em;font-weight:700;color:var(--green);margin:0 0 14px}
h1,h2{font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;letter-spacing:.025em;line-height:.84;margin:0}
h1{font-size:clamp(5.5rem,15vw,12rem)}
h1 span{color:var(--green)}
.tagline{font-weight:600;letter-spacing:.15em;font-size:clamp(.8rem,2vw,1.05rem);margin:28px 0}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-block;padding:14px 20px;font-size:.76rem;font-weight:700;letter-spacing:.1em;border:1px solid var(--green)}
.primary{background:var(--green);color:#041008}
.primary:hover{background:var(--cream)}
.ghost{background:rgba(0,0,0,.35)}
.ghost:hover{border-color:var(--cream)}
.section{padding:100px 8vw}
.section-heading{margin-bottom:45px}
h2{font-size:clamp(3.5rem,8vw,7rem)}
.shows{background:var(--cream);color:var(--black)}
.shows .kicker{color:#147447}
.show-placeholder{border:2px solid var(--black);padding:35px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.show-placeholder h3{font-size:1.5rem;margin:10px 0}
.show-placeholder p{max-width:650px;color:#454943}
.signal{font-size:.7rem;letter-spacing:.18em;font-weight:700;color:#147447}
.dark{background:#101210}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.media-card{border:1px solid #343934;padding:45px;min-height:280px}
.media-icon{font-size:3rem;color:var(--green)}
.media-card h3{font-family:"Bebas Neue",Impact,sans-serif;font-size:2.6rem;font-weight:400;margin:15px 0 5px}
.media-card p{color:var(--muted);max-width:420px}
.link-row,.socials{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;font-size:.72rem;font-weight:700;letter-spacing:.1em}
.link-row a,.text-link,.socials a{color:var(--green)}
.band{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}
.band-photo img{display:block;width:100%;height:auto}
.band-copy h2{margin-bottom:30px}
.band-copy p{color:#bfc3bd;line-height:1.7}
.photo-strip{display:grid;grid-template-columns:2fr 1fr 1fr;height:420px;overflow:hidden}
.photo-strip img{width:100%;height:100%;object-fit:cover}
.contact{background:var(--green);color:#061008;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.contact .kicker{color:#061008}
.contact h2{font-size:clamp(4rem,9vw,8rem)}
.contact-card{background:#07100a;padding:40px;color:var(--cream)}
.contact-card h3{font-family:"Bebas Neue",Impact,sans-serif;font-size:3rem;font-weight:400;margin:0 0 10px}
.contact-card p{color:#aab1aa;line-height:1.6}
.full{width:100%;text-align:center;margin:20px 0}
footer{padding:35px 8vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.68rem;letter-spacing:.12em;color:#7f857f}
@media(max-width:760px){.nav{padding:20px 5vw}.navlinks{display:none}.hero,.hero-copy{min-height:80vh}.hero-image{background-position:62% center}.hero-copy{padding:100px 6vw 70px}h1{font-size:clamp(5rem,24vw,8rem)}.section{padding:70px 6vw}.show-placeholder,.media-grid,.band,.contact{display:block}.show-placeholder .button{margin-top:25px}.media-card{margin-bottom:15px}.band-copy{margin-top:35px}.photo-strip{height:250px;grid-template-columns:1fr 1fr}.photo-strip img:last-child{display:none}.contact-card{margin-top:35px}footer{padding:30px 6vw}}

.show-list{display:flex;flex-direction:column;gap:14px}
.show{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:28px;border:2px solid var(--black);padding:22px 26px}
.date{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #777;padding-right:25px;font-family:"Bebas Neue",Impact,sans-serif;line-height:.85}
.date strong{font-size:1.15rem;color:#147447;letter-spacing:.08em}
.date span{font-size:4.2rem}
.show-info h3{font-family:"Bebas Neue",Impact,sans-serif;font-size:2rem;font-weight:400;margin:5px 0}
.show-info p{margin:5px 0;color:#454943}
.show-meta{font-size:.7rem!important;font-weight:700;letter-spacing:.13em;color:#147447!important}
@media(max-width:760px){
  .show{grid-template-columns:70px 1fr;gap:18px;padding:18px}
  .show .button{grid-column:2;width:max-content}
  .date{padding-right:15px}
  .date span{font-size:3.3rem}
  .show-info h3{font-size:1.55rem}
}