/**
 * Mixins
 */
/**
 * Variables
 */
/**
 * Keyframes
 */
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotate(360deg) translate3d(0, 0, 0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotate(360deg) translate3d(0, 0, 0);
  }
}
/**
 * Base
 */
*,
*:after,
*:before {
  box-sizing: border-box;
}


/**
 * Poster
 */
.poster__content {
  position: absolute;
  width: 50%;
  height: 100vw;
  overflow: hidden;
  padding: 2%;
  top: 0;
  left: 50%;
}
.poster__header-meta--spaced {
  margin-bottom: 0.7em;
}
.poster__body {
  position: absolute;
  top: -12%;
  left: -60%;
  width: 100%;
  height: 100%;
}
.poster__body svg {
  transform: scale(3.3);
  overflow: hidden;
}
.poster__body svg g {
  transform-origin: 50% 50% 0;
}
.poster__body svg g:nth-child(1) {
  -webkit-animation: rotate 10.4285714286s linear infinite;
          animation: rotate 10.4285714286s linear infinite;
}
.poster__body svg g:nth-child(2) {
  -webkit-animation: rotate 20.1428571429s linear infinite;
          animation: rotate 20.1428571429s linear infinite;
}
.poster__body svg g:nth-child(3) {
  -webkit-animation: rotate 20.8571428571s linear infinite;
          animation: rotate 20.8571428571s linear infinite;
}
.poster__body svg g:nth-child(4) {
  -webkit-animation: rotate 30.5714285714s linear infinite;
          animation: rotate 30.5714285714s linear infinite;
}
.poster__body svg g:nth-child(5) {
  -webkit-animation: rotate 40.2857142857s linear infinite;
          animation: rotate 40.2857142857s linear infinite;
}
.poster__body svg g:nth-child(6) {
  -webkit-animation: rotate 50s linear infinite;
          animation: rotate 50s linear infinite;
}
.poster__body svg g:nth-child(7) {
  -webkit-animation: rotate 50.7142857143s linear infinite;
          animation: rotate 50.7142857143s linear infinite;
}