/* Sticky top navigation with anchor links */
.nav {
  position: sticky; top: 0; z-index: 100;
  background: rgba(253, 250, 243, .92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border);
}
.nav-inner {
  max-width: 1080px; margin: 0 auto;
  display: flex; align-items: center; gap: 24px;
  padding: 12px 24px;
}
.nav-brand {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; color: var(--brand-navy);
  font-family: var(--serif); font-size: 1.05rem; font-weight: 700;
  flex-shrink: 0;
}
.nav-brand img { height: 40px; width: auto; display: block; }
.nav-brand-fallback { display: none; }

.nav-links {
  display: flex; align-items: center; gap: 4px;
  margin-left: auto; flex-wrap: wrap;
}
.nav-links a {
  padding: 8px 14px; border-radius: 8px;
  text-decoration: none; color: var(--brand-navy);
  font-size: .9rem; font-weight: 500;
  transition: background .15s;
}
.nav-links a:hover { background: rgba(15,31,61,.06); }
.nav-links a.active {
  background: rgba(245,158,11,.15);
  color: var(--brand-navy);
  font-weight: 600;
}
.nav-links a.cta {
  background: var(--brand-amber); color: #4A2E00;
  font-weight: 700;
  box-shadow: var(--shadow-sm);
}
.nav-links a.cta:hover { background: #E88E00; }

.nav-toggle {
  display: none;
  background: transparent; border: none; cursor: pointer;
  padding: 8px; color: var(--brand-navy);
  font-size: 1.4rem;
  margin-left: auto;
}

@media (max-width: 720px) {
  .nav-links {
    display: none;
    position: absolute; top: 100%; left: 0; right: 0;
    background: var(--brand-cream);
    border-bottom: 1px solid var(--border);
    flex-direction: column; align-items: stretch; gap: 0;
    padding: 8px;
    box-shadow: var(--shadow-md);
  }
  .nav-links.open { display: flex; }
  .nav-links a { padding: 12px 16px; border-radius: 6px; }
  .nav-toggle { display: block; }
}