/*!
 * AousAw Motion — styles for aous_aw_motion.js
 * Hidden states only apply once the engine is ready (html.aw_ready), so the page stays readable without JS.
 */

:root {
    --aw-ease: cubic-bezier(.16, 1, .3, 1);
    --aw-duration: 1s;
}

/* Reveal */

.aw_ready [data-aw-reveal] {
    opacity: 0;
    transition:
        opacity var(--aw-duration) ease,
        transform var(--aw-duration) var(--aw-ease),
        filter var(--aw-duration) ease,
        clip-path calc(var(--aw-duration) * 1.2) var(--aw-ease);
    transition-delay: var(--aw-delay, 0s);
}

.aw_ready [data-aw-reveal="up"] {
    transform: translate3d(0, 40px, 0);
}

.aw_ready [data-aw-reveal="scale"] {
    transform: scale(.94);
}

.aw_ready [data-aw-reveal="left"] {
    transform: translate3d(-48px, 0, 0);
}

.aw_ready [data-aw-reveal="right"] {
    transform: translate3d(48px, 0, 0);
}

html[dir="rtl"].aw_ready [data-aw-reveal="left"] {
    transform: translate3d(48px, 0, 0);
}

html[dir="rtl"].aw_ready [data-aw-reveal="right"] {
    transform: translate3d(-48px, 0, 0);
}

/* On small screens side reveals would push the page wider, so they rise instead */
@media (max-width: 767px) {

    .aw_ready [data-aw-reveal="left"],
    .aw_ready [data-aw-reveal="right"],
    html[dir="rtl"].aw_ready [data-aw-reveal="left"],
    html[dir="rtl"].aw_ready [data-aw-reveal="right"] {
        transform: translate3d(0, 40px, 0);
    }
}

.aw_ready [data-aw-reveal="blur"] {
    filter: blur(12px);
    transform: translate3d(0, 24px, 0);
}

.aw_ready [data-aw-reveal="clip"] {
    opacity: 1;
    clip-path: inset(14% 8% 14% 8% round var(--aw-radius, 28px));
    transform: scale(.98);
}

/* html.aw_ready keeps this stronger than the RTL starting states above */
html.aw_ready [data-aw-reveal].aw_in {
    opacity: 1;
    transform: none;
    filter: none;
}

html.aw_ready [data-aw-reveal="clip"].aw_in {
    clip-path: inset(0 0 0 0 round var(--aw-radius, 28px));
}

/* Split words */

.aw_word {
    display: inline-block;
    overflow: hidden;
    padding: .06em 0 .12em;
    margin: -.06em 0 -.12em;
    vertical-align: top;
}

.aw_word_inner {
    display: inline-block;
}

.aw_ready [data-aw-split] .aw_word_inner {
    transform: translate3d(0, 110%, 0);
    transition: transform 1.1s var(--aw-ease);
    transition-delay: calc(var(--aw-delay, 0s) + var(--aw-i, 0) * var(--aw-split-stagger, .055s));
}

.aw_ready [data-aw-split].aw_in .aw_word_inner {
    transform: none;
}

/* Magnetic */

[data-aw-magnetic] {
    transition: translate .45s var(--aw-ease);
}

/* Parallax */

[data-aw-parallax] {
    will-change: translate;
}

@media (prefers-reduced-motion: reduce) {

    .aw_ready [data-aw-reveal],
    .aw_ready [data-aw-split] .aw_word_inner {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        clip-path: none !important;
        transition: none !important;
    }
}