.maydo-vector-text {
  display: block;
  width: min(92vw, 980px);
  height: auto;
  overflow: visible;
  margin: 0 auto;
}

.maydo-vector-text path {
  stroke: #fff4bd;
  stroke-width: 1.15;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(0 0 0 rgba(254, 235, 167, 0));
  animation: maydo-draw 2.4s cubic-bezier(0.22, 1, 0.36, 1) forwards, maydo-rise 1.05s cubic-bezier(0.2, 0.9, 0.25, 1) forwards, maydo-glow 3.8s ease-in-out infinite;
}

.maydo-vector-text path:nth-of-type(1) {
  animation-delay: 0s, 0s, 2.4s;
}

.maydo-vector-text path:nth-of-type(2) {
  animation-delay: 0.08s, 0.08s, 2.48s;
}

.maydo-vector-text path:nth-of-type(3) {
  animation-delay: 0.16s, 0.16s, 2.56s;
}

.maydo-vector-text path:nth-of-type(4) {
  animation-delay: 0.24s, 0.24s, 2.64s;
}

.maydo-vector-text path:nth-of-type(5) {
  animation-delay: 0.32s, 0.32s, 2.72s;
}

.maydo-vector-text path:nth-of-type(6) {
  animation-delay: 0.4s, 0.4s, 2.8s;
}

.maydo-vector-text path:nth-of-type(7) {
  animation-delay: 0.48s, 0.48s, 2.88s;
}

.maydo-vector-text path:nth-of-type(8) {
  animation-delay: 0.56s, 0.56s, 2.96s;
}

.maydo-vector-text path:nth-of-type(9) {
  animation-delay: 0.64s, 0.64s, 3.04s;
}

.maydo-vector-text path:nth-of-type(10) {
  animation-delay: 0.72s, 0.72s, 3.12s;
}

.maydo-vector-text path:nth-of-type(11) {
  animation-delay: 0.8s, 0.8s, 3.2s;
}

.maydo-vector-text.is-ready path {
  will-change: stroke-dashoffset, opacity, transform, filter;
}

@keyframes maydo-draw {
  0% {
    stroke-dashoffset: var(--path-length);
    fill-opacity: 0;
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  72% {
    fill-opacity: 0;
  }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
    opacity: 1;
  }
}
@keyframes maydo-rise {
  0% {
    transform: translate3d(0, 16px, 0) scale(0.985);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes maydo-glow {
  0%, 100% {
    filter: drop-shadow(0 0 2px rgba(254, 235, 167, 0.18));
  }
  50% {
    filter: drop-shadow(0 0 12px rgba(254, 235, 167, 0.42));
  }
}
@media (prefers-reduced-motion: reduce) {
  .maydo-vector-text path {
    animation: none;
    opacity: 1;
    fill-opacity: 1;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
  }
}

/*# sourceMappingURL=text-animation.css.map */