/* Scroll reveal (src/reveal.js): only elements the script marked as below
   the fold start hidden. Broadcast-style: content rises into place, section
   slates slide in from the left and their gold rule wipes across. */

.ggpress-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.45s ease-out var(--ggpress-reveal-delay, 0ms),
    transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) var(--ggpress-reveal-delay, 0ms);
}

.ggpress-reveal.is-revealed {
  opacity: 1;
  transform: none;
}

.ggpress-slate.ggpress-reveal {
  transform: translateX(-32px);
}

.ggpress-slate.ggpress-reveal .ggpress-slate__rule {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) calc(var(--ggpress-reveal-delay, 0ms) + 0.15s);
}

.ggpress-slate.ggpress-reveal.is-revealed {
  transform: none;
}

.ggpress-slate.ggpress-reveal.is-revealed .ggpress-slate__rule {
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  .ggpress-reveal,
  .ggpress-slate.ggpress-reveal .ggpress-slate__rule {
    opacity: 1;
    transform: none;
    transition: none;
  }
}