/* Canonical Impel Talent header overrides.
   Mirrors the approved About-page navigation system without changing page bodies. */
.site-header,
.site-header *,
.nav-drawer,
.nav-drawer * {
  box-sizing: border-box;
}

.site-header {
  min-height: 86px !important;
  font-family: "Inter", Arial, sans-serif !important;
}

.site-header > .container {
  width: 100% !important;
  max-width: 1340px !important;
  margin-inline: auto !important;
  padding-inline: clamp(1.35rem, .65rem + 2vw, 2.75rem) !important;
}

.site-header__inner {
  height: 86px !important;
  min-height: 86px !important;
  gap: 28px !important;
}

.site-header__brand img {
  display: block !important;
  height: 43px !important;
  width: auto !important;
  max-width: none !important;
}

.nav-primary {
  gap: 6px !important;
}

.nav-primary a,
.nav-primary button.nav-trigger,
.site-header__cta .btn {
  font-family: "Sora", "Helvetica Neue", Arial, sans-serif !important;
}

.nav-primary a,
.nav-primary button.nav-trigger {
  padding: 11px 14px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.site-header__cta .btn {
  min-height: 42px !important;
  padding-inline: 19px !important;
  font-size: 13px !important;
}

.mega {
  top: calc(100% + 9px) !important;
  font-family: "Inter", Arial, sans-serif !important;
}

.mega__pillar-label,
.mega__pillar-title,
.mega__sub-name {
  font-family: "Sora", "Helvetica Neue", Arial, sans-serif !important;
}

.mega__pillar-desc,
.mega__sub-detail,
.mega__footer p {
  font-family: "Inter", Arial, sans-serif !important;
}

/* Approved compact About and Impact menus. */
.nav-primary .mega--compact {
  width: max-content !important;
  min-width: 0 !important;
  max-width: calc(100vw - 32px) !important;
  padding: .72rem !important;
}

.nav-primary .mega--compact .mega__sub-list {
  width: 390px !important;
  max-width: calc(100vw - 56px) !important;
  gap: .2rem !important;
}

.nav-primary .mega--compact .mega__sub-item {
  align-items: center !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: .82rem .9rem !important;
  text-align: center !important;
}

.nav-primary .mega--compact .mega__sub-name,
.nav-primary .mega--compact .mega__sub-detail {
  width: 100%;
  text-align: center !important;
}

.nav-primary .mega--compact .mega__sub-name {
  font-size: 15px !important;
}

.nav-primary .mega--compact .mega__sub-detail {
  max-width: 34ch !important;
  margin-inline: auto;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

@media (max-width: 1024px) {
  .site-header,
  .site-header__inner {
    min-height: 70px !important;
    height: 70px !important;
  }

  .site-header__brand img {
    height: 34px !important;
  }
}

@media (max-width: 720px) {
  .site-header,
  .site-header__inner {
    min-height: 66px !important;
    height: 66px !important;
  }

  .site-header__brand img {
    height: 31px !important;
  }
}

@media (max-width: 520px) {
  .nav-primary .mega--compact .mega__sub-list {
    width: min(350px, calc(100vw - 56px)) !important;
  }
}