/* animations */

[data-animation-direction="left"]img {
	transform-origin: right;
}

[data-animation-direction="right"] img {
	transform-origin: left;
}

[data-animation-direction="down"] img {
	transform-origin: top;
}

[data-animation-direction="up"] img {
	transform-origin: bottom;
}

[data-animation="imagereveal"] {
	position: relative;
	overflow: hidden;
	transform-origin: bottom;
}

.reveal img {
	transform-origin: bottom;
}

.reveal-text {
	margin-bottom: 1rem;
}

.line {
	position: relative;
	overflow: hidden;
	display: block;
	line-height: 1.3;
	margin-bottom: -0.3rem;
}

.mask-up {
	display: inline-block;
	font-style: inherit;
	will-change: transform;
}

.reveal-outer {
	display: inline-block;
	overflow: hidden;
}

[data-animation="fadeup"],
[data-animation="fadein"],
[data-animation="zoomin"],
[data-animation="imagereveal"],
[data-animation="textreveal"] {
	visibility: hidden;
	will-change: transform, opacity;
}

.parallax,
.animate-fadeup,
.animate-fadein,
.animate-zoomin {
	will-change: transform, opacity;
}

.word {
	display: inline-flex;
}

.letter {
	display: inline-block;
	will-change: transform;
}

.letter div {
	backface-visibility: hidden;
}

.perspective {
	perspective: 40vw;
}

[parallax-background] {
	overflow: hidden;
}