/* gpu-hints.css */
/* Safe defaults to reduce layout/paint costs without changing your look */

/* Respect user reduced-motion preference (just slows a bit, does not remove) */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: calc(var(--anim-duration, 1s) * 1.25) !important;
    transition-duration: calc(var(--trans-duration, 200ms) * 1.25) !important;
  }
}

/* Common containers: make them cheap when off-screen */
.heavy-section {
  content-visibility: auto;
  contain: layout paint style;
}

/* Avoid subpixel blur on transforms and reduce repaint areas */
.gpu-layer {
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Only promote elements when actually active */
.will-change-on-active { will-change: auto; }
.will-change-on-active.active { will-change: transform, opacity; }