@font-face{font-family:Anton;src:url('assets/fonts/anton.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Caveat;src:url('assets/fonts/caveat.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
:root{--black:#141410;--paper:#eddfc5;--red:#e2382d;--muted:#bbae97;--display:Anton,Impact,'Arial Narrow',sans-serif;--hand:Caveat,'Comic Sans MS',cursive;--body:'Courier New',monospace;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#10110e;color:var(--paper);font-family:var(--body);font-size:14px;line-height:1.4}
body:has(dialog[open]){overflow:hidden}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}
a{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:5px}
button:disabled{cursor:not-allowed;opacity:.55}
button svg,.button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
button{padding:0}
svg{display:block}
svg image{pointer-events:none}
p,h1,h2,h3{margin:0}
.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}
.site-shell{max-width:1160px;margin:auto;isolation:isolate;overflow:hidden;background:var(--black);position:relative;box-shadow:0 0 100px #0005}
.site-shell:after{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.73' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23a08b69' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.skip-link{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-200%);background:var(--paper);color:var(--black);padding:12px}
.skip-link:focus{transform:none}
.site-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5% 0 16%;position:relative;z-index:12}
#main-nav{display:flex;gap:31px;align-items:center}
.nav-link{font:500 22px/1 var(--hand);text-decoration:none;text-transform:uppercase;position:relative;white-space:nowrap;padding:10px 0}
.nav-link:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--red);transform:rotate(-5deg) scaleX(0);transform-origin:left;transition:transform .2s}
.nav-link:hover:after,.nav-link.is-active:after,.nav-link.active:after{transform:rotate(-5deg) scaleX(1)}
.social-links{display:flex;gap:19px;margin-left:24px}
.social-links button{padding:6px;transition:color .15s,transform .15s}
.social-links button:hover{color:var(--red);transform:translateY(-3px)}
.social-links svg{width:23px;height:23px}
.mobile-brand,.menu-toggle{display:none}
.handwritten{font:500 32px/.96 var(--hand);text-transform:uppercase}
.paper{background:var(--paper);color:var(--black);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='.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h140v140H0z' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E")}
.hero{position:relative;aspect-ratio:846/520;isolation:isolate;background:radial-gradient(ellipse at 44% 54%,#28221a 0,transparent 59%)}
.hero [data-hero-text]{white-space:pre-line}
.hero:before,.dark-section:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.17;background:repeating-linear-gradient(173deg,transparent 0 126px,#dfd1b455 127px,transparent 129px 200px),repeating-linear-gradient(83deg,transparent 0 296px,#dfd1b422 297px,transparent 298px 346px);z-index:-1}
.hero-title{position:absolute;left:8.3%;top:3.4%;width:84%;transform:rotate(-8deg);font-family:var(--display);font-weight:400;line-height:.96;z-index:2}
.title-le{display:table;font-size:min(6.3vw,73.08px);line-height:.95;padding:.02em .1em .08em;background:var(--paper);color:var(--black);margin-left:-.25em;margin-bottom:.05em;transform:rotate(-5deg)}
.title-name{display:block;font-size:min(21.4vw,248.24px);white-space:nowrap;letter-spacing:-.017em;filter:url(#ink);text-shadow:2px 2px 0 #0003}
.red-letter{color:var(--red)}
.hero-star{position:absolute;left:1.8%;top:-1.5%;font-size:min(10vw,116px);line-height:1;color:var(--red);font-family:serif;transform:rotate(-16deg)}
.hero-motto{position:absolute;right:2.4%;top:5%;font-size:min(3.2vw,37.12px);transform:rotate(-8deg);z-index:3}
.double-underline{display:block;position:relative;margin:12px 7px 0;border-top:4px solid currentColor;transform:rotate(-5deg);width:75%}
.double-underline:after{content:'';display:block;position:absolute;left:5px;right:5px;top:5px;border-top:3px solid currentColor}
.hero-values{position:absolute;left:1%;top:35%;font-size:min(1.5vw,17.4px);transform:rotate(-9deg);z-index:4}
.red-underline{display:block;width:78%;height:5px;background:var(--red);margin:9px auto 0;transform:rotate(-8deg)}
.hero-splatter{position:absolute;top:31%;left:18%;width:63%;height:62%;transform:rotate(-7deg);background:repeating-linear-gradient(117deg,transparent 0 7%,var(--red) 7.1% 8.5%,transparent 8.6% 11%,#c8272099 11.2% 12.3%,transparent 12.4% 21%);clip-path:polygon(5% 0,38% 8%,53% 0,67% 19%,79% 0,89% 30%,100% 25%,91% 82%,69% 93%,55% 87%,7% 100%,1% 74%,5% 44%,0 29%);opacity:.87}
.manifesto{position:absolute;right:3.4%;top:44%;width:22%;padding:3.6% 1.3% 2%;transform:rotate(-10deg);z-index:5;clip-path:polygon(1% 1%,99% 0,100% 99%,0 97%);box-shadow:0 5px 20px #0005}
.manifesto p{font-size:min(2.8vw,32.48px);line-height:1.06;text-align:center}
.manifesto .red-underline{height:3px;margin-top:11px}
.tape{position:absolute;left:13%;top:-2%;width:36%;height:11%;background:#c9c6b37a;transform:rotate(17deg)}
.hero-aside{position:absolute;right:3.7%;top:50%;font-size:min(3.3vw,38.28px);transform:rotate(-6deg);z-index:4}
.drawn-arrow{width:80%;height:min(10vw,116px);fill:none;stroke:var(--paper);stroke-width:2.8;margin-top:4px;margin-left:10%}
.crowd-cutout{position:absolute;left:0;bottom:0;width:26%;z-index:3;transform:rotate(-2deg);clip-path:polygon(6% 0,80% 7%,91% 43%,100% 100%,0 100%)}
.crowd-cutout svg{width:100%;height:auto}
.next-gig{position:absolute;left:25%;bottom:2.8%;width:49%;transform:rotate(-6deg);z-index:6}
.gig-label{display:table;position:relative;z-index:1;padding:2% 5% 2.5%;margin-bottom:-1px;margin-left:1%;background:var(--red);color:var(--black);font:400 min(3.4vw,39.44px)/1.3 var(--display);text-transform:uppercase;transform:rotate(-2deg)}
.gig-ticket{display:flex;align-items:center;gap:4%;padding:3% 5% 4%;width:100%;text-align:left;clip-path:polygon(0 1%,99% 0,100% 93%,88% 95%,87% 98%,23% 99%,0 100%);transition:transform .2s}
.gig-ticket:hover{transform:translateY(-4px) rotate(1deg)}
.gig-number{font:400 min(12vw,139.2px)/.95 var(--display);color:var(--red);filter:url(#ink)}
.gig-information{display:flex;flex-direction:column;font-family:var(--display);text-transform:uppercase;line-height:1.13;white-space:nowrap}
.gig-month{font-size:min(6.4vw,74.24px);filter:url(#ink)}
.gig-place{font-size:min(3.75vw,43.5px)}
.gig-address{font:400 min(1.82vw,21.112px)/1.6 var(--display);margin-top:4px;letter-spacing:.01em}
.gig-address sup{font-size:.6em}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;font:400 18px/1.2 var(--display);text-transform:uppercase;text-decoration:none;transition:transform .18s,background .18s;position:relative;min-height:43px}
.button:hover{transform:rotate(-1deg) translateY(-3px)}
.button-red{background:var(--red);color:var(--black);transform:rotate(-3deg)}
.button-red:hover{background:#ef4a3e;transform:rotate(-1deg) translateY(-3px)}
.button-black{background:var(--black);color:var(--paper);transform:rotate(-3deg)}
.button-outline{border:1px solid var(--paper);color:var(--paper)}
.button-small{font-size:13px;padding:8px 14px;min-height:35px;gap:7px}
.button-small svg{width:19px;height:19px}
.hero-cta{position:absolute;right:5.5%;bottom:8%;z-index:7;font-size:min(2.3vw,26.68px);padding:1.5% 2.3%}
.light-section{position:relative;background-color:var(--paper);color:var(--black);isolation:isolate;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h160v160H0z' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}
.light-section:before,.light-section:after{content:'';position:absolute;left:-1%;right:-1%;height:16px;background:var(--paper);z-index:-1;clip-path:polygon(0 30%,2% 80%,4% 22%,8% 67%,11% 24%,13% 55%,17% 12%,20% 62%,24% 22%,27% 75%,31% 30%,35% 77%,37% 31%,43% 80%,45% 43%,49% 65%,54% 15%,58% 71%,62% 42%,65% 70%,68% 25%,72% 59%,78% 24%,81% 61%,85% 30%,88% 71%,94% 31%,96% 69%,100% 27%,100% 100%,0 100%)}
.light-section:before{top:-15px}
.light-section:after{bottom:-15px;transform:rotate(180deg)}
.concerts{padding:22px 5% 25px;z-index:6}
.section-heading{display:flex;align-items:center;position:relative}
.ink-heading{font:400 clamp(40px,7vw,80px)/1.15 var(--display);text-transform:uppercase;filter:url(#ink);letter-spacing:-.015em}
.ink-heading span{color:var(--red);display:inline-block;transform:rotate(-3deg);margin-left:10px}
.concerts-heading{gap:40px;padding-left:5%;margin-bottom:25px}
.concerts-heading .ink-heading{white-space:nowrap;transform:rotate(-2deg)}
.concerts-heading .handwritten{font-size:25px;transform:rotate(-8deg);margin-top:9px;white-space:nowrap}
.small-star{font-size:59px;line-height:1;color:var(--red);transform:rotate(-13deg);filter:url(#ink)}
.concerts-heading>.small-star{position:absolute;left:-3.8%;top:2px;font-size:54px}
.red-scribble{margin-left:auto;width:30%;fill:none;stroke:var(--red);stroke-width:3}
.concert-list{display:grid;grid-template-columns:repeat(var(--concert-columns,5),minmax(0,1fr));max-width:calc(var(--concert-columns,5)*220px);margin:25px auto 0}
.concert-card{padding:13px 19px 11px;border-left:1px solid #5d52434a;display:flex;flex-direction:column;min-height:177px;position:relative}
.concert-card:first-child{border:1px solid #50483888;box-shadow:3px 4px 0 #4b463323;transform:rotate(-.7deg);margin-right:13px;padding:11px 14px}
.concert-card:nth-child(2){border-left:0}
.concert-day{font:400 14px/1.1 var(--display);text-transform:uppercase}
.concert-date{font:400 24px/1.25 var(--display);text-transform:uppercase;margin-bottom:16px;white-space:nowrap}
.is-featured .concert-date{color:var(--red)}
.concert-venue{font:400 16px/1.2 var(--body);font-weight:700;margin-bottom:5px}
.is-featured .concert-venue{font:400 21px/1.1 var(--display);text-transform:uppercase}
.concert-city{font-size:14px;line-height:1.3}
.concert-link{display:flex;align-items:center;gap:5px;align-self:flex-start;margin-top:auto;padding-top:10px;font-size:24px;text-decoration:none;transition:color .15s}
.concert-link:hover{color:var(--red)}
.is-featured .concert-link{font:400 14px/1.3 var(--display);padding:8px 12px;background:var(--black);color:var(--red);margin-top:12px;transform:rotate(-2deg);text-transform:uppercase}
.section-end{display:flex;justify-content:flex-end;margin-top:10px}
.dark-section{position:relative;isolation:isolate}
.music{padding:39px 6% 42px}
.music-heading{display:flex;align-items:center;justify-content:space-between}
.cutout-heading{font:400 50px/1.07 var(--display);text-transform:uppercase;transform:rotate(-6deg);position:relative;z-index:2;white-space:nowrap}
.cutout-heading>span{display:table;padding:3px 11px 7px;background:var(--paper);color:var(--black)}
.cutout-heading>span+span{margin-left:10%;margin-top:-3px;transform:rotate(2deg)}
.cutout-heading em{color:var(--red);font-style:normal}
.waveform{height:98px;width:37%;position:relative;background:repeating-linear-gradient(90deg,var(--paper) 0 2px,transparent 2px 5px);clip-path:polygon(0 48%,3% 44%,5% 60%,7% 32%,9% 61%,11% 18%,13% 78%,15% 29%,17% 82%,19% 14%,21% 90%,23% 0,25% 88%,27% 20%,29% 76%,31% 31%,33% 89%,35% 13%,37% 90%,39% 24%,41% 84%,43% 34%,45% 76%,47% 18%,49% 80%,51% 42%,53% 66%,55% 32%,57% 92%,59% 13%,61% 100%,63% 21%,65% 77%,67% 39%,69% 83%,71% 28%,73% 78%,75% 41%,77% 73%,79% 44%,81% 68%,83% 34%,85% 61%,87% 48%,89% 57%,91% 46%,93% 53%,100% 49%,100% 52%,93% 55%,87% 53%,81% 60%,75% 56%,69% 67%,63% 60%,57% 70%,51% 60%,45% 66%,39% 63%,33% 77%,27% 69%,21% 79%,15% 70%,9% 68%,3% 56%,0 54%)}
.waveform:after{content:'';position:absolute;left:46%;width:26%;top:0;bottom:0;background:repeating-linear-gradient(90deg,var(--red) 0 2px,transparent 2px 5px)}
.music-content{display:grid;grid-template-columns:.8fr 1.9fr 1fr;align-items:center;gap:40px;margin-top:29px}
.cassette{width:132px;height:auto!important;transform:rotate(-4deg);margin:0 auto}
.cassette-note p{font-size:28px;transform:rotate(-9deg);margin:5px 0 0 15px}
.playlist{min-width:0}
.playlist>.button{display:flex;width:max-content;margin:23px auto 0;transform:rotate(-.4deg);font:500 17px/1 var(--hand)}
.platform-names{font-size:14px}
.track{display:flex;align-items:center;gap:13px;min-height:48px;border-bottom:1px solid #eedcc83b;width:100%;text-align:left;transition:color .2s,background .2s;padding:6px}
.track:hover{color:var(--red);background:#eedcc80a}
.track-play{width:23px;height:23px;display:grid;place-items:center;background:var(--paper);color:var(--black);border-radius:50%;font:12px/1 Arial;flex-shrink:0}
.track:first-child .track-play{background:#f0b397}
.track-name{font-size:15px}
.track-duration{margin-left:auto;font-size:14px;font-variant-numeric:tabular-nums}
.single-track{padding:20px 0;min-width:0}
.single-track-label{font:500 24px/1 var(--hand);color:var(--red);transform:rotate(-3deg);margin-bottom:10px}
.single-track h3{font:400 clamp(25px,3vw,38px)/1.2 var(--display);text-transform:uppercase}
.single-track-meta{font-size:12px;color:var(--muted);margin:10px 0 20px;min-height:17px}
.single-track audio{display:block;width:100%;min-width:0;height:48px;color-scheme:dark;accent-color:var(--red)}
#single-track-status{font-size:12px;margin-top:10px}
.photo-button{position:relative;display:block;transition:transform .2s}
.photo-button:hover{transform:rotate(0deg) scale(1.025)}
.dance-photo{transform:rotate(4deg);border:5px solid #d6c9ae;padding:0;box-shadow:0 5px 10px #0006;align-self:center}
.dance-photo>svg{width:100%;height:auto}
.dance-photo:before{content:'';position:absolute;background:#d9d4bd6b;width:45%;height:25px;left:-17px;top:-3px;transform:rotate(-33deg);z-index:1}
.photo-caption{display:table;background:var(--paper);color:var(--black);position:relative;float:right;font-size:25px;line-height:.85;padding:5px 12px;transform:rotate(-6deg);margin:-12px -8px -23px 0}
.about{padding:28px 8.5% 38px;display:grid;grid-template-columns:1.1fr 1fr;gap:38px;z-index:3}
.about .ink-heading{margin-bottom:23px;white-space:nowrap}
.about-copy p{font-size:14px;line-height:1.4;max-width:480px;margin-bottom:18px;letter-spacing:-.035em}
.underlined{text-decoration:underline;text-underline-offset:3px}
.about-copy>.button{font-size:16px;gap:8px;padding:11px 17px;transform:rotate(-2deg)}
.about-copy>.button span{font-size:14px}
.about-visual{display:flex;align-items:center;gap:22px;padding-top:25px}
.band-polaroid{width:76%;transform:rotate(-8deg);border:5px solid var(--black);box-shadow:-7px -5px 0 var(--red);isolation:isolate}
.band-polaroid:before{content:'';position:absolute;inset:-14px 20px 20px -13px;border-left:2px solid var(--red);border-top:3px solid var(--red);transform:rotate(3deg);z-index:-1}
.band-polaroid>svg{width:100%;height:auto;aspect-ratio:1/1.04}
.about-note{width:26%;transform:rotate(-5deg);align-self:center}
.about-note .small-star{display:block;margin-bottom:21px;font-size:57px}
.about-note p{font-size:26px;white-space:nowrap}
.about-note .red-underline{height:4px;position:relative}
.about-note .red-underline:after{content:'';position:absolute;top:7px;left:9px;right:2px;border-top:3px solid var(--red)}
.contact{padding:49px 4.5% 38px;display:flex;align-items:center;gap:28px}
.megaphone{width:15%;height:180px;flex-shrink:0;transform:rotate(-5deg)}
.contact .cutout-heading{font-size:35px;transform:rotate(-7deg)}
.contact-action{margin-left:14px;text-align:center}
.contact-action p{font-size:15px;line-height:1.5;transform:rotate(-3deg);margin-bottom:17px;white-space:nowrap}
.contact-action .button{font-size:20px;padding:11px 24px;transform:rotate(-6deg)}
.contact-note{font-size:27px;transform:rotate(-13deg);margin-left:auto;border-left:1px solid #d1c3a666;padding:14px 0 16px 21px;white-space:nowrap}
.site-footer{padding:11px 5% 32px;display:flex;justify-content:space-between;font-size:11px;gap:20px;align-items:center;color:#d4c8b2}
.site-footer>div{display:flex;gap:11px;align-items:center}
.site-footer button:hover{color:var(--red)}
dialog{color-scheme:light;position:fixed;background:var(--paper);color:var(--black);border:0;border-top:7px solid var(--red);width:min(600px,calc(100% - 32px));max-height:85dvh;padding:35px;box-shadow:0 15px 100px #0009;overflow:auto}
dialog::backdrop{background:#0a0b08ce;backdrop-filter:blur(5px)}
#dialog-close{position:absolute;right:12px;top:9px;width:36px;height:36px;font:34px/1 Arial}
#dialog-close:hover{color:var(--red)}
#dialog-content h2{font:400 37px/1.15 var(--display);text-transform:uppercase;padding-right:24px;margin:4px 0 20px}
#dialog-content h3{font:400 22px/1.3 var(--display);margin:18px 0 10px}
#dialog-content p{margin:12px 0;line-height:1.5}
#dialog-content a{color:inherit;text-underline-offset:3px}
#dialog-content .button{font-size:15px;margin:9px 8px 9px 0;transform:none}
#dialog-content ul{padding-left:20px}
#dialog-content li{margin:9px 0}
#dialog-content form{display:grid;gap:13px;margin-top:20px}
#dialog-content label{display:grid;gap:6px;font-weight:700;font-size:13px}
#dialog-content input,#dialog-content textarea,#dialog-content select{width:100%;min-height:43px;padding:10px;border:1px solid #6b604e;background:#fbf3e2;color:var(--black);font:14px/1.4 var(--body);border-radius:0}
#dialog-content textarea{min-height:100px;resize:vertical}
#dialog-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#dfd0b5;padding:16px;font:13px/1.6 var(--body)}
#dialog-content audio{width:100%;margin:16px 0}
#dialog-content svg{max-width:100%}
.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.dialog-note,.config-note{font-size:13px;color:#665847}
.dialog-photo{width:100%;max-height:50vh;background:var(--black)}
.photo-nav,.gallery-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.photo-nav button,.gallery-nav button{border-bottom:2px solid var(--red);padding:8px}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 40px);width:max-content;padding:13px 20px;background:var(--paper);color:var(--black);border-left:5px solid var(--red);box-shadow:0 5px 30px #0005;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.toast.is-visible,.toast.visible,.toast.show{opacity:1;transform:translate(-50%,0)}
.dialog-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:10px 14px;background:var(--black);color:var(--paper)!important;font:400 16px/1.25 var(--display);text-decoration:none;text-transform:uppercase}
.dialog-button:hover{background:var(--red);color:var(--black)!important}
.dialog-kicker{font:500 24px/1.2 var(--hand);color:#a8231b}
.concert-details{margin:20px 0;border-top:1px solid #6b604e55}
.concert-details>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #6b604e55}
.concert-details dd{margin:0}
#dialog-content .all-dates-list,#dialog-content .music-dialog-list{list-style:none;padding:0;margin:0}
.date-row{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;padding:15px 0;border-bottom:1px solid #6b604e55}
.date-row:hover strong{color:#ac291f}
.date-row time{font:500 21px/1 var(--hand)}
.date-row strong{font:400 24px/1.2 var(--display)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#dialog-content label>span[aria-hidden]{display:none}
.contact-notice{font-size:12px;padding:12px;background:#ddcfb4}
.dialog-track{display:flex;gap:10px;align-items:center;width:100%;padding:12px 0;border-bottom:1px solid #6b604e55;text-align:left}
.dialog-track>span:last-child{margin-left:auto}
.photo-dialog{margin:0}.enlarged-photo{display:block;width:100%;height:auto;max-height:55dvh;background:var(--black)}
.photo-dialog figcaption{font-size:12px;margin-top:12px}
.photo-nav button[aria-pressed=true]{background:var(--black);color:var(--paper);padding:8px 10px}
@media(min-width:1160px){.hero{margin-top:-3px}.music-heading .cutout-heading{font-size:62px}.concerts{padding-top:25px;padding-bottom:29px}.music{padding-top:48px;padding-bottom:53px}.about{padding-top:37px;padding-bottom:44px}}
@media(max-width:1050px){.site-header{padding-left:13%;height:60px}#main-nav{gap:22px}.nav-link{font-size:20px}.social-links{gap:11px;margin-left:20px}.concerts-heading{gap:28px}.concerts-heading .handwritten{font-size:23px}.concert-card{padding:11px 13px}.concert-date{font-size:21px}.concert-venue{font-size:14px}.concert-city{font-size:12px}.is-featured .concert-venue{font-size:18px}.music{padding-left:5%;padding-right:5%}.cutout-heading{font-size:47px}.music-content{gap:24px}.cassette-note p{font-size:24px}.playlist>.button{font-size:15px}.platform-names{font-size:12px}.about{padding-left:8%;padding-right:7%;gap:30px}.about-note p{font-size:22px}.about-copy p{font-size:12px}.about-copy>.button{font-size:14px}.about-copy>.button span{font-size:12px}.contact{gap:18px}.contact .cutout-heading{font-size:29px}.contact-action{margin-left:8px}.contact-action p{font-size:12px}.contact-note{font-size:23px;padding-left:17px}.contact-action .button{font-size:18px}}
@media(max-width:800px){.site-header{padding-left:10%;height:55px}#main-nav{gap:18px}.nav-link{font-size:18px}.social-links{gap:8px;margin-left:15px}.social-links svg{width:20px;height:20px}.social-links button{padding:3px}.concerts-heading{gap:25px}.concerts-heading .handwritten{font-size:20px}.concerts-heading .red-scribble{width:23%}.concerts-heading>.small-star{font-size:42px}.concert-card{padding:10px}.concert-date{font-size:20px}.is-featured .concert-venue{font-size:16px}.concert-venue{font-size:13px}.is-featured .concert-link{font-size:12px;padding:7px 9px}.concert-card:first-child{margin-right:5px;padding:10px}.concert-day{font-size:12px}.concert-list{margin-top:17px}.concerts-heading{margin-bottom:18px}.cutout-heading{font-size:39px}.music-content{gap:19px}.cassette{width:105px}.cassette-note p{font-size:22px}.track-name{font-size:12px}.track-duration{font-size:12px}.track{gap:9px;min-height:43px}.track-play{width:19px;height:19px}.playlist>.button{font-size:14px;gap:5px;padding:7px 8px}.platform-names{font-size:11px}.photo-caption{font-size:21px}.about{gap:21px}.about-visual{gap:17px}.about-note p{font-size:20px}.about-note .small-star{font-size:43px}.contact{padding-top:40px;padding-bottom:20px;gap:14px}.contact .cutout-heading{font-size:26px}.contact-action p{font-size:11px}.contact-note{font-size:20px;padding-left:13px}.megaphone{width:13%;height:150px}.contact-action .button{font-size:16px;padding:9px 17px}.site-footer{font-size:10px}}
@media(max-width:650px){
  html{scroll-padding-top:73px}.site-shell{overflow:clip}.site-header{padding:0 5%;height:63px;position:sticky;top:0;background:#141410f5;border-bottom:1px solid #dfd1b42b;backdrop-filter:blur(10px)}
  .mobile-brand{display:block;font:27px/1 var(--display);text-decoration:none;letter-spacing:-1px}.mobile-brand>span{color:var(--red)}.mobile-brand .brand-star{font-size:24px;margin-left:12px}
  .menu-toggle{display:flex;flex-direction:column;gap:5px;order:3;width:40px;height:40px;align-items:center;justify-content:center;margin-left:14px}.menu-toggle span{width:25px;height:2px;background:var(--paper);transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #main-nav{display:none;position:absolute;top:62px;left:0;right:0;background:var(--black);padding:23px 7% 29px;box-shadow:0 15px 20px #0005;border-bottom:3px solid var(--red);flex-wrap:wrap;gap:18px 30px}.site-header:has(#menu-toggle[aria-expanded=true]) #main-nav{display:flex}.nav-link{font-size:27px}.social-links{margin-left:auto;gap:8px}.social-links button{padding:4px}.social-links svg{width:20px;height:20px}
  .hero{aspect-ratio:390/335;margin-top:11px}.hero-title{top:7.5%;left:8%;width:85%;transform:rotate(-7deg)}.title-name{font-size:min(21.7vw,251.72px)}.title-le{font-size:min(7vw,81.2px)}.hero-star{top:0;font-size:min(11vw,127.6px)}.hero-motto{top:2%;right:2%;font-size:min(3.8vw,44.08px)}.hero-motto .double-underline{border-top-width:2px;margin-top:7px}.double-underline:after{border-top-width:2px;top:3px}.hero-splatter{top:30%;height:57%;width:78%;left:10%}.hero-values{left:2%;top:43%;font-size:min(3.2vw,37.12px)}.hero-values .red-underline{height:2px;margin-top:5px}.manifesto{right:2%;top:42%;width:23%;padding:4% 1% 2%}.manifesto p{font-size:min(3.1vw,35.96px)}.manifesto .red-underline{height:2px;margin-top:5px}.hero-aside{top:42%;right:2%;font-size:min(3.8vw,44.08px)}.drawn-arrow{height:min(11vw,127.6px)}.crowd-cutout{width:29%;bottom:1.5%;opacity:.85}.next-gig{left:22%;bottom:9%;width:61%;transform:rotate(-5deg)}.gig-label{font-size:min(4.1vw,47.56px);padding:3% 5%}.gig-ticket{padding:4% 4% 5%;gap:4%}.gig-number{font-size:min(15vw,174px)}.gig-month{font-size:min(7.8vw,90.48px)}.gig-place{font-size:min(4.7vw,54.52px)}.gig-address{font-size:min(2.3vw,26.68px)}.hero-cta{font-size:min(3.8vw,44.08px);right:7%;bottom:1%;padding:9px 15px;min-height:36px}.hero-cta svg{width:18px;height:18px}
  .concerts{padding:22px 6% 27px}.concerts-heading{padding-left:5%;gap:19px;margin-bottom:23px}.ink-heading{font-size:clamp(39px,10.5vw,60px)}.ink-heading span{margin-left:4px}.concerts-heading .ink-heading{font-size:10.1vw}.concerts-heading>.small-star{font-size:30px;left:-4.8%;top:-1px}.concerts-heading .handwritten{font-size:19px;margin-top:0}.red-scribble{display:none}.concert-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 0}.concert-card{min-height:156px;padding:8px 15px}.concert-card:first-child{margin-right:15px;padding:12px 14px}.concert-card:nth-child(2){border-left:1px solid #5d52434a}.concert-card:nth-child(2n + 1){border-left:0}.concert-card:first-child{border:1px solid #50483888}.concert-card:last-child:nth-child(odd){grid-column:1/-1;min-height:90px;display:grid;grid-template-columns:1fr 1fr;align-content:center;border-top:1px solid #5d52434a;padding-top:17px}.concert-card:last-child:nth-child(odd) .concert-date{grid-column:1;grid-row:2;margin-bottom:0}.concert-card:last-child:nth-child(odd) .concert-venue{grid-column:2;grid-row:1/3;align-self:center;margin-bottom:13px}.concert-card:last-child:nth-child(odd) .concert-city{grid-column:2;grid-row:2/4;align-self:center;margin-top:20px}.concert-card:last-child:nth-child(odd) .concert-link{grid-column:1;grid-row:3}.concert-day{font-size:14px}.concert-date{font-size:26px;margin-bottom:12px}.concert-venue{font-size:14px}.is-featured .concert-venue{font-size:21px}.concert-city{font-size:13px}.is-featured .concert-link{font-size:14px}.concert-link{padding-top:6px;min-width:44px;min-height:35px}.section-end{margin-top:12px}
  .music{padding:39px 7% 45px}.music-heading{gap:10px;align-items:flex-end}.cutout-heading{font-size:clamp(29px,7.9vw,45px)}.cutout-heading>span{padding:4px 9px 6px}.waveform{width:27%;height:66px;margin-right:-4%}.music-content{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:33px}.playlist{grid-column:1/-1;grid-row:1}.track{min-height:50px;padding:8px 4px;gap:14px}.track-name{font-size:14px}.track-duration{font-size:13px}.track-play{width:24px;height:24px}.playlist>.button{font-size:18px;margin-top:22px;min-height:40px;gap:6px}.platform-names{font-size:13px}.cassette-note{display:flex;flex-direction:column;align-items:center}.cassette{width:112px;margin:0}.cassette-note p{font-size:24px;margin-top:0}.dance-photo{width:88%;margin:5px auto 14px}.photo-caption{font-size:23px}
  .about{padding:29px 8% 40px;grid-template-columns:1fr;gap:18px}.about .ink-heading{font-size:15vw;margin-bottom:21px}.about-copy p{font-size:14px;line-height:1.5;letter-spacing:-.025em;max-width:none}.about-copy>.button{font-size:15px;padding:12px 14px}.about-copy>.button span{font-size:13px}.about-visual{padding:24px 0 7px;gap:16px;justify-content:center}.band-polaroid{width:54%;max-width:260px;flex-shrink:0}.about-note{width:auto}.about-note .small-star{font-size:50px;margin-bottom:12px}.about-note p{font-size:clamp(16px,5vw,24px)}
  .contact{padding:43px 7% 30px;display:grid;grid-template-columns:68px 1fr;gap:26px 14px}.megaphone{width:77px;height:112px;align-self:start;margin-top:2px}.contact .cutout-heading{font-size:clamp(24px,6.7vw,37px);align-self:center;justify-self:start;margin-left:3px}.contact-action{grid-column:1/-1;margin:0}.contact-action p{font-size:14px;margin-bottom:17px;white-space:normal}.contact-action .button{font-size:19px;padding:12px 23px}.contact-note{grid-column:1/-1;font-size:28px;line-height:1.05;margin:8px auto 0;border:0;padding:0;transform:rotate(-5deg);text-align:center}.contact-note br{display:none}.site-footer{padding:20px 6% 28px;flex-direction:column;gap:10px;font-size:11px}.site-footer>div{gap:12px}.site-footer button{min-height:35px}
  dialog{padding:29px 23px;max-height:88dvh}#dialog-content h2{font-size:30px}#dialog-content .button{font-size:14px}.dialog-actions{gap:4px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}