.aboutUs .content {
    overflow: hidden;
}

.aboutUs .content .title.reveal-on-scroll.is-visible {
    animation: about-title-enter .95s cubic-bezier(.22, 1, .36, 1) both;
}

.aboutUs .content .desc.reveal-on-scroll.is-visible {
    animation: about-copy-enter .9s .14s cubic-bezier(.22, 1, .36, 1) both;
}

.business .row .thumbnail.reveal-on-scroll {
    transform: translateY(42px) scale(.96) !important;
}

.business .row .thumbnail.reveal-on-scroll.is-visible {
    transform: translateY(0) scale(1) !important;
}

.business .thumbnail.reveal-on-scroll.is-visible img {
    animation: about-icon-pop .72s .2s cubic-bezier(.2, .9, .3, 1.3) both;
}

.business .thumbnail {
    transition: opacity .72s ease, transform .72s cubic-bezier(.22, 1, .36, 1), box-shadow .25s ease, border-color .25s ease !important;
}

.business .thumbnail:hover {
    border-color: #c8d8e5 !important;
    box-shadow: 0 18px 42px rgba(22, 69, 104, .12) !important;
    transform: translateY(-6px) !important;
}

@keyframes about-title-enter {
    0% {
        opacity: 0;
        transform: translateY(28px) scale(.96);
    }

    65% {
        opacity: 1;
        transform: translateY(-5px) scale(1.01);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes about-copy-enter {
    from {
        opacity: 0;
        transform: translateY(32px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes about-icon-pop {
    0% {
        opacity: 0;
        transform: scale(.45) rotate(-12deg);
    }

    72% {
        opacity: 1;
        transform: scale(1.16) rotate(3deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .aboutUs .content .title.reveal-on-scroll.is-visible,
    .aboutUs .content .desc.reveal-on-scroll.is-visible,
    .business .thumbnail.reveal-on-scroll.is-visible img {
        animation: none;
    }
}