.dancing-title .glyph {
  display: inline-block;
  transform-origin: center 85%;
  animation: title-dance 3.6s ease-in-out infinite;
  animation-delay: calc(var(--n) * 0.14s);
}

.title-heart {
  display: inline-block;
  font-family: sans-serif;
  font-size: .62em;
  margin-left: .12em;
  vertical-align: .12em;
}

@keyframes title-dance {
  0%, 100% { transform: translateY(0) rotate(0); }
  25% { transform: translateY(-.085em) rotate(-2deg); }
  50% { transform: translateY(.025em) rotate(1deg); }
  75% { transform: translateY(-.045em) rotate(1.5deg); }
}

@media (prefers-reduced-motion: reduce) {
  .dancing-title .glyph { animation: none; }
}