/* Header shell */
.site-header { 
    position: sticky; 
    top: 0; 
    z-index: 100; 
    background: #fff; 
    padding: 0 var(--gutter);
}

.site-header__topline { height: 4px; background: #2b2b2b; } /* thin dark bar */

/* Navbar */
.navbar {
  display: flex; align-items: center; justify-content: space-between;
  height: 100px;
}

/* Brand */
.brand-logo img { height: 50px; display: block; }

/* Right links – uppercase, tight tracking like reference */
.navlinks { display: flex; align-items: center; }
.navlinks a {
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #3a3a3a;               /* slightly gray like screenshot */
  padding: 1rem;
}
.navlinks a:hover { color: #000; text-decoration: none; }

/* Mobile toggle */
.nav-toggle {
  display: none;
  background: none; border: 0; padding: 8px; font-size: 22px; line-height: 1;
}