/* Multistead template motion kit. Only applies once motion.js has added .mm to <html>. */
.mm .mm-t {
  opacity: 0;
  transition: opacity .75s cubic-bezier(.2, .7, .2, 1), transform .75s cubic-bezier(.2, .7, .2, 1);
  transition-delay: var(--mm-d, 0ms);
}
.mm .mm-t:not(.mm-fade) { transform: translateY(26px); }
.mm .mm-t.mm-img:not(.mm-fade) { transform: translateY(18px); transition-duration: 1s, 1.1s; }
.mm .mm-t.mm-in { opacity: 1; }
.mm .mm-t.mm-in:not(.mm-fade) { transform: none; }
header { transition: box-shadow .3s ease; }
header.mm-scrolled { box-shadow: 0 10px 28px -18px rgba(0, 0, 0, .45); }
@media (prefers-reduced-motion: reduce) {
  .mm .mm-t { opacity: 1 !important; transform: none !important; transition: none !important; }
}