/* Content is visible by default. JS opts only offscreen blocks into enhancement. */
.scroll-reveal-item{--scroll-reveal-delay:0ms}
@media(prefers-reduced-motion:no-preference){
 html:not(.scroll-reveal-paused):not(.motion-paused) .scroll-reveal-item{transition:opacity 650ms cubic-bezier(.22,1,.36,1) var(--scroll-reveal-delay),transform 650ms cubic-bezier(.22,1,.36,1) var(--scroll-reveal-delay)}
 html:not(.scroll-reveal-paused):not(.motion-paused) .scroll-reveal-pending{opacity:0;transform:translateY(24px)}
 html:not(.scroll-reveal-paused):not(.motion-paused) .scroll-reveal-visible{opacity:1;transform:translateY(0)}
 .archive-art,#experience-demo{translate:0 var(--scroll-parallax-y,0px)}
}
.scroll-reveal-item:focus-within{opacity:1!important;transform:none!important;transition:none!important}
.scroll-reveal-paused .scroll-reveal-item,.motion-paused .scroll-reveal-item{opacity:1!important;transform:none!important;transition:none!important}
.scroll-reveal-paused .archive-art,.scroll-reveal-paused #experience-demo,.motion-paused .archive-art,.motion-paused #experience-demo{translate:none}
@media(max-width:800px){.archive-art,#experience-demo{translate:none}}
@media(prefers-reduced-motion:reduce){.scroll-reveal-item{opacity:1!important;transform:none!important;transition:none!important}.archive-art,#experience-demo{translate:none}}