/* Les visuels de marque restent bleus au repos ; leur couleur originale revient au survol. */
.header .brand-logo .logo-img,
.legal-brand img {
  filter: hue-rotate(158deg) saturate(1.2) brightness(0.88) !important;
  transition: filter 220ms ease !important;
}

.hero-mobile-visual img,
.hero-desktop-visual .fluid-img,
.about-image .about-illustration {
  filter:
    grayscale(1)
    sepia(0.72)
    saturate(4.8)
    hue-rotate(154deg)
    brightness(0.82)
    contrast(1.06)
    drop-shadow(0 22px 38px rgba(3, 17, 25, 0.2)) !important;
  transition: filter 260ms ease, transform 260ms ease !important;
}

.header .brand-logo:hover .logo-img,
.legal-brand:hover img,
.hero-mobile-visual:hover img,
.hero-desktop-visual:hover .fluid-img,
.about-image:hover .about-illustration {
  filter: drop-shadow(0 16px 30px rgba(3, 17, 25, 0.18)) !important;
}

@media (hover: none) {
  .header .brand-logo:hover .logo-img,
  .legal-brand:hover img,
  .hero-mobile-visual:hover img,
  .hero-desktop-visual:hover .fluid-img,
  .about-image:hover .about-illustration {
    filter:
      grayscale(1)
      sepia(0.72)
      saturate(4.8)
      hue-rotate(154deg)
      brightness(0.82)
      contrast(1.06)
      drop-shadow(0 18px 30px rgba(3, 17, 25, 0.18)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .header .brand-logo .logo-img,
  .legal-brand img,
  .hero-mobile-visual img,
  .hero-desktop-visual .fluid-img,
  .about-image .about-illustration {
    transition: none !important;
  }
}