/* Halloween peek-a-boo cats — loaded only in season (see base.html) */

.hw-peek {
  position: absolute;
  z-index: 5;
  overflow: hidden;
  pointer-events: none;
}

.hw-peek img {
  display: block;
  height: 100%;
  width: auto;
  transform: translateY(105%);
  transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
  filter: drop-shadow(0 6px 10px rgba(34, 25, 60, 0.18));
}

.hw-peek.is-up img {
  transform: translateY(18%);
}

.hw-peek.is-leaving img {
  transform: translateY(105%);
  transition: transform 0.4s ease-in;
}

.hw-bat {
  position: fixed;
  z-index: 50;
  width: 56px;
  pointer-events: none;
  animation: hw-bat-fly 4.2s ease-in-out forwards;
}

@keyframes hw-bat-fly {
  0%   { transform: translate(-80px, 0) rotate(-8deg); }
  25%  { transform: translate(25vw, -30px) rotate(6deg); }
  50%  { transform: translate(50vw, 20px) rotate(-6deg); }
  75%  { transform: translate(75vw, -25px) rotate(6deg); }
  100% { transform: translate(calc(100vw + 80px), 10px) rotate(-8deg); }
}

@media (max-width: 640px) {
  .hw-bat { width: 42px; }
}