@media screen and (min-width: 1156px) {
  body::after {
    content: "";
    position: fixed;
    inset: var(--ia-header-h) 0 0 0;
    z-index: 9;
    background-color: rgba(0, 36, 64, 0.72);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--ia-motion-base) var(--ia-ease),
      visibility 0s linear var(--ia-motion-base);
  }

  body:has(.nav li.ia_mega:hover)::after,
  body:has(.nav li.ia_mega:focus-within)::after,
  body:has(.nav li.ia_mega[aria-expanded="true"])::after {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
}

@media screen and (min-width: 1156px) and (prefers-reduced-motion: reduce) {
  body::after {
    transition: none;
  }
}