/* 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:22px;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}}

footer{flex-wrap:wrap}.footer-legal{flex-basis:100%;border-top:1px solid #252c33;padding-top:22px;margin-top:12px;display:flex;justify-content:space-between;gap:20px}.footer-legal p{font-size:12px;line-height:1.7;color:#a8b0b8}.footer-legal nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:#a8b0b8}.footer-legal a:hover{color:#00bfff}@media(max-width:800px){.footer-legal{flex-direction:column}}