@media (max-width: 700px) {
  .nav {
    padding: 18px 28px !important;
  }

  .logo {
    font-size: .96rem !important;
  }

  .nav .btn {
    padding: 10px 16px !important;
    font-size: .72rem !important;
  }

  .hero-content {
    padding: 128px 24px 70px !important;
  }

  .hero-tag {
    margin-bottom: 18px !important;
    font-size: .62rem !important;
    letter-spacing: .34em !important;
  }

  .hero h1 {
    font-size: clamp(3.05rem, 14.5vw, 4.55rem) !important;
    line-height: .98 !important;
  }

  .hero .sub {
    max-width: 29ch !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  .hero-ctas .btn {
    width: min(100%, 300px);
    padding: 12px 18px !important;
  }
}