.mlp-anim-hero-particle {
          animation-name: mlpHeroParticleDrift;
          animation-timing-function: ease-in-out;
          animation-iteration-count: infinite;
        }
        @keyframes mlpHeroParticleDrift {
          0%   { transform: translate(0, 0)   scale(1);   opacity: 0.55; }
          25%  { transform: translate(-12px, -18px) scale(1.15); opacity: 0.9; }
          50%  { transform: translate(8px, -36px)  scale(1);   opacity: 0.4; }
          75%  { transform: translate(-6px, -18px) scale(1.1); opacity: 0.75; }
          100% { transform: translate(0, 0)   scale(1);   opacity: 0.55; }
        }
        html[data-mlp-scrolling="1"] .mlp-anim-hero-particle {
          animation-play-state: paused;
        }