/* motion layer — delete this file + motion.js for a static site */
.stage img{transition:opacity .45s var(--ease,cubic-bezier(.2,.8,.2,1)),transform .45s var(--ease,cubic-bezier(.2,.8,.2,1))}
.stage img:not(.on){opacity:0}
.t2 .stage img:not(.on){transform:translateX(12%) skewX(-4deg)}
.t3 .stage img:not(.on){transform:scale(.96)}
.pin path{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:opacity .3s}
.pin path.on{stroke-dashoffset:0;opacity:1}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .45s var(--ease,cubic-bezier(.2,.8,.2,1)),transform .45s var(--ease,cubic-bezier(.2,.8,.2,1))}.reveal.in{opacity:1;transform:none}
.txt h1,.txt .sub,.txt .btn{transition:opacity .25s var(--ease,cubic-bezier(.2,.8,.2,1)),transform .25s var(--ease,cubic-bezier(.2,.8,.2,1))}
body.swapping .txt h1,body.swapping .txt .sub{opacity:0;transform:translateY(8px)}
body.t2.swapping .txt h1{transform:translateX(-20px)}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.pin path{stroke-dashoffset:0;opacity:1}.pin path:not(.on){opacity:0}}