/* ==========================================================================
   IMAGE TEXT MASK WIDGET — scroll reveal effects (.aidem-image-text-mask-widget)

   v0.4.0: the actual animation (opacity/clip-path/filter/transform) is now
   driven entirely by GSAP + ScrollTrigger inline styles - see
   image-text-mask-widget.js - to match the Motion Text widget's
   onEnter/onEnterBack/onLeaveBack pattern (play forward / reverse on
   scroll direction, not just a one-shot CSS transition).

   This file's only job is to hide .aitm-image BEFORE JS has run, so
   there's no flash-of-fully-visible-image on a slow-loading page. GSAP's
   inline styles override this the instant it initialises; if GSAP/
   ScrollTrigger fails to load at all, image-text-mask-widget.js explicitly
   sets opacity back to 1 as a fail-safe so the widget is never stuck
   invisible.
   ========================================================================== */

.aidem-image-text-mask-widget[data-aitm-config] .aitm-image {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}