*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{
  --ink:#0b132b;
  --sea:#1f6f78;
  --foam:#e7f2ef;
  --sun:#f0a202;
  --peach:#f07427;
  --sage:#2d5d59;
  --paper:#f5e8d7;
}
body{font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
     line-height:1.6;color:var(--ink);background:var(--paper)}
.container{width:min(1100px,92%);margin:0 auto}
/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(245,232,215,.9);backdrop-filter:blur(8px);border-bottom:1px solid #d9c9b3}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}
.logo{font-weight:900;text-decoration:none;color:var(--ink);letter-spacing:.5px;display:inline-flex;align-items:center;gap:10px}
.logo-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sun);color:#000}
.nav{display:none;gap:18px;align-items:center}
.nav a{text-decoration:none;color:var(--ink)}
.btn{border:1px solid var(--ink);padding:8px 14px;border-radius:999px;text-decoration:none;display:inline-block}
.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-secondary{background:transparent;color:var(--ink)}
.hamburger{background:transparent;border:none;font-size:1.4rem}
@media (min-width:900px){.hamburger{display:none}.nav{display:inline-flex}#mobileNav{display:none !important}}
.mobile-nav{display:grid;gap:8px;padding:10px 4%;border-bottom:1px solid #d9c9b3;background:var(--paper)}

/* Hero */
.hero{position:relative;color:#fff;padding:110px 0 90px;background:linear-gradient(180deg,var(--sage),#0f3c3f)}
.hero-bg{position:absolute;inset:0;background-image:url('/assets/hero-brain-wave.jpg');background-size:cover;background-position:center;opacity:.25;mix-blend:multiply}
.hero-inner{position:relative;text-align:center}
.hero h1{font-size:clamp(2.2rem,5vw + 1rem,4rem);margin:0 0 12px;letter-spacing:2px}
.hero p{margin:0 0 22px;opacity:.95}
.cta-row{display:inline-flex;gap:12px;flex-wrap:wrap}

/* Sections */
.section{padding:68px 0}
.section-alt{background:#eef3ef}
.section h2{font-size:clamp(1.6rem,2.2vw + 1rem,2.2rem);margin:0 0 24px}
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.grid img{width:100%;height:240px;object-fit:cover;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.08)}

/* Albums */
.album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.album-card{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;border:1px solid #d7c9b5;border-radius:16px;background:#fff;padding:12px}
.album-card img{width:120px;height:120px;object-fit:cover;border-radius:12px}
.album-info h3{margin:.1rem 0 .3rem}
.album-info .links{display:flex;gap:12px;flex-wrap:wrap}
.album-info a{text-decoration:none;color:var(--sea);font-weight:600}

/* Shows */
.shows{display:grid;gap:10px}
.show{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #d7c9b5;border-radius:12px;background:#fff;padding:12px}
.show .meta{display:flex;gap:10px;flex-wrap:wrap;color:#4a4a4a}
.badge{display:inline-block;background:var(--sun);color:#000;border-radius:999px;padding:2px 10px;font-weight:700}
.small{font-size:.95rem;color:#57534e}

/* Forms */
label{display:grid;gap:6px;font-weight:600;font-size:.95rem}
input,textarea{font:inherit;padding:10px 12px;border:1px solid #cdbda5;border-radius:10px;background:#fff}
input:focus,textarea:focus{outline:3px solid #ffd68a;border-color:#b88400}

/* Footer */
.site-footer{border-top:1px solid #d9c9b3;padding:28px 0;background:#fff}
.site-footer .container{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.site-footer a{text-decoration:none;color:var(--sea);font-weight:600}