:root{--turq:#1dd2d9;--yellow:#fedc0b;--red:#d31f16;--coral:#ff7a59;--cream:#fff6dc;--ink:#141414;--plaid:#2e7bd6;--display:var(--font-display,"Bungee"), "Arial Black", Impact, sans-serif;--body:var(--font-body,"Space Grotesk"), system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--body);margin:0;font-size:1.125rem;line-height:1.5}img{max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:4px solid var(--ink);outline-offset:3px}.skip{background:var(--ink);color:var(--cream);z-index:10;padding:.75rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{left:0}.top{background:var(--turq);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem clamp(1rem,4vw,3rem);display:flex}.brand{font-family:var(--display);align-items:center;gap:.6rem;font-size:1.5rem;text-decoration:none;display:inline-flex}.brand img{border:3px solid var(--ink);background:var(--yellow);border-radius:50%}.top nav{gap:1.25rem;font-weight:700;display:flex}.top nav a{border-bottom:3px solid #0000;padding:.5rem .25rem;text-decoration:none}.top nav a:hover{border-bottom-color:var(--ink)}.hero{background:var(--turq);align-items:center;gap:2.5rem;max-width:none;padding:1.5rem clamp(1rem,4vw,3rem) 4rem;display:grid}.hero-copy{max-width:42rem}.hero h1{font-family:var(--display);text-transform:uppercase;color:var(--cream);text-shadow:4px 4px 0 var(--red), 8px 8px 0 var(--ink);transform-origin:0;margin:0;font-size:clamp(3.5rem,13vw,8.5rem);font-weight:400;line-height:.95;transform:rotate(-2deg)}.tagline{max-width:30ch;margin:1.75rem 0 2rem;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700}.actions{flex-wrap:wrap;gap:1rem;display:flex}.btn{min-height:3.5rem;font-family:var(--display);text-transform:uppercase;border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.75rem;font-size:1.15rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(4px,4px)}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-red{background:var(--red);color:var(--cream)}.btn-ink{background:var(--ink);color:var(--yellow);box-shadow:5px 5px 0 var(--red)}.mascot{border:6px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--turq);border-radius:28px;justify-self:center;width:100%;max-width:34rem;margin:0;position:relative;overflow:hidden}.mascot img{width:100%;display:block}.sparkle{fill:#fff;width:14%;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;pointer-events:none;position:absolute;top:9.8%;left:62.5%;transform:translate(-50%,-50%)}.tonight{background:var(--yellow);border-block:6px solid var(--ink)}.tape{background:repeating-linear-gradient(-45deg, var(--ink) 0 18px, var(--yellow) 18px 36px);border-bottom:6px solid var(--ink);height:18px}.tonight-inner{flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;padding:1.5rem clamp(1rem,4vw,3rem);display:flex}.stamp{font-family:var(--display);background:var(--red);color:var(--cream);border:4px solid var(--ink);text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);margin:0;padding:.25rem 1rem;font-size:1.75rem;font-weight:400;transform:rotate(-3deg)}.tonight-info{flex:16rem}.tonight-info p{margin:0}.where{font-family:var(--display);font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.2}.hours{font-weight:700;margin-top:.25rem!important}.lineup{padding:4rem clamp(1rem,4vw,3rem)}.section-title{font-family:var(--display);text-transform:uppercase;text-shadow:3px 3px 0 var(--yellow);margin:0 0 2rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:400;line-height:1}.cards{gap:2rem;margin:0;padding:0;list-style:none;display:grid}.card{border:5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:24px;transition:transform .15s;overflow:hidden}.card-band{border-bottom:5px solid var(--ink);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.band-yellow .card-band{background:var(--yellow)}.band-turq .card-band{background:var(--turq)}.band-coral .card-band{background:var(--coral)}.num{background:var(--ink);width:3rem;height:3rem;color:var(--cream);font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:1.5rem;display:grid}.card h3{font-family:var(--display);text-transform:uppercase;margin:0;font-size:1.4rem;font-weight:400;line-height:1.15}.blurb{margin:0;padding:1.25rem}.about{background-color:var(--plaid);border-block:6px solid var(--ink);background-image:repeating-linear-gradient(0deg,#fff6 0 16px,#0000 16px 72px),repeating-linear-gradient(90deg,#fff6 0 16px,#0000 16px 72px),repeating-linear-gradient(90deg,#0000002e 0 36px,#0000 36px 144px);padding:4rem clamp(1rem,4vw,3rem)}.about-card{background:var(--cream);border:6px solid var(--ink);max-width:56rem;box-shadow:10px 10px 0 var(--ink);border-radius:28px;align-items:center;gap:2rem;margin:0 auto;padding:2rem;display:grid}.badge{border-radius:50%;width:min(280px,100%);margin:0 auto;display:block}.about-title{font-family:var(--display);text-transform:uppercase;margin:0 0 1rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400;line-height:1.1}.about-card p{margin:0}.run{background:var(--yellow);align-items:center;gap:2.5rem;padding:4rem clamp(1rem,4vw,3rem);display:grid}.run-copy p{max-width:28ch;margin:0 0 1.75rem;font-size:1.35rem;font-weight:700}.runner{border:6px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--yellow);border-radius:28px;justify-self:center;width:100%;max-width:30rem;margin:0;overflow:hidden}.runner img{width:100%;display:block}.foot{background:var(--ink);color:var(--cream);padding:2rem clamp(1rem,4vw,3rem)}.foot p{margin:0}.foot .demo{color:var(--turq);margin-top:.5rem;font-size:1rem}.foot a{color:var(--yellow)}@media (width>=52rem){.hero{grid-template-columns:1.15fr .85fr;padding-top:2.5rem}.cards{grid-template-columns:repeat(3,1fr)}.card:first-child{transform:rotate(-1.5deg)}.card:nth-child(3){transform:rotate(1.5deg)}.card:hover{transform:rotate(0)translateY(-4px)}.about-card{grid-template-columns:280px 1fr}.run{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:no-preference){.mascot{animation:3.2s ease-in-out infinite bob}.sparkle{animation:2.4s ease-in-out infinite twinkle}.mascot:hover .sparkle{animation-duration:.8s}.runner img{transform-origin:50% 90%;animation:2.8s ease-in-out infinite wiggle}@keyframes bob{0%,to{transform:translateY(0)rotate(1.5deg)}50%{transform:translateY(-10px)rotate(1.5deg)}}@keyframes twinkle{0%,to{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}35%,55%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(45deg)}}@keyframes wiggle{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mascot{transform:rotate(1.5deg)}}