@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Permanent+Marker&display=swap');
:root{--paper:#f7efdb;--yellow:#ffd329;--ink:#102920;--red:#ee482b;--green:#005a4d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}header{height:82px;display:flex;align-items:center;gap:38px;padding:0 5%;border-bottom:2px solid var(--ink);background:var(--paper);position:relative;z-index:10}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:32px;text-decoration:none;white-space:nowrap}.brand span{color:var(--red)}nav{display:flex;justify-content:center;gap:34px;flex:1}nav a,.button,.eyebrow,.text-link{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px}nav a{text-decoration:none;font-size:19px}nav a:hover{box-shadow:0 5px var(--yellow)}.social{background:var(--ink);color:var(--paper);width:30px;height:30px;text-align:center;line-height:34px;border-radius:50%;font:bold 26px Arial;text-decoration:none}.menu-toggle{display:none}.hero{min-height:660px;background:var(--yellow);position:relative;overflow:hidden;display:flex;padding:45px 5% 65px;background-image:radial-gradient(#12332322 .8px,transparent .9px);background-size:6px 6px}.hero-copy{width:43%;z-index:2}.eyebrow{font-size:15px;margin:0 0 18px}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;line-height:.95;margin:0;font-weight:800}h1{transform:rotate(-3deg)}h1 small{display:block;font-size:clamp(32px,4vw,57px)}h1 strong{display:block;font-size:clamp(85px,10vw,158px);letter-spacing:-3px;font-weight:900}h1>span{display:block;font-size:clamp(50px,5.5vw,83px);white-space:nowrap}h1 em{color:var(--red);font-style:normal}.handwritten{font-family:'Permanent Marker',cursive;font-size:23px;line-height:1.3}.hero .handwritten{margin:25px 0 30px;transform:rotate(-4deg)}.actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;text-decoration:none;padding:14px 22px;font-size:20px;line-height:1.3;border:2px solid transparent;transition:transform .15s}.button:hover{transform:rotate(-2deg) translateY(-2px)}.red{background:var(--red);color:#fff7df}.dark{background:var(--ink);color:var(--paper)}.yellow{background:var(--yellow);color:var(--ink)}.hero-art{position:absolute;right:-2%;bottom:30px;width:66%;height:91%;display:flex;align-items:flex-end}.hero-art img{width:100%;max-height:100%;object-fit:contain;object-position:bottom}.stamp{position:absolute;right:8%;top:0;font-family:'Permanent Marker',cursive;font-size:30px;line-height:1.2;transform:rotate(9deg);text-align:center}.hero-note{position:absolute;right:4%;bottom:22px;padding:15px 22px;background:var(--paper);box-shadow:3px 5px 0 #10292033;transform:rotate(-5deg);font-family:'Permanent Marker',cursive;font-size:17px;z-index:3}.ticker{display:flex;gap:36px;justify-content:center;white-space:nowrap;overflow:hidden;background:var(--ink);color:var(--paper);padding:14px 0;font-family:'Barlow Condensed',sans-serif;font-size:20px;letter-spacing:2px}.section{padding:70px 6%;max-width:1800px;margin:auto}h2{font-size:clamp(40px,4.2vw,65px)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.intro-copy p:first-child{margin-top:0}.intro-copy p{max-width:590px}.highlight{display:inline-block;background:var(--yellow);padding:2px 8px;margin:8px 0 0 -8px}.text-link{font-size:20px;text-underline-offset:6px;text-decoration-thickness:3px;text-decoration-color:var(--red)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:38px}.label{padding:12px 22px;transform:rotate(-2deg);font-size:43px}.band{padding-top:30px}.members{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.members article:nth-child(even){transform:translateY(15px) rotate(2deg)}.members article:nth-child(odd){transform:rotate(-2deg)}.portrait{height:270px;background:var(--green);border:7px solid var(--paper);outline:1px solid #142a221f;box-shadow:3px 5px 5px #10292022;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);mix-blend-mode:screen}.members article:nth-child(2n) .portrait{background:#733b25}.members h3{font-size:30px;margin:16px 0 4px;text-align:center}.members p{text-align:center;font-size:14px;text-transform:uppercase;margin:0}.gigs{background:var(--green);color:var(--paper);margin-top:30px}.yellow-text{color:var(--yellow)}.gig{border-top:1px solid #f7efdb77;border-bottom:1px solid #f7efdb77;padding:30px 0;display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:35px}.date{border:2px solid var(--yellow);text-align:center;padding:8px}.date strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:60px;line-height:1}.date span{font-size:14px}.gig .eyebrow{color:var(--yellow);margin:0 0 8px}.gig h3{font-size:36px}.gig p{margin:10px 0 0}.gig-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.gig-footer a{white-space:nowrap}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.photo-grid button{border:7px solid white;background:white;box-shadow:2px 4px 8px #10292025;padding:0;cursor:zoom-in;height:260px;transform:rotate(-2deg);transition:transform .2s}.photo-grid button:nth-child(even){transform:rotate(2deg)}.photo-grid button:hover{transform:rotate(0) scale(1.02)}.photo-grid button:first-child{grid-column:span 2}.photo-grid img{display:block;width:100%;height:100%;object-fit:cover}.photo-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}.booking{background:var(--yellow);display:grid;grid-template-columns:1.4fr 1fr;gap:12%;align-items:center}.booking h2{font-size:clamp(60px,7vw,100px)}.booking h2 span{color:var(--red)}.booking .button{margin-top:10px}.booking-note{background:var(--paper);padding:34px;transform:rotate(3deg);box-shadow:6px 8px 0 #10292022;position:relative}.booking-note:before{content:'';width:100px;height:25px;background:#173a2ae0;position:absolute;top:-10px;left:35%;transform:rotate(-5deg)}.booking-note h3{font-size:35px}.booking-note>a{display:block;font-weight:700;margin-bottom:12px}.booking-note .email{overflow-wrap:anywhere;font-size:15px}.booking-note hr{border:0;border-top:2px solid var(--red);margin:24px 0}footer{display:flex;align-items:center;justify-content:space-between;padding:25px 6%;gap:24px;font-size:14px}dialog{border:0;background:#071c15;max-width:94vw;max-height:94vh;padding:48px 55px 30px;color:white}dialog::backdrop{background:#000c}dialog img{max-height:72vh;max-width:78vw;object-fit:contain;display:block;margin:auto}dialog button{background:var(--yellow);border:0;cursor:pointer;font-size:32px;width:42px;height:42px}.close{position:absolute;right:8px;top:5px}.previous,.next{position:absolute;top:48%}.previous{left:5px}.next{right:5px}dialog p{text-align:center;margin:10px 0 0}
@media(min-width:1600px){.hero{min-height:770px}}@media(max-width:1000px){nav{gap:18px}header{gap:20px}.hero{min-height:600px}.hero-art{width:67%;right:-7%}.stamp{font-size:24px}.hero .handwritten{font-size:20px}.button{padding:12px 16px;font-size:18px}.members{gap:12px}.portrait{height:220px}.photo-grid{grid-template-columns:repeat(3,1fr)}.booking{gap:6%}.section{padding:55px 5%}}
@media(max-width:650px){header{height:68px;justify-content:space-between}.menu-toggle{display:block;background:none;border:1px solid var(--ink);padding:7px 12px;font:700 17px 'Barlow Condensed',sans-serif;margin-left:auto}nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:2px solid;flex-direction:column}nav.open{display:flex}.hero{min-height:850px;padding:30px 6% 365px}.hero-copy{width:100%}h1 small{font-size:40px}h1 strong{font-size:110px}h1>span{font-size:60px}.hero .handwritten{font-size:21px;margin:22px 0}.hero-art{height:380px;width:108%;right:-4%;bottom:20px}.stamp{font-size:20px;right:9%;top:-12px}.hero-note{font-size:13px;padding:10px;bottom:10px;right:4%}.section{padding:45px 6%}.intro{grid-template-columns:1fr;gap:28px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading .handwritten{font-size:19px}.label{font-size:35px}.members{grid-template-columns:repeat(2,1fr);gap:30px 17px}.members article:last-child{grid-column:1/-1;width:50%;margin:auto}.portrait{height:250px}.gig{grid-template-columns:75px 1fr;gap:20px}.gig h3{font-size:30px}.gig .button{grid-column:1/-1}.gig-footer,.photo-bottom{align-items:flex-start;flex-direction:column;gap:5px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:17px}.photo-grid button{height:220px}.photo-grid button:first-child{height:250px}.booking{grid-template-columns:1fr;gap:45px}.booking-note{transform:rotate(1deg);padding:28px}.booking h2{font-size:72px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}dialog{padding:48px 45px 25px}dialog img{max-width:65vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-art{right:1%;width:57%;height:86%;bottom:20px;align-items:center;transform:rotate(3deg)}.hero-photo{width:100%;height:87%;background:var(--green);border:10px solid var(--paper);box-shadow:8px 12px 0 #10292033;overflow:hidden;clip-path:polygon(0 2%,98% 0,100% 98%,2% 100%)}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.3);mix-blend-mode:screen}.stamp{top:-15px;right:8%;z-index:2;background:var(--paper);padding:10px 15px;transform:rotate(-10deg)}@media(max-width:650px){.hero-art{right:2%;width:94%;height:340px;bottom:27px}.hero-photo{height:100%}.stamp{top:-32px;font-size:18px}.hero{min-height:850px}}

.gig-footer{justify-content:flex-end;padding-top:22px}
@media(min-width:651px) and (max-width:1100px){header{gap:16px;padding-inline:3%}nav{gap:14px}nav a{font-size:17px}}

.social-links{display:flex;align-items:center;gap:16px;flex-shrink:0}.youtube-social{display:flex;align-items:center;color:var(--ink)}.youtube-social:hover{color:var(--red)}
.intro{grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr);gap:9%}.about-story .intro-copy{margin-top:28px}.band-poster{position:relative;margin:8px auto;width:100%;max-width:310px;transform:rotate(4deg);box-shadow:9px 12px 0 #10292022;background:white}.band-poster:before{content:'';position:absolute;z-index:1;width:100px;height:26px;background:#173a2ae0;left:calc(50% - 50px);top:-12px;transform:rotate(-7deg);pointer-events:none}.band-poster a,.band-poster img{display:block;width:100%}.band-poster a:hover{outline:3px solid var(--red);outline-offset:5px}
.hero-photo{height:auto;aspect-ratio:4/3}.hero-photo img{aspect-ratio:4/3;object-position:center}
@media(max-width:650px){.intro{grid-template-columns:1fr;gap:36px}.band-poster{max-width:270px;margin:10px auto}.social-links{gap:12px}.hero-art{align-items:center}.hero-photo{height:auto}}

.social:hover,.social:focus-visible{background:#1877f2}

.photo-grid{display:block;columns:4;column-gap:22px}.photo-grid button,.photo-grid button:first-child{display:block;width:100%;height:auto;margin:0 0 24px;break-inside:avoid;grid-column:auto}.photo-grid img{display:block;width:100%;height:auto;object-fit:initial}
.hero-photo{aspect-ratio:auto}.hero-photo img{display:block;width:100%;height:auto;aspect-ratio:auto}
.video-frame{max-width:1000px;margin:auto;background:var(--ink);border:8px solid var(--paper);box-shadow:5px 7px 0 #10292033;aspect-ratio:16/9}.video-frame iframe{display:block;width:100%;height:100%;border:0}.video-fallback{max-width:1000px;margin:16px auto 0;font-size:14px}.gig-feed{background:white;padding:8px}.gig-feed iframe{width:100%;height:560px;display:block;border:0}
@media(max-width:1000px){.photo-grid{columns:3}}@media(max-width:650px){.photo-grid{columns:2;column-gap:17px}.gig-feed iframe{height:520px}.video-frame{border-width:4px}}

.gig-list{display:grid;gap:18px}.gig-card{background:#064a40;border:1px solid #f7efdb55;box-shadow:5px 5px 0 #00392f;padding:26px;display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:26px;align-items:center}.gig-card h3{font-size:32px;line-height:1.1}.gig-card p{margin:8px 0 0}.gig-card .date{background:var(--yellow);color:var(--ink)}.gig-card .eyebrow{font-size:14px;color:var(--yellow);margin:0 0 8px}.gig-card .private-label{font-size:14px;border:1px solid #f7efdb88;padding:8px 14px}.gig-card.cancelled{opacity:.7}.gig-notice{font-size:14px;margin-bottom:0}@media(max-width:650px){.gig-card{grid-template-columns:70px minmax(0,1fr);padding:20px;gap:18px}.gig-card h3{font-size:27px}.gig-card .button,.gig-card .private-label{grid-column:1/-1;text-align:center}.gig-card .date strong{font-size:48px}}