/* hero-glow.css – Interactive cursor glow for hero section */

.hero-interactive-glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 250px;
  pointer-events: none;
  /* Premium gradient blending primary and secondary brand colors */
  background: radial-gradient(circle at center, rgba(122,16,34,0.45), rgba(30,58,138,0.35), transparent 75%);
  mix-blend-mode: overlay;
  filter: blur(80px);
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.1s linear;
  border-radius: 50%;
  will-change: transform, opacity;
}

/* Fade‑in when entering hero */
.hero-section:hover .hero-interactive-glow {
  opacity: 1;
}

/* Ensure the glow stays within the hero bounds */
.hero-section {
  position: relative;
  overflow: hidden;
  /* Ensure GPU acceleration for child transforms */
  transform: translate3d(0,0,0);
}

/* Parallax effect for calligraphy background */
.hero-calligraphy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  will-change: transform;
  transition: transform 0.2s ease-out;
}
.hero-mobile-glow {
  background: linear-gradient(135deg, rgba(122,16,34,0.3), rgba(30,58,138,0.3));
  opacity: 0.5;
}