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

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

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

  .scene-fixed {
    opacity: .5 !important;
    transform: translate3d(0, -10svh, 0) scale(.72) !important;
    transform-origin: center top !important;
  }

  .hero-copy {
    padding: 156px 24px 72px !important;
  }

  .eyebrow {
    margin-bottom: 20px !important;
    font-size: .62rem !important;
    letter-spacing: .3em !important;
  }

  h1 {
    max-width: 10.5ch !important;
    margin-bottom: 24px !important;
    font-size: clamp(2.6rem, 11.8vw, 3.7rem) !important;
    line-height: .98 !important;
  }

  .lede {
    max-width: 29ch !important;
    margin-bottom: 34px !important;
    font-size: 1.03rem !important;
    line-height: 1.55 !important;
  }

  .hero-actions {
    gap: 12px !important;
  }

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

  .marquee-note {
    margin-top: 44px !important;
    font-size: .6rem !important;
  }
}