/* ========================================
   WIREFRAME CHARACTER ANIMATIONS
   ======================================== */

/* Eye Blinking Animation - Smooth and realistic */
@keyframes blink {

    0%,
    100% {
        transform: scaleY(1);
        opacity: 1;
    }

    45%,
    55% {
        transform: scaleY(0.1);
        opacity: 0.4;
    }
}

.eye.blink,
.pupil.blink {
    animation: blink 0.2s ease-in-out;
    transform-origin: center;
    transform-box: fill-box;
}

/* Eyebrow Raise Animation - Like 🤨 emoji */
@keyframes eyebrowRaise {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

#right-eyebrow.raise {
    animation: eyebrowRaise 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
    transform-box: fill-box;
}