/* Initial visibility belongs to the motion bootstrap, never to page layout. */
@media (prefers-reduced-motion: no-preference) {
  html.motion-preparing main,
  html.motion-preparing footer,
  html.motion-preparing .site-header__bar { visibility: hidden; }
  html.motion-enabled [data-motion-pending] { opacity: 0; }
}