/* Scroll reveal: block starts almost transparent ~24px below its place, fades up as it enters the viewport */
.rv {
  opacity: 0.04;
  transform: translateY(24px);
  will-change: opacity, transform;
}
.rv.rv-in {
  opacity: 1;
  transform: none;
  transition:
    opacity 0.6s cubic-bezier(0.22, 0.7, 0.2, 1) var(--rv-delay, 0ms),
    transform 0.6s cubic-bezier(0.22, 0.7, 0.2, 1) var(--rv-delay, 0ms);
}
@media (prefers-reduced-motion: reduce) {
  .rv,
  .rv.rv-in {
    opacity: 1;
    transform: none;
    transition: none;
  }
}