/* Header navigation: desktop and narrow screens have mutually exclusive controls. */
header .bar{flex-wrap:nowrap}
header .bar>.mobile-menu-toggle{display:none!important}
header .bar>#site-menu{display:flex!important;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:18px;width:auto;flex-basis:auto;margin-left:auto;border:0;padding:0}
@media screen and (max-width:1024px){
 header .bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px}
 header .bar>.brand{min-width:0;max-width:calc(100% - 110px);overflow-wrap:anywhere;font-size:25px}
 header .bar>.brand .site-logo{max-width:100%;max-height:60px}
 header .bar>.mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;margin-left:auto;min-height:44px}
 header .bar>#site-menu{display:none!important;flex-direction:column;align-items:stretch;flex-wrap:nowrap;flex-basis:100%;width:100%;margin:0;padding:10px 0 0;border-top:1px solid var(--line);gap:0}
 header .bar>#site-menu.open{display:flex!important}
 header .bar>#site-menu>a{display:block;width:100%;padding:13px 12px;border-bottom:1px solid var(--line);font-size:15px}
 header .bar>#site-menu>.btn{text-align:center;margin-top:10px}
 header .bar>#site-menu>.inline{display:block;width:100%;padding:8px 0;margin:0}
 header .bar>#site-menu>.inline button{display:block;width:100%;padding:12px;text-align:left}
}
/* Sticky header: compact only after scrolling, with the narrow menu preserved. */
body>header{position:sticky;top:0;z-index:1000;background:#fff;transition:box-shadow .18s ease}
body>header .bar{transition:padding .18s ease}
body>header .brand{transition:font-size .18s ease}
body>header .site-logo{transition:max-height .18s ease}
body>header.is-scrolled{box-shadow:0 3px 16px #00000012}
body>header.is-scrolled .bar{padding-top:9px;padding-bottom:9px}
body>header.is-scrolled .bar>.brand{font-size:25px}
body>header.is-scrolled .site-logo{max-height:44px}
@media screen and (max-width:1024px){body>header.is-scrolled .bar{padding-top:7px;padding-bottom:7px}body>header.is-scrolled .bar>.brand{font-size:23px}body>header.is-scrolled .site-logo{max-height:38px}}
@media(prefers-reduced-motion:reduce){body>header,body>header .bar,body>header .brand,body>header .site-logo{transition:none}}