/* Keep the pointer-operated navigation available in a narrower desktop panel. */
@media(min-width:901px){.header #navigation{align-self:stretch}}
@media(min-width:901px) and (max-width:1020px){
 .header .wrap{width:calc(100% - 48px);gap:20px;min-height:82px}
 .header .menu{display:none}
 .header .brand{gap:9px}.header .brand-symbol{width:40px;height:40px}
 .header .brand strong{font-size:14px}.header .brand small{font-size:7px;letter-spacing:.12em}
 .header #navigation{display:flex;position:static;overflow:visible;max-height:none;flex-direction:row;align-items:center;gap:15px;padding:0;border:0;background:transparent;font-size:11px}
 .header .nav-group{display:flex;align-self:stretch;align-items:center}
 .header .nav-parent{justify-content:initial;gap:4px}.header .nav-parent>a{flex:none;padding:0}
 .header .nav-toggle{border:0;font-size:13px;padding:8px 3px}
 .header .nav-dropdown{position:absolute;top:100%;left:-30px;width:410px;box-shadow:0 18px 40px #14263d12;margin:0;padding:24px;border:1px solid var(--line);border-top:2px solid var(--navy);background:#fff}
 .header .office-dropdown{width:285px}.header .nav-contact{padding:9px 12px}
 .header .nav-dropdown a{padding:14px 0;font-size:11px}
}
@media(min-width:901px) and (any-hover:hover){
 .header .nav-group:hover>.nav-dropdown{display:block}
}