/* ================================================================
   NO PERRY — Hero base layout (welcome-16)
   Letter formation only — no impact / ballistic / fire portal VFX.
   ================================================================ */

.hero-impact-stage {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

html.np-cinematic:not(.np-entered):not(.np-reduced) .hero-title-no-motion,
html.np-cinematic:not(.np-entered):not(.np-reduced) .hero-title-perry-motion {
  opacity: 0;
  transform: translate3d(0, -48vh, 0);
  will-change: transform;
}

.hero-title-no-motion,
.hero-title-perry-motion {
  display: inline-block;
  position: relative;
}

.hero-title-perry-halo {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 72%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(
    circle at 50% 50%,
    rgba(232, 197, 71, 0.20) 0%,
    rgba(201, 162, 39, 0.08) 32%,
    rgba(139, 105, 20, 0.03) 52%,
    transparent 70%
  );
  filter: blur(28px);
  pointer-events: none;
  z-index: 0;
}

.hero-perry-word {
  position: relative;
  z-index: 2;
  display: inline-block;
  background-image: linear-gradient(
    168deg,
    #8b6914 0%,
    #c9a227 26%,
    #f3dd9a 47%,
    #e8c547 55%,
    #a67c1a 78%,
    #7a5a12 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--gold);
}

html.np-entered .hero-title-no-motion,
html.np-entered .hero-title-perry-motion,
html.np-reduced .hero-title-no-motion,
html.np-reduced .hero-title-perry-motion {
  opacity: 1;
  transform: none;
}

html.np-entered .hero-impact-stage,
html.np-reduced .hero-impact-stage {
  transform: none;
  filter: none;
}