/* ── NAV ────────────────────────────────────────────────────── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:900;
  height:64px;padding:0 3vw;
  display:flex;align-items:center;justify-content:space-between;
  transition:background .4s,border-color .4s;
}
.nav.solid{
  background:rgba(10,3,5,.97);
  border-bottom:1px solid var(--line2);
  backdrop-filter:blur(16px);
}

.nl{display:flex;align-items:center;height:44px}
.nl img{
  height:44px;width:auto;object-fit:contain;
  filter:url(#hair-sm) drop-shadow(0 0 8px rgba(201,168,76,.22));
  opacity:0;pointer-events:none;
  transition:opacity .4s,filter .3s;
}
.nav.solid .nl img{opacity:1;pointer-events:auto}
.nl img:hover{filter:url(#hair-sm) drop-shadow(0 0 18px rgba(201,168,76,.55))}

.nm{display:flex;gap:.1rem;list-style:none;align-items:center}
.nm a{
  display:block;padding:.4rem .8rem;
  font-size:.67rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);border-radius:2px;
  transition:color .2s,background .2s;
}
.nm a:hover,.nm a.on{color:var(--green);background:rgba(201,168,76,.08)}
.nm .cta a{
  background:var(--coral);color:#fff;
  padding:.38rem 1.1rem;
}
.nm .cta a:hover{background:#8a6420;color:#fff}

.brgr{display:none;flex-direction:column;gap:5px;
  background:none;border:none;cursor:pointer;padding:6px}
.brgr span{display:block;width:22px;height:1.5px;background:var(--gold);
  transition:transform .3s,opacity .3s}

@media(max-width:820px){
  .brgr{display:flex}
  .nm{
    position:fixed;inset:0 0 0 auto;width:min(280px,78vw);
    background:rgba(10,7,20,.98);backdrop-filter:blur(24px);
    border-left:1px solid var(--line2);
    flex-direction:column;justify-content:center;padding:2rem;gap:.4rem;
    transform:translateX(110%);transition:transform .35s cubic-bezier(.4,0,.2,1);
  }
  .nm.open{transform:translateX(0)}
  .nm a{font-size:.9rem;padding:.7rem 1rem}
}