@media (max-width: 900px) {
  .wrap { width: min(calc(100% - 44px), 700px); }
}

@media (max-width: 640px) {
  .wrap { width: min(calc(100% - 36px), 500px); }
  .menu-toggle { z-index: 20; flex-shrink: 0; }
  .hero-intro { max-width: 100%; overflow-wrap: anywhere; }
}