/* Keep navigation beside the brand with comfortably readable text. */
body>header{height:auto;min-height:104px;justify-content:flex-start;gap:48px;padding:18px 3%;flex-wrap:nowrap}
body>header .brand{font-size:21px;letter-spacing:1.2px;gap:14px;flex-shrink:0}
body>header .brand img{width:55px;height:60px}
body>header nav{font-size:18px;gap:26px;align-items:center;flex-wrap:wrap;line-height:1.5}
body>header nav a{padding:8px 0}
body>header .header-cta{display:none}
body>header .menu{font-size:18px;padding:9px 15px}
html{scroll-padding-top:115px}
@media(min-width:701px) and (max-width:1250px){
body>header{flex-wrap:wrap;gap:8px 30px;padding:12px 4%}
body>header nav{width:100%;font-size:18px;gap:24px}
body>header .brand{font-size:21px}
body>header .brand img{width:46px;height:50px}
html{scroll-padding-top:155px}
}
@media(max-width:700px){
body>header{min-height:82px;padding:12px 5%;gap:20px;flex-wrap:nowrap;justify-content:flex-start}
body>header .brand{font-size:17px;letter-spacing:.6px;gap:9px}
body>header .brand img{width:38px;height:44px}
body>header .menu{display:block;font-size:17px;padding:7px 12px}
body>header nav{position:absolute;top:100%;left:0;right:0;width:auto;font-size:19px;gap:13px;padding:20px 6%;align-items:flex-start;flex-direction:column}
html{scroll-padding-top:95px}
}
@media(max-width:360px){body>header{gap:12px}body>header .brand{font-size:16px}body>header .menu{font-size:16px}}