/* LeadOps ident — "Smedjan": the glowing trace forges the mark, cools to
   brand gold, and the site receives it. Two uses:
   1) .lo-veil — first-visit entrance on the landing (once per session)
   2) .ph-ident — quiet short version in subpage page-heroes (desktop) */

.lo-veil {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(120% 130% at 50% 20%, #1a3a38 0%, #122b2a 46%, #0b1f1e 100%);
  transition: opacity 0.55s ease;
}
.lo-veil.is-leaving { opacity: 0; pointer-events: none; }
.lo-veil svg { width: min(44vh, 300px); overflow: visible; display: block; }
.lo-veil .lo-slog {
  margin-top: 0.55rem;
  text-align: center;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.lo-veil .lo-slog.on { opacity: 1; transform: none; }
.lo-veil .lo-slog .s1,
.lo-veil .lo-slog .s2 {
  display: block;
  font-family: var(--font-display, Georgia, serif);
  color: #f4f1e6;
  font-size: clamp(1.2rem, 3vw, 1.6rem);
  font-weight: 520;
  line-height: 1.3;
}
.lo-veil .lo-slog .s2 { color: var(--gold-200, #e6d7ae); font-weight: 640; }
.lo-veil .lo-skip {
  position: absolute;
  bottom: 1.6rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(230, 215, 174, 0.55);
}

/* Subpage hero ident — quiet, no sparks, draws once */
.ph-ident {
  position: absolute;
  right: clamp(2rem, 6vw, 7rem);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(170px, 17vw, 230px);
  text-align: center;
  pointer-events: none;
}
.ph-ident svg { width: 100%; overflow: visible; display: block; }
.ph-ident .pi-slog {
  margin-top: 0.3rem;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.ph-ident .pi-slog.on { opacity: 1; transform: none; }
.ph-ident .pi-slog span {
  display: block;
  font-family: var(--font-display, Georgia, serif);
  font-size: 0.9375rem;
  line-height: 1.4;
  color: #dfe6db;
}
.ph-ident .pi-slog span + span { color: var(--gold-200, #e6d7ae); font-weight: 640; }
@media (max-width: 999px) {
  .ph-ident { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .lo-veil { display: none; }
}

/* ---------- CTA mark: small self-drawing 8, above the closing CTA ---------- */
.cta-ident { width: 3rem; margin: 0 auto 1.5rem; }
.cta-ident svg { width: 100%; height: auto; display: block; overflow: visible; }
.jy-cta .cta-ident { margin: 0 auto 1.6rem; }
@media (prefers-reduced-motion: reduce) { .cta-ident svg path { transition: none !important; } }