/* Только при системной настройке «уменьшить движение». Подключается с media-атрибутом и снимается, если человек включил анимации на странице. */

  .light, .p, .tag, .face::after { animation: none; }
  .clip.go { animation: still 3.5s ease forwards; }
  @keyframes still { 0%, 100% { opacity: 0; transform: translate(-50%, -50%) translate3d(-110px, -205px, 0); } 12%, 85% { opacity: 1; transform: translate(-50%, -50%) translate3d(-110px, -205px, 0); } }
  .ring.go, .dust.kick .p > i { animation: none; }

@media (max-width: 900px) {
  @keyframes still { 0%, 100% { opacity: 0; transform: translate(-50%, -50%) translate3d(0, -78px, 0); } 12%, 85% { opacity: 1; transform: translate(-50%, -50%) translate3d(0, -78px, 0); } }
}

  .reel-track { animation: none; } .reel { overflow-x: auto; mask-image: none; -webkit-mask-image: none; }
  .hint .hand { animation: none; }


.orbit, .beam { animation: none; } .orbit i { animation: none; } .disc { opacity: 1; }

/* спокойная версия для тех, у кого движение выключено в системе: ничего не летает и не вращается, всё плавно проявляется (как у Apple) */
.calm .hero .copy h1, .calm .hero .copy .lead, .calm .hero .cta, .calm .hero .scene, .calm .hero .hint { opacity: 0; }
.calm .hero.go .copy h1 { opacity: 1; transition: opacity .9s ease .1s; }
.calm .hero.go .copy .lead { opacity: 1; transition: opacity .9s ease .35s; }
.calm .hero.go .cta { opacity: 1; transition: opacity .9s ease .6s; }
.calm .hero.go .scene { opacity: 1; transition: opacity 1.2s ease .2s; }
.calm .hero.go .hint { opacity: 1; transition: opacity 1s ease .9s; }
.calm .hero.go .hint.gone { opacity: 0; }
.calm .clips .rv, .calm .clips .reel { opacity: 0; } .calm .clips .rv.in, .calm .clips .reel.in { opacity: 1; transition: opacity .9s ease; }