/* Gentle, one-time scroll reveals for the existing portfolio content. */
.motion-ready .reveal {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
  transition: opacity 800ms ease, transform 800ms cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}
.motion-ready .reveal.in-view {
  opacity: 1;
  transform: none;
}
.motion-ready .reveal:focus-within {
  opacity: 1;
  transform: none;
  transition-delay: 0ms;
}
@media (max-width: 600px) {
  .motion-ready .reveal { transform: translate3d(0, 22px, 0); }
  .motion-ready .reveal.in-view, .motion-ready .reveal:focus-within { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-ready .reveal { opacity: 1; transform: none; transition: none; }
}