/* ============================================================
   PLUSFAB -- MOTION LAYER (2026-10-06, Bright Steel phase 1)
   ------------------------------------------------------------
   Template-scoped scroll reveal for plusfab_industrial. The classes
   below are added ONLY by js/plusfab-motion.js, so with JavaScript
   off (or the script failing) nothing is ever hidden. Visitors who
   ask for reduced motion get no animation at all -- the script does
   not run for them, and the rule at the bottom is a second guard.

     .pf-reveal      resting state, set by the script before observing
     .pf-reveal--in  final state, set when the element scrolls into view
     --pf-delay      per-element stagger, set inline by the script
============================================================ */
body.tpl-plusfab_industrial .pf-reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.6s var(--mt-ease-default) var(--pf-delay, 0s),
                transform 0.6s var(--mt-ease-default) var(--pf-delay, 0s);
    will-change: opacity, transform;
}
body.tpl-plusfab_industrial .pf-reveal.pf-reveal--in {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    body.tpl-plusfab_industrial .pf-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}