:root{
  --site-nav-ink:#10363d;
  --site-nav-muted:#617c82;
  --site-nav-line:#b9dce1;
  --site-nav-accent:#18c6d1;
  --site-nav-bg:#ffffff;
}
.global-site-header{
  width:100%;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(185,220,225,.7);
  position:relative;
  z-index:100;
}
.global-site-header-inner{
  width:min(1180px,calc(100% - 40px));
  min-height:78px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.global-site-logo{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  text-decoration:none;
}
.global-site-logo img{
  display:block;
  width:172px;
  height:auto;
}
.global-menu-button{
  width:44px;
  height:44px;
  padding:0;
  border:1px solid var(--site-nav-line);
  background:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.global-menu-button-lines{
  width:20px;
  display:grid;
  gap:5px;
}
.global-menu-button-lines i{
  display:block;
  width:100%;
  height:2px;
  background:var(--site-nav-ink);
}
.global-menu-overlay{
  position:fixed;
  inset:0;
  z-index:998;
  background:rgba(8,34,39,.42);
  backdrop-filter:blur(3px);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
.global-menu-drawer{
  position:fixed;
  z-index:999;
  top:0;
  right:0;
  width:min(360px,calc(100vw - 34px));
  height:100dvh;
  padding:24px 24px 30px;
  background:#fff;
  box-shadow:-24px 0 60px rgba(8,45,52,.18);
  transform:translateX(105%);
  transition:transform .24s ease;
  overflow-y:auto;
}
body.global-menu-open{overflow:hidden}
body.global-menu-open .global-menu-overlay{
  opacity:1;
  pointer-events:auto;
}
body.global-menu-open .global-menu-drawer{transform:translateX(0)}
.global-menu-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:22px;
  border-bottom:1px solid var(--site-nav-line);
}
.global-menu-head img{display:block;width:150px;height:auto}
.global-menu-close{
  width:40px;
  height:40px;
  border:0;
  background:#f1f8f9;
  color:var(--site-nav-ink);
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.global-menu-nav{
  display:grid;
  margin-top:18px;
}
.global-menu-nav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:56px;
  padding:0 4px;
  border-bottom:1px solid #e1eef0;
  color:var(--site-nav-ink);
  text-decoration:none;
  font-size:14px;
  font-weight:800;
}
.global-menu-nav a::after{
  content:"→";
  color:#7ba0a6;
  font-size:13px;
}
.global-menu-nav a:hover{color:#078e9a}
.global-menu-nav .global-menu-primary{
  margin:12px 0 6px;
  padding:0 14px;
  border:1px solid #8bd6dc;
  background:#edfbfc;
  color:#087d87;
}
.global-menu-foot{
  margin:24px 0 0;
  color:var(--site-nav-muted);
  font-size:10px;
  line-height:1.7;
}
@media(max-width:620px){
  .global-site-header-inner{
    width:calc(100% - 28px);
    min-height:68px;
  }
  .global-site-logo img{width:145px}
  .global-menu-button{width:40px;height:40px}
  .global-menu-drawer{padding:18px 18px 26px}
  .global-menu-head img{width:140px}
}