.site-header .nav{
  display:grid;
  grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);
  align-items:center;
  gap:26px;
}
.site-header .brand{
  margin:0;
  justify-self:start;
  min-width:0;
}
.site-header .desktop-nav{
  justify-self:center;
  justify-content:center;
  gap:32px;
  min-width:max-content;
}
.site-header .nav-actions{
  justify-self:end;
}
.header-logo-image{
  width:82px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.header-logo-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.4;
}
.desktop-nav>a,
.nav-drop>button{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:7px 1px;
  transition:color .2s ease;
}
.desktop-nav>a::after,
.nav-drop>button::after{
  content:"";
  position:absolute;
  right:50%;
  bottom:0;
  width:0;
  height:3px;
  border-radius:999px;
  background:var(--lime,#35dd0b);
  transform:translateX(50%);
  transition:width .25s ease;
}
.desktop-nav>a:hover::after,
.desktop-nav>a:focus-visible::after,
.nav-drop>button:hover::after,
.nav-drop>button:focus-visible::after,
.nav-drop:hover>button::after{
  width:100%;
}
.desktop-nav>a:hover,
.desktop-nav>a:focus-visible,
.nav-drop>button:hover,
.nav-drop>button:focus-visible{
  color:var(--green,#0d4938);
}
@media(max-width:1100px){
  .site-header .nav{
    grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);
    gap:18px;
  }
  .site-header .desktop-nav{gap:20px}
}
@media(max-width:1000px){
  .site-header .nav{
    display:flex;
  }
  .site-header .brand{
    margin-left:auto;
  }
}
@media(max-width:650px){
  .header-logo-image{
    width:62px;
    height:48px;
  }
  .brand-text small{display:none}
}