/* Original pixels reveal in layers, then return to the untouched image. */
[data-brand-logo] { background:transparent; mix-blend-mode:normal; animation:none; filter:none; }
.brand-logo-motion { display:inline-block; position:relative; vertical-align:middle; line-height:0; max-width:100%; }
.brand-logo-motion > [data-brand-logo] { display:block; }
.brand-logo-motion > canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; display:none; }
.brand-logo-motion.is-playing > [data-brand-logo] { opacity:0; }
.brand-logo-motion.is-playing > canvas { display:block; }
@media (prefers-reduced-motion:reduce) {
  .brand-logo-motion.is-playing > [data-brand-logo] { opacity:1; }
  .brand-logo-motion.is-playing > canvas { display:none; }
}