.menu {
    all: initial;
}
.menu > li {
    all: initial;
}

/* ============================================================
   1. PRE-HEADER
   ============================================================ */
.preheader {
  background: var(--dark);
  padding: 13px 0;
}
.preheader .wrap {
  display: flex; align-items: center; justify-content: space-between;
}
.preheader__info {
  font-size: 12px; font-weight: 600;
  letter-spacing: 1.2px; text-transform: uppercase; color: var(--white);
}
.preheader__social { font-size: 20px; color: var(--white); letter-spacing: 8px; }

/* ============================================================
   2. HEADER
   ============================================================ */
.header { background: var(--white); padding: 22px 0; border-bottom: 1px solid #eee; }
.header .wrap {
  display: flex; align-items: center; justify-content: space-between;
}
.header__logo { width: 340px; }
.header__logo img { width: 100%; }
.header__nav, .menu { display: flex; align-items: center; gap: 30px; }
.header__nav a {
  font-size: 12px; font-weight: 600;
  letter-spacing: 1px; text-transform: uppercase; color: var(--charcoal);
}
.header__nav a:hover { color: var(--rust); }
.header__nav .nav-cta {
  background: var(--rust); color: var(--white);
  padding: 11px 22px; font-size: 11px; letter-spacing: 1px; font-weight: 600;
  text-transform: uppercase;
}