body { overflow-x: hidden; }

@media (max-width: 520px) {
  .site-header { padding: 0 16px; }
  .brand img { width: 82px; }
  .site-header > .button { display: none; }
  .hero { width: 100%; min-width: 0; padding-left: 16px; padding-right: 16px; overflow: hidden; }
  .hero h1 { width: 100%; font-size: 52px; line-height: .92; }
  .hero h1 em { display: block; }
  .hero > p { font-size: 13px; max-width: 340px; }
  .eyebrow { font-size: 7px; letter-spacing: .16em; }
  .hero-meta { left: 16px; right: 16px; }
  .hero-meta span:last-child { display: none; }
  .section h2 { font-size: 49px; }
  .cta h2 { font-size: 55px; }
}