/* Our mission page */

.mission-hero { position: relative; overflow: hidden; padding-block: clamp(70px, 11vh, 140px) clamp(56px, 8vh, 100px); }
.mission-hero .page-hero { position: relative; gap: 28px; }
.mission-hero__photo {
  position: absolute; top: 0; right: 0; bottom: 0; width: min(54%, 720px);
  -webkit-mask-image: linear-gradient(100deg, transparent 0%, rgba(0, 0, 0, .4) 28%, #000 66%);
  mask-image: linear-gradient(100deg, transparent 0%, rgba(0, 0, 0, .4) 28%, #000 66%);
}
.mission-hero__photo .photo-slot { justify-items: end; text-align: right; padding-right: var(--gutter); }
.page-title--wide { font-size: clamp(34px, 5.6vw, 78px); line-height: 1; max-width: 20ch; }
@media (max-width: 700px) {
  .mission-hero__photo { width: 100%; opacity: .45; }
  .mission-hero__photo .photo-slot__label, .mission-hero__photo .photo-slot__caption { display: none; }
}

.mission-hero + .split { gap: clamp(32px, 5vw, 70px); }
.mission-hero + .split .stack { gap: 22px; }
.mission-hero + .split .body-copy { font-size: 17px; line-height: 1.65; max-width: none; }
.photo-frame--story { min-height: 420px; background: var(--sand); }
.photo-frame--story .photo-slot { color: var(--navy); }
.photo-frame--story .photo-slot::before { border-color: rgba(10, 35, 66, .3); }

.mission-principles__title { max-width: 26ch; }
.grid-auto--principles { --min: 250px; }
.grid-auto--principles .card { border-color: transparent; padding: clamp(20px, 4.5vw, 26px); gap: 11px; }

.mission-promise { display: grid; gap: 22px; justify-items: center; text-align: center; }
.mission-promise__by { font-family: var(--font-display); font-weight: 700; font-size: clamp(14px, 1.2vw, 17px); letter-spacing: .02em; color: var(--gold-deep); }
.mission-promise .quote { font-size: clamp(26px, 4.2vw, 54px); line-height: 1.2; }
.mission-promise__statement { font-size: clamp(18px, 1.9vw, 25px); line-height: 1.5; max-width: 40ch; color: rgba(56, 61, 59, .92); }
.mission-promise__cta { margin-top: 16px; }