/* Shared navigation: keep every page reachable on desktop and mobile. */
.nav .menu { gap: 20px; }
.nav .menu a { white-space: nowrap; }
.nav .menu a[aria-current="page"] { color: var(--yellow); }
@media (max-width: 1100px) {
  .nav { height: 68px; }
  .nav .nav-cta { display: none; }
  .nav .menu-button { display: block; margin-left: auto; }
  .nav .menu { display: none; position: absolute; top: 68px; left: 0; right: 0; margin: 0; padding: 24px; background: var(--cream); color: var(--ink); flex-direction: column; gap: 20px; }
  .nav .menu.open { display: flex; }
  .nav .menu a:hover, .nav .menu a.active, .nav .menu a[aria-current="page"] { color: var(--pink); }
}