@keyframes intro01{
	0%{ left: var(--leftB); transform: var(--transformB); opacity: 1; }
	100%{ left: var(--leftA); transform: var(--transformA); opacity: var(--opacity); }
}

@keyframes intro02{
	0%{ height: var(--before); top: 50%; }
	100%{ height: var(--logoH); top: calc(var(--headerH) / 2); }
}

@keyframes intro02{
	0%{ height: var(--before); top: 50%; }
	100%{ height: var(--logoH); top: calc(var(--headerH) / 2); }
}

@keyframes visualCover{
	0%{ transform: scaleX(0); opacity: 1; }
	100%{ transform: scaleX(1); opacity: 0; }
}

@keyframes bgScale{
	0%{ transform: scale(1.05); }
	100%{ transform: scale(1); }
}

@keyframes textBlur{
	0%{ filter: blur(15px); -webkit-filter: blur(15px); opacity: 0; }
	100%{ filter: blur(0); -webkit-filter: blur(0); opacity: 1; }
}

@keyframes textClip{
	0%{ transform: translateY(100%); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
	100%{ transform: translateY(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}

@keyframes rotate360{
	0%{ transform: rotate(0); }
	100%{ transform: rotate(360deg); }
}

@keyframes scroll{
	0%{ top: var(--start); }
	50%{ top: var(--end); }
	100%{ top: var(--start); }
}

@keyframes viewmore{
	0%{ left: var(--start); }
	50%{ left: var(--end); }
	100%{ left: var(--start); }
}

@keyframes textBg{
	0% { background-position: 100%; }
	50% { opacity: 1; }
	100% { opacity: 1; background-position: 0; }
}

@keyframes fade{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}

@keyframes clipUp{
	0%{ clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }
	100%{ clip-path: inset(0 0 100% 0); -webkit-clip-path: inset(0 0 100% 0); }
}