/*
 * IRF Animations — GPU Acceleration Helpers
 * All classes prefixed with 'irf-' to avoid conflicts with existing CSS.
 * This file does NOT override or rewrite any existing styles.
 * It only provides GPU compositing hints for JS-driven transforms.
 */

/* === Hero Slider: GPU-accelerated slide layers === */
.irf-slider-init .slide {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/* === Footer Ticker: GPU-accelerated scroll layer === */
.irf-ticker-active {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}