/* One calm navigation bar, with direct contact always within reach. */
.header .header-inner{min-height:88px;gap:22px}
.header .brand{width:170px}
.header .navigation{gap:22px}
.header .nav-trigger,.header .nav-link{font-size:14px;padding-block:31px}
.header .header-contact{font-size:13px;padding:12px 18px;border-radius:6px;min-height:44px;margin-left:0}
.header-direct{display:flex;flex-direction:column;gap:7px;border-left:1px solid #dce6f0;padding-left:22px;flex-shrink:0}
.header-direct a{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;line-height:1.5;color:#63738b}
.header-direct a:first-child{font-size:14px;color:#203e65}
.header-direct svg{width:15px;height:15px;color:#3476a5}
.header-direct a:hover{color:#237aaa}
.nav-contact-details{display:none}
@media(min-width:1121px) and (max-width:1300px){
 .header .header-inner{gap:18px}
 .header .navigation{gap:18px}
 .header .brand{width:155px}
 .header-direct{flex-direction:row;gap:4px;padding-left:14px}
 .header-direct a{width:36px;height:44px;justify-content:center}
 .header-direct a span{display:none}
 .header-direct svg{width:19px;height:19px}
}
@media(max-width:1120px){
 .header .header-inner{min-height:76px;gap:18px}
 .header .brand{width:180px}
 .header .navigation{gap:0}
 .header .nav-trigger,.header .nav-link{font-size:16px;padding-block:18px}
 .header-direct{margin-left:auto}
 .nav-contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:24px;font-size:14px;color:#3476a5}
 .nav-contact-details .button{display:none}
}
@media(max-width:600px){
 .header .header-inner{min-height:72px;gap:8px}
 .header .brand{width:145px}
 .header .header-contact{display:none}
 .header-direct{flex-direction:row;gap:2px;border:0;padding:0}
 .header-direct a{width:40px;height:44px;justify-content:center}
 .header-direct a span{display:none}
 .header-direct svg{width:20px;height:20px}
 .header .menu-toggle{width:40px;height:44px;padding:8px}
 .header .navigation{max-height:calc(100dvh - 72px)}
 .nav-contact-details .button{display:inline-flex;min-height:44px;padding:11px 22px;margin-top:4px;border-radius:6px}
}
@media(max-width:360px){.header .brand{width:128px}.header .header-inner{gap:4px}}
