/* =========================================================
   ROADEO ELITE SHINE v2.4.9 — BRUSH ART CLEANUP
   Loaded last on purpose.

   Root cause fixed:
   .rd9-hero-wash started life as a CSS-drawn striped washer and therefore
   still inherited a repeating red/blue background. The current hero uses
   real transparent PNG <img> elements instead. When those images were
   rotated for the diagonal units, the old CSS background became visible
   through transparent pixels and looked like stray red/blue lines.

   The real PNG is now the ONLY artwork rendered for every brush.
========================================================= */

/* All current washer artwork is an actual IMG. Never paint legacy CSS art
   behind it. This also removes the old left/right background-image fallbacks
   so there cannot be a second washer image underneath the real PNG. */
#roadeo-v9 .rd9-hero.rd10-cinematic .rd10-brush-unit > img.rd9-hero-wash,
#roadeo-v9 .rd9-hero.rd10-cinematic .rd248-brush-diag > img.rd9-hero-wash,
#roadeo-v9 .rd9-hero.rd10-cinematic img.rd9-hero-wash-left,
#roadeo-v9 .rd9-hero.rd10-cinematic img.rd9-hero-wash-right {
  background: transparent none !important;
  background-image: none !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-size: 0 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate;
}

/* Diagonal wrappers themselves must also be visually empty. Only their IMG
   child is allowed to paint pixels. */
#roadeo-v9 .rd9-hero.rd10-cinematic .rd248-brush-diag {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  isolation: isolate;
}

#roadeo-v9 .rd9-hero.rd10-cinematic .rd248-brush-diag::before,
#roadeo-v9 .rd9-hero.rd10-cinematic .rd248-brush-diag::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Keep only the intentional image drop shadow. Putting the filter on the IMG
   instead of its wrapper avoids a rotated rectangular halo behind diagonals. */
#roadeo-v9 .rd9-hero.rd10-cinematic .rd248-brush-diag {
  filter: none !important;
}
#roadeo-v9 .rd9-hero.rd10-cinematic .rd248-brush-diag > img.rd9-hero-wash {
  filter: drop-shadow(0 18px 28px rgba(4,42,79,.24)) saturate(1.06) !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Contact pulse stays on the artwork but does not re-introduce any background. */
#roadeo-v9 .rd9-hero.rd10-cinematic.rd11-js[data-rd11-phase="cross"] .rd248-brush-diag > img.rd9-hero-wash,
#roadeo-v9 .rd9-hero.rd10-cinematic.rd11-js[data-rd11-phase="scrub"] .rd248-brush-diag > img.rd9-hero-wash {
  animation: rd249CleanContactPulse .42s ease-in-out infinite alternate !important;
}
@keyframes rd249CleanContactPulse {
  from { filter: drop-shadow(0 18px 28px rgba(4,42,79,.23)) saturate(1.04) brightness(.995); }
  to   { filter: drop-shadow(0 24px 34px rgba(4,42,79,.31)) saturate(1.11) brightness(1.04); }
}