@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,700&family=Inter:wght@400;500;600&display=swap');
:root{--black:#09090a;--ink:#111113;--panel:#18181b;--white:#f1efe9;--muted:#a5a2a0;--red:#d62828;--line:rgba(255,255,255,.14);--display:"Barlow Condensed",Impact,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);line-height:1.6}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;background:#fff;color:#000;padding:.7rem 1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}a{color:inherit}img{display:block;max-width:100%}.site-header{height:88px;padding:0 clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:30;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:rgba(9,9,10,.92);backdrop-filter:blur(14px);border-color:var(--line)}.wordmark{text-decoration:none;font-family:var(--display);font-size:2rem;font-weight:800;letter-spacing:-.04em;display:inline-flex;align-items:center;gap:.26em}.wordmark span{font-size:.48em;letter-spacing:.14em}.site-nav{display:flex;align-items:center;gap:2rem}.site-nav a{text-transform:uppercase;text-decoration:none;font:600 .78rem var(--body);letter-spacing:.12em}.site-nav a:hover,.site-nav a:focus-visible{color:#fff}.nav-social{color:#ec5b55}.menu-toggle{display:none;background:none;border:0;padding:.5rem}.menu-toggle span:not(.sr-only){display:block;background:#fff;width:24px;height:2px;margin:5px}
.hero{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;padding:9rem clamp(1.25rem,7vw,7rem) 10vh}.hero-art{position:absolute;inset:0;background:url('assets/212-band-hero.webp') center 25%/cover no-repeat;filter:saturate(.9) contrast(1.05);transform:scale(1.01)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.53) 45%,rgba(0,0,0,.12) 72%),linear-gradient(0deg,rgba(0,0,0,.9),transparent 55%)}.hero-content{position:relative;z-index:1;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:600;color:#ddd;margin:0 0 1.2rem}.hero h1,.section h2,.booking h2{font:700 clamp(4.4rem,11vw,10rem)/.76 var(--display);letter-spacing:-.055em;margin:0;text-transform:uppercase}.hero h1 strong{color:var(--red);font-weight:800}.hero-line{font:500 clamp(1.6rem,3vw,2.8rem)/1.02 var(--display);text-transform:uppercase;letter-spacing:.02em;margin:1.5rem 0 2.2rem}.hero-line em{color:#e8615b;font-style:italic}.button-row{display:flex;gap:.8rem;flex-wrap:wrap}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:.85rem 1.45rem;text-transform:uppercase;text-decoration:none;letter-spacing:.11em;font-size:.72rem;font-weight:700;border:1px solid}.button-primary{background:var(--red);border-color:var(--red)}.button-primary:hover{background:#ef3838}.button-ghost{border-color:rgba(255,255,255,.5)}.button-ghost:hover{background:#fff;color:#000}.scroll-cue{position:absolute;right:4vw;bottom:4vh;z-index:2;text-transform:uppercase;text-decoration:none;font-size:.68rem;letter-spacing:.15em;color:#bbb}.scroll-cue span{font-size:1.2rem;margin-left:.5rem}
.section{padding:clamp(5rem,10vw,10rem) clamp(1.25rem,7vw,7rem)}.section-number{border-top:1px solid var(--line);padding-top:1rem;text-transform:uppercase;letter-spacing:.17em;color:#888;font-size:.7rem;margin-bottom:clamp(3rem,7vw,7rem)}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end}.section h2 span{color:var(--red)}.intro-copy{font-size:clamp(1rem,1.5vw,1.25rem);max-width:640px}.intro-copy p:first-child{font-weight:600;color:#fff}.intro-copy p{color:#aaa}.stat-line{margin-top:7rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.stat-line div{padding:2rem 0}.stat-line div+div{border-left:1px solid var(--line);padding-left:3vw}.stat-line b{display:block;font:700 3.7rem/1 var(--display);color:#eee}.stat-line span{text-transform:uppercase;letter-spacing:.12em;font-size:.67rem;color:#888}.live{background:var(--ink)}.section-heading{display:grid;grid-template-columns:1fr 340px;gap:4rem;align-items:end;margin-bottom:4rem}.section-heading p{color:#aaa;margin:0 0 .5rem}.live-frame{position:relative;min-height:520px;overflow:hidden;background:#050505}.live-frame img{width:100%;height:100%;min-height:520px;object-fit:cover;filter:saturate(.85)}.media-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:uppercase;background:rgba(0,0,0,.25);text-shadow:0 2px 20px #000}.media-placeholder::before{content:"▶";display:grid;place-items:center;width:78px;height:78px;border:1px solid #fff;border-radius:50%;margin-bottom:1rem;padding-left:.3rem}.media-placeholder span{font-size:.65rem;letter-spacing:.2em}.media-placeholder strong{font:700 clamp(2.5rem,5vw,5rem)/1 var(--display)}.media-placeholder small{letter-spacing:.1em;color:#ccc}.music{background:#d8d2c9;color:#121214}.music .section-number{border-color:rgba(0,0,0,.2);color:#625e59}.music-lead{text-align:center}.music .eyebrow{color:#333}.music h2{font-size:clamp(3.5rem,8vw,8rem)}.artist-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin:5rem auto 3rem;max-width:1100px}.artist-cloud span{border:1px solid rgba(0,0,0,.27);padding:.7rem 1rem;font:600 clamp(.9rem,1.5vw,1.15rem) var(--display);text-transform:uppercase}.artist-cloud span:nth-child(4n+1){background:#171719;color:#fff}.fine-print{text-align:center;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem}.members h2{margin-bottom:4rem}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333}.member{position:relative;min-height:530px;overflow:hidden;background:#171719}.member-wide{grid-column:span 2}.member img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25);transition:transform .6s}.member:hover img{transform:scale(1.025)}.member>div{position:absolute;inset:auto 0 0;padding:2rem;background:linear-gradient(transparent,rgba(0,0,0,.94))}.member p{color:#e34a45;font-size:.65rem;letter-spacing:.16em}.member h3{font:700 clamp(2.3rem,4vw,4rem)/.83 var(--display);text-transform:uppercase;margin:0 0 .8rem}.member span{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:#ccc}.member-text{background:var(--red)}.member-text>div{inset:0;background:none;display:flex;flex-direction:column;justify-content:flex-end}.member-text p,.member-text span{color:#fff}.member-text small{margin-top:2rem;max-width:240px;color:#ffd4d2}.shows{background:var(--ink)}.shows-list{border-top:1px solid var(--line)}.show-row{display:grid;grid-template-columns:150px 1fr 200px auto;gap:2rem;align-items:center;padding:1.6rem 0;border-bottom:1px solid var(--line)}.show-date{font:700 1.5rem var(--display);text-transform:uppercase}.show-date strong{color:#e84b46;font-size:2rem;margin-right:.4rem}.show-venue{font:600 clamp(1.5rem,3vw,2.5rem) var(--display);text-transform:uppercase}.show-place,.show-time{color:#999;font-size:.85rem}.show-link{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid;padding-bottom:.25rem}.empty-shows{padding:3rem 0;color:#aaa}.empty-shows strong{display:block;color:#fff;font:600 2rem var(--display);text-transform:uppercase}.booking{position:relative;min-height:760px;display:grid;align-items:center;padding:8rem clamp(1.25rem,7vw,7rem);overflow:hidden}.booking-art{position:absolute;inset:0;background:url('assets/212-band-booking.webp') center/cover}.booking::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.6) 60%,rgba(0,0,0,.25))}.booking-content{position:relative;z-index:1;max-width:900px}.booking h2{font-size:clamp(4.3rem,10vw,9rem)}.booking h2 span{color:#e94843}.booking-content>p:not(.eyebrow){max-width:580px;color:#ccc;font-size:1.1rem}.booking-actions{display:flex;align-items:center;gap:2rem;margin-top:2.2rem;flex-wrap:wrap}.button-light{background:#fff;color:#0b0b0c;border-color:#fff}.text-link{text-transform:uppercase;text-decoration:none;font-size:.7rem;letter-spacing:.12em}footer{padding:3rem clamp(1.25rem,7vw,7rem);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:3rem;border-top:1px solid var(--line)}footer p{font-size:.7rem;color:#777;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:850px){.site-header{height:72px}.menu-toggle{display:block;z-index:2}.site-nav{position:fixed;inset:0;background:#0b0b0c;flex-direction:column;justify-content:center;gap:1.8rem;transform:translateX(100%);transition:.3s}.site-nav.open{transform:none}.site-nav a{font:600 1.8rem var(--display)}.hero{padding-bottom:12vh}.hero-art{background-position:62% center}.intro-grid,.section-heading{grid-template-columns:1fr}.intro-grid{gap:2rem}.section-heading{gap:2rem}.member-grid{grid-template-columns:1fr 1fr}.member-wide{grid-column:span 2}.member{min-height:450px}.show-row{grid-template-columns:100px 1fr auto}.show-place{grid-column:2}.show-link{grid-row:1/3;grid-column:3}.show-time{display:none}footer{grid-template-columns:1fr;text-align:center;justify-items:center;gap:.4rem}}
@media(max-width:560px){.section{padding-top:5rem;padding-bottom:5rem}.hero{padding-top:7rem}.hero h1{font-size:21vw}.hero-line{font-size:1.55rem}.button{width:100%}.scroll-cue{display:none}.section-number{margin-bottom:3.5rem}.section h2{font-size:18vw}.stat-line{margin-top:4rem}.stat-line b{font-size:2.5rem}.stat-line div+div{padding-left:1rem}.live-frame,.live-frame img{min-height:460px}.media-placeholder small{font-size:.62rem}.member-grid{grid-template-columns:1fr}.member-wide{grid-column:auto}.member{min-height:470px}.show-row{grid-template-columns:72px 1fr;padding:1.3rem 0;gap:1rem}.show-link{grid-row:auto;grid-column:2;justify-self:start}.booking{min-height:680px}.booking h2{font-size:19vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
:focus-visible{outline:2px solid #fff;outline-offset:4px}

@media print{
  @page{size:A4 portrait;margin:0}
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  html,body{background:#09090a!important}
  .site-header,.scroll-cue,.skip-link,.menu-toggle{display:none!important}
  .hero{min-height:297mm;break-after:page;padding-top:28mm}
  .section,.booking{break-inside:avoid;padding-top:18mm;padding-bottom:18mm}
  .live,.music,.members,.shows,.booking{break-before:page}
  .live-frame,.live-frame img{min-height:150mm}
  .member{min-height:118mm}
  footer{break-before:page;min-height:70mm}
  a{text-decoration:none}
}