/* The track occupies the mascot's existing empty space above the footer.
   Its clipping contains the walk without clipping the footer or the hero. */
.site-footer .footer-walk-track {
  position: absolute;
  left: 0;
  right: 0;
  top: -345px;
  height: 320px;
  overflow: hidden;
  overflow: clip;
  pointer-events: none;
  isolation: isolate;
}
.site-footer .footer-walk-track > .footer-mascot {
  top: 0;
  left: 50%;
  transform: translate3d(calc(-50% + var(--footer-walk-x, 0px)), 0, 0);
}
.footer-walk-track[data-walk-running='true'] > .footer-mascot { will-change: transform; }
@media (max-width: 767px) {
  .site-footer .footer-walk-track { top: -180px; height: 200px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-footer .footer-walk-track > .footer-mascot { transform: translate3d(-50%, 0, 0); }
}