/* 07-efeitos.css
   Efeitos gerais: entrada dos blocos ao rolar e movimento sutil seguindo o mouse.
*/

/* entrada dos blocos ao rolar */
.rv-on .rv { opacity: 0; translate: 0 48px; transition: opacity .8s ease, translate .9s cubic-bezier(.2, .8, .2, 1), scale .9s cubic-bezier(.2, .8, .2, 1); transition-delay: var(--rd, 0s); }
.rv-on .rv-l { translate: -60px 0; } .rv-on .rv-r { translate: 60px 0; } .rv-on .rv-s { scale: .86; translate: 0 30px; }
.rv-on .rv.in { opacity: 1; translate: 0 0; scale: 1; }

/* sensação de movimento com o mouse, bem sutil */
[data-par] { transform: translate3d(calc(var(--mx2, 0) * var(--k) * 1px), calc(var(--my2, 0) * var(--k) * .7px), 0); }