/* Navigation-only styling shared by every preview page. */
header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 3.5%;min-height:94px;background:#111412;color:#fff}
header .brand{flex-shrink:0}header .brand img{width:62px;height:62px}header .brand span{font-size:18px}header .brand small{font-size:8px;letter-spacing:1.3px;text-transform:none}
header #nav{display:flex;align-items:center;gap:18px;font-size:11px}header #nav>a:not(.button){white-space:nowrap;border-bottom:1px solid transparent;padding-bottom:7px}header #nav>a[aria-current=page]:not(.button){color:#8de1d0;border-bottom-color:#8de1d0}header #nav>.button{padding:15px 22px}header #menu{display:none}
@media(min-width:651px) and (max-width:1250px){header{flex-wrap:wrap}header #nav{width:100%;justify-content:space-between;gap:10px;padding-bottom:5px}header .brand span{font-size:19px}header #nav>a:not(.button){font-size:11px}}
@media(max-width:650px){header{position:relative;min-height:72px;padding:12px 5%}header .brand img{width:48px;height:48px}header .brand span{font-size:16px}header .brand small{font-size:7px}header #menu{display:block;background:transparent;border:1px solid #647063;color:white;padding:10px;font-size:11px}header #nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111412;z-index:20;padding:25px;flex-direction:column;align-items:stretch;gap:20px;font-size:15px;max-height:calc(100svh - 72px);overflow:auto}header #nav.open{display:flex}header #nav>a:not(.button){font-size:15px}header #nav>.button{padding:15px 22px}}

/* Consistent footer branding and monochrome social links across every page. */
body footer.brief-footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;padding:45px 6% 22px;background:#0d100d;color:#f5f4ed}
footer.brief-footer .footer-brand{text-align:center;align-self:start;width:max-content;max-width:100%;grid-column:auto}
footer.brief-footer .footer-brand .brand{display:flex;justify-content:center;align-items:center;gap:13px;margin:0 auto;width:fit-content;text-align:left}
footer.brief-footer .footer-brand .brand img{width:58px;height:58px}
footer.brief-footer .footer-brand .brand span{font-size:18px}
footer.brief-footer .footer-brand .brand small{font-size:7px}
footer.brief-footer .footer-brand .footer-positioning{margin:26px 0 0;font-size:20px;line-height:1.4;color:#fff}
footer.brief-footer .footer-brand .footer-tagline{margin:16px 0 0;font-size:12px;line-height:1.5;white-space:nowrap;color:#f5f4ed}
footer.brief-footer .social-icons{display:flex;gap:14px;align-items:center}
footer.brief-footer .social-icon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border:1.5px solid #fff;border-radius:50%;color:#fff;background:transparent;transition:background .2s,color .2s}
footer.brief-footer .social-icon svg{width:24px;height:24px;display:block}
footer.brief-footer .social-icon:hover,footer.brief-footer .social-icon:focus-visible{background:#fff;color:#000}
footer.brief-footer .footer-nav,footer.brief-footer .footer-bottom{grid-column:1/-1}
@media(max-width:650px){body footer.brief-footer{grid-template-columns:1fr 1fr}.brief-footer>.footer-brand{grid-column:1/-1}.brief-footer .social-links{justify-self:start}}
@media(max-width:650px){body footer.brief-footer{gap:30px 18px}footer.brief-footer .footer-brand .footer-tagline{font-size:clamp(10px,3.25vw,14px)}footer.brief-footer .footer-brand .footer-positioning{font-size:19px}.brief-footer .social-icons{gap:10px}footer.brief-footer .social-icon{width:39px;height:39px}footer.brief-footer .footer-bottom{gap:15px;font-size:7px}}

footer.brief-footer .footer-positioning em{color:#fff;font-style:italic;font-weight:400}

@media(max-width:650px){header #menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;border-radius:0;background:transparent;color:#fff}header #menu .hamburger{display:flex;flex-direction:column;gap:5px;width:24px}header #menu .hamburger>span{display:block;width:24px;height:2px;background:currentColor}header #menu:focus-visible{outline:2px solid #8de1d0;outline-offset:2px}}

@media(max-width:650px){body footer.brief-footer{grid-template-columns:repeat(2,minmax(0,1fr))}footer.brief-footer .footer-brand{grid-column:1/-1}footer.brief-footer>div{min-width:0}footer.brief-footer a[href^="mailto:"]{overflow-wrap:anywhere}footer.brief-footer .footer-nav{min-width:0;max-width:100%}}

/* Header brand uses SoundHouse’s existing Donau Neue asset from its Wix site. */
@font-face{font-family:'Donau Neue';src:url('assets/donau-neue.woff2') format('woff2');font-display:swap;font-weight:400}
header .brand>span{font-family:'Donau Neue',Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:1.5px}
header .brand small{font-family:Arial,Helvetica,sans-serif;letter-spacing:1.3px}
@media(min-width:1251px) and (max-width:1450px){header #nav{gap:12px}header #nav>a:not(.button){font-size:10px}header #nav>.button{padding:14px 17px}}

/* Give mobile contact details a full row so addresses and email remain readable. */
@media(max-width:650px){
 footer.brief-footer>div:nth-child(2){grid-column:1/-1;font-size:15px;line-height:1.75}
 footer.brief-footer>div:nth-child(2) p:not(.eyebrow){max-width:100%;font-size:clamp(14px,3.9vw,16px)}
 footer.brief-footer a[href^="mailto:"]{font-size:clamp(13px,3.8vw,16px);overflow-wrap:anywhere}
 footer.brief-footer .social-links{grid-column:1/-1}
}