/* Wejścia elementów i niezależny ruch podczas przewijania. */
.js .reveal{--enter-x:0px;--enter-y:46px;--enter-scale:1;--enter-angle:0deg;opacity:0;transform:translate3d(var(--enter-x),var(--enter-y),0) scale(var(--enter-scale)) rotate(var(--enter-angle));filter:blur(3px);transition:opacity .85s ease,transform 1.05s cubic-bezier(.2,.75,.2,1),filter .85s ease;transition-delay:var(--entrance-delay,0ms)}
.js .reveal[data-entrance="left"]{--enter-x:-55px;--enter-y:15px}.js .reveal[data-entrance="right"]{--enter-x:55px;--enter-y:15px}.js .reveal[data-entrance="zoom"]{--enter-y:25px;--enter-scale:.94}.js .reveal[data-entrance="tilt"]{--enter-y:55px;--enter-scale:.97;--enter-angle:1.5deg}.js .reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0);filter:blur(0)}
.js .card.reveal{transition:opacity .85s ease,transform 1s cubic-bezier(.2,.75,.2,1),filter .85s ease,border-color .3s,background .3s!important;transition-delay:var(--entrance-delay,0ms)!important}
.motion-active [data-scroll-motion="float"],.motion-active [data-scroll-motion="text"],.motion-active [data-scroll-motion="card"]{translate:0 var(--scroll-y,0px)}
.motion-active .about-image{overflow:hidden}.motion-active .about-image img{transform:translate3d(0,var(--scroll-y,0px),0) scale(1.12);transform-origin:center}
.motion-active .hero-background,.motion-active .cta-background{transform:translate3d(0,var(--scroll-y,0px),0) scale(1.18)}
.motion-active .audience:before{background-position:0 var(--dot-shift,0px)}.motion-active .audience:after{translate:0 var(--line-shift,0px)}
.motion-active .ticker>div{translate:var(--ticker-shift,0px) 0}
@media(max-width:700px){.js .reveal[data-entrance="left"]{--enter-x:-20px}.js .reveal[data-entrance="right"]{--enter-x:20px}.js .reveal{--enter-y:30px}.js .reveal[data-entrance="tilt"]{--enter-angle:.7deg}}
@media(prefers-reduced-motion:reduce){.js .reveal,.js .card.reveal{opacity:1;transform:none;filter:none;transition:none!important;transition-delay:0ms!important}.motion-active [data-scroll-motion],.motion-active .ticker>div{translate:none!important}.motion-active .about-image img,.motion-active .hero-background,.motion-active .cta-background{transform:none!important}.motion-active .audience:after{translate:none}}
