dondon motion

@keyframes onoma-dondon {
  0% { transform: translate(-90%, 0%); opacity: 0; animation-timing-function: ease-out; }
  8.33% { transform: translate(-75%, -8%); opacity: 1; animation-timing-function: ease-in; }
  16.67% { transform: translate(-60%, 0%); opacity: 1; animation-timing-function: ease-out; }
  25% { transform: translate(-45%, -8%); opacity: 1; animation-timing-function: ease-in; }
  33.33% { transform: translate(-30%, 0%); opacity: 1; animation-timing-function: ease-out; }
  41.67% { transform: translate(-15%, -8%); opacity: 1; animation-timing-function: ease-in; }
  50% { transform: translate(0%, 0%); opacity: 1; animation-timing-function: ease-out; }
  58.33% { transform: translate(15%, -8%); opacity: 1; animation-timing-function: ease-in; }
  66.67% { transform: translate(30%, 0%); opacity: 1; animation-timing-function: ease-out; }
  75% { transform: translate(45%, -8%); opacity: 1; animation-timing-function: ease-in; }
  83.33% { transform: translate(60%, 0%); opacity: 1; animation-timing-function: ease-out; }
  91.67% { transform: translate(75%, -8%); opacity: 1; animation-timing-function: ease-in; }
  100% { transform: translate(90%, 0%); opacity: 0; }
}

.onoma-dondon {
  animation: onoma-dondon 1s linear infinite both;
}

/* Reduced motion: no motion */
@media (prefers-reduced-motion: reduce) {
  .onoma-dondon { animation: none; }
}

@keyframes onoma-dondon-2 {
  0% { transform: translate(0%, 0%); }
  17.5% { transform: translate(0%, 18%); }
  35% { transform: translate(0%, 0%); }
  52.5% { transform: translate(0%, 18%); }
  70% { transform: translate(0%, 0%); }
  100% { transform: translate(0%, 0%); }
}

.onoma-dondon-2 {
  animation: onoma-dondon-2 0.7s ease-in-out infinite both;
}

/* Reduced motion: no motion */
@media (prefers-reduced-motion: reduce) {
  .onoma-dondon-2 { animation: none; }
}