/* =========================================================
   NAV — matches sections/nav.html
   ========================================================= */
nav{
  position:fixed; top:0; left:0; right:0; z-index:50;
  background:rgba(10,43,39,0.92);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
.nav-inner{
  max-width:1180px; margin:0 auto; padding:16px 32px;
  display:flex; align-items:center; justify-content:space-between;
}
.logo{
  font-family:var(--font-display);
  font-size:26px; font-weight:600; color:var(--cream); letter-spacing:0.3px;
}
.logo em{color:var(--gold); font-style:italic;}
.nav-links{display:flex; align-items:center; gap:36px;}
.nav-links a{
  color:var(--cream); opacity:0.82; font-size:14.5px; font-weight:500;
  letter-spacing:0.2px; transition:opacity .2s;
}
.nav-links a:hover{opacity:1; color:var(--primary-light);}
.pill{
  border:1px solid var(--gold); color:var(--gold-light);
  padding:7px 16px; border-radius:100px; font-size:12.5px;
  letter-spacing:0.6px; text-transform:uppercase; font-weight:600;
}
.nav-toggle{display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none;}
.nav-toggle span{width:22px; height:2px; background:var(--cream);}

@media (max-width: 900px){
  .nav-links{display:none;}
  .nav-toggle{display:flex;}
}
.logo{display:flex; align-items:center; gap:10px;}
.logo-mark{height:32px; width:auto; border-radius:6px; display:block;}