.highlights {
  position: relative;
  overflow: hidden;
  background: #000;
}

.highlights h2 {
  position: absolute;
  z-index: 1;
  top: 7.4%;
  left: 50%;
  width: min(82%, 1127px);
  margin: 0;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: clamp(1.25rem, 2.35vw, 2.8rem);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
  white-space: nowrap;
}

.highlights h2 > span:first-child {
  display: inline-block;
  -webkit-box-reflect: below 2px linear-gradient(transparent 18%, rgba(255, 255, 255, 0.42) 27%, transparent 82%);
}

.highlights h2 .title-reflection { display: none; }

@media (max-width: 800px) {
  .highlights h2 { top: 5.5%; width: 92%; font-size: clamp(0.7rem, 3.3vw, 1.15rem); }
}