/* ZSSF corporate palette. Original attached artwork is used without redrawing. */
:root{--blue:#35b5e5;--blue-pale:#edf9fe;--green:#006b45;--deep:#111111;--navy:#111111;--yellow:#f9e600;--ink:#111111;--muted:#50575b;--line:#d5e6ee;--cream:#edf9fe}
.utility{background:var(--blue);color:var(--ink)}
.utility button,.utility button span{color:var(--ink)}
.utility button{border-bottom:2px solid var(--yellow)}
body>header{border-bottom:4px solid transparent;border-image:linear-gradient(90deg,var(--blue) 0 60%,#111 60% 75%,#00a85a 75% 100%) 1}
.brand>span{display:none}
.brand img.corporate-logo,.header-inner .brand>img.corporate-logo:not(.smz-emblem){width:208px;height:94px;object-fit:contain;background:white;padding:3px;flex-shrink:0}
.footer-brand img.corporate-logo{width:224px;height:auto;padding:8px;border-radius:3px}
.hero-shade{background:linear-gradient(90deg,#111111ef,#111111b8 42%,#11111119 85%),linear-gradient(0deg,#11111166,transparent)}
.hero p,.investment p{color:#f1f6f8}
.button{background:var(--blue);color:#111;border-bottom:3px solid var(--yellow)}
.button:hover{background:#75d0ef;color:#111}
.button.yellow,.button.yellow:hover{background:var(--yellow);color:#111;border-bottom-color:#00a85a}
.button.small{color:#111}
.quick{border-top:4px solid var(--blue)}
.quick-icon{background:var(--blue-pale);border-color:#9cd8ee;color:var(--green)}
.quick>a:hover,.service-card:hover{background:#f2fbff}
.tabs button[aria-selected=true]{background:var(--blue-pale);border-color:var(--green);color:var(--green)}
.service-card{border-top:3px solid var(--blue)}
.about-band{background:var(--blue-pale);border-color:var(--line)}
.since strong{color:var(--green)}
.since strong span{color:#768a92}
.scheme img{mix-blend-mode:normal}
.investment:before{background:linear-gradient(90deg,#111111f5,#111111cf 45%,#1111114d),url('assets/zanzibar.webp') center 60%/cover}
.resource{background:var(--blue-pale);border-top:3px solid var(--blue)}
.resource:hover{border-bottom-color:var(--green)}
.faq-section{background:#f6fcff}
footer{background:#111;color:#f4f7f8;border-top:5px solid var(--blue)}
.footer-grid p,.footer-grid>div>a:not(.brand),.footer-bottom{color:#d5e0e5}
.footer-grid h3{color:var(--yellow)}
.footer-grid a:hover,.social-links a:hover{color:var(--yellow)}
.footer-bottom{border-top-color:#485058}
.whatsapp-button{background:var(--green);color:white}
.gallery-filter{border-top:3px solid var(--blue)}
.album-card{border-top:3px solid var(--blue)}
.lightbox,.lightbox-stage{background:#111}
.lightbox::backdrop{background:#000e}
.lightbox-stage button{background:#111b}
.lightbox-caption span{color:#d5e0e5}
:focus-visible{outline-color:#006b45}
@media(max-width:1350px){.menu{display:block;margin-left:auto;background:white;border:0;color:var(--green)}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:15px 28px;box-shadow:0 10px 20px #0001;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:10px;border-bottom:1px solid var(--line)}}
@media(max-width:960px){.brand img.corporate-logo,.header-inner .brand>img.corporate-logo:not(.smz-emblem){width:180px;height:80px}}
@media(max-width:640px){.header-inner .brand>img.corporate-logo:not(.smz-emblem){width:145px;height:67px}.header-inner{gap:8px}.header-inner .brand{flex-shrink:0}.header-inner>.smz-emblem{width:48px;height:46px;padding-left:5px}.hero-shade{background:linear-gradient(90deg,#111111ed,#11111199),linear-gradient(0deg,#11111166,transparent)}.investment:before{background:linear-gradient(90deg,#111111f0,#11111199),url('assets/zanzibar.webp') 65% center/cover}.footer-brand img.corporate-logo{width:208px;height:auto}}

/* Match the emblems by height while retaining each logo's proportions. */
.header-inner>.smz-emblem{width:94px;height:94px;object-fit:contain;padding:3px;border-left:0;flex-shrink:0}
@media(max-width:960px){.header-inner>.smz-emblem{width:80px;height:80px}}
@media(max-width:640px){.header-inner>.smz-emblem{width:67px;height:67px}}

/* Header logo positions: SMZ left, ZSSF right, equal responsive heights. */
.header-inner .brand>.swapped-smz{width:94px;height:94px;object-fit:contain;padding:3px;border:0;margin:0;flex-shrink:0}
.header-inner>.zssf-home-link>.swapped-zssf{width:208px;height:94px;object-fit:contain;padding:3px;flex-shrink:0}
@media(max-width:960px){.header-inner .brand>.swapped-smz{width:80px;height:80px}.header-inner>.zssf-home-link>.swapped-zssf{width:180px;height:80px}}
@media(max-width:640px){.header-inner .brand>.swapped-smz{width:67px;height:67px}.header-inner>.zssf-home-link>.swapped-zssf{width:145px;height:67px}}

/* Light green page background; retain ZSSF accents and white content surfaces. */
:root{--page-bg:#f1f8ed;--cream:#edf6e8;--line:#d9e7d2}
body{background-color:var(--page-bg)}
header,.service-card,.resource,.photo-card,.directory-card,.album-card,.calculator-panel{background-color:#fff}
.about-band,.faq-section,.gallery-filter{background-color:var(--cream)}