/* Optional motion demo. Content remains visible when JavaScript is unavailable. */
.motion-image-clip { display:block; overflow:hidden; border-radius:180px 0 0 0; }
@media (max-width:700px) {
  .motion-image-clip { border-top-left-radius:100px; }
}
.motion-enabled .motion-item {
  transition:opacity var(--motion-duration,800ms) cubic-bezier(.2,.7,.2,1) var(--motion-delay,0ms),
    transform var(--motion-duration,800ms) cubic-bezier(.2,.7,.2,1) var(--motion-delay,0ms);
}
.motion-enabled .motion-item[data-motion-state="pending"] {
  opacity:0;
  transform:translate3d(0,24px,0);
}
.motion-enabled .motion-item[data-motion-state="visible"] {
  opacity:1;
  transform:translate3d(0,0,0);
}
.motion-enabled .motion-photo[data-motion-state="pending"] { transform:none; }
.motion-enabled .motion-photo[data-motion-state="visible"] { transform:none; }
.motion-enabled .motion-photo .motion-image-clip img {
  transition:transform 900ms cubic-bezier(.2,.7,.2,1) var(--motion-delay,0ms);
  transform:scale(1);
}
.motion-enabled .motion-photo[data-motion-state="pending"] .motion-image-clip img {
  transform:scale(1.03);
}
/* Focus and text selection always take precedence over presentation. */
.motion-enabled .motion-item:focus-within {
  opacity:1;
  transform:none;
  transition:none;
}
@media print, (prefers-reduced-motion:reduce) {
  .motion-enabled .motion-item,
  .motion-enabled .motion-item[data-motion-state],
  .motion-enabled .motion-photo .motion-image-clip img {
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}