@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap');
:root{--bg:#101820;--navy:#162333;--gold:#c9a56b;--cream:#f6f0e4;--muted:#b6b7b6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;line-height:1.7}a{color:inherit}header{position:sticky;top:0;z-index:10;background:#101820ed;border-bottom:1px solid #c9a56b55;backdrop-filter:blur(8px)}.nav{max-width:1180px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-family:Georgia,serif;font-weight:bold;letter-spacing:.11em;color:var(--gold);font-size:1.2rem}.navlinks{display:flex;gap:20px;flex-wrap:wrap}.navlinks a{text-decoration:none;font-size:.9rem}.navlinks a:hover,.navlinks .active{color:var(--gold)}.hero{min-height:570px;display:grid;place-items:center;text-align:center;padding:85px 24px;background:linear-gradient(#101820b0,#101820ed),url('assets/band-photo.jpg') center 45%/cover}.eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-size:.77rem;font-weight:bold}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.2}h1{font-size:clamp(3rem,8vw,6.5rem);margin:20px 0}h2{font-size:clamp(2rem,5vw,3.5rem);margin:0 0 24px}h3{font-size:1.5rem;color:var(--gold)}.lead{font-size:1.18rem;max-width:720px;margin:0 auto 28px;color:#e6e0d6}.btn{display:inline-block;text-decoration:none;border:1px solid var(--gold);background:var(--gold);color:#101820;padding:12px 25px;font-weight:700;letter-spacing:.04em;margin:5px}.btn.outline{background:transparent;color:var(--gold)}.btn:hover{filter:brightness(1.12)}main section{padding:75px 24px}.wrap{max-width:1080px;margin:auto}.center{text-align:center}.narrow{max-width:760px;margin:auto}.gold{color:var(--gold)}.muted{color:var(--muted)}.panel{background:var(--navy);border:1px solid #c9a56b3a;padding:30px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--navy);border-top:3px solid var(--gold);padding:26px}.card h3{margin:0 0 10px}.card p{margin:0}.alt{background:#182535}.pagehero{padding:80px 24px 55px;text-align:center;background:linear-gradient(145deg,#182535,#101820)}.pagehero h1{font-size:clamp(2.6rem,6vw,4.6rem)}.songlist{columns:2;column-gap:40px;list-style:none;padding:0}.songlist li{padding:9px 0;border-bottom:1px solid #ffffff20}.songlist li:before{content:'✦';color:var(--gold);padding-right:12px}.photo{width:100%;height:auto;border:1px solid #c9a56b77}.contactline{font-size:clamp(1.1rem,3vw,1.7rem);overflow-wrap:anywhere}.contactline a{color:var(--gold)}footer{padding:35px 24px;text-align:center;border-top:1px solid #c9a56b55;color:var(--muted);font-size:.88rem}footer a{color:var(--gold)}.small{font-size:.9rem}.note{border-left:3px solid var(--gold);padding-left:18px;color:var(--muted)}@media(max-width:750px){.nav{flex-direction:column}.navlinks{justify-content:center;gap:12px}.grid,.four{grid-template-columns:1fr}.songlist{columns:1}.hero{min-height:490px}.brand{font-size:1rem}main section{padding:55px 20px}}