/*
Theme Name: Baggychester 1.3
Theme URI: https://thebaggys.flangegrommet.net/
Author: The Baggys & Brian
Description: A distressed Madchester gig-poster collage with native editable blocks.
Version: 1.3.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: baggychester
*/
:root{--bag-blue:#005dff;--bag-yellow:#f8ff21;--bag-pink:#ff28a5;--bag-green:#b5ff00;--bag-black:#080808;--bag-paper:#f6f0da;--bag-display:Impact,"Arial Narrow","Arial Black",sans-serif;--bag-edge:polygon(0 3%,3% 1%,7% 3%,13% 0,20% 2%,29% 0,35% 3%,43% 0,49% 2%,57% 0,65% 2%,73% 0,81% 2%,88% 0,96% 2%,100% 0,99% 13%,100% 29%,99% 43%,100% 58%,99% 73%,100% 88%,99% 98%,94% 100%,86% 97%,77% 100%,69% 98%,62% 100%,54% 98%,45% 100%,37% 97%,29% 100%,22% 98%,14% 100%,8% 98%,0 100%,1% 87%,0 72%,1% 57%,0 43%,1% 29%,0 15%)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;color:var(--bag-paper);background:#005dff url(assets/images/paint-collage.jpg) top center/1536px auto repeat;font-family:"Courier New",Courier,monospace}
a{color:inherit;text-underline-offset:.2em}
a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:5px;box-shadow:0 0 0 7px #080808}
.wp-site-blocks{padding:0}
.wp-site-blocks>*,.bag-home>*{margin-block-start:0}
.bag-home{margin:0;overflow:hidden;overflow:clip;isolation:isolate}
.bag-home img{display:block;max-width:100%;height:auto}
.bag-home p{line-height:1.45}
.bag-header{position:relative;z-index:20;padding:12px 28px 0;background:transparent}
.bag-topline{max-width:1160px;margin:auto;position:relative;isolation:isolate;padding:10px 26px;min-height:55px;display:flex;align-items:center;justify-content:center}
.bag-topline:before{content:"";position:absolute;inset:-3px -10px;z-index:-1;background:#050505;mask:url(assets/images/rough-edge.svg) center/100% 100% no-repeat;-webkit-mask:url(assets/images/rough-edge.svg) center/100% 100% no-repeat}
.bag-mobile-brand{display:none}
.bag-topline .wp-block-navigation{width:100%;font:clamp(1.05rem,1.7vw,1.45rem)/1.1 var(--bag-display);text-transform:uppercase;color:#fff}
.bag-topline .wp-block-navigation__container{width:100%;justify-content:space-around;gap:18px}
.bag-topline .wp-block-navigation-item__content{padding:6px 12px;position:relative}
.bag-topline .wp-block-navigation-item:first-child>.wp-block-navigation-item__content{color:#080808;background:var(--bag-yellow);clip-path:var(--bag-edge)}
.bag-topline .wp-block-navigation-item__content:hover{color:var(--bag-pink)}
.bag-topline .wp-block-navigation__responsive-container.is-menu-open{background:#080808;color:#fff;padding:30px}
.bag-topline .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:stretch;gap:20px}
.bag-topline .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:1.6rem;padding:12px}
.bag-topline .wp-block-navigation__responsive-container-open,.bag-topline .wp-block-navigation__responsive-container-close{min-height:44px;min-width:44px;align-items:center;justify-content:center}
.bag-collage-grid{max-width:1510px;margin:0 auto;padding:0 28px 26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"hero live" "intro gig" "reviews band";gap:22px 28px;align-items:stretch}
.bag-collage-hero{grid-area:hero;min-width:0;position:relative;z-index:3;align-self:center;padding-top:90px;margin:0 0 -10px}
.bag-collage-hero:before{content:"";position:absolute;left:15px;top:-16px;width:340px;height:148px;background:url(assets/images/smiley.svg) left center/150px no-repeat,url(assets/images/cow.svg) right center/185px no-repeat;transform:rotate(-8deg);z-index:-1}
.bag-collage-hero:after{content:"moo!";font:700 2.4rem/1 "Courier New",monospace;position:absolute;left:340px;top:42px;background:var(--bag-paper);color:#080808;padding:7px 12px;transform:rotate(-12deg);clip-path:var(--bag-edge)}
.bag-logo{position:relative;width:calc(100% + 115px);max-width:none;margin:0 0 18px -6px;transform:rotate(-7deg);filter:drop-shadow(5px 0 #fffce6) drop-shadow(-5px 0 #fffce6) drop-shadow(0 5px #fffce6) drop-shadow(0 -5px #fffce6) drop-shadow(3px 7px #202018)}
.bag-logo img{width:100%;max-width:none;filter:brightness(0)}
.bag-kicker{display:table;max-width:calc(100% + 20px);margin:0 0 0 34px;padding:11px 24px 13px;background:var(--bag-yellow);color:#080808;font:clamp(1.25rem,2.45vw,2.4rem)/1.04 var(--bag-display);text-transform:uppercase;transform:rotate(-6deg);clip-path:var(--bag-edge);white-space:nowrap}
.bag-home .bag-loud{position:relative;display:table;background:var(--bag-pink);color:#080808;font:clamp(1.5rem,3vw,3rem)/1 var(--bag-display);padding:12px 26px;margin:6px 0 4px auto;transform:rotate(-5deg);clip-path:var(--bag-edge)}
.bag-collage-live{grid-area:live;position:relative;min-width:0;z-index:1;margin:-16px -55px -10px -110px}
.bag-main-live{margin:0;height:100%;min-height:430px;mask:url(assets/images/rough-edge.svg) center/100% 100% no-repeat;-webkit-mask:url(assets/images/rough-edge.svg) center/100% 100% no-repeat}
.bag-home .bag-main-live img{width:100%;height:440px;object-fit:cover;object-position:50% 30%}
.bag-home .bag-sticker{position:absolute;right:40px;bottom:-72px;margin:0;z-index:6;background:var(--bag-green);border:4px solid var(--bag-yellow);color:#080808;border-radius:50%;width:125px;height:125px;display:flex;align-items:center;justify-content:center;text-align:center;font:1.1rem/1 var(--bag-display);transform:rotate(7deg);box-shadow:2px 3px 0 #080808}
.bag-collage-intro{grid-area:intro;position:relative;color:#080808;padding:26px 36px 22px;isolation:isolate;transform:rotate(.5deg);align-self:start}
.bag-collage-intro:before,.bag-paper-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bag-paper) url(assets/images/paper-grain.svg) center/300px;clip-path:var(--bag-edge)}
.bag-collage-intro:after{content:"";position:absolute;left:-55px;bottom:10px;width:100px;height:140px;background:url(assets/images/lemon.svg) center/contain no-repeat;transform:rotate(-20deg);z-index:-1}
.bag-intro-title{font:900 clamp(1.5rem,2.35vw,2.4rem)/1.1 Georgia,serif;text-transform:uppercase;color:#080808;letter-spacing:-.035em;margin:0 0 12px}
.bag-collage-intro p{font-size:clamp(.88rem,1.15vw,1.1rem);font-weight:700;margin:0 0 14px;max-width:640px}
.bag-cta{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 0}
.bag-cta .wp-block-button__link{display:inline-block;border:0;border-radius:0;background:var(--bag-yellow);color:#080808;clip-path:var(--bag-edge);padding:11px 24px 13px;font:clamp(1rem,1.5vw,1.5rem)/1.05 var(--bag-display);text-transform:uppercase;text-decoration:none;transition:transform .15s}
.bag-cta .wp-block-button__link:hover{transform:rotate(-2deg);background:var(--bag-green)}
.bag-collage-intro .bag-cta{justify-content:flex-end;margin-top:6px}
.bag-collage-intro .wp-block-button__link{background:var(--bag-pink);padding-block:9px}
.bag-collage-gig{grid-area:gig;background:#080808;color:#fff;position:relative;padding:25px 28px 24px;transform:rotate(-1.2deg);margin:0 5px 0 0;align-self:stretch;border-bottom:6px solid var(--bag-yellow);isolation:isolate}
.bag-collage-gig:before{content:"";position:absolute;inset:-8px;z-index:-1;background:#080808;mask:url(assets/images/rough-edge.svg) center/100% 100% no-repeat;-webkit-mask:url(assets/images/rough-edge.svg) center/100% 100% no-repeat}
.bag-tab{position:absolute;top:-27px;left:14px;font:clamp(1.35rem,2.2vw,2rem)/1 var(--bag-display);text-transform:uppercase;color:#080808;background:var(--bag-pink);padding:11px 22px 14px;transform:rotate(-8deg);margin:0;clip-path:var(--bag-edge)}
.bag-gig-inner{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:22px;align-items:center}
.bag-home .bag-date-big{font:clamp(1.7rem,3vw,2.8rem)/1 var(--bag-display);color:var(--bag-yellow);margin:0;text-transform:uppercase}
.bag-collage-gig .bag-date-big{grid-column:1/-1;font-style:italic;letter-spacing:.04em;margin:0 0 12px 125px}
.bag-gig-title{grid-column:2;color:#fff;text-transform:uppercase;font:clamp(1.5rem,2.8vw,2.8rem)/1 var(--bag-display);margin:0 0 12px}
.bag-gig-inner:before{content:"";grid-column:1;grid-row:2/5;background:url(assets/images/smiley.svg) center/contain no-repeat;width:92px;height:110px;filter:grayscale(1)}
.bag-home .bag-gig-details{grid-column:2;font-size:.85rem;line-height:1.3;margin:0;color:var(--bag-pink);font-weight:700}
.bag-gig-inner .bag-cta{grid-column:2;justify-content:flex-end;margin-top:14px}
.bag-collage-reviews{grid-area:reviews;position:relative;padding:0 4px 8px;align-self:start}
.bag-panel-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;isolation:isolate;padding:12px 18px;transform:rotate(-1.5deg);margin-bottom:10px}
.bag-panel-bar:before{content:"";position:absolute;inset:0 -3px;background:#080808;z-index:-1;mask:url(assets/images/rough-edge.svg) center/100% 100% no-repeat;-webkit-mask:url(assets/images/rough-edge.svg) center/100% 100% no-repeat}
.bag-panel-title{font:clamp(1.5rem,2.6vw,2.6rem)/1 var(--bag-display);color:var(--bag-yellow);text-transform:uppercase;margin:0;transform:rotate(-2deg);white-space:nowrap}
.bag-home .bag-panel-link{font:clamp(.72rem,1.1vw,1rem)/1.1 var(--bag-display);color:#fff;text-transform:uppercase;margin:0;white-space:nowrap}
.bag-panel-link a{text-decoration:none}
.bag-panel-link a:hover{color:var(--bag-pink)}
.bag-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bag-review{position:relative;isolation:isolate;color:#080808;margin:0;padding:19px 15px 18px;transform:rotate(-1deg);border:0;min-width:0}
.bag-review:before{content:"";position:absolute;inset:0;background:var(--bag-paper) url(assets/images/paper-grain.svg) center/300px;clip-path:var(--bag-edge);z-index:-1}
.bag-review:after{content:"";position:absolute;top:-5px;right:14px;width:46px;height:17px;background:var(--bag-pink);opacity:.88;transform:rotate(14deg)}
.bag-review:nth-child(2){transform:rotate(1deg)}
.bag-review:nth-child(2):after{background:#005dff;transform:rotate(-12deg);left:0;right:auto}
.bag-review:nth-child(3):after{background:var(--bag-green)}
.bag-review p{font-size:clamp(.73rem,1vw,.96rem);line-height:1.35;font-weight:700;margin:0 0 12px}
.bag-review cite{font:700 .64rem/1.3 "Courier New",monospace;text-transform:uppercase}
.bag-home .bag-smallprint{display:table;background:#080808;color:var(--bag-paper);font:700 .65rem/1.4 "Courier New",monospace;padding:5px 9px;margin:8px 0 0}
.bag-collage-band{grid-area:band;position:relative;background:#080808;padding:0 12px 12px;transform:rotate(-1deg);align-self:start}
.bag-collage-band .bag-panel-bar{padding-inline:8px}
.bag-band-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:4px 3px}
.bag-portrait{position:relative;margin:0;background:var(--bag-paper);border:7px solid var(--bag-paper);box-shadow:3px 4px 0 #444;transform:rotate(-6deg)}
.bag-home .bag-portrait img{width:100%;height:142px;object-fit:cover;filter:grayscale(1);object-position:0% 50%}
.bag-portrait-two{transform:rotate(-3deg)}
.bag-portrait-two img{object-position:36% 50%}
.bag-portrait-three{transform:rotate(8deg)}
.bag-portrait-three img{object-position:78% 50%}
.bag-portrait-four{transform:rotate(-5deg)}
.bag-portrait-four img{object-position:100% 50%}
.bag-portrait:after{content:"";position:absolute;left:-12px;bottom:-10px;background:var(--bag-pink);opacity:.85;width:45px;height:17px;transform:rotate(13deg)}
.bag-portrait:nth-child(even):after{background:var(--bag-yellow);left:auto;right:-9px;top:-13px;bottom:auto}
.bag-collage-band:after{content:"";position:absolute;right:-37px;top:-90px;width:110px;height:110px;background:url(assets/images/daisy.svg) center/contain no-repeat;transform:rotate(16deg);pointer-events:none}
.bag-more{max-width:1460px;margin:0 auto;padding:20px 28px 35px}
.bag-section{position:relative;padding:24px 0 34px;isolation:isolate}
.bag-section-inner{max-width:1200px;margin:auto;position:relative}
.bag-section-title{display:table;background:#080808;color:var(--bag-yellow);font:clamp(2.2rem,4.2vw,4rem)/1.05 var(--bag-display);text-transform:uppercase;padding:14px 26px 17px;clip-path:var(--bag-edge);transform:rotate(-1.2deg);margin:0 0 22px;max-width:100%;overflow-wrap:break-word}
.bag-subtitle{display:table;background:#080808;color:#fff;padding:12px 18px;font-weight:700;font-size:1rem;max-width:760px;margin:0 0 24px}
.bag-paper-panel{position:relative;isolation:isolate;padding:30px 35px;color:#080808}
.bag-paper-panel .bag-section-title{background:none;color:#080808;padding:0;clip-path:none}
.bag-paper-panel .bag-subtitle{background:none;color:#080808;padding:0}
.bag-gig-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:25px;border-top:3px dashed #080808;padding-top:24px}
.bag-gig-card>.bag-date-big{color:#080808;background:var(--bag-yellow);padding:18px 10px;text-align:center;align-self:start;transform:rotate(-4deg)}
.bag-card-title{font:1.8rem/1.1 var(--bag-display);color:#080808;text-transform:uppercase;margin:0 0 12px}
.bag-gig-info p{margin:0 0 14px}
.bag-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:42px;align-items:center}
.bag-about-copy{background:#080808;padding:26px 28px;transform:rotate(.5deg)}
.bag-about-copy .bag-section-title{padding:0;clip-path:none;margin-bottom:22px}
.bag-about-copy p{font-size:1rem;line-height:1.6}
.bag-home .bag-signoff{color:var(--bag-yellow);font-weight:700}
.bag-about-photo{margin:12px;border:9px solid var(--bag-paper);box-shadow:10px 10px 0 #080808;transform:rotate(3deg)}
.bag-about-photo img{width:100%;height:auto}
.bag-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:30px 10px}
.bag-gallery-grid figure,.bag-poster-grid figure{margin:0;background:var(--bag-paper);color:#080808;padding:8px;transform:rotate(-2deg);box-shadow:8px 9px 0 #080808;align-self:start;min-width:0}
.bag-gallery-grid figure:nth-child(2),.bag-poster-grid figure:nth-child(2){transform:rotate(3deg);margin-top:22px}
.bag-gallery-grid img{width:100%;aspect-ratio:1/1.1;object-fit:cover}
.bag-gallery-grid .bag-poster img{object-fit:contain;background:#080808}
.bag-gallery-grid figcaption,.bag-poster-grid figcaption,.bag-source-poster figcaption{font:700 .75rem/1.4 "Courier New",monospace;text-align:center;margin:0;padding:14px 4px 6px}
.bag-poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;max-width:720px;margin:32px auto}
.bag-poster-grid img{width:100%;height:auto}
.bag-source-poster{margin:24px auto;max-width:340px;background:var(--bag-paper);color:#080808;border:7px solid var(--bag-paper);transform:rotate(-2deg);box-shadow:8px 9px 0 #080808}
.bag-source-poster img{width:100%;height:auto}
.bag-home .bag-contact-note{display:table;background:var(--bag-yellow);color:#080808;font-weight:700;padding:12px 18px;transform:rotate(-1deg);margin:20px 0 0}
.bag-footer{background:#080808;color:var(--bag-paper);text-align:center;padding:28px 24px;font: .85rem/1.5 "Courier New",monospace}
.bag-footer p{margin:0 0 12px}
.bag-footer p:last-child{margin:0}
.bag-footer a{color:var(--bag-yellow)}
.bag-standard{position:relative;max-width:960px;margin:50px auto;padding:30px;color:#080808;min-height:50vh;background:var(--bag-paper) url(assets/images/paper-grain.svg) center/300px;overflow-wrap:anywhere}
.bag-standard h1{font:clamp(2rem,5vw,4rem)/1 var(--bag-display);text-transform:uppercase;color:#080808}
.bag-standard img{max-width:100%;height:auto}
.bag-standard a{color:#1718aa}
.bag-standard .wp-block-post{margin-bottom:35px}
.bag-standard .wp-block-query-pagination{display:flex;gap:16px;flex-wrap:wrap}
.editor-styles-wrapper{background:#005dff url(assets/images/paint-collage.jpg) top center/1536px auto repeat;color:var(--bag-paper)}
@media(min-width:1700px){.bag-collage-grid{padding-top:18px}.bag-home .bag-main-live img{height:475px}}
@media(max-width:1100px){.bag-collage-grid{gap:22px}.bag-collage-hero{padding-top:85px}.bag-logo{width:calc(100% + 70px)}.bag-collage-hero:before{width:270px;height:130px;background-size:125px,155px}.bag-collage-hero:after{left:265px;top:35px;font-size:1.8rem}.bag-kicker{margin-left:0;padding-inline:18px}.bag-home .bag-main-live img{height:380px}.bag-main-live{min-height:380px}.bag-collage-live{margin-left:-70px}.bag-collage-intro{padding:24px}.bag-gig-inner{grid-template-columns:65px minmax(0,1fr);gap:14px}.bag-gig-inner:before{width:65px;height:90px}.bag-collage-gig .bag-date-big{margin-left:80px}.bag-collage-gig{padding:25px 20px 22px}.bag-collage-gig .bag-cta .wp-block-button__link{font-size:1.1rem;padding-inline:16px}.bag-panel-bar{gap:10px;padding-inline:12px}.bag-portrait{border-width:5px}.bag-band-grid{gap:8px}.bag-home .bag-portrait img{height:125px}.bag-review{padding:18px 11px}.bag-review cite{font-size:.55rem}.bag-collage-band:after{width:85px;height:85px;right:-25px;top:-65px}}
@media(max-width:800px){.bag-header{padding-inline:20px}.bag-topline{padding-inline:10px}.bag-topline .wp-block-navigation{font-size:1.05rem}.bag-topline .wp-block-navigation__container{gap:4px}.bag-topline .wp-block-navigation-item__content{padding-inline:8px}.bag-collage-grid{padding-inline:20px;column-gap:18px}.bag-collage-hero{padding-top:80px}.bag-collage-hero:before{width:235px;height:118px;background-size:110px,135px}.bag-collage-hero:after{left:210px;top:28px;font-size:1.6rem}.bag-logo{width:calc(100% + 55px);filter:drop-shadow(3px 0 #fffce6) drop-shadow(-3px 0 #fffce6) drop-shadow(0 3px #fffce6) drop-shadow(0 -3px #fffce6) drop-shadow(2px 5px #202018)}.bag-kicker{font-size:1.1rem;padding:10px 14px}.bag-home .bag-loud{font-size:1.8rem;padding:12px 16px}.bag-main-live{min-height:330px}.bag-home .bag-main-live img{height:330px}.bag-collage-live{margin-left:-55px;margin-right:-35px}.bag-home .bag-sticker{width:92px;height:92px;font-size:.85rem;right:20px;bottom:-58px}.bag-collage-intro p{font-size:.82rem}.bag-intro-title{font-size:1.4rem}.bag-collage-intro .wp-block-button__link{font-size:1rem;padding-inline:16px}.bag-gig-inner{display:block}.bag-gig-inner:before{display:none}.bag-collage-gig .bag-date-big{margin:4px 0 14px;font-size:1.7rem}.bag-gig-title{font-size:1.8rem}.bag-panel-title{font-size:1.45rem}.bag-home .bag-panel-link{font-size:.65rem}.bag-review-grid{gap:5px}.bag-review{padding:18px 9px}.bag-review p{font-size:.7rem}.bag-review cite{font-size:.5rem}.bag-home .bag-portrait img{height:105px}.bag-band-grid{gap:5px}.bag-portrait{border-width:4px}.bag-more{padding-inline:20px}.bag-gallery-grid{gap:18px}.bag-about-grid{gap:25px}.bag-about-copy{padding:22px}.bag-about-copy p{font-size:.9rem}}
@media(max-width:600px){.bag-header{padding:10px 18px 0}.bag-topline{justify-content:space-between;padding:7px 14px}.bag-mobile-brand{display:block;font:1.25rem/1 var(--bag-display);color:#fff;margin:0}.bag-mobile-brand a{text-decoration:none}.bag-topline .wp-block-navigation{width:auto}.bag-collage-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "live" "intro" "gig" "reviews" "band";padding:0 20px 25px;gap:28px}.bag-collage-hero{padding-top:100px;margin:20px 0 -12px;align-self:start}.bag-collage-hero:before{width:270px;height:132px;top:-8px;left:0;background-size:130px,152px}.bag-collage-hero:after{left:250px;top:30px;font-size:1.6rem}.bag-logo{width:100%;margin:0 0 16px;transform:rotate(-6deg)}.bag-kicker{font-size:clamp(.98rem,4vw,1.5rem);margin-left:0;padding:11px 16px}.bag-home .bag-loud{font-size:clamp(1.6rem,7vw,2.2rem);margin-top:3px;margin-right:10px}.bag-collage-live{margin:0 -25px 24px;align-self:start}.bag-main-live{min-height:0;height:auto}.bag-home .bag-main-live img{height:300px;object-position:50% 20%}.bag-home .bag-sticker{right:26px;bottom:-19px;width:105px;height:105px;font-size:1rem}.bag-collage-intro{padding:26px;transform:rotate(-.5deg)}.bag-intro-title{font-size:clamp(1.25rem,5vw,1.8rem)}.bag-collage-intro p{font-size:1rem}.bag-collage-intro:after{width:70px;height:100px;left:-32px;bottom:25px}.bag-collage-gig{padding:30px 23px 24px;margin:14px 2px 2px}.bag-gig-inner{display:grid;grid-template-columns:58px minmax(0,1fr);gap:0 18px}.bag-gig-inner:before{display:block;width:58px;height:90px}.bag-collage-gig .bag-date-big{grid-column:1/-1;margin:0 0 15px 76px}.bag-gig-title{font-size:1.8rem}.bag-home .bag-gig-details{font-size:.85rem}.bag-gig-inner .bag-cta{justify-content:flex-start}.bag-collage-gig .bag-cta .wp-block-button__link{font-size:1.1rem;padding-inline:12px}.bag-tab{font-size:1.65rem}.bag-panel-title{font-size:1.85rem}.bag-home .bag-panel-link{font-size:.75rem}.bag-review-grid{grid-template-columns:1fr;gap:14px}.bag-review{padding:24px}.bag-review p{font-size:1rem}.bag-review cite{font-size:.7rem}.bag-collage-band{margin-top:0;padding:0 10px 16px}.bag-collage-band:after{display:none}.bag-band-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;padding:8px 10px}.bag-portrait{border-width:7px}.bag-home .bag-portrait img{height:180px}.bag-home .bag-smallprint{font-size:.7rem}.bag-more{padding:0 20px 25px}.bag-section{padding-block:18px 24px}.bag-paper-panel{padding:28px 24px}.bag-section-title{font-size:clamp(1.8rem,7.5vw,2.8rem);padding-inline:16px}.bag-subtitle{font-size:.95rem}.bag-gig-card{grid-template-columns:1fr;gap:18px}.bag-gig-card>.bag-date-big{width:110px}.bag-card-title{font-size:1.65rem}.bag-about-grid{grid-template-columns:1fr;gap:20px}.bag-about-photo{margin:10px}.bag-about-copy p{font-size:1rem}.bag-gallery-grid,.bag-poster-grid{grid-template-columns:1fr;gap:30px;max-width:400px;margin:28px auto}.bag-gallery-grid figure:nth-child(2),.bag-poster-grid figure:nth-child(2){margin-top:0}.bag-gallery-grid img{aspect-ratio:1.1}.bag-gallery-grid .bag-poster img{aspect-ratio:auto}.bag-standard{margin:25px 20px;padding:25px}.bag-contact-note{font-size:.85rem}}
@media(max-width:360px){.bag-collage-hero:before{width:235px;height:120px;background-size:115px,135px}.bag-collage-hero:after{left:214px;font-size:1.25rem;padding:6px}.bag-kicker{font-size:.92rem;padding-inline:10px}.bag-home .bag-loud{font-size:1.6rem}.bag-gig-inner{grid-template-columns:1fr}.bag-gig-inner:before{display:none}.bag-collage-gig .bag-date-big{margin-left:0}.bag-gig-title,.bag-gig-details,.bag-gig-inner .bag-cta{grid-column:1}.bag-panel-title{font-size:1.6rem}.bag-home .bag-panel-link{font-size:.65rem}.bag-home .bag-portrait img{height:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bag-cta .wp-block-button__link{transition:none}}

@media(min-width:601px) and (max-width:900px){.bag-collage-grid{grid-template-areas:"hero live" "intro gig" "reviews reviews" "band band"}.bag-review p{font-size:.95rem}.bag-review cite{font-size:.65rem}.bag-review{padding:24px 18px}.bag-panel-title{font-size:2.1rem}.bag-home .bag-panel-link{font-size:1rem}.bag-home .bag-portrait img{height:180px}.bag-band-grid{gap:22px}.bag-collage-intro p{font-size:.95rem}}
.bag-topline .wp-block-navigation-item__content:focus-visible,.bag-cta .wp-block-button__link:focus-visible{clip-path:none}
.bag-topline>.wp-block-navigation{margin:0}
.bag-collage-grid>*,.bag-panel-bar>*,.bag-gig-inner>*,.bag-band-grid>*,.bag-review-grid>*{margin-block-start:0;margin-block-end:0}
.bag-collage-reviews>*,.bag-collage-band>*{margin-block-start:0}
.bag-collage-hero{padding-top:70px}
.bag-home .bag-kicker{margin-block:0}
.bag-logo{margin-bottom:0}
.bag-home .bag-main-live img{height:100%;min-height:440px}
.bag-portrait-image{margin:0;height:160px;overflow:hidden}
.bag-home .bag-portrait img{height:160px;object-position:50% 50%;transform:scale(2.1);transform-origin:0% 30%}
.bag-home .bag-portrait-two img{transform-origin:36% 30%}
.bag-home .bag-portrait-three img{transform-origin:78% 70%}
.bag-home .bag-portrait-four img{transform-origin:100% 25%}
@media(max-width:1100px){.bag-portrait-image,.bag-home .bag-portrait img{height:140px}.bag-home .bag-main-live img{min-height:380px}}
@media(min-width:601px) and (max-width:900px){.bag-portrait-image,.bag-home .bag-portrait img{height:180px}}
@media(max-width:800px){.bag-home .bag-main-live img{min-height:330px}.bag-collage-hero{padding-top:80px}}
@media(max-width:600px){.bag-collage-hero{padding-top:100px;margin-top:20px}.bag-home .bag-main-live img{height:300px;min-height:0}.bag-home .bag-kicker{margin-block:0}.bag-logo{margin-bottom:16px}.bag-portrait-image,.bag-home .bag-portrait img{height:180px}}
@media(max-width:360px){.bag-portrait-image,.bag-home .bag-portrait img{height:155px}}
.bag-collage-live,.bag-main-live,.bag-home .bag-main-live img{height:430px;min-height:0}
@media(max-width:1100px){.bag-collage-live,.bag-main-live,.bag-home .bag-main-live img{height:380px}}
@media(max-width:800px){.bag-collage-live,.bag-main-live,.bag-home .bag-main-live img{height:330px}}
@media(max-width:600px){.bag-collage-live,.bag-main-live,.bag-home .bag-main-live img{height:300px}}
.bag-home .bag-portrait-one img{object-position:0% 50%;transform-origin:0% 25%}
.bag-home .bag-portrait-two img{object-position:36% 50%;transform-origin:45% 25%}
.bag-home .bag-portrait-three img{object-position:100% 50%;transform-origin:70% 20%}
.bag-home .bag-portrait-four img{object-position:100% 50%;transform-origin:100% 20%}
.bag-bio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:30px 0 0}
.bag-bio-card{position:relative;isolation:isolate;display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:25px;color:#080808;min-width:0;align-items:start;transform:rotate(-.6deg)}
.bag-bio-card:nth-child(even){transform:rotate(.6deg)}
.bag-bio-card:before{content:"";position:absolute;inset:0;background:var(--bag-paper) url(assets/images/paper-grain.svg) center/300px;clip-path:var(--bag-edge);z-index:-1}
.bag-bio-card>*,.bag-bio-copy>*{margin-block-start:0}
.bag-bio-photo{width:140px;margin:7px 0 0;background:#fffdf2;border-color:#fffdf2;box-shadow:3px 4px 0 #080808}
.bag-bio-photo .bag-portrait-image,.bag-home .bag-bio-photo img{height:180px}
.bag-home .bag-bio-number{display:table;background:var(--bag-pink);color:#080808;padding:5px 9px;font:1rem/1 var(--bag-display);transform:rotate(-3deg);margin:0 0 13px}
.bag-bio-name{font:1.65rem/1.08 var(--bag-display);text-transform:uppercase;color:#080808;margin:0 0 10px;overflow-wrap:break-word}
.bag-home .bag-bio-role{font:700 .8rem/1.4 "Courier New",monospace;border-bottom:2px dashed #080808;padding-bottom:10px;margin:0 0 12px}
.bag-bio-copy p{font-size:.9rem;font-weight:700;line-height:1.5;margin-bottom:0}
@media(max-width:1050px){.bag-bio-card{grid-template-columns:110px minmax(0,1fr);gap:18px;padding:24px 20px}.bag-bio-photo{width:110px}.bag-bio-photo .bag-portrait-image,.bag-home .bag-bio-photo img{height:160px}.bag-bio-name{font-size:1.4rem}}
@media(max-width:800px){.bag-bio-grid{grid-template-columns:1fr;gap:24px}.bag-bio-card{grid-template-columns:140px minmax(0,1fr);gap:25px;padding:26px}.bag-bio-photo{width:140px}.bag-bio-photo .bag-portrait-image,.bag-home .bag-bio-photo img{height:180px}.bag-bio-name{font-size:1.7rem}}
@media(max-width:430px){.bag-bio-card{grid-template-columns:1fr;gap:22px;padding:26px}.bag-bio-photo{width:150px;margin:8px auto}.bag-bio-copy p{font-size:1rem}.bag-bio-name{font-size:1.8rem}}
/* Crop the supplied group-photo placeholders, but let replacement portraits fit naturally. */
.bag-home .bag-bio-photo img{transform:none;object-position:50% 35%}
.bag-home .bag-bio-photo img[src$="/live-riffs.jpg"]{transform:scale(2.1)}
.bag-home .bag-bio-photo.bag-portrait-one img[src$="/live-riffs.jpg"]{object-position:0% 50%;transform-origin:22% 25%}
.bag-home .bag-bio-photo.bag-portrait-two img[src$="/live-riffs.jpg"]{object-position:36% 50%;transform-origin:45% 25%}
.bag-home .bag-bio-photo.bag-portrait-three img[src$="/live-riffs.jpg"]{object-position:100% 50%;transform-origin:70% 20%}
.bag-home .bag-bio-photo.bag-portrait-four img[src$="/live-riffs.jpg"]{object-position:100% 50%;transform-origin:100% 20%}