/* Entrance motion in place of framer-motion. Only applies when JS runs. */
.js [data-m] { transition: opacity .6s ease, transform .6s ease; }
.js [data-m="up"]:not(.in) { opacity: 0; transform: translateY(20px); }
.js [data-m="fade"]:not(.in) { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .js [data-m] { transition: none; }
  .js [data-m]:not(.in) { opacity: 1; transform: none; }
}
[hidden] { display: none !important; }