/* Layout: one full-screen stage. The mark is drawn in 1080p video pixels around the centre
   (1em = one video pixel); the two words are pinned to the screen edges
   (left and right in landscape, above and below in portrait). */
:root {
  --bg: #000;
  --fg: #fff; /* logo, words and caption */
  --shape: #f5f5f5; /* the five shapes */
  color-scheme: dark;
}

html, body { height: 100%; margin: 0; background: var(--bg); }

.stage {
  --vh: 1vh;
  /* --u is one shape (46px in the 1080p video); --px is one video pixel. */
  --u: min(calc(4.2593 * var(--vh)), 2.3958vw);
  --px: calc(var(--u) / 46);
  /* --tpx scales the words and caption (and the words' push). As in the designer's file it never
     drops below half the video size, except on screens under 320px tall. */
  --tpx: max(var(--px), min(0.5px, calc(0.15625 * var(--vh))));
  /* Which way the logo halves split and the words get pushed: 1 = in use, 0 = off. */
  --ax: 1;
  --ay: 0;
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: var(--bg);
  fill: var(--fg);
}
@supports (height: 1svh) { .stage { --vh: 1svh; } }
.stage * { animation-duration: 16.8s; animation-iteration-count: infinite; animation-timing-function: linear; }

.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin: 0; }

/* Zero-size anchors; everything inside is placed in em from them. */
.mark, .mark div, .anchor, .anchor div { position: absolute; left: 0; top: 0; }
.mark { left: 50%; top: 50%; font-size: var(--px); }
.piece { position: absolute; display: block; font-size: var(--px); }
.x { font-size: calc(var(--px) * var(--ax)); }
.y { font-size: calc(var(--px) * var(--ay)); }

.logo { animation-name: logo-show; }
.logo-c > .x { animation-name: split-neg-x; }
.logo-c > .x > .y { animation-name: split-neg-y; }
.logo-t > .x { animation-name: split-pos-x; }
.logo-t > .x > .y { animation-name: split-pos-y; }

.shapes { opacity: 0; fill: var(--shape); animation-name: shapes-show; }
.ci { animation-name: ci-x; }
.ci > div { animation-name: ci-y; }
.sq { animation-name: sq-x; }
.sq > div { animation-name: sq-y; }
.tr { animation-name: tr-x; }
.tr > div { animation-name: tr-y; }
.qd { animation-name: qd-x; }
.qd > div { animation-name: qd-y; }
.ri { animation-name: ri-x; }
.ri > div { animation-name: ri-y; }

/* Words. Landscape: pushed in from the left and right edges. */
.words { position: absolute; inset: 0; opacity: 0; animation-name: words-show; }
.anchor { top: 50%; }
.anchor .x { font-size: calc(var(--tpx) * var(--ax)); }
.anchor .y { font-size: calc(var(--tpx) * var(--ay)); }
.anchor-start { left: max(calc(20 * var(--tpx)), env(safe-area-inset-left, 0px)); }
.anchor-end { left: auto; right: max(calc(20 * var(--tpx)), env(safe-area-inset-right, 0px)); }
.anchor-start > .x { animation-name: push-pos-x; }
.anchor-start > .x > .y { animation-name: push-pos-y; }
.anchor-end > .x { animation-name: push-neg-x; }
.anchor-end > .x > .y { animation-name: push-neg-y; }
.word {
  position: absolute;
  display: block;
  font-size: var(--tpx);
  width: calc(var(--w) * 1em);
  height: calc(var(--h) * 1em);
  top: calc(var(--top) * 1em);
}
.anchor-start .word { left: 0; }
.anchor-end .word { left: calc(var(--w) * -1em); }

.caption {
  position: absolute;
  display: block;
  font-size: var(--tpx);
  width: calc(var(--w) * 1em);
  height: calc(var(--h) * 1em);
  left: 50%;
  margin-left: calc(var(--w) * -0.5em + 0.49em);
  bottom: calc(77.39em + env(safe-area-inset-bottom, 0px));
}

