/* ============================================================
   NR THEME — PRELOADER (sitewide)
   Body-root brand curtain shown on every page load, then lifted by
   nr-preloader.js once the brand font is in. Highest z-index so it sits
   above the header (900) and the WP admin bar (99999).
   ============================================================ */
.nr-preloader {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--colour-ink, #0e0d0b);
  color: var(--colour-paper, #f5f3ee);
  transition: transform 0.9s cubic-bezier(0.7, 0, 0.2, 1);
}
.nr-preloader.is-hiding { transform: translateY(-100%); }

.nr-preloader__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(14px, 2vw, 22px);
  text-align: center;
}
.nr-preloader__name {
  font-family: var(--font-display, 'Fraunces', Georgia, serif);
  font-weight: 300;
  font-variation-settings: "opsz" 144, "wght" 300;
  font-size: clamp(3.2rem, 9vw, 7.5rem);
  line-height: 1.1;
  letter-spacing: 0.005em;
  color: var(--colour-paper, #f5f3ee);
}
.nr-preloader__tag {
  font-family: var(--font-body, 'DM Sans', system-ui, sans-serif);
  font-size: clamp(0.7rem, 1.1vw, 0.8rem);
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(245, 243, 238, 0.5);
}
.nr-preloader__tag em {
  font-family: var(--font-display, 'Fraunces', Georgia, serif);
  font-style: italic;
  text-transform: none;
}

/* Reduced motion — fade instead of slide */
@media (prefers-reduced-motion: reduce) {
  .nr-preloader { transition: opacity 0.3s ease; }
  .nr-preloader.is-hiding { transform: none; opacity: 0; }
}