/* ────────── Scroll-reveal motion ────────── */
[data-reveal] {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}
[data-reveal].revealed { opacity: 1; transform: none; }

/* Staggered children for grid containers */
.feature-grid > [data-reveal]:nth-child(2) { --reveal-delay: 120ms; }
.feature-grid > [data-reveal]:nth-child(3) { --reveal-delay: 240ms; }
.feature-grid > [data-reveal]:nth-child(4) { --reveal-delay: 360ms; }

.training-grid > [data-reveal]:nth-child(2) { --reveal-delay: 100ms; }
.training-grid > [data-reveal]:nth-child(3) { --reveal-delay: 200ms; }
.training-grid > [data-reveal]:nth-child(4) { --reveal-delay: 300ms; }
.training-grid > [data-reveal]:nth-child(5) { --reveal-delay: 400ms; }
.training-grid > [data-reveal]:nth-child(6) { --reveal-delay: 500ms; }

.leader-grid > [data-reveal]:nth-child(2) { --reveal-delay: 100ms; }
.leader-grid > [data-reveal]:nth-child(3) { --reveal-delay: 200ms; }
.leader-grid > [data-reveal]:nth-child(4) { --reveal-delay: 300ms; }
.leader-grid > [data-reveal]:nth-child(5) { --reveal-delay: 400ms; }
.leader-grid > [data-reveal]:nth-child(6) { --reveal-delay: 500ms; }

.goals-grid > [data-reveal]:nth-child(2) { --reveal-delay: 100ms; }
.goals-grid > [data-reveal]:nth-child(3) { --reveal-delay: 200ms; }
.goals-grid > [data-reveal]:nth-child(4) { --reveal-delay: 300ms; }

/* Hover polish */
.tr-card, .feature-card, .leader-card, .resource-card, .goal, .choice {
  will-change: transform;
}

/* Page transition overlay removed — browsers handle nav natively. */

/* Parallax drift on images */
.tr-card-img img, .section-img img, .feature-icon, .hero-bg {
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
}