/* Reserve a real grid row for the heading, including wrapped/zoomed text. */
.hero { row-gap: clamp(18px, 2vw, 30px); }
.hero > .headline {
  position: relative;
  grid-column: 1 / -1;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  min-width: 0;
  z-index: 3;
}
.hero > .headline h1 { line-height: 1.08; }
.hero > .cluster-stage,
.hero > .germany-stage { margin-top: 0; }