/* Section reveal animations (intro/why/offering/split/mosaic) */

/* Intro section */
.intro-section .text-center > h3,
.intro-section .text-center > p {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .4s, transform .4s;
}

.intro-section.animate-intro .text-center > h3 {
    opacity: 1;
    transform: none;
    transition-delay: 0s;
}

.intro-section.animate-intro .text-center > p {
    opacity: 1;
    transform: none;
    transition-delay: .2s;
}

/* Offerings section */
.offerings-section .text-center > h3,
.offerings-section .text-center > p {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .4s, transform .4s;
}

.offerings-section.animate-offerings .text-center > h3 {
    opacity: 1;
    transform: none;
    transition-delay: 0s;
}

.offerings-section.animate-offerings .text-center > p {
    opacity: 1;
    transform: none;
    transition-delay: .2s;
}

/* WHY HUSKEY */
.why-section .why-title,
.why-section .why-list > li {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s ease, transform .6s ease;
    will-change: opacity, transform;
}

.why-section.animate-why .why-title,
.why-section.animate-why .why-list > li {
    opacity: 1;
    transform: none;
}

.why-section .why-list > li:nth-child(1) {
    transition-delay: .06s;
}

.why-section .why-list > li:nth-child(2) {
    transition-delay: .12s;
}

.why-section .why-list > li:nth-child(3) {
    transition-delay: .18s;
}

.why-section .why-list > li:nth-child(4) {
    transition-delay: .24s;
}

.why-section .why-list > li:nth-child(5) {
    transition-delay: .30s;
}

/* Split reveal hooks */
.split-section .split-img,
.split-section .split-card {
    will-change: transform, opacity;
    transition: transform .7s ease, opacity .7s ease;
    opacity: 0;
    transform: translateY(12px) scale(.98);
}

.split-section.is-in .split-img,
.split-section.is-in .split-card {
    opacity: 1;
    transform: none;
}

/* Mosaic reveal hooks */
.mosaic-item {
    opacity: 0;
    transform: translateY(12px);
    transition: transform .6s, opacity .6s, box-shadow .2s;
}

.products-section.animate-products .mosaic-item {
    opacity: 1;
    transform: none;
}

.mosaic-row > .mosaic-item:nth-child(1) {
    transition-delay: 0s;
}

.mosaic-row > .mosaic-item:nth-child(2) {
    transition-delay: .06s;
}

.mosaic-row > .mosaic-item:nth-child(3) {
    transition-delay: .12s;
}