/* ==========================================================================
   Denty — Motion helpers
   The only CSS the scroll-motion system (js/motion.js) needs of its own.
   Section-specific entrances live in JS (GSAP); the hero's opening
   sequence is CSS keyframes in hero.css (it has to play before any script).
   ========================================================================== */

/* Word "masks" — js/motion.js wraps each word of a headline while it plays
   the reveal, then restores the original markup. The vertical padding /
   negative margin pair is deliberate: it gives ascenders and descenders
   room inside the overflow clip without changing the line's height. */
.m-w {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  padding: 0.1em 0 0.18em;
  margin: -0.1em 0 -0.18em;
}

.m-wi {
  display: inline-block;
  will-change: transform;
}