/* Fixed hero alignment: freshly named to bypass the local preview's stale cache. */
.hero.hero-content-overlay {
  height: 100svh;
  min-height: 100svh;
  justify-content: center;
  transform: translate3d(0, 9svh, 0);
}

@media (max-width: 700px) {
  .hero.hero-content-overlay { transform: translate3d(0, 7svh, 0); }
}

@media (max-width: 480px) {
  .hero.hero-content-overlay { transform: translate3d(0, 5svh, 0); }
}