/* ========================================================================== ZeroPvP motion layer (2026-10-15 redesign) ========================================================================== Linked after zp.css on every page; driven by assets/js/motion.js. - Scroll reveal: rise (default), from the left, from the right, scale, fade, and staggered children. Only elements motion.js marked .zr-pre are ever hidden (below the fold, with IntersectionObserver, motion welcome). Reduced motion: nothing hides. Lite: fades only. - Inside an entering element: the section kicker draws its rule, [data-grow] bars grow. - Hover: cards lift and press, rows slide an accent edge in, tier badges catch one shine, kit icons bob once. No coloured glows, nothing follows the cursor. - The ticker: a CSS transform animation that runs only while .is-running (on screen). - Transform and opacity only, so nothing here triggers layout. ========================================================================== */ /* ---------- scroll reveal ---------- */ /* Waiting below the fold: opacity 0 only. Opacity is not inherited, so starting an entrance restyles the element and nothing under it; there is no static transform on a waiting element (each one is a compositor node: the performance pass of 2026-10-15 measured that tripling the layerize time of a scroll). The entrance is a one-shot animation that exists only while it runs; the state classes sit on the element that moves (motion.js gives a staggered container's children their own), so no rule here reaches into a subtree except the few targeted ones. */ .zr-pre { opacity: 0; } /* The entrance delay motion.js writes on an element. Registered as not inherited: an inherited custom property written inline restyles the element's whole subtree, which at four reveals a screen was the largest single cost of the motion layer. */ @property --zr-d { syntax: "