/*
 * delilà Motion Desktop
 * Tabletprofil ab 768 px, räumliche Desktoprollen ab 992 px.
 */

@media (min-width: 768px) {
    :root {
        --delila-motion-enter-distance: 26px;
        --delila-motion-opacity-duration: 1350ms;
        --delila-motion-transform-duration: 1500ms;
        --delila-motion-load-opacity-duration: 1450ms;
        --delila-motion-load-transform-duration: 1650ms;
        --delila-motion-load-delay: 190ms;
        --delila-motion-stagger-step: 90ms;
    }

    .delila-home-hero__picture [data-delila-parallax-media] {
        --delila-parallax-scale: 1.18;
    }

    .delila-home-art__media [data-delila-parallax-media],
    .delila-home-testimonial__media [data-delila-parallax-media] {
        --delila-parallax-scale: 1.08;
    }
}

@media (min-width: 992px) {
    :root {
        --delila-motion-enter-distance: 32px;
        --delila-motion-opacity-duration: 1450ms;
        --delila-motion-transform-duration: 1650ms;
        --delila-motion-load-opacity-duration: 1550ms;
        --delila-motion-load-transform-duration: 1750ms;
    }

    body.delila-motion-primed [data-delila-reveal="left"].delila-motion-pending {
        --delila-motion-x: calc(var(--delila-motion-enter-distance) * -1);
        --delila-motion-y: 0px;
    }

    body.delila-motion-primed [data-delila-reveal="right"].delila-motion-pending {
        --delila-motion-x: var(--delila-motion-enter-distance);
        --delila-motion-y: 0px;
    }

    .delila-home-hero__picture [data-delila-parallax-media] {
        --delila-parallax-scale: 1.22;
    }

    .delila-home-art__media [data-delila-parallax-media],
    .delila-home-testimonial__media [data-delila-parallax-media] {
        --delila-parallax-scale: 1.1;
    }
}