.p-top-reveal.is-reveal-pending {
  opacity: 0;
  transform: translateY(calc(35 / 16 * 1rem));
}
.p-top-reveal.is-reveal-ready {
  transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.2, 0.65, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  .p-top-reveal.is-reveal-pending {
    opacity: 1;
    transform: none;
  }
  .p-top-reveal.is-reveal-ready {
    transition: none;
  }
}