/************************************
            MASK REVEAL ANIMATION
************************************/

@keyframes maskedReveal-bottom-r0 {
	0% {
		transform:translateY(100%);
		mask-size: 100% 0%;
		-webkit-mask-size: 100% 0%;
	}
	100% {
		transform:translateY(0);
		mask-size: 100% 100%;
		-webkit-mask-size: 100% 100%;
	}
}
.mask-wrapper {
	overflow: hidden;
}
.mask {
	mask-repeat: no-repeat;
	transform: translateY(100%);
	mask-position: center top;
	mask-size: 100% 0%;
	animation-timing-function: ease;
	animation-duration: 1s;
	animation-delay: 0.75s;
	animation-fill-mode: forwards;
	animation-name: maskedReveal-bottom-r0;
	mask-image: linear-gradient(black 0%, black 100%);
}