nav {
      background: var(--olive); display: flex; align-items: center;
      padding: 0 1.5rem; height: 56px; gap: 1rem;
      position: sticky; top: 0; z-index: 100;
    }
    .nav-logo { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; }
    .nav-logo-img {
      width: 34px; height: 34px; border-radius: 50%; background: var(--cream);
      display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0;
    }
    .nav-logo-img img { width: 100%; height: 100%; object-fit: cover; }
    .nav-brand { font-family: 'Unbounded', sans-serif; font-size: 1.1rem; font-weight: 700; color: var(--white); }
    .nav-links { display: flex; gap: 1.2rem; margin-left: auto; }
    .nav-links a { color: var(--white); text-decoration: none; font-weight: 600; font-size: 0.85rem; transition: color 0.2s; white-space: nowrap; }
    .nav-links a.active, .nav-links a:hover { color: #b8d48a; }
    .nav-hamburger { display: none; flex-direction: column; gap: 4px; cursor: pointer; margin-left: auto; padding: 4px; }
    .nav-hamburger span { display: block; width: 22px; height: 2px; background: var(--white); border-radius: 2px; }
    .nav-mobile-menu {
      display: none; position: fixed; top: 56px; left: 0; right: 0;
      background: var(--olive-dark); padding: 1rem 1.5rem; z-index: 99;
      flex-direction: column; gap: 0.9rem;
    }
    .nav-mobile-menu.open { display: flex; }
    .nav-mobile-menu a { color: var(--white); text-decoration: none; font-weight: 600; font-size: 1rem; }