@keyframes logo-orbit-spin {
                from { transform: translate(-50%, -50%) rotate(-12deg); }
                to   { transform: translate(-50%, -50%) rotate(348deg); }
              }
@keyframes logo-spark {
                0%   { opacity: 0; transform: translate(0, 0)             scale(0.4); }
                15%  { opacity: 1; }
                100% { opacity: 0; transform: translate(var(--tx), var(--ty)) scale(1.2); }
              }
@keyframes hero-comet-shoot {
          0%   { transform: translate(0, 0)         rotate(22deg); opacity: 0; }
          5%   { opacity: 1; }
          55%  { opacity: 1; }
          100% { transform: translate(130vw, 50vh)  rotate(22deg); opacity: 0; }
        }
@keyframes footer-comet-shoot {
          0%   { transform: translate(0, 0)         rotate(22deg); opacity: 0; }
          5%   { opacity: 1; }
          55%  { opacity: 1; }
          100% { transform: translate(130vw, 50vh)  rotate(22deg); opacity: 0; }
        }