/*#page-loader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: #0e0e0e;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 1;
}
.preloader-progress-bar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: white;
    animation: pulse 1s infinite ease-in-out;
}

@keyframes pulse {
    0%   { transform: scale(1); opacity: 0.7; }
    50%  { transform: scale(1.15); opacity: 1; }
    100% { transform: scale(1); opacity: 0.7; }
}*/
.preloader-mask, 
.preloader-progress-bar,
.preloader-bg {
	position: fixed;
	top: 0;
	left: 0;
	height: 100svh;
	width: 100%;
	pointer-events: none;
}

.preloader-mask {
	z-index: 100;
	background-color: #1C1917;
  mask: linear-gradient(white, white), url('https://ik.imagekit.io/kg2nszxjp/ironstride-preloader/preloader-mask.svg') center/40% no-repeat;
  mask-composite: subtract; 
}

.preloader-progress-bar {
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: #2D2925;
}

.preloader-bg {
  background-color: #fff;
	transform-origin: left;
	transform: scaleX(0.2);
}

.preloader-logo {
	display: flex;
	width: 100%;
	height: 100%;
	
	p {
		margin: auto;
		text-align: center;
		mix-blend-mode: difference;
		font-size: 4rem;
		color: #fff;
		font-weight: 500;
		line-height: 100%;
	}
}

/* Preloader container */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-bg);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* The counter (not animated by GSAP but part of preloader) */
.preloader-counter {
  font-size: 2rem;
  color: #ffffff;
  font-family: "TheGoodMonolith", monospace;
}
.duplicate-char {
  position: absolute;
  inset: 0;
  transform: translateY(100%);
}
.og-char {
	overflow: visible!important;
}