@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Oswald:wght@400;500;600;700&display=swap');
:root{--bg:#080808;--pink:#e82e70;--cream:#f4e3c3;--border:#d9c7a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font:17px/1.5 'Oswald',sans-serif}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3,.button,.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900}h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1;color:var(--pink);letter-spacing:.02em}h3{font-size:1.6rem}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,40px);position:sticky;top:0;z-index:10;background:rgba(0,0,0,.96);border-bottom:1px solid #333}.brand{font-size:2.2rem;line-height:1;color:var(--pink);text-decoration:none;transform:rotate(-3deg)}.topbar nav{display:flex;gap:clamp(12px,2vw,28px)}.topbar nav a{font:700 15px 'Barlow Condensed',sans-serif;text-transform:uppercase;text-decoration:none}.topbar nav a:hover,.topbar nav a:focus{color:var(--pink)}.menu-toggle{display:none;background:none;color:var(--cream);border:1px solid var(--cream);padding:4px 12px;font-size:25px}.paper-frame{border:3px solid var(--border);margin:8px 14px;padding:clamp(20px,3vw,36px)}.hero{min-height:530px;display:grid;grid-template-columns:44% 56%;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 20%,#282017 0%,transparent 45%),#080808}.hero-copy{position:relative;z-index:2}.stars{font-size:26px;letter-spacing:20px}.hero h1{font-size:clamp(6rem,13vw,13rem);line-height:.73;color:var(--pink);letter-spacing:-.04em;transform:rotate(-4deg);margin:40px 0}.sticker{display:inline-block;background:var(--cream);color:#000;font:900 clamp(1.5rem,3vw,3rem) 'Barlow Condensed',sans-serif;padding:3px 15px;transform:rotate(-4deg)}.hero-copy p{font-weight:600;font-size:clamp(1rem,1.8vw,1.5rem);max-width:390px;margin:24px 0}.hero-art{align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-art img{width:100%;height:100%;max-height:590px;object-fit:contain;filter:contrast(1.1)}.art-placeholder{color:var(--cream);border:2px dashed #635b4d;padding:50px;text-align:center;font-size:2rem;font-weight:800;transform:rotate(3deg)}.button{display:inline-block;background:var(--pink);color:var(--cream);padding:9px 24px;font-size:1.45rem;text-decoration:none;line-height:1.1;border:0;transform:rotate(-2deg);transition:transform .2s}.button:hover,.button:focus{transform:rotate(0) scale(1.04)}.section{padding:25px 30px}.next-concert{display:grid;grid-template-columns:minmax(160px,28%) 1fr;gap:36px;align-items:center}.poster{min-height:230px;border:2px solid var(--border);display:grid;place-items:center;font-size:2rem;color:var(--pink);font-weight:900}.poster img{display:block;width:100%;max-height:360px;object-fit:contain}.date{font:900 clamp(2.7rem,6vw,5.5rem)/1 'Barlow Condensed',sans-serif}.date span{color:var(--pink)}.gig h3{margin:10px 0}.gig p{max-width:670px}.about-grid{display:grid;grid-template-columns:24% 1fr;gap:25px}.about-grid strong{color:var(--pink)}.members{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.member{text-align:center;border:2px solid var(--border);padding:8px;background:#12100e}.member-photo{aspect-ratio:1/1;display:grid;place-items:center;background:var(--cream);color:#111;font-size:3rem;overflow:hidden}.member-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.25)}.member h3{background:#0b0b0b;color:var(--pink);font-size:1.7rem;margin:0}.member strong{display:block;font-size:.9rem}.member p{font-size:.82rem}.lower-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 14px}.lower-grid .paper-frame{margin:0;border-width:2px;padding:22px}.songs{padding:0;list-style:none;columns:2}.songs li{break-inside:avoid;margin:0 0 12px;font-size:.92rem;text-transform:uppercase}.songs li:before{content:'★';color:var(--pink);margin-right:8px}.past-row{font-size:.9rem;border-bottom:1px solid #373029;padding-bottom:6px}.past-row time{color:var(--pink)}.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:18px}.insta-grid a{aspect-ratio:1;display:block;background:#2b2427}.insta-grid img{width:100%;height:100%;object-fit:cover}.contact{text-align:center}.site-footer{text-align:center;background:var(--cream);color:#000;margin:12px 14px 20px;padding:14px;font:900 clamp(1.4rem,3vw,2.6rem) 'Barlow Condensed',sans-serif}.site-footer span{color:#c32862}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:900px){.topbar nav{display:none;position:absolute;top:66px;left:0;right:0;background:#111;flex-direction:column;padding:20px}.topbar nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(5rem,19vw,9rem);margin:25px 0}.hero-art{min-height:300px}.about-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}.lower-grid .paper-frame{margin-bottom:8px}.members{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.paper-frame{margin:6px;border-width:2px;padding:16px}.hero h1{font-size:22vw}.hero-copy p{margin:16px 0}.next-concert{grid-template-columns:1fr;gap:15px}.poster{max-width:280px}.section{padding:20px}.members{gap:7px}.member{padding:4px}.member h3{font-size:1.4rem}.lower-grid{margin:0 6px}.site-footer{margin:6px;font-size:1.4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}