/* ================================================================
   NO PERRY — Herald Serpents Identity System (33A → 34A static)
   Source: assets/images/serpentes.png
   Animation runtime retired — static ornaments only.
   ================================================================ */

:root {
  --np-herald-src: url('../assets/images/serpentes.png');
  --np-herald-moss: #4f5d32;
  --np-herald-moss-read: #84945a;
  --np-herald-moss-hover: #62713f;
  --np-herald-eye: #c41e1e;
  --np-herald-cloth: #0a0a0c;
}

/* —— Herald variant classes —— */
.np-herald {
  display: block;
  object-fit: cover;
  object-position: center center;
  image-rendering: auto;
}

.np-herald--full {
  object-fit: contain;
  object-position: center center;
}

.np-herald--sigil {
  object-fit: cover;
  object-position: center 36%;
  clip-path: inset(18% 22% 42% 22% round 2px);
}

.np-herald--ornament {
  object-fit: cover;
  object-position: center 18%;
  clip-path: inset(8% 38% 72% 38% round 1px);
  filter: saturate(0.92) brightness(0.95);
}

/* —— Navbar —— */
html.np-herald-identity .nav-logo {
  gap: 0.55rem;
}

html.np-herald-identity .nav-logo .np-herald--ornament {
  width: 26px;
  height: 32px;
  flex-shrink: 0;
  opacity: 0.92;
}

/* —— Section dividers —— */
html.np-herald-identity .divider-gold {
  position: relative;
}

html.np-herald-identity .divider-gold::after {
  content: '';
  display: block;
  width: 22px;
  height: 28px;
  margin: 0.65rem auto 0;
  background: var(--np-herald-src) center 22% / 180% auto no-repeat;
  opacity: 0.55;
  filter: saturate(0.85);
}

/* CTA ornament removed in 34A — competed with action hierarchy */

/* —— Gate —— */
html.np-herald-identity .np-gate-shield {
  display: none;
}

html.np-herald-identity .np-gate-herald {
  display: block;
  width: min(72px, 18vw);
  height: auto;
  margin: 0 auto 1rem;
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.45));
}

html.np-herald-identity .np-gate-stage {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 5rem;
}