html,body{overflow-x:hidden}
@media(max-width:760px){
  .site-container{width:min(1200px,calc(100% - 32px))}
  .hero-layout{width:100%;grid-template-columns:minmax(0,1fr)}
  .hero-content{min-width:0;width:100%;max-width:100%}
  .hero h1{font-size:40px;overflow-wrap:anywhere}
  .hero p{font-size:17px}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:340px}
  .hero-actions .button{padding:0 14px;white-space:nowrap}
  .nav-toggle{margin-left:auto;position:relative;z-index:2}
}
@media(max-width:420px){
  .hero-actions{grid-template-columns:1fr}
  .hero-actions .button{width:100%}
  .hero h1{font-size:40px}
}