/* ===================================================
   Animations

   Replaces animate.min.css (v3, 53KB, 74 animations).
   This page uses two of them:

     rotateIn   6x on the .icon-area feature icons, triggered
                by WOW.js on scroll
     fadeOut    the #home banner's initial state; common.js
                strips it once the loader finishes
                (common.js:194) and swaps in fadeInUpSmall

   fadeInUpSmall and fadeOutUpSmall look like they belong to
   animate.css but do NOT — they are defined in main.css.
   Removing this file's other 72 animations does not touch
   them.

   Verified against the computed-style harness
   (tools/style-diff) before and after: no differences.

   Vendor prefixes dropped. animate.css v3 carried
   -webkit- for Safari 8 and Android 4; unprefixed
   animation/transform have been universal since ~2016, and
   animate.css v4 dropped them for the same reason.

   ADDING AN ANIMATION: copy its .class and @keyframes out
   of animate.css v3 rather than re-adding the whole library.
====================================================== */

/* Base timing shared by every animated element. */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

/* ====================================================
   rotateIn
=======================================================*/
.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

/* ====================================================
   fadeOut
=======================================================*/
.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}