:root {
  --navy:      #282B5E;
  --navy-dark: #0e0f2a;
  --navy-mid:  #14163a;
  --crimson:   #A01040;
  --crimson-lt:#c43a60;
  --gold:      #857B45;
  --white:     #fafaf8;
  --offwhite:  #eef0f8;
  --grey:      #5a5a6e;
  --lightgrey: #dde0ee;
}

/* ── SHARED NAV ── */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 48px; height: 76px;
  background: rgba(14,15,42,0.97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(160,16,64,0.25);
}
.nav-logo img, .nav-logo svg { height: 44px; width: auto; display: block; border: none; outline: none; }
.nav-links {
  position: absolute; left: 50%; transform: translateX(-50%);
  display: flex; gap: 36px;
}
.nav-links a {
  color: rgba(255,255,255,0.65); text-decoration: none;
  font-size: 14px; font-weight: 500;
  letter-spacing: 0.07em; text-transform: uppercase;
  transition: color 0.2s;
}
.nav-links a:hover, .nav-links a.active { color: #e8c0cc; }
.nav-right { display: flex; align-items: center; gap: 16px; }
.nav-lang { display: flex; gap: 4px; }
.nav-lang a {
  color: rgba(255,255,255,0.5); font-size: 13px; text-decoration: none;
  padding: 4px 10px; border-radius: 2px; transition: all 0.2s;
}
.nav-lang a.active { color: var(--white); background: rgba(160,16,64,0.4); }
.nav-lang a:hover { color: var(--white); }
.nav-cta {
  background: var(--crimson); color: var(--white);
  padding: 11px 26px; border-radius: 2px;
  font-size: 13px; font-weight: 600;
  letter-spacing: 0.1em; text-transform: uppercase;
  text-decoration: none; transition: background 0.2s;
}
.nav-cta:hover { background: var(--crimson-lt); }

/* ── MOBILE NAV ── */
@media (max-width: 1024px) {
  nav { padding: 0 24px; }
  .nav-links { display: none; }
  .nav-cta { padding: 9px 16px; font-size: 11px; }
}