/* ─── Shared animation classes ─── */
/* GSAP handles most animations — ini hanya CSS utility classes */

/* OnScroll Text Highlight — mark element */
.hx {
  position: relative;
  display: inline;
}

.hx__select {
  position: absolute;
  width: var(--select-width, 0%);
  height: 100%;
  left: -1%;
  top: 10%;
  background: rgba(109, 215, 230, 0.14);
  mix-blend-mode: plus-lighter;
  pointer-events: none;
}

/* ─── Splitting.js base ─── */
.word {
  display: inline-block;
  white-space: nowrap;
}

.char {
  display: inline-block;
}

/* ─── will-change helpers ─── */
.anim-ready {
  will-change: transform, opacity;
}

/* ─── OSMO Masked Text Reveal — FOUC fix ─── */
[data-split="heading"] {
  visibility: hidden;
}