.animated-heading.animated-heading {
    > h1, > h2, > h3, > h4, > h5, > h6, .sub-heading, .shadow-text {
        line-height: 1.05em;
    }
}

.animated-word {
    display: inline-block;
}

@media (min-width: 1200px) {
    body.site-animation--desktop .page-header {
        transform: translateY(-90px);
    }

    body.site-animation--desktop .masthead-logo {
        display: block;
    }

    body.site-animation--desktop .animated-heading,
    body.site-animation--desktop .js-masthead-heading {
        > h1, > h2, > h3, > h4, > h5, > h6, .sub-heading, .shadow-text {
            opacity: 0;
        }
    }

    body.site-animation--desktop .animated-word {
        perspective: 1000px;
        transform-style: preserve-3d;
        overflow: hidden;
    }

    body.site-animation--desktop .animated-letter {
        display: inline-block;
        position: relative;
        transform: translateY(100%);
        transform-origin: bottom;
        opacity: 0;
    }

    body.site-animation--desktop .animated-masthead-button {
        overflow: hidden;

        > p {
            position: relative;
            transform: translateY(100%);
            opacity: 0;
        }
    }

    body.site-animation--desktop .animated-slider {
        .slick-slide {
            transform: translateY(100px);
            opacity: 0;
        }
    }

    body.site-animation--desktop .animated-image {
        .animated-image-item {
            transform: translateY(100px);
            opacity: 0;
        }
    }

    body.site-animation--desktop .process .tab-accordion__panel__toggle,
    body.site-animation--desktop .process .tab-accordion__tab {
        transition: width 0.5s ease-in-out;
    }

    body.site-animation--desktop .process__tab-image .tab-accordion__panel__toggle:after {
        transition: opacity 0.5s ease-in-out;
    }

    body.site-animation--desktop .tab-count {
        transition: background 0.5s ease-in-out,
                    border-color 0.5s ease-in-out,
                    box-shadow 0.5s ease-in-out;
    }

    body.site-animation--desktop .animated-content > *:not(.read-more__box) {
        transform: translateY(50px);
        opacity: 0;
    }

    body.site-animation--desktop .fx-photo-video-gallery.fx-gallery-init .gallery-wrapper {
        opacity: 0;
        transform: translateY(50px);
    }

    body.site-animation--desktop .fx-photo-video-gallery.fx-gallery-init .media-gallery__item {
        opacity: 0;
        transform: translateY(30px);
    }

    body.site-animation--desktop .masthead--innerpage__text .breadcrumbs,
    body.site-animation--desktop .masthead--innerpage__btn {
        transform: translateY(30px);
        opacity: 0;
    }

    body.site-animation--desktop .steps__wrap {
        .step__image {
            overflow: hidden;

            img {
                position: relative;
                transform: translateY(-100%);
            }
        }

        .step__image__number {
            transform: translateY(-120px);
        }

        .step__description {
            opacity: 0;
            transform: translateX(30px);
        }

        .step:nth-child(even) .step__description {
            transform: translateX(-30px);
        }

        .step__number > * {
            transform: translateY(50px);
            opacity: 0;
            display: block;
        }
    }

    body.site-animation--desktop .js-animated-heading,
    body.site-animation--desktop .js-animated-content,
    body.site-animation--desktop .js-animated-image,
    body.site-animation--desktop .js-animated-slider,
    body.site-animation--desktop .js-animated-lines,
    body.site-animation--desktop .js-masthead-heading,
    body.site-animation--desktop .js-masthead-button {
        will-change: transform, opacity;
    }
}

@media (max-width: 1199px), (prefers-reduced-motion: reduce) {
    .page-header,
    .animated-heading > h1,
    .animated-heading > h2,
    .animated-heading > h3,
    .animated-heading > h4,
    .animated-heading > h5,
    .animated-heading > h6,
    .animated-heading .sub-heading,
    .animated-heading .shadow-text,
    .js-masthead-heading > h1,
    .js-masthead-heading > h2,
    .js-masthead-heading > h3,
    .js-masthead-heading > h4,
    .js-masthead-heading > h5,
    .js-masthead-heading > h6,
    .js-masthead-heading .sub-heading,
    .js-masthead-heading .shadow-text,
    .animated-letter,
    .animated-masthead-button > p,
    .animated-slider .slick-slide,
    .animated-image .animated-image-item,
    .animated-content > *:not(.read-more__box),
    .fx-photo-video-gallery.fx-gallery-init .gallery-wrapper,
    .fx-photo-video-gallery.fx-gallery-init .media-gallery__item,
    .masthead--innerpage__text .breadcrumbs,
    .masthead--innerpage__btn,
    .steps__wrap .step__image img,
    .steps__wrap .step__image__number,
    .steps__wrap .step__description,
    .steps__wrap .step__number > * {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }
}