.pinka-home-intro {
	--pinka-intro-bg: #000000;
	--pinka-intro-pink: #6d465c;
	--pinka-intro-wave: #8a647a;
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	background: var(--pinka-intro-bg);
	opacity: 1;
	visibility: visible;
	transition: opacity 0.76s ease, visibility 0s linear 0.76s;
	animation: pinkaIntroOverlayFailsafe 0.01s linear 7s forwards;
}

.pinka-home-intro.is-exiting {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.pinka-home-intro__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.pinka-home-intro__logo {
	display: block;
	width: min(70vw, 32rem);
	height: auto;
	overflow: visible;
}

.pinka-home-intro__liquid {
	transform: translate3d(0, 860px, 0);
	animation: pinkaIntroFill 2.25s cubic-bezier(0.32, 0.02, 0.14, 1) forwards;
	will-change: transform;
}

.pinka-home-intro__wave {
	transform-box: fill-box;
	transform-origin: center;
}

.pinka-home-intro__wave--back {
	animation: pinkaIntroWaveBack 1.8s linear infinite;
}

.pinka-home-intro__wave--front {
	animation: pinkaIntroWaveFront 1.35s linear infinite;
}

.pinka-home-intro__wave-highlight {
	animation: pinkaIntroWaveHighlight 1.25s ease-in-out infinite alternate;
}

.pinka-home-intro__shine-sweep {
	opacity: 0;
	transform: translate3d(-940px, 0, 0) rotate(18deg);
	transform-origin: center;
	animation: pinkaIntroShine 0.82s ease-out 2.05s forwards;
	will-change: transform, opacity;
}

@keyframes pinkaIntroFill {
	0% {
		transform: translate3d(0, 860px, 0);
	}

	58% {
		transform: translate3d(0, 260px, 0);
	}

	100% {
		transform: translate3d(0, -250px, 0);
	}
}

@keyframes pinkaIntroWaveBack {
	0% {
		transform: translate3d(-34px, 0, 0);
	}

	100% {
		transform: translate3d(34px, 0, 0);
	}
}

@keyframes pinkaIntroWaveFront {
	0% {
		transform: translate3d(46px, 0, 0);
	}

	100% {
		transform: translate3d(-46px, 0, 0);
	}
}

@keyframes pinkaIntroWaveHighlight {
	0% {
		opacity: 0.06;
	}

	100% {
		opacity: 0.18;
	}
}

@keyframes pinkaIntroShine {
	0% {
		opacity: 0;
		transform: translate3d(-940px, 0, 0) rotate(18deg);
	}

	28% {
		opacity: 0.5;
	}

	100% {
		opacity: 0;
		transform: translate3d(980px, 0, 0) rotate(18deg);
	}
}

@keyframes pinkaIntroOverlayFailsafe {
	to {
		opacity: 0;
		visibility: hidden;
	}
}

@media (max-width: 991.98px) {
	.pinka-home-intro {
		padding: 1.5rem;
	}

	.pinka-home-intro__logo {
		width: min(78vw, 24rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.pinka-home-intro {
		transition-duration: 0.4s;
	}

	.pinka-home-intro__liquid {
		transform: translate3d(0, -250px, 0);
		animation: none;
	}

	.pinka-home-intro__wave,
	.pinka-home-intro__wave-highlight,
	.pinka-home-intro__shine-sweep {
		animation: none;
	}

	.pinka-home-intro__shine-sweep {
		opacity: 0;
	}
}