/* Animations */
.image-animation-from-bottom,
.image-animation-from-top,
.image-animation-from-left,
.image-animation-from-right {
	position: relative;
	overflow: hidden;
	transition: 1s cubic-bezier(0.3, 0, 0, 1);
}
.image-animation-from-bottom {
	clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.image-animation-from-bottom:not(.scrolled-to) {
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}
.image-animation-from-top {
	clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.image-animation-from-top:not(.scrolled-to) {
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.image-animation-from-left {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.image-animation-from-left:not(.scrolled-to) {
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.image-animation-from-right {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.image-animation-from-right:not(.scrolled-to) {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.image-animation-from-bottom:not(.scrolled-to) img,
.image-animation-from-top:not(.scrolled-to) img,
.image-animation-from-left:not(.scrolled-to) img,
.image-animation-from-right:not(.scrolled-to) img {
	transform: scale(1.2);
}
.image-animation-from-bottom img,
.image-animation-from-top img,
.image-animation-from-left img,
.image-animation-from-right img {
	transform-origin: 50% 100%;
	transition: transform 1.8s cubic-bezier(0.3, 0, 0, 1)!important;
	transform: scale(1);
}
.animate-from-top,
.animate-from-bottom,
.animate-from-left,
.animate-from-right {
	overflow: hidden;
}
.animate-from-top > *,
.animate-from-bottom > *,
.animate-from-left > *,
.animate-from-right > * {
	transition: 1.1s cubic-bezier(0.2, 0, 0.05, 0.95);
	will-change: opacity;
}
.animate-from-top > a,
.animate-from-bottom > a,
.animate-from-top > p,
.animate-from-bottom > p,
.animate-from-left > p,
.animate-from-right > p,
.animate-from-left > a,
.animate-from-right > a {
	display: block;
}
.animate-from-top:not(.scrolled-to) > *,
.animate-from-bottom:not(.scrolled-to) > *,
.animate-from-right:not(.scrolled-to) > *,
.animate-from-left:not(.scrolled-to) > * {
	opacity: 0;
}
.animate-from-top:not(.scrolled-to) > * .js-animate--visible > *,
.animate-from-bottom:not(.scrolled-to) > * .js-animate--visible > *,
.animate-from-right:not(.scrolled-to) > * .js-animate--visible > *,
.animate-from-left:not(.scrolled-to) > * .js-animate--visible > * {
	opacity: 1;
}
.animate-from-top:not(.scrolled-to) > * {
	translate: 0 -100%;
}
.animate-from-bottom:not(.scrolled-to) > * {
	translate: 0 100%;
}
.animate-from-right:not(.scrolled-to) > * {
	translate: 100% 0;
}
.animate-from-left:not(.scrolled-to) > * {
	translate: -100% 0;
}