/* SSHG header: larger, fully visible logo + room for all menus */
.brand{gap:0}
.brand img{height:80px;width:auto;padding:0;border-radius:12px;box-shadow:0 2px 12px #0a3d2624;transition:height .3s var(--ease)}
.top.solid .brand img{height:66px}

/* desktop menu */
@media(min-width:1021px){
:root{--hh:100px}.top.solid .bar{height:86px}
.nav>a,.has>button{padding:0 11px;font-size:.9rem;gap:6px}
.nav>a::before,.has>button::before{left:11px;right:11px}
.nav>a.btn.sm{padding:10px 18px;margin-left:6px}
}
/* medium screens: use the mobile menu so nothing is squeezed */
@media(min-width:1021px) and (max-width:1279px){
:root{--hh:84px}.nav{display:none}.burger{display:block}
.top.solid .bar{height:72px}
.brand img{height:64px}.top.solid .brand img{height:56px}
.dwrap{padding-top:calc(var(--hh) + 52px)}
}
@media(min-width:1280px) and (max-width:1439px){.brand img{height:72px}.top.solid .brand img{height:62px}}
@media(min-width:1440px){.nav>a,.has>button{padding:0 12px;font-size:.92rem}.nav>a::before,.has>button::before{left:12px;right:12px}}
@media(max-width:1020px){.brand img{height:56px}.top.solid .brand img{height:52px}}
@media(max-width:620px){.brand img{height:52px}.top.solid .brand img{height:48px}}