@media (min-width: 761px) and (max-width: 1200px) {
  .hero {
    padding: clamp(20px, 3vw, 34px) clamp(20px, 3.8vw, 46px);
  }

  .hero::after {
    width: min(76vw, 700px);
    height: min(76vw, 700px);
  }

  .hero-content {
    max-width: 820px;
    padding: clamp(72px, 9vh, 100px) 0 clamp(80px, 9vh, 108px);
  }

  .hero-title {
    font-size: clamp(50px, 7vw, 72px);
  }

  .hero-intro {
    max-width: 530px;
    font-size: 13px;
  }
}