/**
 * Hero height overrides — cap oversized hero sections at 50vh.
 *
 * Trello: https://trello.com/c/kodr4fQl
 *
 * Add the "hero-50vh" CSS class to any Elementor section to cap
 * its height at 50vh so content is visible without scrolling.
 */

/* Reusable utility class — add "hero-50vh" to any Elementor
   section's CSS Classes field to cap its height at 50vh. */
.hero-50vh {
  max-height: 50vh !important;
  min-height: 50vh !important;
  overflow: hidden;
}

.hero-50vh .elementor-spacer-inner {
  height: 50vh !important;
}