:root{--ink:#17131f;--paper:#f7f3e9;--purple:#5627a5;--lime:#b8ff21;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:4;background:#fff;padding:.75rem}.band-wall{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:50vw;min-height:100svh}.tile{overflow:hidden;position:relative}.tile--brand,.tile--intro,.tile--feature,.tile--gigs{display:flex;flex-direction:column;justify-content:end;padding:clamp(1.25rem,4vw,4rem)}.tile--brand{align-items:center;justify-content:center;background:var(--purple);color:var(--lime)}.tile--feature{background:var(--lime)}.tile--gigs{background:#ff6442}.brand,.site-mark{font-weight:900;line-height:.73;letter-spacing:-.09em;text-decoration:none}.brand{font-size:clamp(2.35rem,8vw,7.5rem)}.brand span,.site-mark span{display:block}.eyebrow{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tile h1,.tile h2,.band-hero h1,.gigs h2{margin:.5rem 0 0;letter-spacing:-.07em;line-height:.9}.tile h1,.tile h2{font-size:clamp(1.8rem,5vw,4.5rem)}.band-tile a{display:block;height:100%;color:#fff;text-decoration:none}.band-tile span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:1rem;background:linear-gradient(transparent 45%,rgb(0 0 0/.7))}.band-tile strong{font-size:clamp(1.35rem,3vw,2.75rem);letter-spacing:-.06em}.band-page header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--ink);color:#fff}.site-mark{color:var(--band-accent);font-size:1.2rem}.band-hero{display:grid}.band-hero>div:last-child{display:flex;flex-direction:column;justify-content:end;padding:clamp(1.5rem,6vw,6rem);background:var(--band-accent)}.band-hero h1{font-size:clamp(3.5rem,10vw,9rem)}.band-hero p{max-width:50ch;line-height:1.45}.band-hero a,.gigs a{font-weight:800}.gigs{padding:clamp(1.5rem,6vw,6rem)}.gigs h2{font-size:clamp(2.5rem,6vw,5rem)}.gigs ol{padding:0;list-style:none;border-top:2px solid}.gigs li{display:grid;grid-template-columns:6rem 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:2px solid}.gigs p{margin:.2rem 0}.admin{max-width:48rem;margin:auto;padding:2rem}.admin form{display:grid;gap:1rem;margin:1.5rem 0}.admin label{display:grid;gap:.35rem;font-weight:700}.admin input,.admin textarea{width:100%;padding:.75rem;border:2px solid var(--ink);font:inherit}.admin textarea{min-height:10rem}.admin button{justify-self:start;padding:.75rem 1rem;border:0;background:var(--purple);color:#fff;font:inherit;font-weight:800}.flash{padding:.75rem;background:var(--lime)}.flash.error{background:#ffb5a5}@media(min-width:700px){.band-wall{grid-template-columns:repeat(4,1fr);grid-auto-rows:25vw}.tile--intro,.tile--feature{grid-column:span 2}.tile--intro{grid-row:span 2}.band-hero{grid-template-columns:1fr 1fr;min-height:70vh}}@media(max-width:480px){.gigs li{grid-template-columns:5rem 1fr}.gigs li>a{grid-column:2}}
