.se{}
.fade-in{
opacity:0;
}
.fade-in.scrolled,
.loaded .fade-in.ose{
opacity:1;
transition:opacity 0.8s;
}
.fade-in-late{
opacity:0;
transition:opacity 1s 1s;
}
.fade-in-late.scrolled,
.loaded .fade-in-late.ose{
opacity:1;
transition:opacity 1s 1s;
}
.move-up{
opacity:0;
transform: translateY(40px);
}
.move-up.scrolled,
.move-up.is-active{
opacity:1;
transform: translateY(0);
transition:opacity 0.8s 0s,transform 0.8s 0s;
}



.to-left{
opacity:0;
transform: translateX(60px);
transition:opacity 0.7s 0s,transform 0.7s 0s;
}
.to-left.scrolled,
.loaded .to-left.ose,
.to-left.is-active{
opacity:1;
transform: translateX(0);
transition:opacity 0.7s 0s,transform 0.7s 0s;
}
.loaded .to-left.ose{
transition:opacity 0.7s 0.5s,transform 0.7s 0.5s;
}


.to-right-late{
opacity:0;
transform: translateX(-60px);
transition:opacity 1.4s 0s,transform 1.4s 0s;
}
.to-right-late.scrolled,
.loaded .to-right-late.ose,
.to-right-late.is-active{
opacity:1;
transform: translateX(0);
transition:opacity 1.4s 0s,transform 1.4s 0s;
}
.loaded .to-right-late.ose{
transition:opacity 1.4s 0.6s,transform 1.4s 0.6s;
}


.to-right{
opacity:0;
transform: translateX(-60px);
transition:opacity 1s 0s,transform 1s 0s;
}
.to-right.scrolled,
.loaded .to-right.ose,
.to-right.is-active{
opacity:1;
transform: translateX(0);
transition:opacity 1s 0s,transform 1s 0s;
}
.loaded .to-right.ose{
transition:transform 1s 0.4s,opacity 1s 0.4s;
}



.clip{
clip-path: inset(0 100% 0 0);
transition:clip-path 1.4s 0s;
}
.clip.scrolled,
.loaded .clip.ose{
clip-path: inset(0);
transition:clip-path 1.8s 0s;
}
.loaded .clip.ose{
transition:clip-path 1.8s 1s;
}