/* Movimento de rolagem: imagens e superfícies, sem animar a tipografia. */
.site-header{transition:background-color .3s ease,box-shadow .3s ease}
.site-header.scrolled{background-color:#0c0c0cf5;box-shadow:0 10px 28px #0002}

.scroll-reveal{transition:opacity .7s ease,transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--scroll-reveal-delay,0ms)}
.scroll-reveal:not(.is-scroll-visible){opacity:0;transform:translate3d(0,28px,0) scale(.985)}
.scroll-reveal.is-scroll-visible{opacity:1;transform:none}
.scroll-reveal:focus-within{opacity:1;transform:none;transition-delay:0ms}

@media(min-width:1024px){
 .hero.scroll-background-depth,.final-cta.scroll-background-depth{background-image:none;overflow:clip}
 .scroll-background-depth::after{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:url('assets/hero-mano-v2.png');background-size:cover;background-repeat:no-repeat;transform:translate3d(0,var(--scroll-shift,0px),0) scale(1.09);will-change:transform}
 .hero.scroll-background-depth::after{background-position:center top}
 .final-cta.scroll-background-depth::after{background-position:center 35%}
 .scroll-media-depth>img,.process-photo.scroll-media-depth #process-slides{transform:translate3d(0,var(--scroll-shift,0px),0) scale(1.08);will-change:transform}
}
@media(max-width:1023px){
 .scroll-reveal:not(.is-scroll-visible){transform:translate3d(0,20px,0) scale(.99)}
}
@media(max-width:767px){
 .scroll-reveal{transition-duration:.6s,.75s}
 .scroll-reveal:not(.is-scroll-visible){transform:translate3d(0,18px,0) scale(.99)}
}
@media(prefers-reduced-motion:reduce){
 .site-header,.scroll-reveal{transition:none!important}
 .scroll-reveal:not(.is-scroll-visible),.scroll-reveal.is-scroll-visible{opacity:1;transform:none}
 .hero.scroll-background-depth,.final-cta.scroll-background-depth{background-image:url('assets/hero-mano-v2.png')}
 .scroll-background-depth::after{display:none}
 .scroll-media-depth>img,.process-photo.scroll-media-depth #process-slides{transform:none;will-change:auto}
}