/* Navigation affects content opacity only; approved geometry stays intact. */
.bl-navigation-motion {
  will-change: opacity
}

html.bl-navigation-entering body > main,
html.bl-navigation-entering body > .site-footer,
html.bl-navigation-entering #free-quote .quote-route-content,
html.bl-navigation-entering #free-quote .quote-route-footer {
  opacity: 0
}

@media(prefers-reduced-motion:reduce) {
  .bl-navigation-motion {
    will-change: auto
  }
  html.bl-navigation-entering body > main,
  html.bl-navigation-entering body > .site-footer,
  html.bl-navigation-entering #free-quote .quote-route-content,
  html.bl-navigation-entering #free-quote .quote-route-footer {
    opacity: 1
  }
}