@media (max-width: 900px) {
  .topbar { grid-template-columns: minmax(0, 1fr) 44px; }
  .menu { width: 44px; height: 44px; padding: 7px; }
  .menu span { margin: 6px auto; }
  .hero-content { overflow: hidden; }
  .hero h1 { max-width: 100%; font-size: clamp(3.1rem, 13vw, 4.5rem); line-height: .92; }
  .hero-copy { max-width: 100%; font-size: .96rem; overflow-wrap: anywhere; }
}