/* Use only opacity and transform for reveals: filtered block layers caused visible artifacts. */
@media (prefers-reduced-motion: no-preference) {
  .home.project .reveal:not(.is-in):not(.reveal--enter):not(.project__shot) {
    opacity: .42;
    filter: none;
  }
  .home:not(.project) .reveal--enter {
    animation: global-intro-reveal .7s cubic-bezier(.22,1,.36,1) both;
  }
  @keyframes global-intro-reveal {
    from { opacity: .42; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
  }
}
/* Clear the filter in initial, animating, and settled states on every current page. */
.home .reveal,
.home .reveal.is-in,
.home .reveal.reveal--enter,
.home.project .project__shot,
.home.project .project__shot.is-current {
  filter: none;
}
