/* MHG Chrome v3 — 2026-09-11 — overrides existing .site-header + .site-footer with new look */
:root {
  --mhg-red: #71120B;
  --mhg-cream: #e9e2cf;
  --mhg-ink: #231F20;
  --mhg-taupe: #9b907d;
  --mhg-white: #fbf9f4;
  --mhg-honey: #d6a362;
}

/* Sticky topbar wrapper (announce bar + header pinned together) */
.mhg-topbar {
  position: sticky; top: 0; z-index: 200;
}
.mhg-announce {
  background: var(--mhg-red); color: var(--mhg-cream);
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase;
  padding: 10px 24px; text-align: center; font-weight: 600;
}
.mhg-announce a { color: var(--mhg-cream); text-decoration: underline; }

/* Override existing .site-header — force new dark look */
header.site-header {
  background: var(--mhg-ink) !important;
  border-bottom: 1px solid var(--mhg-ink) !important;
  padding: 18px 0 !important;
  position: relative !important;
}
header.site-header .site-header__inner {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 32px !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 32px !important;
}
header.site-header .site-header__brand { display: flex !important; align-items: center !important; text-decoration: none !important; }
header.site-header .site-header__mark {
  height: 90px !important; width: auto !important; display: block !important;
}
/* Hide the old wordmark span — the new SVG already contains the wordmark */
header.site-header .site-header__wordmark { display: none !important; }
header.site-header .site-header__nav {
  display: flex !important; gap: 30px !important; align-items: center !important;
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  font-size: 13px !important; font-weight: 600 !important;
  letter-spacing: 0.16em !important; text-transform: uppercase !important;
}
header.site-header .site-header__nav a {
  color: var(--mhg-cream) !important; text-decoration: none !important;
  padding: 6px 2px !important; border-bottom: 2px solid transparent !important;
  transition: border-color 160ms ease !important;
}
header.site-header .site-header__nav a:hover,
header.site-header .site-header__nav a.active { border-bottom-color: var(--mhg-cream) !important; }

/* Hamburger visible only under 720px (existing behavior) */
@media (max-width: 720px) {
  header.site-header .site-header__nav { display: none !important; }
  header.site-header .site-header__mark { height: 72px !important; }
  header.site-header.is-open .site-header__nav { display: flex !important; flex-direction: column !important; gap: 12px !important; }
}

/* Override existing .site-footer */
footer.site-footer {
  background: var(--mhg-ink) !important; color: var(--mhg-cream) !important;
  padding: 60px 0 30px !important; margin-top: 60px !important;
}
footer.site-footer .site-footer__inner {
  max-width: 1180px !important; margin: 0 auto !important; padding: 0 32px !important;
  display: grid !important; grid-template-columns: 1.5fr 1fr 1fr 1fr !important; gap: 40px !important;
  padding-bottom: 40px !important;
}
footer.site-footer a { color: var(--mhg-cream) !important; }
footer.site-footer .site-footer__bottom {
  max-width: 1180px !important; margin: 0 auto !important; padding: 24px 32px 0 !important;
  border-top: 1px solid rgba(233,226,207,0.15) !important;
  display: flex !important; justify-content: space-between !important;
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  font-size: 10px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; opacity: 0.55 !important;
}
@media (max-width: 900px) { footer.site-footer .site-footer__inner { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 560px) { footer.site-footer .site-footer__inner { grid-template-columns: 1fr !important; } }

/* Six menu items stay on one line (2026-10-15). */
.site-header__nav a { white-space: nowrap !important; }
@media (min-width: 721px) and (max-width: 1180px) { .site-header__nav { gap: 18px !important; } .site-header__nav a { font-size: 12px !important; letter-spacing: 0.1em !important; } }