/* ==========================================================================
   FEEDER — MOTION FOUNDATION
   Base states for JS-driven GSAP reveals. Content stays visible without JS.
   ========================================================================== */

html.has-motion [data-motion-text],
html.has-motion [data-reveal],
html.has-motion [data-reveal-item] {
  visibility: hidden;
}

.motion-line-mask,
.motion-word-mask {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

.motion-line,
.motion-word {
  display: inline-block;
  will-change: transform, opacity, filter;
}

[data-parallax-image] {
  will-change: transform;
}

/* ---------- Number counter ---------- */
[data-counter] {
  font-variant-numeric: tabular-nums;
}

/* ---------- Marquee (partner strip, optional) ---------- */
.marquee-track {
  display: flex;
  gap: var(--sp-6);
  will-change: transform;
}

/* ---------- No-JS fallback ---------- */
.no-js [data-motion-text],
.no-js [data-reveal],
.no-js [data-reveal-item] {
  visibility: visible !important;
}
