.birds-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  overflow: hidden;
}

.bird {
  position: absolute;
  will-change: transform;
  color: var(--ink-soft);
  opacity: 0.55;
}

.bird svg {
  display: block;
  width: 100%;
  height: 100%;
}

.bird__flap {
  transform-origin: 12px 13px;
  animation: flap 1.6s ease-in-out infinite;
}

.bird--slow .bird__flap { animation-duration: 2.2s; }
.bird--fast .bird__flap { animation-duration: 1.15s; }

@keyframes flap {
  0%, 100% { transform: scaleY(1); }
  50% { transform: scaleY(0.35); }
}

@media (prefers-reduced-motion: reduce) {
  .birds-layer {
    display: none;
  }
}

@media (max-width: 640px) {
  .bird--hide-mobile {
    display: none;
  }
}