.reveal { opacity: 0; transform: translate3d(0, 18px, 0); will-change: opacity, transform; }  .reveal.is-visible { opacity: 1; transform: translate3d(0, 0, 0); transition: opacity 800ms ease, transform 1000ms cubic-bezier(.2,.8,.2,1); }  .reveal-h1 { transform: translate3d(0, 28px, 0); }  .reveal-soft { transform: translate3d(0, 10px, 0); }  @media (prefers-reduced-motion: reduce) { .reveal, .reveal-h1, .reveal-soft { opacity: 1 !important; transform: none !important; transition: none !important; } }  .image-reveal{ position: relative; overflow: hidden; }  .image-reveal img{ will-change: transform; transform: scale(1.04); transition: transform 1200ms cubic-bezier(.2,.8,.2,1); }  .image-reveal .mask-frame{ position: absolute; inset: 0; z-index: 2; background: var(--bg-body) !important;  transform: scaleY(1); transform-origin: bottom;  transition: transform 1200ms cubic-bezier(.77,0,.175,1); will-change: transform; }  .image-reveal.is-visible .mask-frame{ transform: scaleY(0); }  .image-reveal.is-visible img{ transform: scale(1); }  @media (prefers-reduced-motion: reduce){ .image-reveal img{ transform: none !important; transition: none !important; } .image-reveal .mask-frame{ display: none !important; transition: none !important; } }