.__draw {
  fill: none;
  stroke: var(--lzz-ink);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1800;
  stroke-dashoffset: 1800;
  animation: __draw_line 3.4s cubic-bezier(.45, 0, .18, 1) forwards;
}

.__delay_1 { animation-delay: .16s; }
.__delay_2 { animation-delay: .32s; }
.__delay_3 { animation-delay: .48s; }
.__delay_4 { animation-delay: .64s; }

.__soft {
  stroke: var(--lzz-ink-soft);
  stroke-width: 1.2;
}

.__gold {
  stroke: var(--lzz-gold);
}

.__gold_soft {
  stroke: var(--lzz-gold-soft);
}

.__title_text {
  font-family: "STXingkai", "KaiTi", "SimSun", serif;
  font-size: 176px;
  font-weight: 400;
  letter-spacing: 14px;
  stroke-width: 2.2;
  paint-order: stroke;
}

.__title_echo {
  stroke: var(--lzz-ink-soft);
  stroke-width: 5;
  transform: translate(5px, 7px);
}

.__latin_text {
  font-family: "Segoe Script", "Brush Script MT", "Comic Sans MS", cursive;
  font-size: 92px;
  letter-spacing: 5px;
  stroke-width: 2.2;
}

.__latin_echo {
  stroke: var(--lzz-gold-soft);
  stroke-width: 6;
  transform: translate(4px, 5px);
}

.__panel {
  stroke-width: 2.2;
}

.__panel_soft {
  stroke-width: 1.35;
  stroke: var(--lzz-ink-soft);
}

.__ornament {
  stroke-width: 1.6;
}

.__star {
  stroke-width: 2.5;
}

.__spark {
  fill: none;
  stroke: var(--lzz-ink);
  stroke-width: 1.6;
  opacity: .78;
  animation: __pulse_dot 1.9s ease-in-out infinite;
}

.__spark_1 { animation-delay: .18s; }
.__spark_2 { animation-delay: .32s; }
.__spark_3 { animation-delay: .5s; }

.__paw {
  stroke: var(--lzz-gold);
  stroke-width: 2.6;
}

@keyframes __draw_line {
  to { stroke-dashoffset: 0; }
}

@keyframes __pulse_dot {
  0%, 100% {
    opacity: .28;
    transform: scale(.84);
  }

  50% {
    opacity: .92;
    transform: scale(1);
  }
}

@media (max-width: 720px) {
  .__title_text {
    font-size: 146px;
    letter-spacing: 8px;
  }

  .__latin_text {
    font-size: 70px;
  }
}