@media(max-width:620px){
  .topbar{padding:0 16px;gap:8px}
  .topbar .ghost{padding:7px 8px;font-size:12px}
  .brand{font-size:12px;gap:7px}
  .brand-mark{font-size:29px}
  .hero{grid-template-columns:minmax(0,1fr);width:100%}
  .hero-copy{min-width:0;width:100%}
  .lead{max-width:100%;overflow-wrap:break-word}
}