/* The homepage hero defines the shared public-page frame. */
body.site-v2 {
  min-width: 0;
  --v5-content-max: 1280px;
  --v5-page-gutter: 64px;
}

body.site-v2:not(.page-home) #main-content {
  width: min(var(--v5-content-max), calc(100% - var(--v5-page-gutter)));
  min-width: 0;
  margin-inline: auto;
}

body.site-v2:not(.page-home) #main-content .container {
  width: 100%;
  max-width: none;
}

body.site-v2.page-home #main-content > .container,
body.site-v2.page-home #main-content > .h5-process,
body.site-v2 > header.nav > .container,
body.site-v2 > .footer.footer--v3 > .container {
  width: min(var(--v5-content-max), calc(100% - var(--v5-page-gutter)));
  margin-inline: auto;
}

body.site-v2.page-home #main-content > .h5-process {
  padding-inline: 32px;
}

body.site-v2.page-home #main-content > .h5-process > .container {
  width: 100%;
  max-width: none;
}

body.site-v2.page-about #main-content > .about-v4-process {
  padding-inline: 40px;
}

body.site-v2.page-laser-marking #main-content > .laser-marking__hero {
  padding-inline: 32px;
}

body.site-v2.page-laser-marking #main-content > .laser-marking__related {
  padding-inline: 24px;
}

body.site-v2.page-calculator #main-content > .calculator-section {
  padding-inline: 24px;
}

@media (max-width: 680px) {
  body.site-v2 { --v5-page-gutter: 32px; }

  body.site-v2.page-home #main-content > .h5-process,
  body.site-v2.page-about #main-content > .about-v4-process,
  body.site-v2.page-laser-marking #main-content > .laser-marking__hero,
  body.site-v2.page-laser-marking #main-content > .laser-marking__related {
    padding-inline: 20px;
  }

  body.site-v2.page-calculator #main-content > .calculator-section {
    padding-inline: 12px;
  }
}