@media (prefers-reduced-motion: no-preference) {
    .reveal-on-scroll.is-visible {
        animation: gstudio-reveal 600ms both cubic-bezier(0.2, 0.7, 0.2, 1);
    }

    .blueprint-curtain.is-visible {
        animation: gstudio-curtain 800ms both cubic-bezier(0.2, 0.7, 0.2, 1);
    }

    @keyframes gstudio-reveal {
        from { opacity: 0; transform: translateY(1.25rem); }
        to { opacity: 1; transform: none; }
    }

    @keyframes gstudio-curtain {
        from { clip-path: inset(0 100% 0 0); }
        to { clip-path: inset(0 0 0 0); }
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

}