/* Auto-hide nav + light/dark + mobile menu */
.nav{
  --nav-bg:var(--black,#0d0d0d);
  --nav-border:rgba(201,168,76,.15);
  --nav-link:rgba(255,255,255,.65);
  --nav-logo-color:#fefefe;
  --nav-menu-bar:#c9a84c;
  --nav-dropdown-shadow:rgba(0,0,0,.4);
  background:var(--nav-bg)!important;
  border-bottom:1px solid var(--nav-border)!important;
  transition:transform .35s cubic-bezier(.4,0,.2,1),background .25s,border-color .25s,box-shadow .25s;
  will-change:transform;
}
.nav.nav--hidden{transform:translateY(-100%);pointer-events:none}
.nav-logo-text{color:var(--nav-logo-color)!important}
.nav-links a{color:var(--nav-link)}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-menu{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
  padding:.25rem;
  flex-shrink:0;
}
.nav-menu span{
  display:block;
  width:22px;
  height:1.5px;
  background:var(--nav-menu-bar);
  margin:5px 0;
  transition:background .25s;
}

@media(max-width:768px){
  .nav-menu{display:block}
  .nav-links{display:none}
  .nav-links.nav-links--open{
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    gap:.85rem;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    padding:1rem 1.25rem 1.25rem;
    background:var(--nav-bg);
    border-bottom:1px solid var(--nav-border);
    box-shadow:0 12px 28px var(--nav-dropdown-shadow);
  }
  .nav-links.nav-links--open .nav-cta{
    text-align:center;
    justify-content:center;
  }
}

@media(prefers-reduced-motion:reduce){
  .nav{transition:none}
  .nav.nav--hidden{transform:none;opacity:0;visibility:hidden}
}