/* Compact header and bounded dropdown. */
header{padding:12px 28px;gap:20px;min-height:72px}
header .brand-image{width:170px}
header nav{gap:24px}
header nav a{white-space:nowrap}
header nav .btn{padding:12px 18px}
@media(max-width:1050px) and (min-width:901px){header{padding:10px 20px;gap:16px}header .brand-image{width:150px}header nav{gap:17px;font-size:13px}}
@media(max-width:900px){
 header{padding:8px 18px;min-height:62px;flex-wrap:nowrap;gap:12px}
 header .brand-image{width:140px}
 .menu-toggle{padding:9px 12px;min-height:40px}
 header #main-menu{position:absolute;top:100%;right:14px;left:auto;width:min(470px,calc(100vw - 28px));padding:10px;gap:4px;background:#fff;border:1px solid #e6deef;border-radius:0 0 12px 12px;box-shadow:0 12px 25px #261a391a;max-height:min(240px,42dvh);overflow-y:auto;overscroll-behavior:contain}
 header #main-menu.is-open{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
 header #main-menu a:not(.btn){display:flex;align-items:center;padding:10px 12px;font-size:13px;border-radius:6px;min-height:40px}
 header #main-menu a:not(.btn):hover{background:#f3eef9}
 header #main-menu .btn{padding:10px 12px;margin:0;min-height:40px;font-size:13px;grid-column:1/-1}
}
@media(max-width:420px){header #main-menu{width:min(290px,calc(100vw - 28px))}header #main-menu.is-open{grid-template-columns:1fr}header #main-menu a:not(.btn){padding:8px 12px;min-height:36px}header .brand-image{width:125px}}