.andorinha-sky {
  position: fixed;
  inset: 0;
  z-index: 25;
  pointer-events: none;
  overflow: hidden;
}
.andorinha-flight {
  position: absolute;
  width: 56px;
  height: 74.6667px;
  top: 0;
  left: 0;
  opacity: 0;
  transform-origin: 70% 64%;
  background-image: url("assets/swallow-flight.webp");
  background-size: 400% 200%;
  background-repeat: no-repeat;
  filter: saturate(.55);
  mix-blend-mode: multiply;
  will-change: transform, opacity;
  pointer-events: none;
}
.andorinha-perch {
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 19px;
  color: #294636;
  pointer-events: none;
  transform: translate(-50%, -85%);
  transition: opacity 120ms ease;
}
.andorinha-perch svg { display: block; width: 100%; height: 100%; }
.andorinha-perch path { stroke-width: .45; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; }
@media (prefers-reduced-motion: reduce) {
  .andorinha-sky { display: none; }
}