.att-motion-enabled [data-att-reveal],
.att-motion-enabled [data-att-reveal-group] > *,
.att-motion-enabled [data-att-section] .att-kicker,
.att-motion-enabled [data-att-section] .att-heading,
.att-motion-enabled [data-att-section] .att-copy {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .7s var(--att-ease), transform .7s var(--att-ease);
    will-change: opacity, transform;
}

.att-motion-enabled [data-att-reveal].is-inview,
.att-motion-enabled [data-att-reveal-group] > *.is-inview,
.att-motion-enabled [data-att-section].is-inview .att-kicker,
.att-motion-enabled [data-att-section].is-inview .att-heading,
.att-motion-enabled [data-att-section].is-inview .att-copy {
    opacity: 1;
    transform: none;
}

.att-motion-enabled [data-att-reveal-from="right"] {
    transform: translate3d(36px, 18px, 0);
}

.att-motion-enabled [data-att-reveal-from="left"] {
    transform: translate3d(-36px, 18px, 0);
}

.att-motion-enabled [data-att-parallax-bg] img,
.att-motion-enabled [data-att-contact-media] img {
    will-change: transform;
    transition: transform .25s linear;
}

@media (prefers-reduced-motion: reduce) {
    .att-motion-enabled [data-att-reveal],
    .att-motion-enabled [data-att-reveal-group] > *,
    .att-motion-enabled [data-att-section] .att-kicker,
    .att-motion-enabled [data-att-section] .att-heading,
    .att-motion-enabled [data-att-section] .att-copy {
        opacity: 1 !important;
        transform: none !important;
        will-change: auto !important;
    }
}