/* === Hero Section Overlay === */
#hero {
  position: relative;
  overflow: hidden;
}

#hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75); /* svart overlay med 60% opacitet */
  z-index: 1;
}

/* Se till att textinnehållet hamnar ovanför overlayn */
#hero > div {
  position: relative;
  z-index: 2;
}