/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/parksystem-section.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/**
 * Shared section chrome (inner width, heading, title + accent, intro).
 * Requires global `parksystem-palette.css` for `--ps-*` variables.
 */
.ps-section {
  padding: 64px 0;
}
@media (min-width: 768px) {
  .ps-section {
    padding: 96px 0;
  }
}
.ps-section .ps-section__inner {
  margin: 0 auto;
  max-width: var(--ps-content-width);
  padding: 0 var(--ps-content-padding);
}
.ps-section .ps-section__header {
  margin-bottom: 48px;
  text-align: center;
}
.ps-section .ps-section__title {
  font-family: var(--ps-font-family);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .ps-section .ps-section__title {
    font-size: 48px;
  }
}
.ps-section .ps-section__title .ps-heading-accent {
  color: var(--ps-primary);
}
.ps-section .ps-section__intro {
  color: var(--ps-muted);
  font-size: 16px;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 576px;
}
@media (min-width: 768px) {
  .ps-section .ps-section__intro {
    font-size: 20px;
  }
}
.ps-section:not(.has-text-color) .ps-section__title {
  color: var(--ps-fg);
}
.ps-section:not(.has-text-color) .ps-section__intro {
  color: var(--ps-muted);
}
.ps-content .ps-section--wide {
  margin: 0 -20px;
  width: 100vw;
}
@media (min-width: 1200px) {
  .ps-content .ps-section--wide {
    margin: 0 calc(-1 * (100 * var(--vw) - (var(--ps-content-width) - 2 * var(--ps-content-padding))) / 2);
    width: calc(100 * var(--vw));
  }
}

/*# sourceMappingURL=parksystem-section.css.map*/