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

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

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

  .hero-inner {
    padding: 132px 24px 72px !important;
  }

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

  .hero h1 {
    font-size: clamp(3.4rem, 16vw, 4.85rem) !important;
    line-height: .88 !important;
  }

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