/*
 * Camadas do Project Reveal:
 * base = fotografia; content = texto; sticky = plano arquitetônico;
 * header/menu permanecem acima através dos tokens globais de z-index.
 */

@media (min-width: 64rem) {
    .motion-enabled .project-reveal {
        height: 150svh;
        min-height: 58rem;
    }

    .motion-enabled .project-reveal__sticky {
        position: sticky;
        z-index: var(--z-sticky);
        top: 0;
        height: 100svh;
        min-height: 42rem;
    }
}

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

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