/* 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}}

header nav a[aria-current="page"]{color:var(--purple);font-weight:700}
@media(min-width:901px){header nav{gap:18px;font-size:13px}}

/* Match the sticky navigation to the contact section beneath it. */
header{transition:background-color .55s ease,color .55s ease,box-shadow .55s ease}
header nav a,.menu-toggle{transition:color .55s ease,background-color .55s ease,border-color .55s ease}
header.contact-theme{background:#261a39;color:#f9f7fc;box-shadow:0 1px 0 #ffffff18}
header.contact-theme nav a:not(.btn){color:#f9f7fc}
header.contact-theme nav a:not(.btn):hover,header.contact-theme nav a[aria-current="page"]:not(.btn){color:#e3f4ad}
header.contact-theme nav .btn{background:#e3f4ad;color:#261a39}
header.contact-theme nav .btn:hover{background:#eef8d0}
header.contact-theme .menu-toggle{background:#ffffff0d;color:#f9f7fc;border-color:#ffffff40}
header.contact-theme .logo{background:#f9f7fc;border-radius:7px;box-shadow:0 0 0 4px #f9f7fc}
header.contact-theme :is(a,button):focus-visible{outline:2px solid #e3f4ad;outline-offset:4px}
@media(max-width:900px){
 header.contact-theme #main-menu{background:#261a39;border-color:#ffffff26;box-shadow:0 12px 25px #130c2066}
 header.contact-theme #main-menu a:not(.btn):hover{background:#ffffff12}
}
@media(prefers-reduced-motion:reduce){header,header nav a,.menu-toggle{transition:none}}