/* Engine Profit — Preloader: slow, quiet, wordmark-led. No spinners. */

.preloader {
  position: fixed;
  inset: 0;
  z-index: var(--z-preloader);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
  background: var(--color-bg);
  transition: opacity 900ms var(--ease-in-out), visibility 900ms var(--ease-in-out);
}

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

.preloader__icon {
  width: clamp(56px, 10vw, 88px);
  height: auto;
  opacity: 0;
  filter: blur(8px) drop-shadow(0 0 24px rgba(199, 164, 85, 0.25));
  transform: scale(0.85) translateY(-10px);
  animation: icon-reveal 900ms var(--ease-out) forwards;
  animation-delay: 100ms;
}

@keyframes icon-reveal {
  to {
    opacity: 1;
    filter: blur(0) drop-shadow(0 0 24px rgba(199, 164, 85, 0.25));
    transform: scale(1) translateY(0);
  }
}

.preloader__mark {
  display: flex;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(1.75rem, 6vw, 3.25rem);
  letter-spacing: 0.28em;
  color: var(--color-text-primary);
  text-transform: uppercase;
  padding-left: 0.28em;
}

.preloader__mark .letter {
  display: inline-block;
  opacity: 0;
  filter: blur(6px);
  transform: translateY(14px);
  animation: letter-reveal 900ms var(--ease-out) forwards;
  animation-delay: calc(var(--i) * 70ms + 200ms);
}

.preloader__mark .letter.is-gold {
  color: var(--color-gold);
}

@keyframes letter-reveal {
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}

.preloader__rule {
  width: 84px;
  height: 1px;
  background: var(--color-border-strong);
  position: relative;
  overflow: hidden;
  opacity: 0;
  animation: fade-in 600ms var(--ease-out) forwards;
  animation-delay: 1100ms;
}

.preloader__rule-fill {
  position: absolute;
  inset: 0;
  background: var(--color-gold);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 220ms var(--ease-out);
}

.preloader__tagline {
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-muted);
  opacity: 0;
  animation: fade-in 600ms var(--ease-out) forwards;
  animation-delay: 1250ms;
}

@media (prefers-reduced-motion: reduce) {
  .preloader__icon {
    animation: none;
    opacity: 1;
    filter: drop-shadow(0 0 24px rgba(199, 164, 85, 0.25));
    transform: none;
  }

  .preloader__mark .letter {
    animation: none;
    opacity: 1;
    filter: none;
    transform: none;
  }

  .preloader__rule,
  .preloader__tagline {
    animation: none;
    opacity: 1;
  }

  .preloader {
    transition: opacity 200ms linear, visibility 200ms linear;
  }
}