/* Mobile entrance effects are isolated from header and navigation rules. */
@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
    .reveal-item {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .48s ease var(--reveal-delay, 0ms), transform .48s cubic-bezier(.2, .75, .25, 1) var(--reveal-delay, 0ms);
    }
    .reveal-item.reveal-left,
    .reveal-item.reveal-right { transform: translateY(20px); }
    .reveal-item.is-visible { opacity: 1; transform: translateY(0); }
}