/* Keep scroll reveals and restrained photographic movement on touch screens. */
@media (max-width: 850px) and (prefers-reduced-motion: no-preference) {
  html.js body.goldcrest-page .reveal {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
    transition: opacity .7s ease, transform .7s cubic-bezier(.2, .8, .2, 1);
  }

  html.js body.goldcrest-page .reveal.visible {
    opacity: 1;
    transform: none;
  }

  body.goldcrest-page .image-story-picture {
    transform: translate3d(0, var(--story-shift, 0px), 0) scale(1.1);
  }
}