.html, body {
  margin: 0;
  padding: 0;
  scroll-padding-top: var(--header-height);
}

*, *::before, *::after {
  box-sizing: border-box;
}

.page-wrapper {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  background: var(--white);
  min-height: 100vh;
}
.page-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 1000px #f6f6f6;
  z-index: 1;
}

.text.rte {
  margin: 0 auto;
  padding: 0 var(--container-padding);
  width: var(--container-width);
  max-width: var(--narrow-width);
  margin: var(--section-margin) auto;
}

.container .container {
  padding: 0;
  width: auto;
  max-width: none;
}

.grid {
  margin: var(--section-margin) 0;
}
.grid[data-margin-top=half] {
  margin-top: calc(var(--section-margin) / 2);
}
.grid[data-margin-bottom=half] {
  margin-bottom: calc(var(--section-margin) / 2);
}
.grid[data-margin-top=none] {
  margin-top: 0;
}
.grid[data-margin-bottom=none] {
  margin-bottom: 0;
}
.grid .container {
  margin: 0 auto;
  padding: 0 var(--container-padding);
  width: var(--container-width);
}
.grid .container.narrow {
  max-width: var(--narrow-width);
}
.grid .row {
  display: flex;
  margin: 0 calc(var(--grid-padding) * -1);
}
.grid .col {
  flex: 1 1 0;
  padding: 0 var(--grid-padding);
}
.grid .col.large {
  flex: 2 1 0;
  min-width: 66.6666666667%;
}
.grid .col h1:first-child, .grid .col h2:first-child, .grid .col h3:first-child {
  margin-top: -0.1em !important;
}
.grid .col > *:first-child, .grid .col > .frame > *:first-child, .grid .col blockquote:first-child {
  margin-top: 0;
}
.grid .col > *:first-child p:first-child, .grid .col > .frame > *:first-child p:first-child, .grid .col blockquote:first-child p:first-child {
  margin-top: 0;
}
.grid .col > *:last-child, .grid .col > .frame > *:last-child, .grid .col blockquote:last-child {
  margin-bottom: 0;
}
.grid .col > *:last-child p:last-child, .grid .col > .frame > *:last-child p:last-child, .grid .col blockquote:last-child p:last-child {
  margin-bottom: 0;
}
.grid .box {
  padding: 20px;
  text-align: center;
  border-radius: var(--border-radius);
  border: 1px dashed var(--primary-hex);
}
@media (max-width: 767px) {
  .grid .row {
    flex-direction: column;
    gap: calc(var(--grid-padding) * 2);
  }
}

/*# sourceMappingURL=grid.css.map */