.site-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.site-tagline {
  font-size: 11px;
  color: #888;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.nav-menu > li > a.active {
  color: var(--orange);
}

.hamburger.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }