/* ==========================================================================
   Page: about (/our-mission/) — loaded after site.css by site/our-mission/index.html only
   ========================================================================== */

/* Mission text */
.mission { padding-top: 50px; }

.mission__lead {
  padding-top: 30px;
  font-family: var(--font-body);
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  color: var(--c-text);
}

.mission__heading {
  margin-top: 70px;
  font-family: var(--font-body);
  font-size: 26px;
  font-weight: 400;
  line-height: 28px;
  color: var(--c-text);
}

.mission__text {
  display: flow-root;
  margin-top: 40px;
}
.mission__text p,
.mission__text p:last-child { margin-bottom: 14.4px; }

.mission .dot-list { margin-top: 20px; }

/* shared .dot-list, here with 15px between items and the dot centred on the item */
.mission .dot-list li + li { margin-top: 15px; }
.mission .dot-list li::before { top: 50%; margin-top: -7px; }

@media (min-width: 768px) {
  .mission { padding: 60px 0 10px; }
  .mission__lead {
    font-size: clamp(30px, 5.859vw - 15px, 45px);
    line-height: clamp(36px, 5.078vw - 3px, 49px);
  }
}

@media (min-width: 1025px) {
  .mission__lead { font-size: 45px; line-height: 49px; }
}