/* =========================
   HERO
========================= */

.hero {
  position: relative;
  height: 35vh;

  overflow: hidden;

  border: 1px solid var(--color-border);

  /* sort baggrund */
  background: var(--color-bg-black);

  /* rund bue kun nederst */
  border-bottom-left-radius: 100% 18%;
  border-bottom-right-radius: 100% 18%;
}

.hero img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;

  display: block;
}

/* mørkt overlay så tekst kan læses */
.hero::after {
  content: "";
  position: absolute;
  inset: 0;

  background: rgba(0,0,0,0.18);
}

/* text ovenpå */
.hero-overlay {
  position: absolute;
  inset: 0;

  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center; /* 🔥 tilføj denne */

  text-align: center; /* 🔥 vigtig for flerrækket tekst */
}

.hero-overlay .container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.hero-overlay h1 {
  color: var(--color-text-light);
  text-align: center;
  max-width: 900px;
}