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

  .logo {
    font-size: .9rem !important;
    letter-spacing: .24em !important;
  }

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

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

  .hero-over {
    margin-bottom: 20px !important;
    font-size: .58rem !important;
    letter-spacing: .36em !important;
  }

  .hero h1 {
    font-size: clamp(3.05rem, 15vw, 4.7rem) !important;
    line-height: .95 !important;
  }

  .hero h1 .fade-line {
    margin-top: 18px !important;
    font-size: .36em !important;
  }

  .hero-ctas {
    margin-top: 38px !important;
    gap: 12px !important;
  }

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