/* ===========================================================
   Preloader — brief brand + developer credit on first paint
   =========================================================== */

.preloader{
  position: fixed;
  inset: 0;
  z-index: 2000;
  background: var(--ink);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--sp-5);
  transition: opacity .6s var(--ease-editorial), visibility 0s linear .6s;
}
.preloader__mark{
  width: 76px;
  height: 76px;
  animation: preloader-pulse 1.6s ease-in-out infinite;
}
.preloader__credit{
  font-family: var(--font-body);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--muted-dark);
  text-align: center;
}
.preloader__credit strong{
  color: var(--gold);
  font-weight: 700;
}

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

@keyframes preloader-pulse{
  0%, 100%{ transform: scale(1); opacity: 1; }
  50%{ transform: scale(1.06); opacity: .85; }
}

@media (prefers-reduced-motion: reduce){
  .preloader__mark{ animation: none; }
}

/* Footer developer credit line */
.footer-credit{
  font-size: .78rem;
  color: var(--muted-dark);
}
.footer-credit a{
  color: var(--gold);
  border-bottom: 1px solid transparent;
  transition: border-color .3s var(--ease-editorial);
}
.footer-credit a:hover{ border-bottom-color: var(--gold); }