/* ===== GLOBAL HERO FIXED HEIGHT ===== */

.hero-fixed {
  position: relative;
  width: 100%;
  min-height: clamp(320px, 50vh, 520px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
}

/* Background image/video inside hero */

/* Content layer */

/* Optional overlay (darken/lighten bg) */