/* ==========================================================================
   Scroll-reveal (used across blocks via .trfc-fade-up / stagger)
   ========================================================================== */
@media (prefers-reduced-motion: no-preference) {
  .trfc-fade-up {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .6s ease, transform .6s ease;
    will-change: opacity, transform;
  }
  .trfc-fade-up.is-visible {
    opacity: 1;
    transform: none;
  }

  .trfc-fade-up-stagger .trfc-fade-up-item {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .55s ease, transform .55s ease;
  }
  .trfc-fade-up-stagger.is-visible .trfc-fade-up-item { opacity: 1; transform: none; }
  .trfc-fade-up-stagger.is-visible .trfc-fade-up-item:nth-child(2) { transition-delay: .08s; }
  .trfc-fade-up-stagger.is-visible .trfc-fade-up-item:nth-child(3) { transition-delay: .16s; }
  .trfc-fade-up-stagger.is-visible .trfc-fade-up-item:nth-child(4) { transition-delay: .24s; }
  .trfc-fade-up-stagger.is-visible .trfc-fade-up-item:nth-child(5) { transition-delay: .32s; }
  .trfc-fade-up-stagger.is-visible .trfc-fade-up-item:nth-child(6) { transition-delay: .40s; }
}