/* Site-wide motion */
:root:root body.mx-x, .mx-on main h1.mx-h1 { animation: none !important; opacity: 1 !important; transform: none !important; }
.mx-pre main h1 { opacity: 0; }
.mx-on .mx-h1 .mx-w, .mx-on .mx-h .mx-w { display: inline-block; overflow: hidden; vertical-align: bottom; padding: 0.02em 0.04em 0.24em; margin: -0.02em -0.04em -0.24em; }
.mx-on .mx-h1 .mx-w > span { display: inline-block; transform: translate3d(0, 105%, 0); opacity: 0; transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease; transition-delay: calc(var(--i) * 40ms); }
.mx-on.mx-go .mx-h1 .mx-w > span { transform: none; opacity: 1; }
.mx-on .mx-h .mx-w > span { display: inline-block; transform: translate3d(0, 105%, 0); transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: calc(var(--d, 0ms) + var(--i) * 45ms); }
.mx-on .mx-h.mx-in .mx-w > span { transform: none; }
.mx-on .mx { opacity: 0; transform: translate3d(0, 24px, 0); transition: opacity 0.8s ease, transform 0.9s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: var(--d, 0ms); }
.mx-on .mx.mx-in { opacity: 1; transform: none; }
.mx-on .mx-img { clip-path: inset(0 0 100% 0); transform: scale(1.05); transition: clip-path 1.1s cubic-bezier(0.65, 0, 0.35, 1), transform 1.5s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: var(--d, 0ms); }
.mx-on .mx-img.mx-in { clip-path: inset(0 0 0 0); transform: none; }
@media (prefers-reduced-motion: reduce) {
  .mx-on .mx, .mx-on .mx-img, .mx-on .mx-h .mx-w > span, .mx-on .mx-h1 .mx-w > span { opacity: 1 !important; transform: none !important; clip-path: none !important; transition: none !important; }
}

/* Skipped reveals catch up instantly */
.mx-on .mx-now, .mx-on .mx-now .mx-w > span { transition: none !important; }