/* Keep the homepage navigation geometry consistent on every template. */
body .site-header{height:76px!important}
body .site-header>.wrap.nav{width:min(1160px,calc(100% - 40px));height:56px;margin-inline:auto;display:grid;grid-template-columns:230px minmax(0,1fr) auto;align-items:center;column-gap:36px}
body .site-header .brand-logo{width:230px!important;height:56px!important;min-width:230px}
body .site-header .brand-logo img{width:100%;height:48px!important;object-fit:contain;object-position:left center}
body .site-header .menu{justify-self:center;gap:28px;white-space:nowrap}
body .site-header>.wrap.nav>.btn{justify-self:end;min-width:111px;white-space:nowrap}

@media(max-width:1000px){
  body .site-header>.wrap.nav{column-gap:20px;grid-template-columns:190px minmax(0,1fr) auto}
  body .site-header .brand-logo{width:190px!important;min-width:190px}
  body .site-header .menu{gap:18px;font-size:12px}
}

@media(max-width:850px){
  body .site-header>.wrap.nav{display:flex;width:min(100% - 40px,1160px);height:56px}
  body .site-header .brand-logo{width:190px!important;min-width:0}
}

@media(max-width:520px){
  body .site-header>.wrap.nav{width:min(100% - 26px,1160px)}
  body .site-header .brand-logo{width:160px!important}
  body .site-header>.wrap.nav>.btn{min-width:auto;padding:10px 14px;font-size:12px}
}