/* ==========================================================================
   Header / Navigation
   ========================================================================== */
header{
  position:sticky; top:3px; z-index:900;
  background:rgba(246,244,239,0.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
nav.wrap{
  display:flex; align-items:center; justify-content:space-between;
  height:76px;
}
.logo{
  display:flex; align-items:center;
}
.logo img{
  height:46px;
  width:auto;
  display:block;
}

.nav-links{display:none; gap:34px; align-items:center;}
@media(min-width:880px){.nav-links{display:flex;}}
.nav-links a{
  font-size:14.5px; font-weight:500; color:var(--steel);
  position:relative; padding:4px 0;
}
.nav-links a::after{
  content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px;
  background:var(--route); transition:width 0.25s ease;
}
.nav-links a:hover::after, .nav-links a:focus-visible::after{width:100%;}

.nav-cta{display:none;}
@media(min-width:880px){.nav-cta{display:inline-flex;}}

.menu-btn{
  display:flex; background:none; border:none; color:var(--ink);
}
@media(min-width:880px){.menu-btn{display:none;}}