/* BlurText — adapted from React Bits (DavidHDev) for Against Gravity hero copy. */

.blur-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.blur-text__seg {
  display: inline-block;
  will-change: transform, filter, opacity;
}

/* Avoid flash of unsplit text before the module hydrates */
@media (prefers-reduced-motion: no-preference) {
  .home [data-blur-text]:not(.blur-text--ready):not(.blur-text--static) {
    opacity: 0;
  }
}

.home [data-blur-text].blur-text--ready {
  opacity: 1;
}

/* Preserve AG hero type metrics when flex-wrapping segments */
.hero-banner__brand.blur-text {
  column-gap: 0.12em;
  row-gap: 0;
}

.hero-banner__tagline.blur-text,
.hero-banner__sub.blur-text {
  column-gap: 0.28em;
  row-gap: 0.15em;
  margin-inline: auto;
}

@media (prefers-reduced-motion: reduce) {
  .home [data-blur-text] {
    opacity: 1 !important;
  }

  .blur-text__seg {
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto;
  }
}