/* Mantém a composição central em telas largas, em vez de esticar o conteúdo. */
@media (min-width: 1280px){
  .site-header{padding-left:max(32px,calc((100vw - 1260px)/2));padding-right:max(32px,calc((100vw - 1260px)/2))}
  .hero{grid-template-columns:minmax(330px,500px) minmax(510px,650px);justify-content:center;padding-left:32px;padding-right:32px}
}