@keyframes aparelho-assenta{0%{transform:translateY(40px)scale(.96)}}@keyframes foto-assenta{0%{scale:1.05}}@keyframes foto-afunda{to{translate:0 18svh}}@keyframes aparelhos-adiantam{to{translate:0 -48px}}@media (prefers-reduced-motion:no-preference){.heroi-foto,.atleta-foto{animation:foto-assenta 1.4s var(--quique) backwards}.heroi-aparelho{animation:aparelho-assenta .7s var(--quique) backwards}.heroi-aparelho-celular{animation-delay:.14s}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.heroi-foto{animation:foto-assenta 1.4s var(--quique) backwards, foto-afunda linear both;animation-timeline:auto,scroll(root);animation-range:normal,0 100svh}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.heroi-aparelhos{animation:linear both aparelhos-adiantam;animation-timeline:scroll(root);animation-range:0 100svh}}}@keyframes vaga-pulsa{0%,to{transform:none}22%{transform:scale(1.5)}44%{transform:none}66%{transform:scale(1.3)}88%{transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.dor-texto{--sobe:16px;--escala:1}.dor-filete{transform-origin:0;animation:traca var(--quique) backwards;animation-timeline:view();animation-range:cover 10% cover 36%}.dor-plaquinha{--sobe:20px;--escala:.96;--atraso:8%}.dor-vaga>span:first-child>span:last-child{animation:ease-in-out backwards vaga-pulsa;animation-timeline:view();animation-range:cover 28% cover 50%}}}@keyframes plaquinha-encaixa{0%{opacity:0;transform:translate(-8px)scale(.7)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.escada-linha{--sobe:12px;--escala:1}.escada-turmas>*{animation:plaquinha-encaixa var(--quique) backwards;animation-timeline:view();animation-range:cover calc(6% + var(--atraso,0%)) cover calc(24% + var(--atraso,0%))}.escada-turmas>:nth-child(2){--atraso:3%}.escada-turmas>:nth-child(3){--atraso:6%}.escada-turmas>:nth-child(4){--atraso:9%}.escada-turmas>:nth-child(5){--atraso:12%}}}
.janela-tela{width:calc(100% / var(--w));max-width:none;transform:translate(calc(var(--x) * -100%), calc(var(--y) * -100%));display:block;position:absolute;top:0;left:0}@keyframes espia{0%{transform:translate(10%,14%)}}@keyframes cresce{0%{transform:scaleY(0)}}@keyframes enche{0%{transform:scaleX(0)}}@keyframes icone-nasce{0%{opacity:0;transform:scale(.6)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.janela>*{animation:espia var(--quique) backwards;animation-timeline:view();animation-range:cover calc(4% + var(--atraso,0%)) cover calc(34% + var(--atraso,0%))}.rel-coluna{transform-origin:bottom;animation:cresce var(--quique) backwards;animation-timeline:view();animation-range:cover 10% cover 40%}.rel-medidor{transform-origin:0;animation:enche var(--quique) backwards;animation-timeline:view();animation-range:cover 10% cover 40%}.pessoa-celular{--atraso:6%}.pessoa-celular~.pessoa-celular{--atraso:12%}.leque>:nth-child(2){--atraso:10%}.leque>:nth-child(3){--atraso:14%}.item-icone{transform-origin:0;animation:icone-nasce var(--quique) backwards;animation-timeline:view();animation-range:cover calc(2% + var(--atraso,0%)) cover calc(18% + var(--atraso,0%))}.item-texto{--sobe:12px;--escala:1;animation:sobe var(--quique) backwards;animation-timeline:view();animation-range:cover calc(5% + var(--atraso,0%)) cover calc(24% + var(--atraso,0%))}.sobe.demo-celular{--sobe:120px;--escala:1;--atraso:0%;animation-range:cover cover 34%}}@media (prefers-reduced-motion:no-preference) and (min-width:768px){.item:nth-child(2n),.visao-area:nth-child(2n){--atraso:6%}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.item:nth-child(2n){--atraso:0%}.item:nth-child(3n+2){--atraso:5%}.item:nth-child(3n){--atraso:10%}}}
