/* Short, directional transition for links between FotoCube pages. */
@media (prefers-reduced-motion: no-preference) {
  body.page-leaving main,body.page-leaving footer {
    opacity:0;
    transform:translateY(-8px);
    transition:opacity .16s ease,transform .16s ease;
  }
  body.page-arriving main {
    animation:page-arrive .24s ease-out both;
  }
  @keyframes page-arrive {
    from {opacity:.45;transform:translateY(9px)}
    to {opacity:1;transform:none}
  }
}