/* Column: portrait screens, and screens too narrow for the words beside the row (the designer's
   switch). The shape choreography turns 90° clockwise, so the row becomes a column and every move
   swaps x and y. The logo stays upright but splits vertically. Sizes and positions are the
   designer's v3 column values. */
@media (max-aspect-ratio: 999/1000), (max-width: 430px) {
  .stage {
    /* Mark scale: min(w / 1231, h / 1097) video px per screen px. */
    --u: min(3.7368vw, calc(4.1933 * var(--vh)));
    /* Text scale: min(w x 0.19 / word width, h x 0.0006), at least 0.3 (less on screens under 568 x 320). */
    --tpx: max(min(0.3px, calc(0.0528 * var(--vh)), 0.09375vw), min(0.0882vw, calc(0.06 * var(--vh))));
    --ax: 0;
    --ay: 1;
  }
  .shapes { transform: rotate(90deg); }
  .anchor-start, .anchor-end { left: 50%; right: auto; }
  .anchor-start { top: 12.2%; }
  .anchor-end { top: 85.1%; }
  .anchor .word { left: calc(var(--w) * -0.5em); top: calc(var(--h) * -0.5em); }
  .caption { bottom: calc(2.5% - var(--h) * 0.5em + env(safe-area-inset-bottom, 0px)); }
}

@media (prefers-reduced-motion: reduce) {
  .stage * { animation: none !important; }
  .shapes, .words { display: none; }
}

