/* =============================================================================
   KORI — Animations & scroll reveals
   Elegant, slow, controlled. Respects prefers-reduced-motion.
   ========================================================================== */

@keyframes heroZoom { from { transform: scale(1.08); } to { transform: scale(1); } }
@keyframes scrollHint { 0%, 100% { transform: scaleY(0.3); transform-origin: top; opacity: 0.3; } 50% { transform: scaleY(1); opacity: 1; } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes cardIn { from { opacity: 0; transform: translateY(14px) scale(0.98); } to { opacity: 1; transform: none; } }

/* Scroll reveal: elements get [data-reveal] and receive .is-visible from IntersectionObserver */
[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.9s var(--ease-out), transform 0.9s var(--ease-out);
  transition-delay: var(--reveal-delay, 0s);
  will-change: opacity, transform;
}
[data-reveal="fade"] { transform: none; }
[data-reveal="left"] { transform: translateX(-32px); }
[data-reveal="right"] { transform: translateX(32px); }
[data-reveal].is-visible { opacity: 1; transform: none; }

/* Image reveal: a curtain slides away */
[data-reveal="image"] { opacity: 1; transform: none; position: relative; overflow: hidden; }
[data-reveal="image"]::after {
  content: ""; position: absolute; inset: 0; background: var(--color-ivory); transform-origin: right;
  transition: transform 1.2s var(--ease-out); z-index: 2;
}
[data-reveal="image"] img { transform: scale(1.12); transition: transform 1.6s var(--ease-out); }
[data-reveal="image"].is-visible::after { transform: scaleX(0); }
[data-reveal="image"].is-visible img { transform: scale(1); }

/* Staggered children */
[data-stagger] > * { opacity: 0; transform: translateY(22px); transition: opacity 0.8s var(--ease-out), transform 0.8s var(--ease-out); }
[data-stagger].is-visible > * { opacity: 1; transform: none; }
[data-stagger].is-visible > :nth-child(1) { transition-delay: 0.05s; }
[data-stagger].is-visible > :nth-child(2) { transition-delay: 0.15s; }
[data-stagger].is-visible > :nth-child(3) { transition-delay: 0.25s; }
[data-stagger].is-visible > :nth-child(4) { transition-delay: 0.35s; }
[data-stagger].is-visible > :nth-child(5) { transition-delay: 0.45s; }
[data-stagger].is-visible > :nth-child(6) { transition-delay: 0.55s; }
[data-stagger].is-visible > :nth-child(7) { transition-delay: 0.65s; }
[data-stagger].is-visible > :nth-child(8) { transition-delay: 0.75s; }
[data-stagger].is-visible > :nth-child(9) { transition-delay: 0.85s; }

/* Hero entrance */
.hero__content > * { animation: fadeUp 1s var(--ease-out) both; }
.hero__content > :nth-child(1) { animation-delay: 0.2s; }
.hero__content > :nth-child(2) { animation-delay: 0.35s; }
.hero__content > :nth-child(3) { animation-delay: 0.5s; }
.hero__content > :nth-child(4) { animation-delay: 0.65s; }
.hero__content > :nth-child(5) { animation-delay: 0.8s; }

/* Reduced motion: show everything, kill transitions */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  [data-reveal], [data-stagger] > * { opacity: 1 !important; transform: none !important; }
  [data-reveal="image"]::after { display: none; }
  [data-reveal="image"] img { transform: none; }
  .hero__media img { animation: none; transform: none; }
}