/* Only loaded by DE/EN homepages. No layout, colours, copy or image changes. */
@media (max-width: 700px), (max-width: 960px) and (pointer: coarse) {
  /* Pause existing timelines offscreen, without restarting their animations. */
  html.pv-home-performance [data-pv-visibility]:not(.pv-near-viewport),
  html.pv-home-performance [data-pv-visibility]:not(.pv-near-viewport)::before,
  html.pv-home-performance [data-pv-visibility]:not(.pv-near-viewport)::after,
  html.pv-home-performance [data-pv-visibility]:not(.pv-near-viewport) *,
  html.pv-home-performance [data-pv-visibility]:not(.pv-near-viewport) *::before,
  html.pv-home-performance [data-pv-visibility]:not(.pv-near-viewport) *::after,
  html.pv-home-performance.pv-document-hidden *,
  html.pv-home-performance.pv-document-hidden *::before,
  html.pv-home-performance.pv-document-hidden *::after {
    animation-play-state: paused !important;
  }

  html.pv-home-performance [data-pv-visibility]:not(.pv-near-viewport) .reference-track,
  html.pv-home-performance [data-pv-visibility]:not(.pv-near-viewport) .review-track,
  html.pv-home-performance.pv-document-hidden .reference-track,
  html.pv-home-performance.pv-document-hidden .review-track {
    will-change: auto;
  }
}

@media (max-width: 700px) {
  /* Keep a 2D containing block, without blanket 3D promotion on idle cards. */
  html.pv-home-performance.pv-mobile-effects-enabled [data-mobile-effect]:not(.is-mobile-effect-active) {
    transform: translate(0, 0);
  }
}
