.entr {
    opacity: 0;
    transition: 0s;
    will-change: transform, opacity;
    --tx: 0px;
    --ty: 0px;
    --sc: 1;
    transform: translateX(var(--tx)) translateY(var(--ty)) scale(var(--sc))
}
/* --- DIREZIONI SMALL --- */
.entr.e-left-s  { --tx: 25px }
.entr.e-right-s { --tx: -25px }
.entr.e-up-s    { --ty: 25px }
.entr.e-down-s  { --ty: -25px }
/* --- DIREZIONI MEDIUM --- */
.entr.e-left    { --tx: 50px }
.entr.e-right   { --tx: -50px }
.entr.e-up      { --ty: 50px }
.entr.e-down    { --ty: -50px }
/* --- DIREZIONI LARGE --- */
.entr.e-left-l  { --tx: 75px }
.entr.e-right-l { --tx: -75px }
.entr.e-up-l    { --ty: 75px }
.entr.e-down-l  { --ty: -75px }
/* --- SCALE --- */
.entr.e-exp-s { --sc: 0.8 }
.entr.e-exp-m { --sc: 0.6 }
.entr.e-exp-l { --sc: 0 }
/* --- IN VIEW: traslazioni + scale --- */
.entr.e-left-s.in-view,
.entr.e-right-s.in-view,
.entr.e-up-s.in-view,
.entr.e-down-s.in-view,
.entr.e-left.in-view,
.entr.e-right.in-view,
.entr.e-up.in-view,
.entr.e-down.in-view,
.entr.e-left-l.in-view,
.entr.e-right-l.in-view,
.entr.e-up-l.in-view,
.entr.e-down-l.in-view {
    --tx: 0px;
    --ty: 0px;
    opacity: 1;
    transition: transform 0.75s ease, opacity 0.8s ease
}
.entr.e-exp-s.in-view,
.entr.e-exp-m.in-view,
.entr.e-exp-l.in-view {
    --sc: 1;
    opacity: 1;
    transition: transform 0.75s ease, opacity 0.8s ease
}
/* --- FADE --- */
.entr.e-fade-s.in-view { opacity: 1; transition: opacity 0.4s ease }
.entr.e-fade-m.in-view { opacity: 1; transition: opacity 0.8s ease }
.entr.e-fade-l.in-view { opacity: 1; transition: opacity 1.2s ease }
/* --- VELOCITÀ --- */
.entr.e-vel-s.in-view { transition: transform 0.4s ease, opacity 0.8s ease }
.entr.e-vel-l.in-view { transition: transform 1s ease, opacity 0.8s ease }
/* --- OVERRIDE OPACITY --- */
.e-op1 { opacity: 1 !important }