body > #arabic-loader {
  display: none;
  position: fixed !important;
  inset: 0;
  z-index: 2147483647 !important;
  place-items: center;
  margin: 0;
  padding: 0;
  background: #fcfafc;
  isolation: isolate;
  opacity: 1;
  transition: opacity 220ms ease;
}

html.arabic-loading #arabic-loader {
  display: grid;
  animation: arabicLoaderSafety 0s 4s forwards;
}

#arabic-loader .loading-logo-wrap {
  position: relative;
  display: block;
  width: min(62vw, 300px, 55svh);
  aspect-ratio: 1;
  clip-path: inset(100% 0 0 0);
}
#arabic-loader .loading-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#arabic-loader.is-revealing .loading-logo-wrap {
  animation: logoInkReveal 1.7s cubic-bezier(.16, .7, .3, 1) both;
}
#arabic-loader .loading-logo-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  -webkit-mask: url('arabic-name-united-alpha.png') center / contain no-repeat;
  mask: url('arabic-name-united-alpha.png') center / contain no-repeat;
  mask-mode: alpha;
  background: linear-gradient(135deg,
    transparent 42%, rgba(255,255,255,.22) 45%, transparent 48%,
    transparent 49%, rgba(255,255,255,.64) 52%, transparent 55%);
  background-size: 300% 300%;
  background-position: 100% 100%;
  opacity: 0;
}
#arabic-loader.is-revealing .loading-logo-wrap::after {
  animation: logoDoubleReflection 1.1s cubic-bezier(.16, .7, .3, 1) 1.55s both;
}

#arabic-loader.is-leaving {
  opacity: 0;
  pointer-events: none;
}

html.arabic-loading .hero-title {
  animation-play-state: paused !important;
}

@keyframes logoInkReveal {
  from { clip-path: inset(100% 0 0 0); }
  to { clip-path: inset(0% 0 0 0); }
}

@keyframes logoDoubleReflection {
  from { background-position: 100% 100%; opacity: 1; }
  to { background-position: 0% 0%; opacity: 1; }
}

@keyframes arabicLoaderSafety {
  to { visibility: hidden; pointer-events: none; }
}

@media (prefers-reduced-motion: reduce) {
  html.arabic-loading #arabic-loader { display: none; }
  html.arabic-loading .hero-title { animation-play-state: running !important; }
}