.sid-luxury-intro {
	position: fixed;
	z-index: 99999;
	inset: 0;
	display: grid;
	place-items: center;
	overflow: hidden;
	padding: 28px;
	background: radial-gradient(ellipse at 50% 45%, #fff 0, #fffdfa 48%, #f6f1e8 100%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

html.sid-intro-enabled,
html.sid-intro-exiting {
	overflow: hidden;
}

html.sid-intro-enabled .sid-luxury-intro {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.sid-luxury-intro__content {
	position: relative;
	isolation: isolate;
	display: flex;
	width: min(410px, 86vw);
	flex-direction: column;
	align-items: center;
}

.sid-luxury-intro__seal {
	position: absolute;
	z-index: -1;
	top: 2%;
	left: 50%;
	width: min(310px, 72vw);
	aspect-ratio: 1;
	border: 1px solid rgba(197, 138, 49, .24);
	border-radius: 50%;
	box-shadow: 0 0 55px rgba(197, 138, 49, .045), inset 0 0 42px rgba(197, 138, 49, .025);
	transform: translateX(-50%) scale(.9);
	opacity: 0;
}

.sid-luxury-intro__seal::after {
	position: absolute;
	inset: 10px;
	border: 1px solid rgba(197, 138, 49, .12);
	border-radius: 50%;
	content: "";
}

.sid-luxury-intro__logo-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	transform: translateY(8px) scale(.965);
	opacity: 0;
}

.sid-luxury-intro__logo {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 10px 18px rgba(10, 10, 10, .045));
	mix-blend-mode: multiply;
}

.sid-luxury-intro__shine {
	position: absolute;
	inset: -15% auto -15% -55%;
	width: 30%;
	transform: skewX(-19deg);
	background: linear-gradient(100deg, transparent 5%, rgba(255, 255, 255, .65) 36%, rgba(241, 205, 139, .36) 48%, rgba(255, 255, 255, .74) 59%, transparent 92%);
	opacity: 0;
}

.sid-luxury-intro__rule {
	width: 0;
	height: 1px;
	margin-top: 4px;
	background: linear-gradient(90deg, transparent, rgba(197, 138, 49, .82), transparent);
}

html.sid-intro-enabled .sid-luxury-intro__seal {
	animation: sid-intro-seal-in .95s cubic-bezier(.16, 1, .3, 1) .04s forwards;
}

html.sid-intro-enabled .sid-luxury-intro__logo-wrap {
	animation: sid-intro-logo-arrive .92s cubic-bezier(.16, 1, .3, 1) .08s forwards;
}

html.sid-intro-enabled .sid-luxury-intro__shine {
	animation: sid-intro-logo-shine 1.05s cubic-bezier(.4, 0, .2, 1) .46s forwards;
}

html.sid-intro-enabled .sid-luxury-intro__rule {
	animation: sid-intro-rule-open .72s cubic-bezier(.16, 1, .3, 1) .48s forwards;
}

html.sid-intro-exiting .sid-luxury-intro {
	animation: sid-intro-curtain-out .72s cubic-bezier(.76, 0, .24, 1) forwards;
}

@keyframes sid-intro-seal-in {
	to { opacity: .8; transform: translateX(-50%) scale(1); }
}

@keyframes sid-intro-logo-arrive {
	to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sid-intro-logo-shine {
	18% { opacity: .68; }
	to { opacity: 0; left: 130%; }
}

@keyframes sid-intro-rule-open {
	to { width: 49%; }
}

@keyframes sid-intro-curtain-out {
	0% { opacity: 1; visibility: visible; }
	99% { opacity: 0; visibility: visible; }
	100% { opacity: 0; visibility: hidden; }
}

@media (max-width: 520px) {
	.sid-luxury-intro__content { width: min(340px, 90vw); }
	.sid-luxury-intro__seal { top: 0; }
}

@media (prefers-reduced-motion: reduce) {
	html.sid-intro-enabled .sid-luxury-intro__seal,
	html.sid-intro-enabled .sid-luxury-intro__logo-wrap,
	html.sid-intro-enabled .sid-luxury-intro__shine,
	html.sid-intro-enabled .sid-luxury-intro__rule {
		animation-duration: .01ms;
		animation-delay: .01ms;
	}
	html.sid-intro-exiting .sid-luxury-intro { animation-duration: .01ms; }
}