header.navbar{
  position:relative;
  backdrop-filter:blur(12px);
  background:rgb(23 23 23 / 0.6);
  transition:background 0.2s,transform 0.2s;
  z-index:10;
}
header.navbar.scrolled{
  background:rgba(31,41,55,0.9);
}
header.navbar a,
header.navbar button,
header.navbar svg{
  transition:filter 0.2s,color 0.2s;
}
header.navbar a:hover,
header.navbar button:hover,
header.navbar svg:hover{
  filter:brightness(1.2);
}

header.navbar .logo-img{height:60px;transition:height .2s;}
header.navbar.header-compact{padding-top:.5rem;padding-bottom:.5rem;}
@media(min-width:640px){header.navbar.header-compact{padding-top:.75rem;padding-bottom:.75rem;}}
header.navbar.header-compact .logo-img{height:40px;}

@media(max-width:639px){
  header.navbar.mobile-sticky{position:fixed;top:0;width:100%;}
}

@media(min-width:640px){
  [data-auto-hide-nav="1"] header.navbar{position:fixed;top:0;width:100%;}
  header.navbar.nav-hidden{transform:translateY(-100%);}
}

#mobile-nav{
  height:100vh;
  overflow-y:auto;
  z-index:20;
}

header.navbar nav a {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
}

@media(max-width:639px){
  header.navbar .logo-img{height:40px;}
}