/* N8: the collection SVG already points down. Keep its portrait motion and fade. */
@media (orientation: portrait) {
  .example-example .menu-wr-video__scroll {
    -webkit-animation-name: wl-collection-scroll-down-n8;
    animation-name: wl-collection-scroll-down-n8;
  }
  @-webkit-keyframes wl-collection-scroll-down-n8 {
    0% { opacity: 0; -webkit-transform: translateY(-5vw); transform: translateY(-5vw); }
    20% { opacity: .35; }
    50% { -webkit-transform: translateY(0); transform: translateY(0); }
    65% { opacity: 1; }
    80% { opacity: .65; }
    100% { opacity: 0; -webkit-transform: translateY(3vw); transform: translateY(3vw); }
  }
  @keyframes wl-collection-scroll-down-n8 {
    0% { opacity: 0; transform: translateY(-5vw); }
    20% { opacity: .35; }
    50% { transform: translateY(0); }
    65% { opacity: 1; }
    80% { opacity: .65; }
    100% { opacity: 0; transform: translateY(3vw); }
  }
}