/* Loader End */

/* Loader Start */
#site-loader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loader-svg {
	position: relative;
	z-index: 1;
	width: 30vw;
	height: auto;
	/* Or a fixed height if needed */
	overflow: visible;
	/* This is key */
	padding: 0 3vw;
}

.loader-svg svg {
	width: 100%;
	height: 100%;
	overflow: visible !important;
}

.loader-svg svg path {
	opacity: 0;
	transform: scale(.5) rotate(0deg);
	transform-origin: center;
	transition: all .5s cubic-bezier(.25, 1.5, .5, 1);
	filter: drop-shadow(0 0 0 transparent);
}

.loader-svg svg path.show {
	opacity: 1;
	transform: scale(1.2) rotate(15deg);
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, .3));
}

@keyframes sparkle {
	0%, 100% {
		transform: scale(1);
		opacity: .8;
	}
	
	50% {
		transform: scale(1.15);
		opacity: 1;
	}
}

.loader-svg svg path.sparkle {
	animation: sparkle 1.2s ease-in-out infinite;
}

.reveal-panels {
	position: absolute;
	inset: 0;
	display: flex;
	z-index: 0;
	/* Panel goes above SVG only during reveal */
	perspective: 1200px;
	pointer-events: none;
}

.panel {
	width: 50%;
	height: 100%;
	background: #fff;
	/* same as loader background */
	transform-origin: center left;
	transform: rotateY(0deg);
	transition: transform 1s ease-in-out;
	will-change: transform;
}

.right-panel {
	transform-origin: center right;
}