/* Mascot motion. Ears perk on 3.6s, eyes blink on 6.5s. */

@keyframes bok-blink { 0%, 93%, 100% { transform: scaleY(1) } 96.5% { transform: scaleY(.08) } }
@keyframes bok-brow  { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-2px) } }
@keyframes bok-perk  { 0%, 100% { transform: rotate(-2deg) } 50% { transform: rotate(2deg) } }

.bok-ear  { animation: bok-perk 3.6s ease-in-out infinite; transform-origin: 90px 64px }
.bok-eyes { animation: bok-blink 6.5s ease-in-out infinite; transform-origin: center }
.bok-brow { animation: bok-brow 3.2s ease-in-out infinite }

@media (prefers-reduced-motion: reduce) {
  .bok-ear, .bok-eyes, .bok-brow { animation: none }
}