/* ════════════════════════════════════════════════════
   NAVBAR
   ════════════════════════════════════════════════════ */

.navbar{
  position:fixed;top:0;left:0;width:100%;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.25rem 3%;
  background:rgba(0,18,32,.92);
  backdrop-filter:blur(14px);
  transition:background var(--dur) var(--ease), padding .4s var(--ease);
}
.navbar.scrolled{
  background:rgba(0,18,32,.92);
  backdrop-filter:blur(14px);
  padding:.75rem 3%;
  border-bottom:1px solid var(--gold-dim);
}

.nav-logo{display:flex;flex-direction:column;gap:0}
.logo-text{
  font-family:var(--serif);font-size:1.15rem;letter-spacing:.18em;
  color:var(--white);
}
.logo-sub{
  font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;
  color:var(--gold);
}

.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{
  font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  position:relative;padding:.25rem 0;
  transition:color .3s;
}
.nav-links a::after{
  content:'';position:absolute;bottom:0;left:0;
  width:100%;height:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:right;
  transition:transform .5s var(--ease);
}
.nav-links a:hover{color:var(--gold)}
.nav-links a:hover::after{transform:scaleX(1);transform-origin:left}

.nav-actions{display:flex;align-items:center;gap:1.25rem}
.lang-toggle{
  font-size:.7rem;letter-spacing:.2em;
  border:1px solid var(--gold);padding:.3rem .7rem;
  transition:background .3s,color .3s;
}
.lang-toggle:hover{background:var(--gold);color:var(--black)}

.nav-hamburger{display:none;flex-direction:column;gap:5px;width:24px}
.nav-hamburger span{display:block;height:1.5px;background:var(--white);transition:all .4s var(--ease)}
.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.nav-hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}