/* ------------------------------------- */
/* MK Menaisco preloader                 */
/* ------------------------------------- */

.mk-preloadcss {
	position: fixed;
	z-index: 10002;
	inset: 0;
	width: 100%;
	height: 100vh;
	background-color: #00211d;
	pointer-events: none;
}

#mk-loading {
	position: fixed;
	z-index: 999999999;
	inset: 0;
	width: 100vw;
	height: 100vh;
	background: transparent;
}

#mk-loading::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100vh;
	background: #00211d;
	opacity: 0.98;
	transition: opacity 1s ease;
}

#mk-loading.loaded::before {
	opacity: 0;
}

#mk-loading .mk-loader {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: visible;
	width: auto;
	height: auto;
	padding: 0;
	text-align: center;
	transition: opacity 0.5s ease;
}

#mk-loading .mk-loader.loaded {
	opacity: 0;
}

#mk-home-preloader {
	width: min(350px, 72vw);
	height: auto;
	display: block;
}

/* APEX letter stroke → fill (SVG Artista style) */
#mk-home-preloader .mk-preloader-animation-1 {
	stroke-dashoffset: 325.1309509277344px;
	stroke-dasharray: 325.1309509277344px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

#mk-home-preloader.active .mk-preloader-animation-1 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

#mk-home-preloader .mk-preloader-animation-2 {
	stroke-dashoffset: 88.68897247314453px;
	stroke-dasharray: 88.68897247314453px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

#mk-home-preloader.active .mk-preloader-animation-2 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

#mk-home-preloader .mk-preloader-animation-3 {
	stroke-dashoffset: 88.68897247314453px;
	stroke-dasharray: 88.68897247314453px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

#mk-home-preloader.active .mk-preloader-animation-3 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

#mk-home-preloader .mk-preloader-animation-4 {
	stroke-dashoffset: 199.49192810058594px;
	stroke-dasharray: 199.49192810058594px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

#mk-home-preloader.active .mk-preloader-animation-4 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

#mk-home-preloader .mk-preloader-animation-5 {
	stroke-dashoffset: 357.025146484375px;
	stroke-dasharray: 357.025146484375px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

#mk-home-preloader.active .mk-preloader-animation-5 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

#mk-home-preloader .mk-preloader-animation-6 {
	stroke-dashoffset: 45.73483657836914px;
	stroke-dasharray: 45.73483657836914px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

#mk-home-preloader.active .mk-preloader-animation-6 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

#mk-home-preloader .mk-preloader-animation-7 {
	stroke-dashoffset: 33.887969970703125px;
	stroke-dasharray: 33.887969970703125px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
}

#mk-home-preloader.active .mk-preloader-animation-7 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

#mk-home-preloader .mk-preloader-animation-8 {
	stroke-dashoffset: 342.90435791015625px;
	stroke-dasharray: 342.90435791015625px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

#mk-home-preloader.active .mk-preloader-animation-8 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

#mk-home-preloader .mk-preloader-animation-9 {
	stroke-dashoffset: 103.99981689453125px;
	stroke-dasharray: 103.99981689453125px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

#mk-home-preloader.active .mk-preloader-animation-9 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

#mk-home-preloader .mk-preloader-animation-10 {
	stroke-dashoffset: 33.891029357910156px;
	stroke-dasharray: 33.891029357910156px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
}

#mk-home-preloader.active .mk-preloader-animation-10 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

#mk-home-preloader .mk-preloader-animation-11 {
	stroke-dashoffset: 109.74240112304688px;
	stroke-dasharray: 109.74240112304688px;
	fill: transparent;
	transform: translateX(60px);
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s,
		transform 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

#mk-home-preloader.active .mk-preloader-animation-11 {
	stroke-dashoffset: 0;
	fill: rgb(0, 150, 60);
	transform: translateX(0);
}

#mk-home-preloader .mk-preloader-animation-12 {
	stroke-dashoffset: 230.0157012939453px;
	stroke-dasharray: 230.0157012939453px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
}

#mk-home-preloader.active .mk-preloader-animation-12 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

#mk-home-preloader .mk-preloader-animation-13 {
	stroke-dashoffset: 129.67813110351562px;
	stroke-dasharray: 129.67813110351562px;
	fill: transparent;
	transition:
		stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

#mk-home-preloader.active .mk-preloader-animation-13 {
	stroke-dashoffset: 0;
	fill: rgb(255, 255, 255);
}

/* MENAISCO wordmark reveal */
#mk-home-preloader .mk-preloader-menaisco {
	fill: #00963c;
	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s,
		transform 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s;
}

#mk-home-preloader.active .mk-preloader-menaisco {
	opacity: 1;
	transform: translateY(0);
}

@media only screen and (max-width: 600px) {
	#mk-home-preloader {
		width: min(280px, 78vw);
	}
}