.topbar-details{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}
.topbar-email{color:inherit;letter-spacing:.02em;text-transform:none;white-space:nowrap}
.topbar-email:hover{text-decoration:underline;text-underline-offset:3px}
@media(min-width:901px){.main-nav{gap:26px}.main-nav>a:not(.nav-cta){font-size:13px}}
@media(min-width:901px) and (max-width:1100px){.site-header{padding-inline:24px}.brand img{width:160px}.main-nav{gap:15px}.main-nav>a:not(.nav-cta){font-size:11px}.header-tools{gap:10px}}
@media(max-width:900px){.topbar-inner{justify-content:center;flex-wrap:wrap;column-gap:16px;row-gap:3px}.topbar-details{justify-content:center;column-gap:16px;row-gap:3px}}
@media(max-width:560px){.topbar-inner>span{display:none}.topbar-contact{font-size:9px}.topbar-email{font-size:11px}}

.nav-label-short{display:none}
/* Keep the navigation visible in one horizontal row at every breakpoint. */
@media(max-width:900px){
  .site-header{height:88px;padding:0 24px;gap:24px}
  .menu-toggle,.header-tools{display:none}
  .main-nav,.main-nav.open{position:static;inset:auto;transform:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:20px;padding:0;border:0;box-shadow:none;background:transparent;min-width:0}
  .main-nav>a:not(.nav-cta){display:flex;align-items:center;min-height:44px;padding:12px 0;font-size:12px;white-space:nowrap}
  .main-nav .nav-cta{display:none}
}
@media(max-width:720px){
  .topbar-inner{width:100%}
  .site-header{height:auto;min-height:112px;flex-wrap:wrap;justify-content:center;padding:14px 16px 0;gap:0}
  .main-nav,.main-nav.open{flex-basis:100%;justify-content:space-between;gap:12px;padding:6px 0}
  .main-nav>a:not(.nav-cta){font-size:11px}
}
@media(max-width:560px){
  .topbar-details{column-gap:12px}
  .main-nav,.main-nav.open{gap:8px}
  .nav-label-full{display:none}
  .nav-label-short{display:inline}
  .main-nav>a:not(.nav-cta){font-size:11px;letter-spacing:0}
}
@media(max-width:360px){
  .site-header{padding-inline:10px}
  .main-nav,.main-nav.open{gap:5px}
  .main-nav>a:not(.nav-cta){font-size:10px}
  .topbar-contact{font-size:8px}
  .topbar-email{font-size:10px}
}