/* Vanilla port of reactbits.dev's "Gradient Text" CSS — the demo wraps this in a pill-shaped
   button-like box (border-radius, backdrop-filter, cursor:pointer), which only makes sense for
   its own bordered-badge use case; dropped here since this is a plain page title, not a button.
   The part that actually matters — background-clip:text painting the moving gradient as the
   text's own fill — is unchanged. */
.animated-gradient-text {
  display: inline-block;
}

.text-content {
  display: inline-block;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}