@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101110;--paper:#f2eee5;--muted:#b5b5ac;--accent:#efa347}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}header{min-height:100px;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #363733;gap:30px}.wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.5px}.wordmark i{color:var(--accent);font-weight:700}nav{display:flex;gap:32px;font-size:14px}nav a:hover,footer a:hover{color:var(--accent)}.location,.eyebrow,.hero-foot,.art-caption,.instrument,.photo-note{font-size:12px;font-weight:600;letter-spacing:1.7px}.location{color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:670px}.hero-copy{padding:70px 0 25px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{margin:0 0 24px;color:var(--accent)}h1,h2{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-1.8px;line-height:.99;margin:0}h1{font-size:clamp(70px,7.6vw,116px)}h1 em,h2 em{font-family:Georgia,serif;text-transform:none;font-weight:400;letter-spacing:-4px}h1 em{color:var(--accent)}.intro{margin:28px 0;color:var(--muted);font-size:19px}.button{display:flex;gap:36px;align-items:center;border:1px solid #83847a;padding:13px 20px;font-size:14px}.button:hover{background:var(--paper);color:var(--bg)}.button span{font-size:22px}.hero-foot{align-self:stretch;display:flex;justify-content:space-between;margin-top:auto;padding-top:48px;padding-right:25px;font-size:10px;color:#91938a;letter-spacing:1px}.hero-art{background:#000;display:flex;flex-direction:column;justify-content:center;padding:40px 4% 25px;position:relative}.hero-art img{width:100%;height:auto;mix-blend-mode:screen}.art-caption{position:absolute;bottom:25px;left:8%;right:8%;display:flex;justify-content:space-between;color:#8b8c84;font-size:10px}.influences{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:24px 5%;background:var(--accent);color:#171811;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(18px,1.8vw,27px);font-weight:600}.influences b{font-family:Georgia;font-size:23px}.section{padding:110px 5%}.sound{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}.sound-photo{position:relative}.sound-photo img{display:block;width:100%;height:510px;object-fit:cover;object-position:45% center}.photo-note{position:absolute;left:24px;bottom:24px;background:var(--paper);color:var(--bg);padding:8px 14px;transform:rotate(-3deg)}h2{font-size:clamp(52px,5.4vw,82px)}.sound-copy p:not(.eyebrow){color:var(--muted);max-width:500px}.sound-copy .statement{color:var(--paper)!important;font-size:20px;padding-top:8px}.band{background:var(--paper);color:var(--bg)}.band .eyebrow{color:#8b4b10}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:32px}.section-heading>p{color:#595b53;margin-bottom:0}.members{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.portrait{aspect-ratio:3/4;overflow:hidden;background:#202020}.portrait img{height:100%;width:100%;object-fit:cover;filter:grayscale(1);transition:filter .35s,transform .5s;object-position:center 35%}.portrait img.bass{object-position:32% center}.portrait:hover img{filter:grayscale(0);transform:scale(1.025)}.instrument{color:#815120;margin:22px 0 5px}h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(24px,2.3vw,34px);line-height:1.1;font-weight:600;margin:0}.live{height:580px;position:relative;overflow:hidden;display:flex;align-items:center;padding:70px 8%}.live>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 56%}.live:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.5) 55%,rgba(0,0,0,.15))}.live-copy{position:relative;z-index:1}.live h2{font-size:clamp(62px,7vw,104px)}.live-copy>p:last-child{font-size:18px;color:#d1d1cd;margin-top:30px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:40px 5%}footer p,footer>a:last-child{font-size:13px;color:var(--muted)}.skip{position:fixed;left:15px;top:-80px;padding:10px;background:var(--accent);color:#000;z-index:99}.skip:focus{top:10px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){.location{display:none}.hero{min-height:590px}.hero-copy{padding-top:55px}h1{font-size:76px}.hero-foot{font-size:9px}.hero-foot span:last-child{display:none}.section{padding:75px 5%}.sound{gap:6%}.sound-photo img{height:470px}.members{gap:16px}.section-heading>p{font-size:15px}}@media(max-width:620px){header{min-height:80px;padding:20px 6%;gap:15px}.wordmark{font-size:22px}nav{gap:17px;font-size:13px}nav a:first-child{display:none}.hero{display:flex;flex-direction:column}.hero-copy{padding:44px 6% 26px}h1{font-size:clamp(66px,15vw,88px)}h1 em,h2 em{letter-spacing:-2.5px}.eyebrow{font-size:11px;margin-bottom:20px}.intro{font-size:17px;margin:24px 0}.hero-foot{padding-top:30px}.hero-art{min-height:285px;padding:20px 12% 45px}.hero-art img{max-height:280px;object-fit:contain}.art-caption{bottom:15px}.influences{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;text-align:center;font-size:20px;padding:20px 6%}.influences b{display:none}.section{padding:60px 6%}.sound{display:flex;flex-direction:column-reverse;gap:30px}.sound-photo,.sound-copy{width:100%}.sound-photo img{height:320px}.sound-copy p{font-size:16px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px}.members{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.instrument{font-size:10px;margin-top:15px;letter-spacing:1.3px}h3{font-size:25px}.live{height:460px;padding:55px 6%}.live>img{object-position:60% center}.live h2{font-size:70px}.live-copy>p:last-child{font-size:16px}footer{flex-wrap:wrap;padding:30px 6%;gap:10px}footer p{order:3;width:100%;margin:4px 0}footer>a:last-child{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Live clips, gallery and booking */
button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.booking-nav{color:var(--accent)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.video-card{margin:0;min-width:0}.video-card video{display:block;width:100%;height:440px;object-fit:contain;background:#000;border:1px solid #34352f}.video-card figcaption{display:flex;justify-content:space-between;font-size:13px;letter-spacing:1.5px;color:var(--muted);padding-top:15px}.gallery-section{border-top:1px solid #363733}.gallery-frame{background:#080908}.gallery-open{display:block;border:0;padding:0;background:none;width:100%;cursor:zoom-in}.gallery-open img{display:block;width:100%;height:620px;object-fit:contain}.gallery-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0}.gallery-bar p{margin:0;font-size:14px;color:var(--muted)}.gallery-controls{display:flex;gap:12px}.gallery-controls button,.lightbox-bottom button{width:48px;height:48px;background:transparent;border:1px solid #76776a;font-size:24px}.gallery-controls button:hover,.lightbox-bottom button:hover{background:var(--accent);color:#101110}.gallery-thumbs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.gallery-thumbs button{border:2px solid transparent;background:none;padding:3px;opacity:.6}.gallery-thumbs button[aria-pressed=true]{border-color:var(--accent);opacity:1}.gallery-thumbs button:hover{opacity:1}.gallery-thumbs img{display:block;width:100%;aspect-ratio:1.3;object-fit:cover}.booking{background:var(--accent);color:#101110}.booking .eyebrow{color:#54371c}.booking>p:not(.eyebrow){margin:30px 0;color:#342718}.booking-email{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,4vw,56px);line-height:1.3;border-bottom:2px solid #101110;display:inline-block;overflow-wrap:anywhere}.instagram{display:block;margin-top:34px;font-size:16px;width:fit-content}.instagram:hover{text-decoration:underline}dialog{border:1px solid #515348;background:#101110;color:var(--paper);width:min(1200px,96vw);max-width:96vw;max-height:96dvh;padding:18px}dialog::backdrop{background:rgba(0,0,0,.9)}dialog[open]{display:flex;flex-direction:column}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.lightbox-top{margin-bottom:16px;font-size:14px}.lightbox-top button{background:none;border:1px solid #76776a;padding:9px 14px}#lightbox-image{width:100%;height:65dvh;object-fit:contain;min-height:0}.lightbox-bottom{margin-top:14px}.lightbox-bottom p{font-size:14px;margin:0;text-align:center}.lightbox-bottom button{flex-shrink:0}@media(max-width:900px){header{flex-wrap:wrap;gap:15px}nav{gap:20px}.video-grid{gap:16px}.video-card video{height:320px}.gallery-open img{height:480px}}@media(max-width:620px){header{justify-content:center;padding:16px 6%;gap:12px}header>.wordmark{font-size:25px}nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}nav a:first-child{display:none}.video-grid{grid-template-columns:1fr}.video-card video{height:auto;max-height:70dvh;aspect-ratio:4/3}.video-card{margin-bottom:16px}.gallery-open img{height:380px}.gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gallery-bar{align-items:flex-start}.gallery-bar p{font-size:13px}.gallery-controls{gap:8px}.gallery-controls button{width:44px;height:44px}.booking h2{font-size:53px}.booking>p:not(.eyebrow){font-size:16px}.booking-email{font-size:30px}.gallery-section h2{font-size:48px}dialog{padding:12px}.lightbox-bottom p{font-size:12px}.lightbox-bottom button{width:44px;height:44px}}

.shows{border-bottom:1px solid #363733}.show-row{display:grid;grid-template-columns:220px 1fr;gap:35px;align-items:center;border-top:1px solid #56574d;border-bottom:1px solid #56574d;margin-top:40px;padding:30px 0}.show-row time{color:var(--accent);font-size:26px;font-weight:600}.show-row p{margin:6px 0 0;color:var(--muted)}@media(max-width:620px){nav{flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:8px}.show-row{grid-template-columns:1fr;gap:14px}.show-row time{font-size:22px}}

.show-tba{color:var(--accent);font-size:26px;font-weight:600}.show-row+.show-row{margin-top:0;border-top:0}
/* Warm vintage concert-poster palette */
:root{--bg:#302018;--paper:#f4e5c5;--muted:#d4bc98;--accent:#e6b34a;--rust:#a74429;--olive:#5a6036}
body{background:var(--bg)}header{background:#edddba;color:#39261b;border-bottom:4px solid var(--rust)}header .wordmark i,header .booking-nav{color:#923a24}header .location{color:#6c513b}nav a:hover{color:#923a24}.hero{background:#ead7ae;color:#39261b}.hero .eyebrow{color:#934128}.hero h1 em{color:#a74429}.hero .intro{color:#66503c}.hero .button{border-color:#806345;background:#e6b34a;color:#39261b}.hero .button:hover{background:#a74429;color:#fff0d2}.hero-foot{color:#73573e}.hero-art{background:#473020}.hero-art img{filter:sepia(.4)}.art-caption{color:#d4bc98}.influences{background:#a74429;color:#fff0d2;border-top:8px solid #e6b34a;border-bottom:8px solid #5a6036}.sound{background:#302018}.photo-note{background:#e6b34a;color:#39261b}.band{background:#ead7ae;color:#39261b}.band .eyebrow,.instrument{color:#923a24}.band .section-heading>p{color:#66503c}.live:after{background:linear-gradient(90deg,rgba(42,25,16,.94),rgba(42,25,16,.62) 55%,rgba(42,25,16,.2))}.live-copy>p:last-child{color:#f0dfbf}.shows{background:#5a6036;border-color:#b7aa76}.shows .eyebrow,.show-row time,.show-tba{color:#ffe09b}.show-row{border-color:#a8a273}.show-row p{color:#e0d8b7}.clips{background:#302018}.clips .section-heading>p{color:var(--muted)}.video-card video{border-color:#866244}.gallery-section{background:#ead7ae;color:#39261b;border-top:8px solid #a74429}.gallery-section .eyebrow{color:#923a24}.gallery-section .section-heading>p,.gallery-bar p{color:#66503c}.gallery-frame{background:#3b291f}.gallery-controls button{border-color:#806345}.gallery-controls button:hover{background:#a74429;color:#fff0d2}.gallery-thumbs button[aria-pressed=true]{border-color:#923a24}.booking{background:#e6b34a;color:#39261b;border-top:8px solid #a74429}.booking .eyebrow,.booking>p:not(.eyebrow){color:#51391f}.booking-email{border-color:#39261b}footer{background:#302018}dialog{background:#302018;border-color:#a3825b}a:focus-visible,button:focus-visible{outline-color:#d97b42}header a:focus-visible,.hero a:focus-visible,.band a:focus-visible,.gallery-section button:focus-visible,.booking a:focus-visible{outline-color:#76341e}
