/* Bandeau des événements : il sépare le bloc d'accueil de la suite et
   glisse de la gauche vers la droite, en boucle. La liste est écrite deux
   fois dans le HTML ; la piste fait donc deux largeurs et l'animation va
   de -50 % à 0, ce qui raccorde la boucle sans saut. */
.event-marquee{position:relative;overflow:hidden;background:#241a17;color:#fffbef}
.event-marquee::before,.event-marquee::after{content:'';position:absolute;top:0;bottom:0;z-index:2;width:80px;pointer-events:none}
.event-marquee::before{left:0;background:linear-gradient(90deg,#241a17,rgba(36,26,23,0))}
.event-marquee::after{right:0;background:linear-gradient(270deg,#241a17,rgba(36,26,23,0))}
.event-marquee-track{display:flex;width:max-content;animation:event-marquee-slide 42s linear infinite}
.event-marquee:hover .event-marquee-track,.event-marquee:focus-within .event-marquee-track{animation-play-state:paused}
.event-marquee-list{display:flex;align-items:center;margin:0;padding:0;list-style:none}
.event-marquee-list li{display:flex;align-items:center;white-space:nowrap;padding:15px 0;font:500 12.5px/1.4 var(--sans,'Jost',sans-serif);letter-spacing:.18em;text-transform:uppercase;color:#fffbef}
.event-marquee-list li::after{content:'';flex:none;width:5px;height:5px;margin:0 32px;border-radius:50%;background:#b8865a}
@keyframes event-marquee-slide{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.event-marquee-track{animation:none}}
@media(max-width:760px){
 .event-marquee::before,.event-marquee::after{width:44px}
 .event-marquee-track{animation-duration:30s}
 .event-marquee-list li{padding:12px 0;font-size:11px;letter-spacing:.15em}
 .event-marquee-list li::after{margin:0 20px;width:4px;height:4px}
}