/* Animated Text on Scroll Styles */
.animated-text-container {
  display: block;
  line-height: 1.2;
  font-size: inherit;
  font-family: inherit;
  font-weight: 500;
  color: inherit;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 48px;
}

.animated-word {
  display: inline;
  color: #999; /* Start with gray */
  transition: color 0.1s linear;
  white-space: nowrap;
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Hover effect for better interactivity */
.animated-text-container:hover .animated-word {
  transition-duration: 0.2s;
}

/* Focus states for accessibility */
.animated-text-container:focus-within .animated-word {
  outline: 2px solid #007cba;
  outline-offset: 2px;
}