/* Website expression v1.1: expressive UI roles, unchanged official logo artwork. */
:root{--color-action:#a6532a;--color-action-hover:#8c4827;--color-highlight:#e5a574;--text-section-heading:clamp(36px,3.7vw,58px);--color-section-heading:var(--color-highlight)}
.bar-nav .artist-wordmark{position:relative;justify-content:flex-start;gap:0;padding:0}
.nav-artist-descriptor{display:block;position:absolute;left:92px;bottom:12px;font:500 12px/1.2 var(--font-body);letter-spacing:.02em;color:var(--color-muted);white-space:nowrap}
.bar-nav .brand-logo-horizontal{width:260px}
.bar-nav .button,.content .button,.bar-booking .button,.booking-submit,.shop-primary,.bar-intro .stage-music-toggle,.cash-club-popup .cash-club-actions>button{background:var(--color-action);color:#151515;border-color:var(--color-action);box-shadow:0 3px 0 #8c4827;font-weight:600}
.bar-nav .button:hover,.content .button:hover,.bar-booking .button:hover,.booking-submit:hover,.shop-primary:hover,.bar-intro .stage-music-toggle:hover,.cash-club-popup .cash-club-actions>button:hover{background:var(--color-action-hover);color:#151515;border-color:var(--color-action-hover)}
.content .button:active,.booking-submit:active,.shop-primary:active{box-shadow:none;transform:translateY(2px)}
.shows-calendar-link,.friends-shows-link,.friend-book,.booking-section a,.other-services-heading nav a,.shop-text{color:var(--color-highlight)}
#site-main :is(.shows-heading>h2,.friends-introduction>h2,.booking-quick-heading h2,.section-heading){line-height:1.08;text-wrap:balance}
.event-services-intro h3{color:var(--color-highlight)}
/* A compact room invitation is a different role from a full-width page headline. */
.bar-intro{width:min(420px,calc(100% - 40px));max-width:420px;padding:20px 24px}
.bar-intro h1{font-size:clamp(30px,2.5vw,38px);line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
.bar-intro-copy{font-size:16px;line-height:1.55;margin-bottom:18px}
.bar-intro .eyebrow{font-size:12px;margin-bottom:10px}
/* Tiny physical posters use legible Inter; never squeeze the display serif into them. */
.room-poster strong,.poster-acoustic strong,.poster-band strong{font:700 15px/1.04 var(--font-body);letter-spacing:-.025em;max-width:100%;overflow-wrap:anywhere;text-transform:uppercase}
.room-poster.poster-acoustic strong{max-width:78px;font-size:13px;line-height:1.08;text-shadow:none}
.room-poster .poster-date,.poster-band .poster-date{font:600 9px/1.15 var(--font-body);letter-spacing:0;padding:3px 0}
.room-poster .poster-venue{font-size:7px;line-height:1.18}
.room-poster .poster-venue span{font-size:5.7px;line-height:1.2}
.poster-acoustic .poster-date{font-size:6px;padding:3px 4px}
.poster-acoustic .poster-photo{filter:none;mix-blend-mode:multiply;opacity:.85;right:-13px;top:28px}
/* A portrait, a brief invitation, and a compact form replace the long ivory spread. */
#club.cash-club-section{--club-bg:#151515;--club-surface:#24211e;--club-text:#f4e8d4;--club-muted:#c7b9a8;--club-accent:#de9865;--club-accent-ink:#151515;--color-section-heading:#e5a574;--color-eyebrow:#c7b9a8;background:#241d18;color:var(--club-text);padding:48px var(--page-gutter) 24px;border-block:1px solid #8c4827}
#club .cash-club-inner{max-width:1280px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px 48px;align-items:center}
#club .cash-club-copy{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1fr);gap:28px;align-items:center}
.club-invitation-photo{position:relative;align-self:stretch;min-height:320px;margin:0;background:#8c4827;overflow:hidden}
.club-invitation-photo img{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:max(100%,140px);height:auto;max-width:none}
.club-invitation-copy{min-width:0}
#club .club-invitation-kicker{font:600 13px/1.5 var(--font-body);color:var(--color-highlight);margin:0 0 14px}
#site-main #club h2{font:600 clamp(40px,4.1vw,64px)/1.03 var(--font-heading);color:#f4e8d4;max-width:10ch;letter-spacing:-.025em;margin:0 0 20px;text-wrap:balance}
#club .cash-club-newsletter p{color:var(--club-muted);font-size:17px;line-height:1.65;max-width:29ch}
#club .cash-club-free{font:400 15px/1.5 var(--font-body);color:var(--color-highlight);margin:22px 0 0}
#club .cash-club-free strong{font-weight:600}
#club .cash-club-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0;align-self:center}
#club .cash-club-form-heading{grid-column:1/-1;font:600 28px/1.15 var(--font-heading);color:var(--club-text);margin:0 0 2px}
#club .cash-club-form>label:not(.cash-club-consent){color:var(--club-text);font-size:14px;font-weight:400}
#club .cash-club-form input:not([type=checkbox]){background:#151515;border-color:#887b6c;color:#f4e8d4;color-scheme:dark;min-height:50px}
#club :is(.cash-club-consent,.cash-club-actions,.cash-club-status,.cash-club-preview){grid-column:1/-1}
#club .cash-club-form .cash-club-consent{font-size:13px;color:var(--club-muted);line-height:1.5}
#club .cash-club-consent input{accent-color:var(--color-action);color-scheme:dark}
#club .cash-club-actions{margin:0;gap:22px}
#club .cash-club-actions>button{background:var(--color-action);color:#151515;font-size:16px;min-height:52px;box-shadow:0 3px 0 #8c4827}
#club .cash-club-actions>button:hover{background:var(--color-action-hover);color:#151515}
#club .cash-club-actions>a,#club .cash-club-preview{color:var(--club-muted)}
#club .cash-club-social{padding-top:16px;border-color:#70503b;gap:16px}
#club .cash-club-social>p,#club .cash-club-social a{color:var(--club-text);font-size:14px}
#club .cash-club-social>p>span{color:var(--club-muted);font-size:13px}
#club .cash-club-social nav{gap:8px 22px}
#club .cash-club-social a{font-weight:400;text-decoration:none}
#club .cash-club-social a:hover{color:var(--color-highlight);text-decoration:underline}
#club :is(a,button,input):focus-visible{outline-color:#f4e8d4}
#club .cash-club-status{color:#c5dec7}#club .cash-club-status.is-error{color:#ffb0a7}
/* The people supply the color. Selected and hovered portraits keep full natural detail. */
#site-main .friends-introduction>h2{font-size:clamp(44px,4.5vw,70px);line-height:1.04;color:var(--color-highlight);margin-bottom:24px}
.friends-introduction{padding-inline:clamp(24px,3vw,48px);padding-block:40px}
.friends-introduction>p:not(.friends-kicker){font-size:17px;line-height:1.6}
.friend-trigger-name{color:var(--color-highlight);font-size:clamp(34px,3vw,44px);text-shadow:0 2px 8px #000}
.friend-trigger-label{background:#151515c7;padding:12px 8px}
.friend-cover img{filter:saturate(.82) brightness(.95)}
.friend-cover::after{background:linear-gradient(0deg,#151515ed,transparent 68%)}
.friend-panel.is-active .friend-cover img{filter:saturate(1.08) brightness(1.03)}
.friend-panel.is-active .friend-cover::after{background:linear-gradient(0deg,#15151544,transparent 35%)}
.friend-toggle{color:var(--color-highlight)}
@media(hover:hover) and (pointer:fine){.friend-panel:hover .friend-cover img{filter:saturate(1.08) brightness(1.03)}.friend-panel:hover .friend-trigger-name{color:#f4e8d4}.friend-panel:hover .friend-cover::after{background:linear-gradient(0deg,#151515dd,transparent 60%)}}
@media(min-width:641px){.has-active .friend-panel:not(.is-active) .friend-cover img{filter:saturate(.65) brightness(.88)}}
@media(min-width:961px) and (max-width:1200px){.bar-nav .artist-wordmark{padding:0}.nav-artist-descriptor{display:none}}
@media(max-width:1100px){#club .cash-club-inner{gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}#club .cash-club-copy{grid-template-columns:120px minmax(0,1fr);gap:20px}#site-main #club h2{font-size:44px}}
@media(max-width:900px){#club .cash-club-inner{grid-template-columns:1fr;max-width:680px;gap:28px}#club .cash-club-copy{grid-template-columns:150px minmax(0,1fr);gap:30px}.club-invitation-photo{min-height:250px}#site-main #club h2{font-size:52px;max-width:none}#club .cash-club-newsletter p{max-width:38ch}#club .cash-club-free{margin-top:16px}#club .cash-club-form-heading{display:none}#club .cash-club-social{display:flex;flex-wrap:wrap}#club .cash-club-social nav{margin:0}}
@media(max-width:640px){#site-main .friends-introduction>h2{font-size:48px;max-width:12ch}.friend-trigger-name{font-size:30px}.friend-cover::after{background:linear-gradient(90deg,#151515ee 15%,#15151588 65%,transparent)}.friend-panel{height:104px}.friend-panel.is-active .friend-cover::after{background:none}}
@media(max-width:600px){.bar-nav .artist-wordmark{padding:0}.nav-artist-descriptor{display:none}.bar-intro{padding:18px 20px;left:16px;max-width:390px;width:calc(100% - 32px)}.bar-intro h1{font-size:30px}.bar-intro-copy{font-size:15px}#club.cash-club-section{padding:32px 22px 20px}#club .cash-club-copy{grid-template-columns:105px minmax(0,1fr);gap:20px}.club-invitation-photo{min-height:260px}#site-main #club h2{font-size:40px}.club-invitation-kicker{display:none}#club .cash-club-newsletter p{font-size:15px;line-height:1.55}#club .cash-club-free{font-size:14px}#club .cash-club-social>p{display:block}#club .cash-club-social nav{gap:4px 18px}}
@media(max-width:380px){#club .cash-club-copy{grid-template-columns:80px minmax(0,1fr);gap:16px}#site-main #club h2{font-size:36px}#club .cash-club-form{grid-template-columns:1fr}#club .cash-club-actions{gap:14px}}
/* Website expression v1.2: white type, copper actions, and a single cream services section. */
:root{--site-header-height:100px}
.bar-nav{padding-inline:clamp(24px,4.5vw,80px)}
.bar-nav .artist-wordmark{flex-shrink:0}
.nav-artist-descriptor{left:92px;right:0;bottom:10px;text-align:center}
#site-main #home-shows-heading{color:#fff}
#home-shows .event-date-stamp,#home-shows .event-date-stamp :is(b,small){color:var(--color-highlight)}
.friends-showcase{position:relative;border:0;padding-block:12px;background:#151515}
.friends-showcase::before,.friends-showcase::after{content:"";position:absolute;left:0;right:0;height:4px;background:#b96736;z-index:10;pointer-events:none}
.friends-showcase::before{top:0}.friends-showcase::after{bottom:0}
.friend-trigger-name{color:#fff;font-size:clamp(36px,3.2vw,48px)}
.friend-trigger-note{color:#d2c5b3;font-size:14px}
@media(hover:hover) and (pointer:fine){.friend-panel:hover .friend-trigger-name{color:#fff}}
.ribbon{background:#f4e8d4;color:#151515;border:0;font:600 16px/1.5 var(--font-body);letter-spacing:.01em;text-transform:none;align-items:center;gap:20px;padding-block:24px}
.ribbon>span{white-space:nowrap}
.ribbon b{color:#8c4827}
.merch-section{background:#29231f;border-top:2px solid #b96736}
@media(max-width:1000px){.ribbon{flex-wrap:wrap;justify-content:center;gap:12px 28px;padding:22px 24px}.ribbon b{display:none}}
.bar-nav .button,.content .button,.bar-booking .button,.booking-submit,.shop-primary,.bar-intro .stage-music-toggle,.cash-club-popup .cash-club-actions>button,#club .cash-club-actions>button,.services-button{background:var(--color-action);color:#fff;border:1px solid #d38b58;box-shadow:none;font:700 13px/1.4 var(--font-body);letter-spacing:.065em;text-transform:uppercase;min-height:48px;border-radius:3px}
.bar-nav .button:hover,.content .button:hover,.bar-booking .button:hover,.booking-submit:hover,.shop-primary:hover,.bar-intro .stage-music-toggle:hover,.cash-club-popup .cash-club-actions>button:hover,#club .cash-club-actions>button:hover,.services-button:hover{background:var(--color-action-hover);color:#fff;border-color:#e5a574}
#other-services.services-collection{background:#f4e8d4;color:#151515;padding:clamp(40px,5vw,76px) var(--page-gutter);--color-text:#151515;--color-muted:#554a3e;--color-accent:#8c4827;--color-section-heading:#151515;--color-eyebrow:#8c4827}
.services-collection .services-inner{max-width:1200px}
.services-collection-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}
.services-collection-heading .section-eyebrow{color:#8c4827;margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.12em}
#other-services .section-heading{color:#151515;margin:0}
.services-collection-heading>p{color:#554a3e;font-size:16px;margin:0;max-width:32ch}
.service-offering{display:grid;grid-template-columns:40px minmax(0,1fr) 220px;align-items:center;gap:28px;padding:28px 0;border-top:1px solid #c3ad90;scroll-margin-top:calc(var(--site-header-height) + 24px)}
.service-offering:last-child{padding-bottom:0}
.service-offering[hidden]{display:none}
.service-number{font:500 13px/1.4 var(--font-body);color:#8c4827;align-self:start;padding-top:12px}
.service-offering h3{font:600 clamp(28px,2.5vw,36px)/1.15 var(--font-heading);color:#151515;margin:0 0 8px}
.services-collection .service-offering p{color:#554a3e;font-size:16px;line-height:1.55;margin:0;max-width:59ch}
.service-offering .services-button{justify-content:space-between;gap:16px;width:100%;padding:14px 18px}
#other-services :is(a,button):focus-visible{outline-color:#151515!important}
.service-dialog .services-button{padding:14px 22px}
@media(max-width:1200px) and (min-width:961px){.bar-nav{padding-inline:32px}.bar-nav .button{font-size:12px}}
@media(max-width:960px){:root{--site-header-height:100px}.bar-nav{padding-inline:28px}}
@media(max-width:760px){.services-collection-heading{display:block}.services-collection-heading>p{margin-top:16px}.services-collection-heading>p br{display:none}.service-offering{grid-template-columns:28px minmax(0,1fr);gap:16px;padding:24px 0}.service-offering .services-button{grid-column:2;justify-self:start;width:auto}.service-offering h3{font-size:30px}}
@media(max-width:640px){.friend-trigger-name{font-size:32px}.friend-trigger-note{font-size:13px}}
@media(max-width:600px){:root{--site-header-height:88px}.bar-nav{padding-inline:20px;gap:16px}.bar-nav .nav-booking{font-size:11px;padding:12px 14px}.nav-menu-toggle{font-size:14px}.service-offering{gap:12px}.services-collection .service-offering p{font-size:15px}}

.song-extra-details{margin-top:24px;border-block:1px solid var(--color-border-soft);padding:16px 0}.song-extra-details summary{cursor:pointer;min-height:44px;color:var(--color-highlight);font-weight:600}.song-extra-details[open] summary{margin-bottom:16px}
#other-services.services-collection{scroll-margin-top:0}.services-collection .service-offering{scroll-margin-top:16px}
.brand-page .guide-actions .button{background:var(--color-action);color:#fff;border-color:#d38b58;font:700 13px/1.4 var(--font-body);text-transform:uppercase;letter-spacing:.065em}
.brand-page .guide-actions .button:hover{background:var(--color-action-hover)}