/**
 * About page: full-page gradient and transparent section backgrounds.
 */
.page-about {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  box-sizing: border-box;
  background: linear-gradient(180deg, #f1f7ff 0%, #faf7f2 100%);
  min-height: 100%;
}

.page-about .hero--about {
  background: transparent;
}

.page-about .about-intro {
  background: transparent;
}

.page-about .about-timeline {
  background: transparent;
}

.page-about .values {
  background: transparent;
}

.page-about .about-quote {
  background: transparent;
}