#preloader {
position: fixed;
inset: 0;
background: var(--navy);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}



.preloader-words span {
position: absolute;
font-size: clamp(1rem, 2.2vw, 2rem);
font-weight: 700;
color: #ffffffb7;
letter-spacing: 1px;
transform: skew(-12deg);
user-select: none;
}


.auracl-loader span {
font-size: 60px;
font-weight: 800;
margin: 5px;
color: transparent;
-webkit-text-stroke: 1px var(--lime);
animation: fillWater 1.2s ease forwards;
}


.auracl-loader span:nth-child(n) {
animation-delay: calc(var(--i) * 0.2s);
}


@keyframes fillWater {
0% { background-size: 100% 0%; }
100% {
background: linear-gradient(to top, var(--lime) 100%, transparent 0);
-webkit-background-clip: text;
color: transparent;
}
}