.header {
  background: linear-gradient(180deg, #07172c, #102d4d 65%, #194874);
  border-bottom: 0;
}
.hero-art::after {
  height: clamp(92px, 8.8vw, 134px);
  background: url("/assets/header-gradient-wave.svg") center top / 100% 100% no-repeat;
}

@media (max-width: 730px) {
  .hero-art::after { height: 76px; background-size: 155% 100%; }
}