/* hero.css */
.hero-bg {
  object-position: center 30%; /* shift focus down */
}
/* Shrink on scroll behavior */
.shrink-on-scroll {
  --hero-h: 40dvh;
  height: var(--hero-h);
  transition: height 0.6s ease;
}
.shrink-on-scroll.shrunk {
  --hero-h: 24dvh;
}
.shrink-on-scroll.shrunk .hero-title {
  font-size: 2.25rem;
  transform: translateY(-6px);
}
.shrink-on-scroll.shrunk .hero-subtitle {
  opacity: 0;
}
.hero-content {
  transform-origin: top center;
  transition: transform 0.6s ease;
  will-change: transform; /* hint to browser */
}
.shrink-on-scroll.shrunk .hero-content {
  transform: scale(0.85) translateY(-6px);
}

/* Hero text */
.hero-title {
  font-size: 3rem;
  transition: font-size 0.6s ease, transform 0.6s ease;
  cursor: default;
  user-select: none;
}
.hero-subtitle {
  opacity: 1;
  transition: opacity 0.6s ease 0.1s;
  cursor: default;
  user-select: none;
}

/* Soft glowing pulse */
@keyframes pulse-soft {
  0%, 100% { text-shadow: 0 0 6px rgba(255,215,0,0.6), 0 0 12px rgba(255,215,0,0.4); }
  50% { text-shadow: 0 0 12px rgba(255,215,0,0.8), 0 0 20px rgba(255,215,0,0.6); }
}
.animate-pulse-soft {
  animation: pulse-soft 5s ease-in-out infinite;
}