@media (max-width: 900px) {
  .hero-copy h1 {
    font-size: 36px !important;
  }

  .hero-copy p {
    font-size: clamp(14px, calc((100vw - 40px) / 24), 20px) !important;
  }

  .concept h2,
  .season h2,
  .banquet h2,
  .drink h2 {
    font-size: clamp(20px, calc((100vw - 40px) / 18), 30px) !important;
    white-space: nowrap;
  }
}

@media (max-width: 480px) {
  .hero-copy h1 {
    font-size: 29px !important;
  }
}

@media (max-width: 380px) {
  .hero-copy h1 {
    font-size: 24px !important;
  }

  .hero-copy p {
    font-size: clamp(13px, calc((100vw - 32px) / 22), 15px) !important;
  }

  .concept h2,
  .season h2,
  .banquet h2,
  .drink h2 {
    font-size: clamp(18px, calc((100vw - 32px) / 16), 24px) !important;
    white-space: normal;
  }
}