/* Tighten the gap specifically when our promo hero is active */
@media (min-width: 64em) {
  html.cm-hero--promo body { margin-top: 0 !important; } /* kill the injected gap */
  /* Allow JS to set the exact spacing using the variable below */
  html.cm-hero--promo .cm-hero,
  html.cm-hero--promo article header { padding-top: var(--cm-top-pad, 40px) !important; }
}