.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;color:var(--white);transition:background .25s ease,box-shadow .25s ease}
.nav[data-state="top"]{text-shadow:0 1px 14px rgba(0,0,0,.6)}
.nav[data-state="scrolled"]{background:var(--charcoal);box-shadow:var(--shadow);backdrop-filter:blur(8px);text-shadow:none}
.nav__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:.6rem 0}
.nav__brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--white)}
.nav__menu{display:flex;align-items:center;gap:var(--s-3)}
.nav__menu a{text-decoration:none;font-weight:600;font-size:.95rem}
.nav__menu a:not(.btn):hover{color:var(--gold)}
.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:.4rem}
.nav__toggle span{width:26px;height:3px;background:var(--white);border-radius:2px;transition:.25s}
@media (max-width:820px){
  .nav__toggle{display:flex}
  .nav__menu{position:fixed;inset:64px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--charcoal);padding:var(--s-2) var(--s-3) var(--s-4);transform:translateY(-120%);transition:transform .3s ease}
  .nav__menu a{padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav[data-open="true"] .nav__menu{transform:translateY(0)}
  .nav[data-open="true"] .nav__toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .nav[data-open="true"] .nav__toggle span:nth-child(2){opacity:0}
  .nav[data-open="true"] .nav__toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}