/* Motion, loaded last. Only opacity/transform/colour/shadow animate; first screen does not animate in. */
html { scroll-behavior: smooth; }

.rv { opacity: 0; transform: translateY(22px); transition: opacity .7s var(--ease-out), transform .7s var(--ease-out); }
.rv.in { opacity: 1; transform: none; }
.rv-group > .rv:nth-child(2) { transition-delay: 70ms; }
.rv-group > .rv:nth-child(3) { transition-delay: 140ms; }
.rv-group > .rv:nth-child(4) { transition-delay: 210ms; }
.rv-group > .rv:nth-child(5) { transition-delay: 280ms; }
.rv-group > .rv:nth-child(6) { transition-delay: 350ms; }
/* without JS everything is visible */
.no-js .rv { opacity: 1; transform: none; }
.no-js .acc-a { grid-template-rows: 1fr; }
.no-js .acc-a > div { visibility: visible; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .bulbs i { animation: none !important; opacity: .85; }
  .mq { overflow-x: auto; }
  .mq-track { animation: none !important; }
  .board-bg img { transform: none !important; }
  .rv { opacity: 1; transform: none; }
  .lstub { animation: none; }
}