:root{
    --vitesse: 30s;         /* plus petit = plus rapide */
    --couleur: #056f38;     /* rouge */
    --fond: #fff;           /* fond (optionnel) */
    --taille: clamp(16px, 2.4vw, 28px);
  }

  .crawl {
    overflow: hidden;
    background: var(--fond);
    padding: .6rem 0;
  }
  .crawl__inner {
    display: inline-block;
    white-space: nowrap;
    color: var(--couleur);
    font: 700 var(--taille)/1.2 system-ui, Arial, sans-serif;
    letter-spacing: .02em;
    animation: defile var(--vitesse) linear infinite;
  }
  @keyframes defile {
    from { transform: translateX(100%); }   /* démarre à droite */
    to   { transform: translateX(-100%); }  /* sort à gauche */
  }

  /* Pause au survol (optionnel) */
  .crawl:hover .crawl__inner { animation-play-state: paused; }

  /* Accessibilité : respecte la préférence “réduire les animations” */
  @media (prefers-reduced-motion: reduce) {
    .crawl__inner { animation: none; }
  }