/* scroll-scale.css — Phase 6: Scroll-Scale Containers
 *
 * Sets the pre-scroll initial state for [data-scroll-scale] elements under
 * html.js-cinema so there is no flash between DOM paint and ScrollTrigger
 * evaluation. scroll-scale.js overwrites these via GSAP fromTo(); these rules
 * are only the no-JS-yet fallback guard.
 *
 * Reduced-motion: reset to visible, no transform.
 */

html.js-cinema [data-scroll-scale],
html.js-cinema .js-scale {
    opacity: 0.3;
    transform: scale(0.45);
    transform-origin: center center;
    will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
    html.js-cinema [data-scroll-scale],
    html.js-cinema .js-scale {
        opacity: 1;
        transform: none;
        will-change: auto;
    }
}