.Section {
  display: flex;
  flex-direction: column;
  border-radius: inherit;

  width: 100%;
}
.Section ~ .Section {
  border-radius: initial;
}

.Section-TextConstraint {
  padding: 0 8px;
  width: 100%;
}

.Section--transparent {
  background-color: transparent;
  color: inherit;
}
.Section--blue {
  background-color: var(--color-brand-800);
  color: var(--color-white);

}
.Section--ink {
  background-color: var(--color-neutral-200);
  color: var(--color-white);
}
.Section--darkGrey {
  background-color: var(--color-neutral-300);
  color: var(--color-white);
}
.Section--paper {
  background-color: var(--color-paper);
  color: var(--color-neutral-200);
}
.Section--color-white {
  background-color: var(--color-white);
  color: var(--color-neutral-300);
}

@media (--small-device) {
  .Section-TextConstraint {
    max-width: 850px;
    margin: 0 auto;
  }
}

@media (--large-device) {
  .Section-TextConstraint {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 var(--space-3x);
  }
}