:root { scroll-behavior: smooth; }

/* Subtle, professional motion curve */
.io-hidden { opacity: 0; transform: translate3d(0, 8px, 0); }
.io-fade-in {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 800ms cubic-bezier(0.22,1,0.36,1), transform 800ms cubic-bezier(0.22,1,0.36,1);
}

.io-slide-up-init { opacity: 0; transform: translate3d(0, 12px, 0); }
.io-slide-down-init { opacity: 0; transform: translate3d(0, -12px, 0); }
.io-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 850ms cubic-bezier(0.22,1,0.36,1), transform 850ms cubic-bezier(0.22,1,0.36,1);
}

/* Smooth load fade-up */
[data-ix="opacity-0-load"], [data-ix="fade-in-on-scroll"], [data-ix="slide-up-on-scroll"], [data-ix="slide-down-on-scroll"] {
  will-change: opacity, transform;
}

/* Ensure prints visible */
img[loading], img[data-wf-ignore] { max-width: 100%; height: auto; display: block; opacity: 1 !important; }