/* Custom site animations */

.logo-box-style2 a {
    perspective: 1200px;
}

.logo-box-style2 a img {
    transform-origin: center center;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    will-change: transform;
    animation: logo-horizontal-flip 5s cubic-bezier(0.55, 0.02, 0.2, 1) infinite;
}

@keyframes logo-horizontal-flip {
    0% {
        transform: rotateY(0deg) scale(1);
    }

    1.2% {
        transform: rotateY(72deg) scale(1.01);
    }

    2.4% {
        transform: rotateY(144deg) scale(1.02);
    }

    3.6% {
        transform: rotateY(216deg) scale(1.02);
    }

    4.8% {
        transform: rotateY(288deg) scale(1.01);
    }

    6%,
    100% {
        transform: rotateY(360deg) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .logo-box-style2 a img {
        animation: none;
    }
}