/* Reveal — fades content in as it scrolls into view, where scroll timelines exist */

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .reveal,
    .feature,
    .case,
    .step,
    .podcast {
      animation: reveal-in linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 60%;
    }
  }
}

@keyframes reveal-in {
  from {
    opacity: 0;
    translate: 0 28px;
  }
}