/* Keep hero copy below the fixed page header while media remains edge to edge. */
@media (min-width: 1041px) {
  body.next-menu-version.page-mode .site-main.site-main--flush .page-video-hero.cf-hero .cf-hero__layout {
    transform: translateY(28px);
  }
}

/* Safari: "justify-items" does not center children of a block container
   (Chrome does). Hero layouts are centred with auto margins instead. */
.page-video-hero.cf-hero > .cf-hero__layout {
  margin-inline: auto !important;
}