/* ============================================
   H&O Living — Reveal + shared motion
   ============================================ */

/* Base reveal: fade + rise */
[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 0.9s var(--ease-out),
    transform 0.9s var(--ease-out);
  will-change: opacity, transform;
}
[data-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Variant: reveal-left (slide in from left) */
[data-reveal="left"] { transform: translateX(-32px); }
[data-reveal="left"].is-revealed { transform: translateX(0); }

/* Variant: reveal-right (slide in from right) */
[data-reveal="right"] { transform: translateX(32px); }
[data-reveal="right"].is-revealed { transform: translateX(0); }

/* Variant: reveal-scale (subtle zoom) */
[data-reveal="scale"] { transform: scale(0.96); }
[data-reveal="scale"].is-revealed { transform: scale(1); }

/* Variant: reveal-slow (longer duration for big headlines) */
[data-reveal="slow"] { transition-duration: 1.3s; }

/* Reduced motion — override all */
@media (prefers-reduced-motion: reduce) {
  [data-reveal],
  .hero__headline .word-inner,
  .hero__photo img,
  .hero__bottom {
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}