/* Maid Academy. For now only the door, and the sign on it. */

.academy-soon { text-align: center; padding: 26px 18px 22px; }
.academy-art {
  display: block;
  width: min(100%, 520px);
  height: auto;
  margin: 0 auto;
}
.academy-soon p {
  margin: 16px 0 0;
  color: #fff;
  font-weight: 700;
  font-size: 17px;
}
.academy-soon p small {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 600;
  opacity: .85;
}

/* She blinks. Rarely, so it reads as a creature rather than a gif. */
.ac-eyes {
  transform-box: fill-box;
  transform-origin: center;
  animation: ac-blink 5.5s infinite;
}
/* Not in step with the other one, or they read as one creature drawn twice. */
.ac-eyes.two { animation-delay: -2.7s; }
@keyframes ac-blink {
  0%, 93%, 100% { transform: scaleY(1); }
  96% { transform: scaleY(.08); }
}
/* She sweeps: a short push and back from the top hoof, the dust breathing
   with it. The origin is a share of the broom's own box, which puts it on
   that hoof. */
.ac-broom {
  transform-box: fill-box;
  transform-origin: 15% 21%;
  animation: ac-sweep .6s ease-in-out infinite alternate;
}
.ac-dust { animation: ac-dust .6s ease-in-out infinite alternate; }
@keyframes ac-sweep {
  from { transform: translateX(-5px) rotate(-7deg); }
  to   { transform: translateX(5px) rotate(7deg); }
}
@keyframes ac-dust {
  from { opacity: .25; }
  to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .ac-eyes, .ac-broom, .ac-dust { animation: none; }
}