.weblynx-hero-block {
  text-align: center;
}

.hero {
  max-width: 31.25rem;
  width: 75vw;
  margin: 7.5rem auto 1.75rem;
  transition-duration: 2s;
  animation-delay: 300ms;
  aspect-ratio: 740/390;
}
@media (min-width: 576px) {
  .hero {
    width: 70vw;
    margin: 7.5rem auto 5rem;
  }
}
@media (min-width: 768px) {
  .hero {
    max-width: 46.25rem;
    margin: 10rem auto;
  }
}
.hero--on-top {
  position: relative;
  z-index: 10;
}
.hero path,
.hero polygon {
  fill: var(--color-primary);
}
.hero path.letter-a, .hero path.letter-m, .hero path.letter-o, .hero path.letter-u, .hero path.letter-r, .hero path.letter-o2, .hero path.subtext1, .hero path.subtext2, .hero path.subtext3,
.hero polygon.letter-a,
.hero polygon.letter-m,
.hero polygon.letter-o,
.hero polygon.letter-u,
.hero polygon.letter-r,
.hero polygon.letter-o2,
.hero polygon.subtext1,
.hero polygon.subtext2,
.hero polygon.subtext3 {
  opacity: 0;
  transform-origin: center center;
}
.hero.animate path.letter-a {
  animation: scale-up-center 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s both;
}
.hero.animate path.letter-o {
  animation: scale-up-center 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.1s both;
}
.hero.animate path.letter-u {
  animation: scale-up-center 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.4s both;
}
.hero.animate path.letter-r {
  animation: scale-up-center 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 1.7s both;
}
.hero.animate path.letter-o2 {
  animation: scale-up-center 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2s both;
}
.hero.animate path.subtext1 {
  animation: slide-in-from-bottom 2.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;
}
.hero.animate path.subtext2 {
  animation: slide-in-from-bottom 2.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s both;
}
.hero.animate path.subtext3 {
  animation: slide-in-from-bottom 2.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s both;
}
.hero.animate polygon.letter-m {
  animation: scale-up-center 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s both;
}

@keyframes slide-in-from-bottom {
  0% {
    opacity: 0;
    transform: scale(2) translateZ(700px) translateY(300px);
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1) translateZ(0) translateY(0);
  }
}
@keyframes scale-up-center {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes flip-in-diag-2-tl {
  0% {
    opacity: 0;
    transform: rotate3d(-1, 1, 0, 80deg);
  }
  100% {
    opacity: 1;
    transform: rotate3d(1, 1, 0, 0deg);
  }
}
@keyframes flip-in-ver-right {
  0% {
    opacity: 0;
    transform: rotateY(-80deg);
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
  }
}
@keyframes flip-in-diag-1-tr {
  0% {
    opacity: 0;
    transform: rotate3d(1, 1, 0, -80deg);
  }
  100% {
    opacity: 1;
    transform: rotate3d(1, 1, 0, 0deg);
  }
}

/*# sourceMappingURL=hero.css.map */