@keyframes logo-show {
  0%, 9.1667% { opacity: 1 }
  9.881%, 80.3571% { opacity: 0 }
  81.0714%, 100% { opacity: 1 }
}
@keyframes shapes-show {
  0%, 9.1667% { opacity: 0 }
  9.881%, 80.3571% { opacity: 1 }
  81.0714%, 100% { opacity: 0 }
}
@keyframes words-show {
  0%, 9.1667% { opacity: 0 }
  9.881%, 80.119% { opacity: 1 }
  80.8333%, 100% { opacity: 0 }
}
@keyframes split-pos-x {
  0% { transform: translateX(0em) }
  1.4286% { transform: translateX(0em) }
  3.3333% { transform: translateX(0.5em) }
  4.0476% { transform: translateX(1em) }
  4.7619% { transform: translateX(1.5em) }
  5.2381% { transform: translateX(2em) }
  5.7143% { transform: translateX(2.5em) }
  6.1905% { transform: translateX(3.5em) }
  6.6667% { transform: translateX(4em) }
  6.9048% { transform: translateX(4.5em) }
  7.1429% { transform: translateX(5.5em) }
  7.381% { transform: translateX(6em) }
  7.619% { transform: translateX(6.5em) }
  7.8571% { transform: translateX(8em) }
  8.0952% { transform: translateX(9.5em) }
  8.3333% { transform: translateX(11em) }
  8.5714% { transform: translateX(14em) }
  8.8095% { transform: translateX(21.5em) }
  9.0476% { transform: translateX(27.5em) }
  9.2857% { transform: translateX(30.5em) }
  9.5238% { transform: translateX(33em) }
  9.7619% { transform: translateX(34.5em) }
  80.2381% { transform: translateX(17em) }
  80.4762% { transform: translateX(15.5em) }
  80.7143% { transform: translateX(13.5em) }
  80.9524% { transform: translateX(11.5em) }
  81.1905% { transform: translateX(9.5em) }
  81.4286% { transform: translateX(8.5em) }
  81.6667% { transform: translateX(7.5em) }
  81.9048% { transform: translateX(7em) }
  82.1429% { transform: translateX(6em) }
  82.381% { transform: translateX(5.5em) }
  82.619% { transform: translateX(5em) }
  82.8571% { transform: translateX(4.5em) }
  83.0952% { transform: translateX(4em) }
  83.3333% { transform: translateX(3.5em) }
  83.8095% { transform: translateX(3em) }
  84.2857% { transform: translateX(2.5em) }
  84.7619% { transform: translateX(2em) }
  85.4762% { transform: translateX(1.5em) }
  85.9524% { transform: translateX(1em) }
  86.4286% { transform: translateX(0.5em) }
  87.381% { transform: translateX(0em) }
  100% { transform: translateX(0em) }
}
@keyframes split-pos-y {
  0% { transform: translateY(0em) }
  1.4286% { transform: translateY(0em) }
  3.3333% { transform: translateY(0.5em) }
  4.0476% { transform: translateY(1em) }
  4.7619% { transform: translateY(1.5em) }
  5.2381% { transform: translateY(2em) }
  5.7143% { transform: translateY(2.5em) }
  6.1905% { transform: translateY(3.5em) }
  6.6667% { transform: translateY(4em) }
  6.9048% { transform: translateY(4.5em) }
  7.1429% { transform: translateY(5.5em) }
  7.381% { transform: translateY(6em) }
  7.619% { transform: translateY(6.5em) }
  7.8571% { transform: translateY(8em) }
  8.0952% { transform: translateY(9.5em) }
  8.3333% { transform: translateY(11em) }
  8.5714% { transform: translateY(14em) }
  8.8095% { transform: translateY(21.5em) }
  9.0476% { transform: translateY(27.5em) }
  9.2857% { transform: translateY(30.5em) }
  9.5238% { transform: translateY(33em) }
  9.7619% { transform: translateY(34.5em) }
  80.2381% { transform: translateY(17em) }
  80.4762% { transform: translateY(15.5em) }
  80.7143% { transform: translateY(13.5em) }
  80.9524% { transform: translateY(11.5em) }
  81.1905% { transform: translateY(9.5em) }
  81.4286% { transform: translateY(8.5em) }
  81.6667% { transform: translateY(7.5em) }
  81.9048% { transform: translateY(7em) }
  82.1429% { transform: translateY(6em) }
  82.381% { transform: translateY(5.5em) }
  82.619% { transform: translateY(5em) }
  82.8571% { transform: translateY(4.5em) }
  83.0952% { transform: translateY(4em) }
  83.3333% { transform: translateY(3.5em) }
  83.8095% { transform: translateY(3em) }
  84.2857% { transform: translateY(2.5em) }
  84.7619% { transform: translateY(2em) }
  85.4762% { transform: translateY(1.5em) }
  85.9524% { transform: translateY(1em) }
  86.4286% { transform: translateY(0.5em) }
  87.381% { transform: translateY(0em) }
  100% { transform: translateY(0em) }
}
@keyframes split-neg-x {
  0% { transform: translateX(0em) }
  1.4286% { transform: translateX(0em) }
  3.3333% { transform: translateX(-0.5em) }
  4.0476% { transform: translateX(-1em) }
  4.7619% { transform: translateX(-1.5em) }
  5.2381% { transform: translateX(-2em) }
  5.7143% { transform: translateX(-2.5em) }
  6.1905% { transform: translateX(-3.5em) }
  6.6667% { transform: translateX(-4em) }
  6.9048% { transform: translateX(-4.5em) }
  7.1429% { transform: translateX(-5.5em) }
  7.381% { transform: translateX(-6em) }
  7.619% { transform: translateX(-6.5em) }
  7.8571% { transform: translateX(-8em) }
  8.0952% { transform: translateX(-9.5em) }
  8.3333% { transform: translateX(-11em) }
  8.5714% { transform: translateX(-14em) }
  8.8095% { transform: translateX(-21.5em) }
  9.0476% { transform: translateX(-27.5em) }
  9.2857% { transform: translateX(-30.5em) }
  9.5238% { transform: translateX(-33em) }
  9.7619% { transform: translateX(-34.5em) }
  80.2381% { transform: translateX(-17em) }
  80.4762% { transform: translateX(-15.5em) }
  80.7143% { transform: translateX(-13.5em) }
  80.9524% { transform: translateX(-11.5em) }
  81.1905% { transform: translateX(-9.5em) }
  81.4286% { transform: translateX(-8.5em) }
  81.6667% { transform: translateX(-7.5em) }
  81.9048% { transform: translateX(-7em) }
  82.1429% { transform: translateX(-6em) }
  82.381% { transform: translateX(-5.5em) }
  82.619% { transform: translateX(-5em) }
  82.8571% { transform: translateX(-4.5em) }
  83.0952% { transform: translateX(-4em) }
  83.3333% { transform: translateX(-3.5em) }
  83.8095% { transform: translateX(-3em) }
  84.2857% { transform: translateX(-2.5em) }
  84.7619% { transform: translateX(-2em) }
  85.4762% { transform: translateX(-1.5em) }
  85.9524% { transform: translateX(-1em) }
  86.4286% { transform: translateX(-0.5em) }
  87.381% { transform: translateX(0em) }
  100% { transform: translateX(0em) }
}
@keyframes split-neg-y {
  0% { transform: translateY(0em) }
  1.4286% { transform: translateY(0em) }
  3.3333% { transform: translateY(-0.5em) }
  4.0476% { transform: translateY(-1em) }
  4.7619% { transform: translateY(-1.5em) }
  5.2381% { transform: translateY(-2em) }
  5.7143% { transform: translateY(-2.5em) }
  6.1905% { transform: translateY(-3.5em) }
  6.6667% { transform: translateY(-4em) }
  6.9048% { transform: translateY(-4.5em) }
  7.1429% { transform: translateY(-5.5em) }
  7.381% { transform: translateY(-6em) }
  7.619% { transform: translateY(-6.5em) }
  7.8571% { transform: translateY(-8em) }
  8.0952% { transform: translateY(-9.5em) }
  8.3333% { transform: translateY(-11em) }
  8.5714% { transform: translateY(-14em) }
  8.8095% { transform: translateY(-21.5em) }
  9.0476% { transform: translateY(-27.5em) }
  9.2857% { transform: translateY(-30.5em) }
  9.5238% { transform: translateY(-33em) }
  9.7619% { transform: translateY(-34.5em) }
  80.2381% { transform: translateY(-17em) }
  80.4762% { transform: translateY(-15.5em) }
  80.7143% { transform: translateY(-13.5em) }
  80.9524% { transform: translateY(-11.5em) }
  81.1905% { transform: translateY(-9.5em) }
  81.4286% { transform: translateY(-8.5em) }
  81.6667% { transform: translateY(-7.5em) }
  81.9048% { transform: translateY(-7em) }
  82.1429% { transform: translateY(-6em) }
  82.381% { transform: translateY(-5.5em) }
  82.619% { transform: translateY(-5em) }
  82.8571% { transform: translateY(-4.5em) }
  83.0952% { transform: translateY(-4em) }
  83.3333% { transform: translateY(-3.5em) }
  83.8095% { transform: translateY(-3em) }
  84.2857% { transform: translateY(-2.5em) }
  84.7619% { transform: translateY(-2em) }
  85.4762% { transform: translateY(-1.5em) }
  85.9524% { transform: translateY(-1em) }
  86.4286% { transform: translateY(-0.5em) }
  87.381% { transform: translateY(0em) }
  100% { transform: translateY(0em) }
}
@keyframes push-pos-x {
  0% { transform: translateX(44em) }
  9.5238% { transform: translateX(44em); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); animation-timing-function: linear(0, 0.1046 3.13%, 0.1986 6.25%, 0.2831 9.38%, 0.3591 12.5%, 0.4274 15.63%, 0.4887 18.75%, 0.5439 21.88%, 0.5935 25%, 0.638 28.13%, 0.6781 31.25%, 0.7141 34.38%, 0.7465 37.5%, 0.8017 43.75%, 0.8463 50%, 0.8824 56.25%, 0.9115 62.5%, 0.9351 68.75%, 0.9541 75%, 0.9695 81.25%, 0.9819 87.5%, 0.9919 93.75%, 1) }
  17.1429% { transform: translateX(0em) }
  48.0952% { transform: translateX(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  56.6667% { transform: translateX(84em) }
  57.619% { transform: translateX(84em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  66.1905% { transform: translateX(0em) }
  71.9762% { transform: translateX(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  89.119% { transform: translateX(84em) }
  100% { transform: translateX(84em) }
}
@keyframes push-pos-y {
  0% { transform: translateY(44em) }
  9.5238% { transform: translateY(44em); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); animation-timing-function: linear(0, 0.1046 3.13%, 0.1986 6.25%, 0.2831 9.38%, 0.3591 12.5%, 0.4274 15.63%, 0.4887 18.75%, 0.5439 21.88%, 0.5935 25%, 0.638 28.13%, 0.6781 31.25%, 0.7141 34.38%, 0.7465 37.5%, 0.8017 43.75%, 0.8463 50%, 0.8824 56.25%, 0.9115 62.5%, 0.9351 68.75%, 0.9541 75%, 0.9695 81.25%, 0.9819 87.5%, 0.9919 93.75%, 1) }
  17.1429% { transform: translateY(0em) }
  48.0952% { transform: translateY(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  56.6667% { transform: translateY(84em) }
  57.619% { transform: translateY(84em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  66.1905% { transform: translateY(0em) }
  71.9762% { transform: translateY(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  89.119% { transform: translateY(84em) }
  100% { transform: translateY(84em) }
}
@keyframes push-neg-x {
  0% { transform: translateX(-44em) }
  9.5238% { transform: translateX(-44em); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); animation-timing-function: linear(0, 0.1046 3.13%, 0.1986 6.25%, 0.2831 9.38%, 0.3591 12.5%, 0.4274 15.63%, 0.4887 18.75%, 0.5439 21.88%, 0.5935 25%, 0.638 28.13%, 0.6781 31.25%, 0.7141 34.38%, 0.7465 37.5%, 0.8017 43.75%, 0.8463 50%, 0.8824 56.25%, 0.9115 62.5%, 0.9351 68.75%, 0.9541 75%, 0.9695 81.25%, 0.9819 87.5%, 0.9919 93.75%, 1) }
  17.1429% { transform: translateX(0em) }
  48.0952% { transform: translateX(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  56.6667% { transform: translateX(-84em) }
  57.619% { transform: translateX(-84em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  66.1905% { transform: translateX(0em) }
  71.9762% { transform: translateX(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  89.119% { transform: translateX(-84em) }
  100% { transform: translateX(-84em) }
}
@keyframes push-neg-y {
  0% { transform: translateY(-44em) }
  9.5238% { transform: translateY(-44em); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); animation-timing-function: linear(0, 0.1046 3.13%, 0.1986 6.25%, 0.2831 9.38%, 0.3591 12.5%, 0.4274 15.63%, 0.4887 18.75%, 0.5439 21.88%, 0.5935 25%, 0.638 28.13%, 0.6781 31.25%, 0.7141 34.38%, 0.7465 37.5%, 0.8017 43.75%, 0.8463 50%, 0.8824 56.25%, 0.9115 62.5%, 0.9351 68.75%, 0.9541 75%, 0.9695 81.25%, 0.9819 87.5%, 0.9919 93.75%, 1) }
  17.1429% { transform: translateY(0em) }
  48.0952% { transform: translateY(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  56.6667% { transform: translateY(-84em) }
  57.619% { transform: translateY(-84em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  66.1905% { transform: translateY(0em) }
  71.9762% { transform: translateY(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  89.119% { transform: translateY(-84em) }
  100% { transform: translateY(-84em) }
}
@keyframes ci-x {
  0% { transform: translateX(-179em) }
  9.5238% { transform: translateX(-179em); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); animation-timing-function: linear(0, 0.1046 3.13%, 0.1986 6.25%, 0.2831 9.38%, 0.3591 12.5%, 0.4274 15.63%, 0.4887 18.75%, 0.5439 21.88%, 0.5935 25%, 0.638 28.13%, 0.6781 31.25%, 0.7141 34.38%, 0.7465 37.5%, 0.8017 43.75%, 0.8463 50%, 0.8824 56.25%, 0.9115 62.5%, 0.9351 68.75%, 0.9541 75%, 0.9695 81.25%, 0.9819 87.5%, 0.9919 93.75%, 1) }
  15.2381% { transform: translateX(-184em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  32.381% { transform: translateX(92em) }
  43.8095% { transform: translateX(92em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  60.9524% { transform: translateX(184em) }
  72.381% { transform: translateX(184em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  89.5238% { transform: translateX(92em) }
  100% { transform: translateX(92em) }
}
@keyframes ci-y {
  0% { transform: translateY(0em) }
  29.5238% { transform: translateY(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  46.6667% { transform: translateY(108em) }
  58.0952% { transform: translateY(108em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  75.2381% { transform: translateY(0em) }
  100% { transform: translateY(0em) }
}
@keyframes sq-x {
  0% { transform: translateX(-87em) }
  9.5238% { transform: translateX(-87em); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); animation-timing-function: linear(0, 0.1046 3.13%, 0.1986 6.25%, 0.2831 9.38%, 0.3591 12.5%, 0.4274 15.63%, 0.4887 18.75%, 0.5439 21.88%, 0.5935 25%, 0.638 28.13%, 0.6781 31.25%, 0.7141 34.38%, 0.7465 37.5%, 0.8017 43.75%, 0.8463 50%, 0.8824 56.25%, 0.9115 62.5%, 0.9351 68.75%, 0.9541 75%, 0.9695 81.25%, 0.9819 87.5%, 0.9919 93.75%, 1) }
  15.2381% { transform: translateX(-92em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  32.381% { transform: translateX(184em) }
  43.8095% { transform: translateX(184em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  60.9524% { transform: translateX(92em) }
  72.381% { transform: translateX(92em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  89.5238% { transform: translateX(0em) }
  100% { transform: translateX(0em) }
}
@keyframes sq-y {
  0% { transform: translateY(0em) }
  29.5238% { transform: translateY(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  46.6667% { transform: translateY(-63em) }
  58.0952% { transform: translateY(-63em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  75.2381% { transform: translateY(0em) }
  100% { transform: translateY(0em) }
}
@keyframes tr-x {
  0% { transform: translateX(0em) }
  9.5238% { transform: translateX(0em); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); animation-timing-function: linear(0, 0.1046 3.13%, 0.1986 6.25%, 0.2831 9.38%, 0.3591 12.5%, 0.4274 15.63%, 0.4887 18.75%, 0.5439 21.88%, 0.5935 25%, 0.638 28.13%, 0.6781 31.25%, 0.7141 34.38%, 0.7465 37.5%, 0.8017 43.75%, 0.8463 50%, 0.8824 56.25%, 0.9115 62.5%, 0.9351 68.75%, 0.9541 75%, 0.9695 81.25%, 0.9819 87.5%, 0.9919 93.75%, 1) }
  15.2381% { transform: translateX(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  32.381% { transform: translateX(-184em) }
  43.8095% { transform: translateX(-184em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  60.9524% { transform: translateX(-92em) }
  72.381% { transform: translateX(-92em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  89.5238% { transform: translateX(0em) }
  100% { transform: translateX(0em) }
}
@keyframes tr-y {
  0% { transform: translateY(0em) }
  29.5238% { transform: translateY(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  46.6667% { transform: translateY(-63em) }
  58.0952% { transform: translateY(-63em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  75.2381% { transform: translateY(0em) }
  100% { transform: translateY(0em) }
}
@keyframes qd-x {
  0% { transform: translateX(87em) }
  9.5238% { transform: translateX(87em); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); animation-timing-function: linear(0, 0.1046 3.13%, 0.1986 6.25%, 0.2831 9.38%, 0.3591 12.5%, 0.4274 15.63%, 0.4887 18.75%, 0.5439 21.88%, 0.5935 25%, 0.638 28.13%, 0.6781 31.25%, 0.7141 34.38%, 0.7465 37.5%, 0.8017 43.75%, 0.8463 50%, 0.8824 56.25%, 0.9115 62.5%, 0.9351 68.75%, 0.9541 75%, 0.9695 81.25%, 0.9819 87.5%, 0.9919 93.75%, 1) }
  15.2381% { transform: translateX(92em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  32.381% { transform: translateX(0em) }
  43.8095% { transform: translateX(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  60.9524% { transform: translateX(-184em) }
  72.381% { transform: translateX(-184em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  89.5238% { transform: translateX(-92em) }
  100% { transform: translateX(-92em) }
}
@keyframes qd-y {
  0% { transform: translateY(0em) }
  29.5238% { transform: translateY(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  46.6667% { transform: translateY(-108em) }
  58.0952% { transform: translateY(-108em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  75.2381% { transform: translateY(0em) }
  100% { transform: translateY(0em) }
}
@keyframes ri-x {
  0% { transform: translateX(179em) }
  9.5238% { transform: translateX(179em); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); animation-timing-function: linear(0, 0.1046 3.13%, 0.1986 6.25%, 0.2831 9.38%, 0.3591 12.5%, 0.4274 15.63%, 0.4887 18.75%, 0.5439 21.88%, 0.5935 25%, 0.638 28.13%, 0.6781 31.25%, 0.7141 34.38%, 0.7465 37.5%, 0.8017 43.75%, 0.8463 50%, 0.8824 56.25%, 0.9115 62.5%, 0.9351 68.75%, 0.9541 75%, 0.9695 81.25%, 0.9819 87.5%, 0.9919 93.75%, 1) }
  15.2381% { transform: translateX(184em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  32.381% { transform: translateX(-92em) }
  43.8095% { transform: translateX(-92em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  60.9524% { transform: translateX(0em) }
  72.381% { transform: translateX(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  89.5238% { transform: translateX(0em) }
  100% { transform: translateX(0em) }
}
@keyframes ri-y {
  0% { transform: translateY(0em) }
  29.5238% { transform: translateY(0em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  46.6667% { transform: translateY(62em) }
  58.0952% { transform: translateY(62em); animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1); animation-timing-function: linear(0, 0.0047 6.94%, 0.015 13.89%, 0.0284 19.44%, 0.0484 25%, 0.0697 29.17%, 0.0992 33.33%, 0.1263 36.11%, 0.1431 37.5%, 0.163 38.89%, 0.1879 40.28%, 0.2179 41.67%, 0.2603 43.06%, 0.328 44.44%, 0.4998 45.83%, 0.6465 47.22%, 0.7102 48.61%, 0.752 50%, 0.7831 51.39%, 0.8079 52.78%, 0.8285 54.17%, 0.8463 55.56%, 0.8615 56.94%, 0.8871 59.72%, 0.9163 63.89%, 0.9383 68.06%, 0.9598 73.61%, 0.9784 80.56%, 0.9882 86.11%, 0.9971 94.44%, 1) }
  75.2381% { transform: translateY(0em) }
  100% { transform: translateY(0em) }
}

/* Per-element geometry (kept out of style attributes so the page passes style-src 'self'). */
.logo-c .piece { left:-45.69em; top:-56.43em; width:93.53em; height:112.37em; }
.logo-t .piece { left:1.41em; top:-17.17em; width:46.43em; height:45.99em; }
.shapes .piece { left:-23em; top:-23em; width:46em; height:46em; }
.anchor-start .word { --w:215.34; --h:46.97; --top:-15.99; }
.anchor-end .word { --w:233.57; --h:46.97; --top:-15.99; }
.caption { --w:196.27; --h:30.22; --top:432.39; }