/* A dedicated translucent header keeps every nav item legible over the hero photo. */
.nav {
  height: 98px;
  padding: 0 28px;
  background: linear-gradient(90deg, rgba(2, 20, 12, .95), rgba(8, 44, 28, .90));
  border: 1px solid rgba(236, 249, 224, .40);
  border-top: 0;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .36);
  backdrop-filter: blur(14px) saturate(125%);
}
.navlinks { gap: 34px; font-size: 13px; text-shadow: 0 2px 4px rgba(0, 0, 0, .80); }
.navlinks a { padding: 12px 0; color: #fff; font-weight: 800; }
.navlinks a:hover { color: #d9efbd; }
.phone { color: #fff; font-size: 13px; font-weight: 800; text-shadow: 0 2px 4px rgba(0, 0, 0, .80); }
@media (max-width: 760px) {
  .nav { height: 82px; padding: 0 17px; width: min(100% - 20px, 1180px); }
  .phone { font-size: 12px; }
}