/**
 * لودینگ مینیمال هانل
 * سرمه‌ای، لوگوی سفید، یک نبض نرم
 */

.hanel-preloader {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	overflow: hidden;
	background: #151923;
	padding-block: max(1.5rem, env(safe-area-inset-top, 0px)) max(1.5rem, env(safe-area-inset-bottom, 0px));
	padding-inline: max(1.5rem, env(safe-area-inset-inline-start, 0px)) max(1.5rem, env(safe-area-inset-inline-end, 0px));
	transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

.hanel-preloader.is-done {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.hanel-preloader.is-done .hanel-preloader__logo,
.hanel-preloader.is-done .hanel-preloader__word {
	animation: none;
	opacity: 0;
	transform: scale(1.045);
	transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

.hanel-preloader__logo {
	display: block;
	width: auto;
	max-width: min(16.5rem, 58vw);
	height: auto;
	max-height: clamp(2.75rem, 10vw, 4.75rem);
	object-fit: contain;
	animation: hanel-preloader-enter 1.1s cubic-bezier(0.22, 1, 0.36, 1) both, hanel-preloader-breathe 3.6s 1.1s ease-in-out infinite;
}

.hanel-preloader__logo--white {
	filter: brightness(0) invert(1);
}

.hanel-preloader__word {
	font-family: "Peyda", Tahoma, sans-serif;
	font-size: clamp(1.6rem, 5.5vw, 2.4rem);
	font-weight: 600;
	letter-spacing: 0.18em;
	line-height: 1;
	color: #fff;
	animation: hanel-preloader-enter 1.1s cubic-bezier(0.22, 1, 0.36, 1) both, hanel-preloader-breathe 3.6s 1.1s ease-in-out infinite;
}

@keyframes hanel-preloader-enter {
	from {
		opacity: 0;
		transform: scale(0.96);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes hanel-preloader-breathe {
	0%,
	100% {
		opacity: 0.78;
		transform: scale(1);
	}

	50% {
		opacity: 1;
		transform: scale(1.018);
	}
}

@media (max-width: 767px) {
	.hanel-preloader__logo {
		max-width: min(14rem, 68vw);
		max-height: clamp(2.4rem, 12vw, 3.75rem);
	}
}

@media (max-width: 479px) {
	.hanel-preloader__logo {
		max-width: min(12.5rem, 74vw);
		max-height: clamp(2.15rem, 14vw, 3.15rem);
	}
}

@media (min-width: 1400px) {
	.hanel-preloader__logo {
		max-width: 18.5rem;
		max-height: 5.15rem;
	}
}

@media (max-height: 520px) and (orientation: landscape) {
	.hanel-preloader__logo {
		max-width: min(12rem, 42vw);
		max-height: min(3.1rem, 28vh);
	}
}

@media (prefers-reduced-motion: reduce) {
	.hanel-preloader__logo,
	.hanel-preloader__word {
		animation: none;
		opacity: 1;
		transform: none;
	}

	.hanel-preloader,
	.hanel-preloader.is-done .hanel-preloader__logo,
	.hanel-preloader.is-done .hanel-preloader__word {
		transition-duration: 0.2s;
	}
}