@keyframes scroll {
    from { transform: translateX(var(--start)); }
    to   { transform: translateX(var(--end));   }
  }
  .marquee-paused { animation-play-state: paused !important; }


  .bg-noise {
  background-image: 
    repeating-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.04) 0,
      rgba(255, 255, 255, 0.04) 1px,
      transparent 1px,
      transparent 2px
    ),
    repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.04) 0,
      rgba(255, 255, 255, 0.04) 1px,
      transparent 1px,
      transparent 2px
    );
  background-size: 4px 4px; /* density of noise */
}
[x-cloak] {
    display: none !important;
}