/* ============================================================
   PAGE INTRO — Vritti Space spiral loader
   Full-screen black canvas with brand wordmark, then curtain.
   ============================================================ */
.pg-intro {
  position: fixed; inset: 0; z-index: 9000;
  background: #000;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
  pointer-events: none;
  transition: transform 0.85s cubic-bezier(0.76,0,0.24,1),
              opacity 0.85s cubic-bezier(0.76,0,0.24,1);
}
.pg-intro .pg-spiral {
  position: absolute; inset: 0;
  width: 100vw; height: 100vh;
  display: block;
}
.pg-intro-word {
  position: relative; z-index: 2;
  font-family: 'Switzer', 'Inter', system-ui, sans-serif;
  font-size: 22px; font-weight: 400; letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.92);
  text-shadow: 0 0 24px rgba(255,255,255,0.35);
  opacity: 0;
  animation: pgWordIn 1.4s cubic-bezier(0.22,1,0.36,1) 1.6s both,
             pgWordPulse 2.4s ease-in-out 3s infinite;
}
.pg-intro-word em {
  font-style: italic; font-weight: 300;
  color: rgba(255,255,255,0.62);
}
@keyframes pgWordIn {
  from { opacity: 0; letter-spacing: 0.32em; filter: blur(6px); }
  to   { opacity: 1; letter-spacing: 0.18em; filter: blur(0); }
}
@keyframes pgWordPulse {
  0%, 100% { text-shadow: 0 0 16px rgba(255,255,255,0.20); }
  50%      { text-shadow: 0 0 32px rgba(255,255,255,0.55); }
}

/* ── Video intro variant ──
   Background matches the clip's own white→light-grey vignette, and the
   video edges are feathered so the rectangle seam disappears. */
.pg-intro--video { background: #fff; }
.pg-intro .pg-video {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}

/* Curtain away */
.pg-intro.is-curtain { transform: translateY(-100%); opacity: 0; }
.pg-intro.is-done    { display: none; }

@media (prefers-reduced-motion: reduce) {
  .pg-intro { display: none; }
}