/* ── Scroll-enter animations ───────────────────────────────────────────── */
[data-m]{
  opacity:0;
  transform:translateY(32px);
  transition:opacity .6s cubic-bezier(.22,.61,.36,1),
             transform .6s cubic-bezier(.22,.61,.36,1);
}
[data-m="left"] { transform:translateX(-36px) }
[data-m="right"]{ transform:translateX( 36px) }
[data-m="scale"]{ transform:scale(.93)        }
[data-m="fade"] { transform:none              }
[data-m].m-in   { opacity:1; transform:none   }

[data-delay="1"]{ transition-delay:.08s }
[data-delay="2"]{ transition-delay:.16s }
[data-delay="3"]{ transition-delay:.24s }
[data-delay="4"]{ transition-delay:.32s }
[data-delay="5"]{ transition-delay:.40s }

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