/* ═══════════════════════════════════════════════════════════════
   GSAP Animation helpers
   ═══════════════════════════════════════════════════════════════ */

/* Word reveal wrapper — clips overflow so words slide up cleanly */
.hp-word-wrap {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}

.hp-word {
  display: inline-block;
}

/* Collection highlight — needs clip-path support */
.hp-collection-highlight__media {
  overflow: hidden;
}

/* Generic animation utility class */
.hp-anim-line {
  /* Add this class to any element you want auto-revealed on scroll */
}

/* Prevent flash of invisible content before JS runs */
.hp-fp-card,
.hp-eh-card,
.hp-journal-posts__card,
.hp-product-card {
  will-change: transform, opacity;
}