html.hm-motion-js .hm-motion-item {
  visibility: hidden;
  will-change: opacity, transform;
}

html.hm-motion-js .hm-motion-item.hm-motion-in {
  visibility: visible;
  animation: hm-motion-reveal .72s cubic-bezier(.22, .61, .36, 1) both;
}

@keyframes hm-motion-reveal {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* The closing photograph fades in place, without shifting its surrounding gaps. */
@media (prefers-reduced-motion: no-preference) {
  html.hm-motion-js .hm-part-msmd666.hm-motion-item {
    opacity: .65;
    visibility: visible;
  }
  html.hm-motion-js .hm-part-msmd666.hm-motion-in {
    animation-name: hm-seasoning-fade;
  }
}
@keyframes hm-seasoning-fade {
  from { opacity: .65; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  html.hm-motion-js .hm-motion-item,
  html.hm-motion-js .hm-motion-item.hm-motion-in {
    animation: none !important;
    transform: none !important;
    visibility: visible !important;
    will-change: auto;
  }
}