body {
  margin: 0;
  padding: 0;
}
body .ad-container {
  width: 300px;
  height: 600px;
  overflow: hidden;
}
body .ad-container #copy {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  transition-duration: 2s;
  transition-delay: 1.5s;
  transform: translate3d(0, 35px, 0);
}
body .ad-container #copy path {
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.15, 1.17, 0.64, 1);
  transition-duration: 1.5s;
  transform: translate3d(0, 25px, 0);
  opacity: 0;
}
body .ad-container #cta {
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.15, 1.17, 0.64, 1);
  transition-duration: 1.3s;
  transition-delay: 2.7s;
  transform: translate3d(0, 20px, 0);
  opacity: 0;
}
body .ad-container #cta #cta-bg,
body .ad-container #cta #cta-copy,
body .ad-container #cta #cta-copy path {
  transition-property: fill;
  transition-duration: 0.25s;
}
body .ad-container #cta:hover #cta-bg {
  fill: #2D2369;
}
body .ad-container #cta:hover #cta-copy,
body .ad-container #cta:hover #cta-copy path {
  fill: #E4E6F5;
}
body .ad-container #lockup {
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.15, 1.17, 0.64, 1);
  transition-delay: 0.07s;
  transition-duration: 2s;
  transform: translate3d(0, 15px, 0);
  opacity: 0;
}
body .ad-container.ready {
  opacity: 1;
}
body .ad-container.ready #copy,
body .ad-container.ready #copy path,
body .ad-container.ready #cta,
body .ad-container.ready #lockup {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
body .ad-container.scaled > svg {
  transform: scale(2);
  transform-origin: left top;
}

@-moz-document url-prefix() {
  body .ad-container #copy path,
body .ad-container #cta,
body .ad-container #lockup {
    transition-property: transform, filter;
    filter: opacity(0);
    opacity: 1;
  }
  body .ad-container.ready #copy path,
body .ad-container.ready #cta,
body .ad-container.ready #lockup {
    transform: translate3d(0, 0, 0);
    filter: opacity(1);
    opacity: 1;
  }
}
