.animate-text {
  visibility: hidden;
  line-height: 1.5;
}

.animate-text.ready {
  visibility: visible;
}

.animate-text .word-wrap {
  display: inline-block;
  overflow: hidden;
  /* ← CRITICAL: clips the sliding word */
  vertical-align: bottom;
  /* Add a tiny bottom padding so descenders aren't clipped */
  padding-bottom: 0.1em;
  margin-bottom: -0.1em;
}

.animate-text .word {
  display: inline-block;
  transform: translateY(-110%);
  /* ← come FROM below (not above) */
  opacity: 0;
  filter: blur(6px);
  will-change: transform, opacity, filter;
}

/* =========================
case-study cards animation
   SCROLLING EXPANDING CARDS
========================= */

.cards-scrolling-animation-js {
  display: flex;
  flex-direction: column;
  gap: 32px;
  overflow: visible;
}

.scrolling-card-item {
  position: relative;
  transform-origin: center center;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0) scalex(0.88);
   @media (max-width: 1024px) {
       transform: scale(1) !important;
   }
}

.scrolling-card {
  display: block;
  border-radius: 28px;
  overflow: hidden;
}

/* active card */
.scrolling-card-item.active-card {
  z-index: 5;
}