@media (prefers-reduced-motion: no-preference) {
    .blisq-motion-gallery [data-space-slider] .space-gallery {
        transition: transform var(--motion-gallery-duration, 320ms) var(--motion-easing, cubic-bezier(.22, 1, .36, 1));
    }
    .blisq-motion-gallery [data-space-slider] .space-slide-grid.is-active .space-content {
        animation: blisq-space-enter var(--motion-gallery-duration, 320ms) var(--motion-easing, ease-out);
    }
    @keyframes blisq-space-enter {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .blisq-motion-gallery [data-space-slider] .space-slide-grid.is-active .space-gallery-image {
        animation: blisq-photo-enter var(--motion-gallery-duration, 500ms) var(--motion-easing, ease-out);
    }
    @keyframes blisq-photo-enter {
        from { opacity: .35; }
        to { opacity: 1; }
    }
}
@supports (animation-timeline: view()) {
    @media (min-width: 941px) and (prefers-reduced-motion: no-preference) {
        .blisq-motion-depth .about-figure img {
            animation: blisq-image-depth linear both;
            animation-timeline: view();
            animation-range: entry 0% exit 100%;
        }
        @keyframes blisq-image-depth {
            from { transform: translateY(calc(-1 * var(--motion-depth, 20px))) scale(1.08); }
            to { transform: translateY(var(--motion-depth, 20px)) scale(1.08); }
        }
    }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .blisq-motion-arrows .btn-arrow::after { transition: transform 180ms ease-out; }
    .blisq-motion-arrows .btn-arrow:hover::after { transform: translateX(var(--motion-arrow-distance, 3px)); }
}