/* ESK Motion — homepage-only entrance layer (enqueued for page 24120 in
   functions.php). esk-motion.js decorates existing section elements with
   these classes on load and removes them after the entrance completes, so
   component hover/click transitions are untouched afterwards. */

.esk-m {
  opacity: 0;
  transition: opacity .65s cubic-bezier(.22, .7, .3, 1), transform .65s cubic-bezier(.22, .7, .3, 1) !important;
}
.esk-m--up    { transform: translateY(30px); }
.esk-m--left  { transform: translateX(-44px); }
.esk-m--right { transform: translateX(44px); }
.esk-m--pop   { transform: translateY(14px) scale(.92); }
.esk-m.is-in  { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .esk-m { opacity: 1 !important; transform: none !important; transition: none !important; }
}