/* ── "Under construction" · nine beats, nothing ever fully still ────
     crane load   sways continuously       12 s
     conveyor     4 crates ride the belt   15 s   <- always moving
     worker A     crosses left to right    20 s
     worker B     crosses right to left    27 s
     driver       waves, twice a cycle     16 s
     rod          taps, twice a cycle      11 s
     hanging cord sways continuously        9 s
     climber      tugs the cord            13 s
     right worker scrubs the leather       17 s
     left worker  taps the leather         19 s
     panel light  blinks                    7 s
   Every period is different, so nothing ever lines up and the scene
   never visibly repeats. The load and the crates run non-stop, so there
   is no moment where the page looks frozen - on desktop or on a phone.
   Stepped at 12 fps: hand-drawn, not CSS-smooth. The shoe never moves.
   ------------------------------------------------------------------- */

.mx-frame { position: relative; overflow: hidden; width: 100%;
             aspect-ratio: 3024 / 1694; background: #fff; }
.mx-scene { position: absolute; inset: 0; }
.mx-scene img { position: absolute; display: block;
                 -webkit-user-drag: none; user-select: none; }
.mx-base { inset: 0; width: 100%; height: 100%; }

.mx-load {
  left: 22.1561%; top: 17.6505%;
  width: 12.2354%; height: 23.4947%;
  transform-origin: 51.89% -1.01%;
  animation: mx-sway 12s step-end infinite;
  will-change: transform;
}

.mx-walker {
  left: 62.8307%; top: 85.4191%;
  width: 3.0093%; height: 8.9728%;
  transform-origin: 50% 100%;
  animation: mx-walkA 20s step-end infinite, mx-fadeA 20s linear infinite;
  will-change: transform, opacity;
}

.mx-walker2 {
  left: 61.9048%; top: 84.3566%;
  width: 3.0093%; height: 8.9728%;
  transform-origin: 50% 100%;
  animation: mx-walkB 27s step-end infinite, mx-fadeB 27s linear infinite;
  will-change: transform, opacity;
}

.mx-arm {
  left: 14.4180%; top: 71.3105%;
  width: 1.3889%; height: 2.7745%;
  transform-origin: 73.81% 89.36%;
  animation: mx-wave 16s step-end infinite;
  will-change: transform;
}

.mx-pole {
  left: 61.4749%; top: 49.8229%;
  width: 2.7778%; height: 5.4309%;
  transform-origin: 105.95% 97.83%;
  animation: mx-tap 11s step-end infinite;
  will-change: transform;
}

.mx-cord {
  left: 77.4140%; top: 45.8087%;
  width: 0.8598%; height: 7.5561%;
  transform-origin: 42.31% 3.12%;
  animation: mx-cord 9s step-end infinite;
  will-change: transform;
}

.mx-arms {
  left: 77.8439%; top: 49.8229%;
  width: 1.5873%; height: 3.5419%;
  transform-origin: -4.17% 43.33%;
  animation: mx-tug 13s step-end infinite;
  will-change: transform;
}

.mx-markr {
  left: 72.7844%; top: 63.8725%;
  width: 1.4881%; height: 2.9516%;
  transform-origin: 77.78% 60.00%;
  animation: mx-scrub 17s step-end infinite;
  will-change: transform;
}

.mx-tooll {
  left: 66.0714%; top: 65.9386%;
  width: 0.8267%; height: 1.2397%;
  transform-origin: -16.00% 114.29%;
  animation: mx-tapl 19s step-end infinite;
  will-change: transform;
}

.mx-led {
  left: 84.3254%; top: 84.0614%;
  width: 0.6614%; height: 1.1216%;
  animation: mx-blink 7s step-end infinite;
}

.mx-crate1 {
  left: 74.4048%; top: 87.6033%;
  width: 1.9511%; height: 1.4168%;
  animation: mx-ride-crate1 15s steps(88) infinite, mx-fade-crate 15s linear infinite;
  animation-delay: 0.0s, 0.0s;
  will-change: transform, opacity;
}

.mx-crate2 {
  left: 74.4048%; top: 87.7214%;
  width: 1.5212%; height: 1.2987%;
  animation: mx-ride-crate2 15s steps(88) infinite, mx-fade-crate 15s linear infinite;
  animation-delay: -3.75s, -3.75s;
  will-change: transform, opacity;
}

.mx-crate3 {
  left: 74.4048%; top: 87.9575%;
  width: 1.6865%; height: 1.0626%;
  animation: mx-ride-crate3 15s steps(88) infinite, mx-fade-crate 15s linear infinite;
  animation-delay: -7.5s, -7.5s;
  will-change: transform, opacity;
}

.mx-crate4 {
  left: 74.4048%; top: 87.6033%;
  width: 1.9511%; height: 1.4168%;
  animation: mx-ride-crate1 15s steps(88) infinite, mx-fade-crate 15s linear infinite;
  animation-delay: -11.25s, -11.25s;
  will-change: transform, opacity;
}

@keyframes mx-sway {
  0.0% { transform: rotate(0.490deg) translateY(-0.175%); }
  0.6944% { transform: rotate(0.697deg) translateY(-0.157%); }
  1.3889% { transform: rotate(0.894deg) translateY(-0.138%); }
  2.0833% { transform: rotate(1.079deg) translateY(-0.120%); }
  2.7778% { transform: rotate(1.250deg) translateY(-0.101%); }
  3.4722% { transform: rotate(1.407deg) translateY(-0.081%); }
  4.1667% { transform: rotate(1.548deg) translateY(-0.062%); }
  4.8611% { transform: rotate(1.672deg) translateY(-0.042%); }
  5.5556% { transform: rotate(1.779deg) translateY(-0.023%); }
  6.25% { transform: rotate(1.868deg) translateY(-0.003%); }
  6.9444% { transform: rotate(1.938deg) translateY(0.016%); }
  7.6389% { transform: rotate(1.991deg) translateY(0.036%); }
  8.3333% { transform: rotate(2.025deg) translateY(0.055%); }
  9.0278% { transform: rotate(2.041deg) translateY(0.075%); }
  9.7222% { transform: rotate(2.040deg) translateY(0.094%); }
  10.4167% { transform: rotate(2.023deg) translateY(0.113%); }
  11.1111% { transform: rotate(1.990deg) translateY(0.132%); }
  11.8056% { transform: rotate(1.942deg) translateY(0.151%); }
  12.5% { transform: rotate(1.880deg) translateY(0.169%); }
  13.1944% { transform: rotate(1.805deg) translateY(0.187%); }
  13.8889% { transform: rotate(1.719deg) translateY(0.205%); }
  14.5833% { transform: rotate(1.623deg) translateY(0.222%); }
  15.2778% { transform: rotate(1.517deg) translateY(0.239%); }
  15.9722% { transform: rotate(1.405deg) translateY(0.255%); }
  16.6667% { transform: rotate(1.285deg) translateY(0.271%); }
  17.3611% { transform: rotate(1.161deg) translateY(0.287%); }
  18.0556% { transform: rotate(1.032deg) translateY(0.302%); }
  18.75% { transform: rotate(0.901deg) translateY(0.316%); }
  19.4444% { transform: rotate(0.768deg) translateY(0.330%); }
  20.1389% { transform: rotate(0.635deg) translateY(0.343%); }
  20.8333% { transform: rotate(0.502deg) translateY(0.355%); }
  21.5278% { transform: rotate(0.370deg) translateY(0.367%); }
  22.2222% { transform: rotate(0.240deg) translateY(0.378%); }
  22.9167% { transform: rotate(0.113deg) translateY(0.388%); }
  23.6111% { transform: rotate(-0.012deg) translateY(0.398%); }
  24.3056% { transform: rotate(-0.133deg) translateY(0.406%); }
  25.0% { transform: rotate(-0.249deg) translateY(0.414%); }
  25.6944% { transform: rotate(-0.362deg) translateY(0.422%); }
  26.3889% { transform: rotate(-0.470deg) translateY(0.428%); }
  27.0833% { transform: rotate(-0.573deg) translateY(0.434%); }
  27.7778% { transform: rotate(-0.672deg) translateY(0.439%); }
  28.4722% { transform: rotate(-0.766deg) translateY(0.443%); }
  29.1667% { transform: rotate(-0.855deg) translateY(0.446%); }
  29.8611% { transform: rotate(-0.939deg) translateY(0.448%); }
  30.5556% { transform: rotate(-1.018deg) translateY(0.449%); }
  31.25% { transform: rotate(-1.092deg) translateY(0.450%); }
  31.9444% { transform: rotate(-1.161deg) translateY(0.450%); }
  32.6389% { transform: rotate(-1.226deg) translateY(0.449%); }
  33.3333% { transform: rotate(-1.285deg) translateY(0.447%); }
  34.0278% { transform: rotate(-1.339deg) translateY(0.444%); }
  34.7222% { transform: rotate(-1.388deg) translateY(0.440%); }
  35.4167% { transform: rotate(-1.432deg) translateY(0.436%); }
  36.1111% { transform: rotate(-1.470deg) translateY(0.430%); }
  36.8056% { transform: rotate(-1.501deg) translateY(0.424%); }
  37.5% { transform: rotate(-1.527deg) translateY(0.417%); }
  38.1944% { transform: rotate(-1.546deg) translateY(0.409%); }
  38.8889% { transform: rotate(-1.558deg) translateY(0.401%); }
  39.5833% { transform: rotate(-1.562deg) translateY(0.391%); }
  40.2778% { transform: rotate(-1.559deg) translateY(0.381%); }
  40.9722% { transform: rotate(-1.547deg) translateY(0.370%); }
  41.6667% { transform: rotate(-1.526deg) translateY(0.359%); }
  42.3611% { transform: rotate(-1.496deg) translateY(0.347%); }
  43.0556% { transform: rotate(-1.456deg) translateY(0.334%); }
  43.75% { transform: rotate(-1.407deg) translateY(0.321%); }
  44.4444% { transform: rotate(-1.347deg) translateY(0.306%); }
  45.1389% { transform: rotate(-1.276deg) translateY(0.292%); }
  45.8333% { transform: rotate(-1.195deg) translateY(0.277%); }
  46.5278% { transform: rotate(-1.103deg) translateY(0.261%); }
  47.2222% { transform: rotate(-1.001deg) translateY(0.245%); }
  47.9167% { transform: rotate(-0.888deg) translateY(0.228%); }
  48.6111% { transform: rotate(-0.765deg) translateY(0.211%); }
  49.3056% { transform: rotate(-0.632deg) translateY(0.193%); }
  50.0% { transform: rotate(-0.490deg) translateY(0.175%); }
  50.6944% { transform: rotate(-0.340deg) translateY(0.157%); }
  51.3889% { transform: rotate(-0.182deg) translateY(0.138%); }
  52.0833% { transform: rotate(-0.018deg) translateY(0.120%); }
  52.7778% { transform: rotate(0.152deg) translateY(0.101%); }
  53.4722% { transform: rotate(0.326deg) translateY(0.081%); }
  54.1667% { transform: rotate(0.502deg) translateY(0.062%); }
  54.8611% { transform: rotate(0.680deg) translateY(0.042%); }
  55.5556% { transform: rotate(0.857deg) translateY(0.023%); }
  56.25% { transform: rotate(1.032deg) translateY(0.003%); }
  56.9444% { transform: rotate(1.203deg) translateY(-0.016%); }
  57.6389% { transform: rotate(1.368deg) translateY(-0.036%); }
  58.3333% { transform: rotate(1.526deg) translateY(-0.055%); }
  59.0278% { transform: rotate(1.675deg) translateY(-0.075%); }
  59.7222% { transform: rotate(1.812deg) translateY(-0.094%); }
  60.4167% { transform: rotate(1.937deg) translateY(-0.113%); }
  61.1111% { transform: rotate(2.048deg) translateY(-0.132%); }
  61.8056% { transform: rotate(2.143deg) translateY(-0.151%); }
  62.5% { transform: rotate(2.220deg) translateY(-0.169%); }
  63.1944% { transform: rotate(2.279deg) translateY(-0.187%); }
  63.8889% { transform: rotate(2.319deg) translateY(-0.205%); }
  64.5833% { transform: rotate(2.338deg) translateY(-0.222%); }
  65.2778% { transform: rotate(2.335deg) translateY(-0.239%); }
  65.9722% { transform: rotate(2.311deg) translateY(-0.255%); }
  66.6667% { transform: rotate(2.266deg) translateY(-0.271%); }
  67.3611% { transform: rotate(2.198deg) translateY(-0.287%); }
  68.0556% { transform: rotate(2.108deg) translateY(-0.302%); }
  68.75% { transform: rotate(1.998deg) translateY(-0.316%); }
  69.4444% { transform: rotate(1.867deg) translateY(-0.330%); }
  70.1389% { transform: rotate(1.717deg) translateY(-0.343%); }
  70.8333% { transform: rotate(1.548deg) translateY(-0.355%); }
  71.5278% { transform: rotate(1.363deg) translateY(-0.367%); }
  72.2222% { transform: rotate(1.162deg) translateY(-0.378%); }
  72.9167% { transform: rotate(0.949deg) translateY(-0.388%); }
  73.6111% { transform: rotate(0.724deg) translateY(-0.398%); }
  74.3056% { transform: rotate(0.490deg) translateY(-0.406%); }
  75.0% { transform: rotate(0.249deg) translateY(-0.414%); }
  75.6944% { transform: rotate(0.005deg) translateY(-0.422%); }
  76.3889% { transform: rotate(-0.242deg) translateY(-0.428%); }
  77.0833% { transform: rotate(-0.488deg) translateY(-0.434%); }
  77.7778% { transform: rotate(-0.730deg) translateY(-0.439%); }
  78.4722% { transform: rotate(-0.967deg) translateY(-0.443%); }
  79.1667% { transform: rotate(-1.195deg) translateY(-0.446%); }
  79.8611% { transform: rotate(-1.413deg) translateY(-0.448%); }
  80.5556% { transform: rotate(-1.617deg) translateY(-0.449%); }
  81.25% { transform: rotate(-1.807deg) translateY(-0.450%); }
  81.9444% { transform: rotate(-1.979deg) translateY(-0.450%); }
  82.6389% { transform: rotate(-2.133deg) translateY(-0.449%); }
  83.3333% { transform: rotate(-2.266deg) translateY(-0.447%); }
  84.0278% { transform: rotate(-2.376deg) translateY(-0.444%); }
  84.7222% { transform: rotate(-2.464deg) translateY(-0.440%); }
  85.4167% { transform: rotate(-2.528deg) translateY(-0.436%); }
  86.1111% { transform: rotate(-2.568deg) translateY(-0.430%); }
  86.8056% { transform: rotate(-2.583deg) translateY(-0.424%); }
  87.5% { transform: rotate(-2.573deg) translateY(-0.417%); }
  88.1944% { transform: rotate(-2.539deg) translateY(-0.409%); }
  88.8889% { transform: rotate(-2.480deg) translateY(-0.401%); }
  89.5833% { transform: rotate(-2.398deg) translateY(-0.391%); }
  90.2778% { transform: rotate(-2.294deg) translateY(-0.381%); }
  90.9722% { transform: rotate(-2.169deg) translateY(-0.370%); }
  91.6667% { transform: rotate(-2.025deg) translateY(-0.359%); }
  92.3611% { transform: rotate(-1.863deg) translateY(-0.347%); }
  93.0556% { transform: rotate(-1.685deg) translateY(-0.334%); }
  93.75% { transform: rotate(-1.492deg) translateY(-0.321%); }
  94.4444% { transform: rotate(-1.289deg) translateY(-0.306%); }
  95.1389% { transform: rotate(-1.075deg) translateY(-0.292%); }
  95.8333% { transform: rotate(-0.855deg) translateY(-0.277%); }
  96.5278% { transform: rotate(-0.629deg) translateY(-0.261%); }
  97.2222% { transform: rotate(-0.401deg) translateY(-0.245%); }
  97.9167% { transform: rotate(-0.173deg) translateY(-0.228%); }
  98.6111% { transform: rotate(0.053deg) translateY(-0.211%); }
  99.3056% { transform: rotate(0.275deg) translateY(-0.193%); }
  100.0% { transform: rotate(0.490deg) translateY(-0.175%); }
}

@keyframes mx-walkA {
  0.0% { transform: translate(0.00%, -0.00%) rotate(0.00deg); }
  0.4167% { transform: translate(2.41%, -0.71%) rotate(0.46deg); }
  0.8333% { transform: translate(4.82%, -1.29%) rotate(0.84deg); }
  1.25% { transform: translate(7.23%, -1.64%) rotate(1.06deg); }
  1.6667% { transform: translate(9.64%, -1.68%) rotate(1.09deg); }
  2.0833% { transform: translate(12.05%, -1.41%) rotate(0.91deg); }
  2.5% { transform: translate(14.46%, -0.89%) rotate(0.57deg); }
  2.9167% { transform: translate(16.87%, -0.20%) rotate(0.13deg); }
  3.3333% { transform: translate(19.28%, -0.53%) rotate(-0.34deg); }
  3.75% { transform: translate(21.69%, -1.15%) rotate(-0.75deg); }
  4.1667% { transform: translate(24.10%, -1.57%) rotate(-1.02deg); }
  4.5833% { transform: translate(26.51%, -1.70%) rotate(-1.10deg); }
  5.0% { transform: translate(28.92%, -1.51%) rotate(-0.98deg); }
  5.4167% { transform: translate(31.33%, -1.05%) rotate(-0.68deg); }
  5.8333% { transform: translate(33.74%, -0.40%) rotate(-0.26deg); }
  6.25% { transform: translate(36.15%, -0.33%) rotate(0.21deg); }
  6.6667% { transform: translate(38.56%, -1.00%) rotate(0.65deg); }
  7.0833% { transform: translate(40.97%, -1.48%) rotate(0.96deg); }
  7.5% { transform: translate(43.38%, -1.69%) rotate(1.10deg); }
  7.9167% { transform: translate(45.79%, -1.59%) rotate(1.03deg); }
  8.3333% { transform: translate(48.20%, -1.20%) rotate(0.78deg); }
  8.75% { transform: translate(50.61%, -0.59%) rotate(0.38deg); }
  9.1667% { transform: translate(53.02%, -0.13%) rotate(-0.09deg); }
  9.5833% { transform: translate(55.43%, -0.83%) rotate(-0.54deg); }
  10.0% { transform: translate(57.84%, -1.38%) rotate(-0.89deg); }
  10.4167% { transform: translate(60.25%, -1.67%) rotate(-1.08deg); }
  10.8333% { transform: translate(62.66%, -1.65%) rotate(-1.07deg); }
  11.25% { transform: translate(65.07%, -1.34%) rotate(-0.86deg); }
  11.6667% { transform: translate(67.48%, -0.77%) rotate(-0.50deg); }
  12.0833% { transform: translate(69.89%, -0.07%) rotate(-0.04deg); }
  12.5% { transform: translate(72.30%, -0.65%) rotate(0.42deg); }
  12.9167% { transform: translate(74.71%, -1.25%) rotate(0.81deg); }
  13.3333% { transform: translate(77.12%, -1.62%) rotate(1.05deg); }
  13.75% { transform: translate(79.53%, -1.69%) rotate(1.09deg); }
  14.1667% { transform: translate(81.94%, -1.45%) rotate(0.94deg); }
  14.5833% { transform: translate(84.35%, -0.94%) rotate(0.61deg); }
  15.0% { transform: translate(86.76%, -0.27%) rotate(0.17deg); }
  15.4167% { transform: translate(89.17%, -0.46%) rotate(-0.30deg); }
  15.8333% { transform: translate(91.58%, -1.10%) rotate(-0.71deg); }
  16.25% { transform: translate(93.98%, -1.54%) rotate(-1.00deg); }
  16.6667% { transform: translate(96.39%, -1.70%) rotate(-1.10deg); }
  17.0833% { transform: translate(98.80%, -1.54%) rotate(-1.00deg); }
  17.5% { transform: translate(101.21%, -1.10%) rotate(-0.71deg); }
  17.9167% { transform: translate(103.62%, -0.46%) rotate(-0.30deg); }
  18.3333% { transform: translate(106.03%, -0.27%) rotate(0.17deg); }
  18.75% { transform: translate(108.44%, -0.94%) rotate(0.61deg); }
  19.1667% { transform: translate(110.85%, -1.45%) rotate(0.94deg); }
  19.5833% { transform: translate(113.26%, -1.69%) rotate(1.09deg); }
  20.0% { transform: translate(115.67%, -1.62%) rotate(1.05deg); }
  20.4167% { transform: translate(118.08%, -1.25%) rotate(0.81deg); }
  20.8333% { transform: translate(120.49%, -0.65%) rotate(0.42deg); }
  21.25% { transform: translate(122.90%, -0.07%) rotate(-0.04deg); }
  21.6667% { transform: translate(125.31%, -0.77%) rotate(-0.50deg); }
  22.0833% { transform: translate(127.72%, -1.34%) rotate(-0.86deg); }
  22.5% { transform: translate(130.13%, -1.65%) rotate(-1.07deg); }
  22.9167% { transform: translate(132.54%, -1.67%) rotate(-1.08deg); }
  23.3333% { transform: translate(134.95%, -1.38%) rotate(-0.89deg); }
  23.75% { transform: translate(137.36%, -0.83%) rotate(-0.54deg); }
  24.1667% { transform: translate(139.77%, -0.13%) rotate(-0.09deg); }
  24.5833% { transform: translate(142.18%, -0.59%) rotate(0.38deg); }
  25.0% { transform: translate(144.59%, -1.20%) rotate(0.78deg); }
  25.4167% { transform: translate(147.00%, -1.59%) rotate(1.03deg); }
  25.8333% { transform: translate(149.41%, -1.69%) rotate(1.10deg); }
  26.25% { transform: translate(151.82%, -1.48%) rotate(0.96deg); }
  26.6667% { transform: translate(154.23%, -1.00%) rotate(0.65deg); }
  27.0833% { transform: translate(156.64%, -0.33%) rotate(0.21deg); }
  27.5% { transform: translate(159.05%, -0.40%) rotate(-0.26deg); }
  27.9167% { transform: translate(161.46%, -1.05%) rotate(-0.68deg); }
  28.3333% { transform: translate(163.87%, -1.51%) rotate(-0.98deg); }
  28.75% { transform: translate(166.28%, -1.70%) rotate(-1.10deg); }
  29.1667% { transform: translate(168.69%, -1.57%) rotate(-1.02deg); }
  29.5833% { transform: translate(171.10%, -1.15%) rotate(-0.75deg); }
  30.0% { transform: translate(173.51%, -0.53%) rotate(-0.34deg); }
  30.4167% { transform: translate(175.92%, -0.20%) rotate(0.13deg); }
  30.8333% { transform: translate(178.33%, -0.89%) rotate(0.57deg); }
  31.25% { transform: translate(180.74%, -1.41%) rotate(0.91deg); }
  31.6667% { transform: translate(183.15%, -1.68%) rotate(1.09deg); }
  32.0833% { transform: translate(185.56%, -1.64%) rotate(1.06deg); }
  32.5% { transform: translate(187.97%, -1.29%) rotate(0.84deg); }
  32.9167% { transform: translate(190.38%, -0.71%) rotate(0.46deg); }
  33.3333% { transform: translate(192.79%, -0.00%) rotate(-0.00deg); }
  33.75% { transform: translate(195.20%, -0.71%) rotate(-0.46deg); }
  34.1667% { transform: translate(197.61%, -1.29%) rotate(-0.84deg); }
  34.5833% { transform: translate(200.02%, -1.64%) rotate(-1.06deg); }
  35.0% { transform: translate(202.43%, -1.68%) rotate(-1.09deg); }
  35.4167% { transform: translate(204.84%, -1.41%) rotate(-0.91deg); }
  35.8333% { transform: translate(207.25%, -0.89%) rotate(-0.57deg); }
  36.25% { transform: translate(209.66%, -0.20%) rotate(-0.13deg); }
  36.6667% { transform: translate(212.07%, -0.53%) rotate(0.34deg); }
  37.0833% { transform: translate(214.48%, -1.15%) rotate(0.75deg); }
  37.5% { transform: translate(216.89%, -1.57%) rotate(1.02deg); }
  37.9167% { transform: translate(219.30%, -1.70%) rotate(1.10deg); }
  38.3333% { transform: translate(221.71%, -1.51%) rotate(0.98deg); }
  38.75% { transform: translate(224.12%, -1.05%) rotate(0.68deg); }
  39.1667% { transform: translate(226.53%, -0.40%) rotate(0.26deg); }
  39.5833% { transform: translate(228.94%, -0.33%) rotate(-0.21deg); }
  40.0% { transform: translate(231.35%, -1.00%) rotate(-0.65deg); }
  40.4167% { transform: translate(233.76%, -1.48%) rotate(-0.96deg); }
  40.8333% { transform: translate(236.17%, -1.69%) rotate(-1.10deg); }
  41.25% { transform: translate(238.58%, -1.59%) rotate(-1.03deg); }
  41.6667% { transform: translate(240.99%, -1.20%) rotate(-0.78deg); }
  42.0833% { transform: translate(243.40%, -0.59%) rotate(-0.38deg); }
  42.5% { transform: translate(245.81%, -0.13%) rotate(0.09deg); }
  42.9167% { transform: translate(248.22%, -0.83%) rotate(0.54deg); }
  43.3333% { transform: translate(250.63%, -1.38%) rotate(0.89deg); }
  43.75% { transform: translate(253.04%, -1.67%) rotate(1.08deg); }
  44.1667% { transform: translate(255.45%, -1.65%) rotate(1.07deg); }
  44.5833% { transform: translate(257.86%, -1.34%) rotate(0.86deg); }
  45.0% { transform: translate(260.27%, -0.77%) rotate(0.50deg); }
  45.4167% { transform: translate(262.68%, -0.07%) rotate(0.04deg); }
  45.8333% { transform: translate(265.09%, -0.65%) rotate(-0.42deg); }
  46.25% { transform: translate(267.50%, -1.25%) rotate(-0.81deg); }
  46.6667% { transform: translate(269.91%, -1.62%) rotate(-1.05deg); }
  47.0833% { transform: translate(272.32%, -1.69%) rotate(-1.09deg); }
  47.5% { transform: translate(274.73%, -1.45%) rotate(-0.94deg); }
  47.9167% { transform: translate(274.73%, -0.94%) rotate(-0.61deg); }
  48.3333% { transform: translate(274.73%, -0.27%) rotate(-0.17deg); }
  48.5% { transform: translate(0.00%, -0.00%) rotate(0.00deg); }
  48.75% { transform: translate(274.73%, -0.46%) rotate(0.30deg); }
  100.0% { transform: translate(0.00%, -0.00%) rotate(0.00deg); }
}
@keyframes mx-fadeA {
  0% {opacity:0} 3% {opacity:1} 42% {opacity:1} 46% {opacity:0} 100% {opacity:0}
}

@keyframes mx-walkB {
  0.0% { transform: translate(298.46%, -0.00%) rotate(-0.00deg) scale(-0.85, 0.85); }
  0.3086% { transform: translate(295.97%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  0.6173% { transform: translate(293.49%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  0.9259% { transform: translate(291.00%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  1.2346% { transform: translate(288.51%, -1.60%) rotate(-1.00deg) scale(-0.85, 0.85); }
  1.5432% { transform: translate(286.03%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  1.8519% { transform: translate(283.54%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  2.1605% { transform: translate(281.05%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  2.4691% { transform: translate(278.56%, -0.00%) rotate(-0.00deg) scale(-0.85, 0.85); }
  2.7778% { transform: translate(276.08%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  3.0864% { transform: translate(273.59%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  3.3951% { transform: translate(271.10%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  3.7037% { transform: translate(268.62%, -1.60%) rotate(1.00deg) scale(-0.85, 0.85); }
  4.0123% { transform: translate(266.13%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  4.321% { transform: translate(263.64%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  4.6296% { transform: translate(261.15%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  4.9383% { transform: translate(258.67%, -0.00%) rotate(0.00deg) scale(-0.85, 0.85); }
  5.2469% { transform: translate(256.18%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  5.5556% { transform: translate(253.69%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  5.8642% { transform: translate(251.21%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  6.1728% { transform: translate(248.72%, -1.60%) rotate(-1.00deg) scale(-0.85, 0.85); }
  6.4815% { transform: translate(246.23%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  6.7901% { transform: translate(243.74%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  7.0988% { transform: translate(241.26%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  7.4074% { transform: translate(238.77%, -0.00%) rotate(-0.00deg) scale(-0.85, 0.85); }
  7.716% { transform: translate(236.28%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  8.0247% { transform: translate(233.79%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  8.3333% { transform: translate(231.31%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  8.642% { transform: translate(228.82%, -1.60%) rotate(1.00deg) scale(-0.85, 0.85); }
  8.9506% { transform: translate(226.33%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  9.2593% { transform: translate(223.85%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  9.5679% { transform: translate(221.36%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  9.8765% { transform: translate(218.87%, -0.00%) rotate(0.00deg) scale(-0.85, 0.85); }
  10.1852% { transform: translate(216.38%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  10.4938% { transform: translate(213.90%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  10.8025% { transform: translate(211.41%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  11.1111% { transform: translate(208.92%, -1.60%) rotate(-1.00deg) scale(-0.85, 0.85); }
  11.4198% { transform: translate(206.44%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  11.7284% { transform: translate(203.95%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  12.037% { transform: translate(201.46%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  12.3457% { transform: translate(198.97%, -0.00%) rotate(-0.00deg) scale(-0.85, 0.85); }
  12.6543% { transform: translate(196.49%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  12.963% { transform: translate(194.00%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  13.2716% { transform: translate(191.51%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  13.5802% { transform: translate(189.03%, -1.60%) rotate(1.00deg) scale(-0.85, 0.85); }
  13.8889% { transform: translate(186.54%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  14.1975% { transform: translate(184.05%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  14.5062% { transform: translate(181.56%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  14.8148% { transform: translate(179.08%, -0.00%) rotate(0.00deg) scale(-0.85, 0.85); }
  15.1235% { transform: translate(176.59%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  15.4321% { transform: translate(174.10%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  15.7407% { transform: translate(171.62%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  16.0494% { transform: translate(169.13%, -1.60%) rotate(-1.00deg) scale(-0.85, 0.85); }
  16.358% { transform: translate(166.64%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  16.6667% { transform: translate(164.15%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  16.9753% { transform: translate(161.67%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  17.284% { transform: translate(159.18%, -0.00%) rotate(0.00deg) scale(-0.85, 0.85); }
  17.5926% { transform: translate(156.69%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  17.9012% { transform: translate(154.21%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  18.2099% { transform: translate(151.72%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  18.5185% { transform: translate(149.23%, -1.60%) rotate(1.00deg) scale(-0.85, 0.85); }
  18.8272% { transform: translate(146.74%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  19.1358% { transform: translate(144.26%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  19.4444% { transform: translate(141.77%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  19.7531% { transform: translate(139.28%, -0.00%) rotate(0.00deg) scale(-0.85, 0.85); }
  20.0617% { transform: translate(136.79%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  20.3704% { transform: translate(134.31%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  20.679% { transform: translate(131.82%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  20.9877% { transform: translate(129.33%, -1.60%) rotate(-1.00deg) scale(-0.85, 0.85); }
  21.2963% { transform: translate(126.85%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  21.6049% { transform: translate(124.36%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  21.9136% { transform: translate(121.87%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  22.2222% { transform: translate(119.38%, -0.00%) rotate(-0.00deg) scale(-0.85, 0.85); }
  22.5309% { transform: translate(116.90%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  22.8395% { transform: translate(114.41%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  23.1481% { transform: translate(111.92%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  23.4568% { transform: translate(109.44%, -1.60%) rotate(1.00deg) scale(-0.85, 0.85); }
  23.7654% { transform: translate(106.95%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  24.0741% { transform: translate(104.46%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  24.3827% { transform: translate(101.97%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  24.6914% { transform: translate(99.49%, -0.00%) rotate(0.00deg) scale(-0.85, 0.85); }
  25.0% { transform: translate(97.00%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  25.3086% { transform: translate(94.51%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  25.6173% { transform: translate(92.03%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  25.9259% { transform: translate(89.54%, -1.60%) rotate(-1.00deg) scale(-0.85, 0.85); }
  26.2346% { transform: translate(87.05%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  26.5432% { transform: translate(84.56%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  26.8519% { transform: translate(82.08%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  27.1605% { transform: translate(79.59%, -0.00%) rotate(-0.00deg) scale(-0.85, 0.85); }
  27.4691% { transform: translate(77.10%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  27.7778% { transform: translate(74.62%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  28.0864% { transform: translate(72.13%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  28.3951% { transform: translate(69.64%, -1.60%) rotate(1.00deg) scale(-0.85, 0.85); }
  28.7037% { transform: translate(67.15%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  29.0123% { transform: translate(64.67%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  29.321% { transform: translate(62.18%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  29.6296% { transform: translate(59.69%, -0.00%) rotate(0.00deg) scale(-0.85, 0.85); }
  29.9383% { transform: translate(57.21%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  30.2469% { transform: translate(54.72%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  30.5556% { transform: translate(52.23%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  30.8642% { transform: translate(49.74%, -1.60%) rotate(-1.00deg) scale(-0.85, 0.85); }
  31.1728% { transform: translate(47.26%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  31.4815% { transform: translate(44.77%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  31.7901% { transform: translate(42.28%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  32.0988% { transform: translate(39.79%, -0.00%) rotate(-0.00deg) scale(-0.85, 0.85); }
  32.4074% { transform: translate(37.31%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  32.716% { transform: translate(34.82%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  33.0247% { transform: translate(32.33%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  33.3333% { transform: translate(29.85%, -1.60%) rotate(1.00deg) scale(-0.85, 0.85); }
  33.642% { transform: translate(27.36%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  33.9506% { transform: translate(24.87%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  34.2593% { transform: translate(22.38%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  34.5679% { transform: translate(19.90%, -0.00%) rotate(-0.00deg) scale(-0.85, 0.85); }
  34.8765% { transform: translate(17.41%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  35.1852% { transform: translate(14.92%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  35.4938% { transform: translate(12.44%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  35.8025% { transform: translate(9.95%, -1.60%) rotate(-1.00deg) scale(-0.85, 0.85); }
  36.1111% { transform: translate(7.46%, -1.48%) rotate(-0.92deg) scale(-0.85, 0.85); }
  36.4198% { transform: translate(4.97%, -1.13%) rotate(-0.71deg) scale(-0.85, 0.85); }
  36.7284% { transform: translate(2.49%, -0.61%) rotate(-0.38deg) scale(-0.85, 0.85); }
  37.037% { transform: translate(0.00%, -0.00%) rotate(-0.00deg) scale(-0.85, 0.85); }
  37.3457% { transform: translate(0.00%, -0.61%) rotate(0.38deg) scale(-0.85, 0.85); }
  37.6543% { transform: translate(0.00%, -1.13%) rotate(0.71deg) scale(-0.85, 0.85); }
  37.7778% { transform: translate(298.46%, -0.00%) rotate(-0.00deg) scale(-0.85, 0.85); }
  37.963% { transform: translate(0.00%, -1.48%) rotate(0.92deg) scale(-0.85, 0.85); }
  100.0% { transform: translate(298.46%, -0.00%) rotate(-0.00deg) scale(-0.85, 0.85); }
}
@keyframes mx-fadeB {
  0% {opacity:0} 2.5% {opacity:1} 34% {opacity:1} 38% {opacity:0} 100% {opacity:0}
}

@keyframes mx-wave {
  0.0% { transform: rotate(0.00deg); }
  18.2292% { transform: rotate(0.00deg); }
  18.75% { transform: rotate(0.00deg); }
  19.2708% { transform: rotate(0.95deg); }
  19.7917% { transform: rotate(2.93deg); }
  20.3125% { transform: rotate(3.98deg); }
  20.8333% { transform: rotate(2.39deg); }
  21.3542% { transform: rotate(-1.87deg); }
  21.875% { transform: rotate(-6.89deg); }
  22.3958% { transform: rotate(-9.71deg); }
  22.9167% { transform: rotate(-8.04deg); }
  23.4375% { transform: rotate(-1.85deg); }
  23.9583% { transform: rotate(6.34deg); }
  24.4792% { transform: rotate(12.53deg); }
  25.0% { transform: rotate(13.34deg); }
  25.5208% { transform: rotate(7.89deg); }
  26.0417% { transform: rotate(-1.55deg); }
  26.5625% { transform: rotate(-10.59deg); }
  27.0833% { transform: rotate(-14.91deg); }
  27.6042% { transform: rotate(-12.46deg); }
  28.125% { transform: rotate(-4.50deg); }
  28.6458% { transform: rotate(5.06deg); }
  29.1667% { transform: rotate(11.74deg); }
  29.6875% { transform: rotate(12.68deg); }
  30.2083% { transform: rotate(8.02deg); }
  30.7292% { transform: rotate(0.58deg); }
  31.25% { transform: rotate(-5.85deg); }
  31.7708% { transform: rotate(-8.47deg); }
  32.2917% { transform: rotate(-6.85deg); }
  32.8125% { transform: rotate(-2.79deg); }
  33.3333% { transform: rotate(0.99deg); }
  33.8542% { transform: rotate(2.56deg); }
  34.375% { transform: rotate(1.81deg); }
  34.8958% { transform: rotate(0.23deg); }
  35.0% { transform: rotate(0.00deg); }
  35.4167% { transform: rotate(0.00deg); }
  63.5417% { transform: rotate(0.00deg); }
  64.0625% { transform: rotate(0.42deg); }
  64.5833% { transform: rotate(2.52deg); }
  65.1042% { transform: rotate(4.48deg); }
  65.625% { transform: rotate(3.97deg); }
  66.1458% { transform: rotate(0.08deg); }
  66.6667% { transform: rotate(-5.76deg); }
  67.1875% { transform: rotate(-10.35deg); }
  67.7083% { transform: rotate(-10.56deg); }
  68.2292% { transform: rotate(-5.33deg); }
  68.75% { transform: rotate(3.39deg); }
  69.2708% { transform: rotate(11.47deg); }
  69.7917% { transform: rotate(14.72deg); }
  70.3125% { transform: rotate(11.22deg); }
  70.8333% { transform: rotate(2.50deg); }
  71.3542% { transform: rotate(-7.26deg); }
  71.875% { transform: rotate(-13.38deg); }
  72.3958% { transform: rotate(-13.16deg); }
  72.9167% { transform: rotate(-7.19deg); }
  73.4375% { transform: rotate(1.13deg); }
  73.9583% { transform: rotate(7.60deg); }
  74.4792% { transform: rotate(9.49deg); }
  75.0% { transform: rotate(6.85deg); }
  75.5208% { transform: rotate(2.09deg); }
  76.0417% { transform: rotate(-1.71deg); }
  76.5625% { transform: rotate(-2.74deg); }
  77.0833% { transform: rotate(-1.41deg); }
  77.5% { transform: rotate(0.00deg); }
  77.6042% { transform: rotate(0.00deg); }
  100.0% { transform: rotate(0.00deg); }
}

@keyframes mx-tap {
  0.0% { transform: rotate(0.00deg); }
  21.2121% { transform: rotate(0.00deg); }
  21.9697% { transform: rotate(-0.00deg); }
  22.7273% { transform: rotate(-0.38deg); }
  23.4848% { transform: rotate(-1.82deg); }
  24.2424% { transform: rotate(-3.67deg); }
  25.0% { transform: rotate(-4.35deg); }
  25.7576% { transform: rotate(-3.06deg); }
  26.5152% { transform: rotate(-0.89deg); }
  27.2727% { transform: rotate(-0.03deg); }
  28.0303% { transform: rotate(-1.73deg); }
  28.7879% { transform: rotate(-4.97deg); }
  29.5455% { transform: rotate(-7.24deg); }
  30.303% { transform: rotate(-6.72deg); }
  31.0606% { transform: rotate(-3.88deg); }
  31.8182% { transform: rotate(-0.98deg); }
  32.5758% { transform: rotate(-0.01deg); }
  33.3333% { transform: rotate(-0.98deg); }
  34.0909% { transform: rotate(-2.26deg); }
  34.8485% { transform: rotate(-2.32deg); }
  35.6061% { transform: rotate(-1.15deg); }
  36.3636% { transform: rotate(0.00deg); }
  37.1212% { transform: rotate(0.00deg); }
  62.8788% { transform: rotate(0.00deg); }
  63.6364% { transform: rotate(-0.00deg); }
  64.3939% { transform: rotate(-0.23deg); }
  65.1515% { transform: rotate(-1.46deg); }
  65.9091% { transform: rotate(-3.34deg); }
  66.6667% { transform: rotate(-4.37deg); }
  67.4242% { transform: rotate(-3.45deg); }
  68.1818% { transform: rotate(-1.29deg); }
  68.9394% { transform: rotate(-0.00deg); }
  69.697% { transform: rotate(-1.20deg); }
  70.4545% { transform: rotate(-4.32deg); }
  71.2121% { transform: rotate(-6.98deg); }
  71.9697% { transform: rotate(-7.06deg); }
  72.7273% { transform: rotate(-4.54deg); }
  73.4848% { transform: rotate(-1.45deg); }
  74.2424% { transform: rotate(-0.02deg); }
  75.0% { transform: rotate(-0.70deg); }
  75.7576% { transform: rotate(-2.07deg); }
  76.5152% { transform: rotate(-2.43deg); }
  77.2727% { transform: rotate(-1.43deg); }
  78.0303% { transform: rotate(-0.17deg); }
  78.1818% { transform: rotate(0.00deg); }
  78.7879% { transform: rotate(0.00deg); }
  100.0% { transform: rotate(0.00deg); }
}

@keyframes mx-cord {
  0.0% { transform: rotate(0.548deg); }
  0.9259% { transform: rotate(0.735deg); }
  1.8519% { transform: rotate(0.913deg); }
  2.7778% { transform: rotate(1.081deg); }
  3.7037% { transform: rotate(1.239deg); }
  4.6296% { transform: rotate(1.386deg); }
  5.5556% { transform: rotate(1.521deg); }
  6.4815% { transform: rotate(1.643deg); }
  7.4074% { transform: rotate(1.754deg); }
  8.3333% { transform: rotate(1.851deg); }
  9.2593% { transform: rotate(1.936deg); }
  10.1852% { transform: rotate(2.007deg); }
  11.1111% { transform: rotate(2.066deg); }
  12.037% { transform: rotate(2.113deg); }
  12.963% { transform: rotate(2.148deg); }
  13.8889% { transform: rotate(2.172deg); }
  14.8148% { transform: rotate(2.185deg); }
  15.7407% { transform: rotate(2.188deg); }
  16.6667% { transform: rotate(2.181deg); }
  17.5926% { transform: rotate(2.166deg); }
  18.5185% { transform: rotate(2.144deg); }
  19.4444% { transform: rotate(2.115deg); }
  20.3704% { transform: rotate(2.080deg); }
  21.2963% { transform: rotate(2.041deg); }
  22.2222% { transform: rotate(1.997deg); }
  23.1481% { transform: rotate(1.951deg); }
  24.0741% { transform: rotate(1.902deg); }
  25.0% { transform: rotate(1.852deg); }
  25.9259% { transform: rotate(1.801deg); }
  26.8519% { transform: rotate(1.750deg); }
  27.7778% { transform: rotate(1.699deg); }
  28.7037% { transform: rotate(1.650deg); }
  29.6296% { transform: rotate(1.602deg); }
  30.5556% { transform: rotate(1.556deg); }
  31.4815% { transform: rotate(1.511deg); }
  32.4074% { transform: rotate(1.468deg); }
  33.3333% { transform: rotate(1.427deg); }
  34.2593% { transform: rotate(1.388deg); }
  35.1852% { transform: rotate(1.351deg); }
  36.1111% { transform: rotate(1.315deg); }
  37.037% { transform: rotate(1.279deg); }
  37.963% { transform: rotate(1.244deg); }
  38.8889% { transform: rotate(1.209deg); }
  39.8148% { transform: rotate(1.174deg); }
  40.7407% { transform: rotate(1.136deg); }
  41.6667% { transform: rotate(1.097deg); }
  42.5926% { transform: rotate(1.056deg); }
  43.5185% { transform: rotate(1.010deg); }
  44.4444% { transform: rotate(0.961deg); }
  45.3704% { transform: rotate(0.907deg); }
  46.2963% { transform: rotate(0.848deg); }
  47.2222% { transform: rotate(0.783deg); }
  48.1481% { transform: rotate(0.712deg); }
  49.0741% { transform: rotate(0.634deg); }
  50.0% { transform: rotate(0.548deg); }
  50.9259% { transform: rotate(0.456deg); }
  51.8519% { transform: rotate(0.355deg); }
  52.7778% { transform: rotate(0.247deg); }
  53.7037% { transform: rotate(0.132deg); }
  54.6296% { transform: rotate(0.009deg); }
  55.5556% { transform: rotate(-0.121deg); }
  56.4815% { transform: rotate(-0.258deg); }
  57.4074% { transform: rotate(-0.401deg); }
  58.3333% { transform: rotate(-0.549deg); }
  59.2593% { transform: rotate(-0.702deg); }
  60.1852% { transform: rotate(-0.859deg); }
  61.1111% { transform: rotate(-1.019deg); }
  62.037% { transform: rotate(-1.181deg); }
  62.963% { transform: rotate(-1.343deg); }
  63.8889% { transform: rotate(-1.505deg); }
  64.8148% { transform: rotate(-1.666deg); }
  65.7407% { transform: rotate(-1.823deg); }
  66.6667% { transform: rotate(-1.976deg); }
  67.5926% { transform: rotate(-2.123deg); }
  68.5185% { transform: rotate(-2.264deg); }
  69.4444% { transform: rotate(-2.396deg); }
  70.3704% { transform: rotate(-2.518deg); }
  71.2963% { transform: rotate(-2.630deg); }
  72.2222% { transform: rotate(-2.730deg); }
  73.1481% { transform: rotate(-2.817deg); }
  74.0741% { transform: rotate(-2.890deg); }
  75.0% { transform: rotate(-2.948deg); }
  75.9259% { transform: rotate(-2.991deg); }
  76.8519% { transform: rotate(-3.018deg); }
  77.7778% { transform: rotate(-3.028deg); }
  78.7037% { transform: rotate(-3.021deg); }
  79.6296% { transform: rotate(-2.996deg); }
  80.5556% { transform: rotate(-2.955deg); }
  81.4815% { transform: rotate(-2.897deg); }
  82.4074% { transform: rotate(-2.821deg); }
  83.3333% { transform: rotate(-2.729deg); }
  84.2593% { transform: rotate(-2.622deg); }
  85.1852% { transform: rotate(-2.499deg); }
  86.1111% { transform: rotate(-2.362deg); }
  87.037% { transform: rotate(-2.212deg); }
  87.963% { transform: rotate(-2.049deg); }
  88.8889% { transform: rotate(-1.876deg); }
  89.8148% { transform: rotate(-1.693deg); }
  90.7407% { transform: rotate(-1.501deg); }
  91.6667% { transform: rotate(-1.303deg); }
  92.5926% { transform: rotate(-1.099deg); }
  93.5185% { transform: rotate(-0.891deg); }
  94.4444% { transform: rotate(-0.680deg); }
  95.3704% { transform: rotate(-0.469deg); }
  96.2963% { transform: rotate(-0.259deg); }
  97.2222% { transform: rotate(-0.050deg); }
  98.1481% { transform: rotate(0.155deg); }
  99.0741% { transform: rotate(0.355deg); }
  100.0% { transform: rotate(0.548deg); }
}

@keyframes mx-tug {
  0.0% { transform: rotate(0.00deg); }
  14.7436% { transform: rotate(0.00deg); }
  15.3846% { transform: rotate(-0.00deg); }
  16.0256% { transform: rotate(-0.12deg); }
  16.6667% { transform: rotate(-0.82deg); }
  17.3077% { transform: rotate(-2.04deg); }
  17.9487% { transform: rotate(-3.06deg); }
  18.5897% { transform: rotate(-3.09deg); }
  19.2308% { transform: rotate(-2.03deg); }
  19.8718% { transform: rotate(-0.64deg); }
  20.5128% { transform: rotate(-0.00deg); }
  21.1538% { transform: rotate(-0.65deg); }
  21.7949% { transform: rotate(-2.15deg); }
  22.4359% { transform: rotate(-3.40deg); }
  23.0769% { transform: rotate(-3.52deg); }
  23.7179% { transform: rotate(-2.51deg); }
  24.359% { transform: rotate(-1.13deg); }
  25.0% { transform: rotate(-0.22deg); }
  25.641% { transform: rotate(-0.00deg); }
  26.1538% { transform: rotate(0.00deg); }
  26.2821% { transform: rotate(0.00deg); }
  60.8974% { transform: rotate(0.00deg); }
  61.5385% { transform: rotate(-0.00deg); }
  62.1795% { transform: rotate(-0.14deg); }
  62.8205% { transform: rotate(-0.95deg); }
  63.4615% { transform: rotate(-2.34deg); }
  64.1026% { transform: rotate(-3.45deg); }
  64.7436% { transform: rotate(-3.41deg); }
  65.3846% { transform: rotate(-2.17deg); }
  66.0256% { transform: rotate(-0.66deg); }
  66.6667% { transform: rotate(-0.00deg); }
  67.3077% { transform: rotate(-0.61deg); }
  67.9487% { transform: rotate(-1.84deg); }
  68.5897% { transform: rotate(-2.59deg); }
  69.2308% { transform: rotate(-2.25deg); }
  69.8718% { transform: rotate(-1.16deg); }
  70.5128% { transform: rotate(-0.20deg); }
  70.7692% { transform: rotate(0.00deg); }
  71.1538% { transform: rotate(0.00deg); }
  100.0% { transform: rotate(0.00deg); }
}

@keyframes mx-scrub {
  0.0% { transform: rotate(0.00deg); }
  8.3333% { transform: rotate(0.00deg); }
  8.8235% { transform: rotate(-0.00deg); }
  9.3137% { transform: rotate(-1.27deg); }
  9.8039% { transform: rotate(-2.03deg); }
  10.2941% { transform: rotate(1.24deg); }
  10.7843% { transform: rotate(5.11deg); }
  11.2745% { transform: rotate(3.06deg); }
  11.7647% { transform: rotate(-4.07deg); }
  12.2549% { transform: rotate(-7.35deg); }
  12.7451% { transform: rotate(-1.64deg); }
  13.2353% { transform: rotate(6.47deg); }
  13.7255% { transform: rotate(6.82deg); }
  14.2157% { transform: rotate(-0.79deg); }
  14.7059% { transform: rotate(-6.59deg); }
  15.1961% { transform: rotate(-4.10deg); }
  15.6863% { transform: rotate(2.09deg); }
  16.1765% { transform: rotate(4.00deg); }
  16.6667% { transform: rotate(1.11deg); }
  17.1569% { transform: rotate(-0.93deg); }
  17.6471% { transform: rotate(0.00deg); }
  18.1373% { transform: rotate(0.00deg); }
  52.451% { transform: rotate(0.00deg); }
  52.9412% { transform: rotate(-0.00deg); }
  53.4314% { transform: rotate(-1.19deg); }
  53.9216% { transform: rotate(-1.91deg); }
  54.4118% { transform: rotate(1.17deg); }
  54.902% { transform: rotate(4.84deg); }
  55.3922% { transform: rotate(2.92deg); }
  55.8824% { transform: rotate(-3.91deg); }
  56.3725% { transform: rotate(-7.13deg); }
  56.8627% { transform: rotate(-1.61deg); }
  57.3529% { transform: rotate(6.44deg); }
  57.8431% { transform: rotate(6.91deg); }
  58.3333% { transform: rotate(-0.81deg); }
  58.8235% { transform: rotate(-7.03deg); }
  59.3137% { transform: rotate(-4.55deg); }
  59.8039% { transform: rotate(2.45deg); }
  60.2941% { transform: rotate(5.08deg); }
  60.7843% { transform: rotate(1.63deg); }
  61.2745% { transform: rotate(-1.89deg); }
  61.7647% { transform: rotate(-1.48deg); }
  62.2549% { transform: rotate(-0.03deg); }
  62.3529% { transform: rotate(0.00deg); }
  62.7451% { transform: rotate(0.00deg); }
  100.0% { transform: rotate(0.00deg); }
}

@keyframes mx-tapl {
  0.0% { transform: rotate(0.00deg); }
  20.614% { transform: rotate(0.00deg); }
  21.0526% { transform: rotate(-0.00deg); }
  21.4912% { transform: rotate(-0.44deg); }
  21.9298% { transform: rotate(-2.74deg); }
  22.3684% { transform: rotate(-5.98deg); }
  22.807% { transform: rotate(-7.16deg); }
  23.2456% { transform: rotate(-4.74deg); }
  23.6842% { transform: rotate(-1.03deg); }
  24.1228% { transform: rotate(-0.29deg); }
  24.5614% { transform: rotate(-4.34deg); }
  25.0% { transform: rotate(-10.27deg); }
  25.4386% { transform: rotate(-12.97deg); }
  25.8772% { transform: rotate(-10.05deg); }
  26.3158% { transform: rotate(-4.15deg); }
  26.7544% { transform: rotate(-0.27deg); }
  27.193% { transform: rotate(-0.93deg); }
  27.6316% { transform: rotate(-4.12deg); }
  28.0702% { transform: rotate(-5.88deg); }
  28.5088% { transform: rotate(-4.47deg); }
  28.9474% { transform: rotate(-1.66deg); }
  29.386% { transform: rotate(-0.09deg); }
  29.4737% { transform: rotate(0.00deg); }
  29.8246% { transform: rotate(0.00deg); }
  62.7193% { transform: rotate(0.00deg); }
  63.1579% { transform: rotate(-0.00deg); }
  63.5965% { transform: rotate(-0.50deg); }
  64.0351% { transform: rotate(-3.11deg); }
  64.4737% { transform: rotate(-6.75deg); }
  64.9123% { transform: rotate(-8.00deg); }
  65.3509% { transform: rotate(-5.23deg); }
  65.7895% { transform: rotate(-1.12deg); }
  66.2281% { transform: rotate(-0.31deg); }
  66.6667% { transform: rotate(-4.48deg); }
  67.1053% { transform: rotate(-10.26deg); }
  67.5439% { transform: rotate(-12.42deg); }
  67.9825% { transform: rotate(-9.12deg); }
  68.4211% { transform: rotate(-3.51deg); }
  68.8596% { transform: rotate(-0.21deg); }
  69.2982% { transform: rotate(-0.62deg); }
  69.7368% { transform: rotate(-2.15deg); }
  70.1754% { transform: rotate(-1.75deg); }
  70.5263% { transform: rotate(0.00deg); }
  70.614% { transform: rotate(0.00deg); }
  100.0% { transform: rotate(0.00deg); }
}

@keyframes mx-blink {
  0%, 19.9% {opacity:1} 20%, 25.9% {opacity:0} 26%, 60.9% {opacity:1}
  61%, 71.9% {opacity:0} 72%, 100% {opacity:1}
}

@keyframes mx-fade-crate {
  0% {opacity:0} 5% {opacity:1} 82% {opacity:1} 95% {opacity:0} 100% {opacity:0}
}

@keyframes mx-ride-crate1 {
  from { transform: translateX(0); }
  to   { transform: translateX(423.73%); }
}

@keyframes mx-ride-crate2 {
  from { transform: translateX(0); }
  to   { transform: translateX(543.48%); }
}

@keyframes mx-ride-crate3 {
  from { transform: translateX(0); }
  to   { transform: translateX(490.20%); }
}

/* phones: crop to the shoe + scaffold. The rod, both walkers, the crates
   and the panel light all stay in frame - the crane is dead weight here. */
@media (max-width: 640px) {
  .mx-frame { aspect-ratio: 1530 / 970; }
  .mx-scene { inset: auto; left: -96.73%; top: -71.13%;
               width: 197.65%; height: auto; aspect-ratio: 3024 / 1694; }
}

/* no motion: everything parks where the original drawing had it */
@media (prefers-reduced-motion: reduce) {
  .mx-scene img { animation: none !important; opacity: 1 !important;
                   transform: none !important; }
  .mx-walker  { left: 70.2381%; }
  .mx-walker2 { display: none !important; }
  .mx-crate1 { left: 75.0000%; }
  .mx-crate2 { left: 77.0833%; }
  .mx-crate3 { left: 79.0013%; }
  .mx-crate4 { left: 81.0847%; }
}