/* Full-width section backgrounds; only the content has centered desktop gutters. */
main {
  width: 100%;
  max-width: none;
  margin: 0;
}
#landing > .hero,
#landing > .quick-start,
#landing > .journey {
  padding-inline: max(
    24px,
    calc((100% - 1280px) / 2 + 24px)
  );
}
@media (max-width: 600px) {
  #landing > .hero { padding-inline: 20px; }
  #landing > .quick-start,
  #landing > .journey { padding-inline: 18px; }
}