/* ОСНОВНОЙ СЛАЙДЕР!! */
  /* ключ‑кадр градиента для текста */
  @keyframes gradientAnimation{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }

  /* utility‑класс для всех h1 */
  @layer utilities{
    .slider-gradient{
      background:linear-gradient(90deg,#000,#909394,#000);
      background-size:200% auto;
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      animation:gradientAnimation 5s linear infinite;
    }
  }

  /* плавное появление / исчезновение слайдов (Tailwind уже даёт opacity‑классы) */
  [data-slide]{transition:opacity 1s ease-in-out}

  /* уважение reduced‑motion */
  @media(prefers-reduced-motion:reduce){
    .slider-gradient{animation:none}
  }