/* ============================================================================
   262-php-24-motion — only active while the script runs (html.x262-motion),
   so nothing is ever hidden on a page without JavaScript.
   ========================================================================== */

.x262-motion [data-rev] {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .7s ease, transform .7s cubic-bezier(.16, 1, .3, 1);
}
.x262-motion [data-rev].is-in {
    opacity: 1;
    transform: none;
}

[data-par]  { will-change: transform; }
[data-tilt] { transition: transform .25s ease; }

@media (prefers-reduced-motion: reduce) {
    .x262-motion [data-rev] { opacity: 1; transform: none; transition: none; }
}