/* Native reveal bridge for pages that missed the main .reveal entrance animation.
   Same idea as site style.css: hidden + translateY, then .in. */

.reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .8s ease, transform .8s ease;
  will-change:opacity, transform;
}

.reveal.in{
  opacity:1;
  transform:none;
}

/* Slight stagger for direct children when page has grouped sections */
.reveal-stagger > .reveal:nth-child(2){transition-delay:.06s}
.reveal-stagger > .reveal:nth-child(3){transition-delay:.12s}
.reveal-stagger > .reveal:nth-child(4){transition-delay:.18s}
.reveal-stagger > .reveal:nth-child(5){transition-delay:.24s}

@media (prefers-reduced-motion: reduce){
  .reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}