/* ---------------------------------------
   FLY ZONE — Clips birds (no scrollbars)
--------------------------------------- */
.flyzone {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    height: 150px;
    overflow: hidden;
    pointer-events: none;
}

/* ---------------------------------------
   BIRD SPRITE (wing animation)
--------------------------------------- */
.wingbird {
    background-image: url("/assets/img/bird-cells.svg");
    filter: invert(34%) sepia(55%) saturate(427%) hue-rotate(141deg) brightness(93%) contrast(91%);
    background-size: auto 100%;
    width: 88px;
    height: 125px;

    animation: wing-flap 0.8s steps(10) infinite;
    transform: scaleX(-1);
    /* face forward */
}

@keyframes wing-flap {
    100% {
        background-position: -900px 0;
    }
}

/* ---------------------------------------
   TICKER MOVEMENT — smooth forward flight
--------------------------------------- */
.flyer {
    position: absolute;
    top: 0;
    right: -120px;
    /* safe off-screen start */
    animation: fly-path 14s linear infinite;
    will-change: transform;
}

@keyframes fly-path {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-120vw);
    }
}

/* Wing speed variations */
.wingbird-a {
    animation-duration: 0.8s;
}

.wingbird-b {
    animation-duration: 0.9s;
}

.wingbird-c {
    animation-duration: 1.1s;
}

.wingbird-d {
    animation-duration: 1s;
}

/* Flight delay variations */
.flyer-a {
    animation-delay: 0s;
}

.flyer-b {
    animation-delay: 4s;
}

.flyer-c {
    animation-delay: 7s;
}

.flyer-d {
    animation-delay: 10s;
}