/* The Tycoon Times: motion */
@keyframes scroll{to{transform:translateX(-50%)}}
@keyframes float{50%{transform:translate(-40px,40px)}}
@keyframes wave{50%{transform:scaleY(.25)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
@keyframes ripple{to{transform:scale(3);opacity:0}}
@keyframes pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.4);opacity:0}}
@keyframes shift{50%{background-position:100% 50%}}
.pin .ring{animation:pulse 2.2s ease-out infinite}
.newsletter{background-size:200% 200%;animation:shift 14s ease infinite}
.lead-art{transform:translateY(calc(var(--py,0)*1px));will-change:transform}