/* Premium, responsive navigation for the public homepage. */
.site-header{
  background:linear-gradient(90deg,rgba(5,22,35,.97),rgba(7,28,43,.88) 55%,rgba(7,24,39,.74));
  border-bottom:1px solid rgba(156,199,223,.16);
  box-shadow:0 12px 34px rgba(0,0,0,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.site-header .header-inner{
  width:min(calc(100% - 56px),1400px);
  min-height:254px;
  display:grid;
  grid-template-columns:420px minmax(0,1fr);
  grid-template-rows:190px 64px;
  align-items:center;
  gap:0 44px;
}
.site-header .brand{
  grid-column:1;
  grid-row:1;
  width:420px;
}
.site-header .brand img{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
}
.site-header .main-nav{
  grid-column:1/-1;
  grid-row:2;
  justify-content:flex-start;
  gap:clamp(22px,2.35vw,42px);
  min-width:0;
  height:64px;
  border-top:1px solid rgba(156,199,223,.13);
}
.site-header .main-nav>a{
  flex:0 0 auto;
  white-space:nowrap;
  font-size:.74rem;
  letter-spacing:.075em;
}
.site-header .header-search{
  min-width:0;
  margin:0;
}
.site-header .header-search--desktop{
  grid-column:2;
  grid-row:1;
  justify-self:end;
  width:min(100%,410px);
}
.site-header .header-search input{
  width:100%;
  min-width:0;
  height:44px;
  padding:0 16px;
  border-color:rgba(255,255,255,.3);
  background:rgba(3,17,27,.45);
  font-size:.78rem;
}
.site-header .header-search input:focus{
  width:100%;
}
.site-header .mobile-header-search{display:none}
.site-header .nav-cta{
  padding:12px 17px;
  background:rgba(255,255,255,.04);
}
@media(max-width:1180px){
  :root{--header:78px}
  .site-header .header-inner{width:min(calc(100% - 36px),1400px);min-height:116px;display:flex;gap:24px}
  .site-header .brand{flex-basis:280px;width:280px}
  .site-header .header-search--desktop{display:none}
  .site-header .menu-toggle{display:block;position:relative;z-index:102}
  .site-header .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
  .site-header .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .site-header .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .site-header .main-nav{
    position:fixed;
    inset:0;
    z-index:101;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:20px;
    padding:94px 24px 36px;
    overflow-y:auto;
    background:linear-gradient(145deg,#061722,#0b2b3d 70%,#29483d);
    height:auto;
    border-top:0;
    transform:translateX(100%);
    transition:transform .35s ease;
  }
  .site-header .main-nav.open{transform:none}
  .site-header .main-nav>a{font:700 1.85rem/1 "Barlow Condensed",sans-serif;letter-spacing:.035em}
  .site-header .header-search{order:-1;flex:0 0 auto;width:min(100%,420px);min-width:0}
  .site-header .mobile-header-search{display:block}
  .site-header .header-search input,.site-header .header-search input:focus{width:100%;height:52px;font-size:1rem;padding:14px 16px}
  .site-header .nav-cta{margin-top:5px;padding:14px 25px}
}
@media(max-width:640px){
  .site-header .header-inner{width:calc(100% - 28px)}
  .site-header .brand{flex-basis:260px;width:260px}
}
@media(max-width:390px){.site-header .brand{flex-basis:225px;width:225px}}