/* 
_______________________________________________
=== COMPONENT: TOP NAVIGATION === 
_______________________________________________
*/

.top-nav {
  width: 100%;
  background-color: transparent;
  padding: 0.75rem 1rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo-nav-compact {
  width: clamp(70px, 22vw, 100px);
  height: auto;
  display: block;
}