/* Our Story — measurements follow the original: content 90% wide up to 1290px,
   photo hero with an outlined/solid title, then one full-width text column. */
.story-wrap { width: 90%; max-width: 1290px; margin: 0 auto; }

.story-hero {
  min-height: 635px; padding-top: 85px;
  background: url(/assets/img/2025/05/pexels-proxyclick-2451646.jpg) 51% 52% / cover no-repeat;
}
.story-hero h1 { margin: 0; text-align: center; color: #000; font-size: 78px; line-height: 101.4px; letter-spacing: -1.5px; }
.story-hero .outline { color: transparent; -webkit-text-stroke: 1px #000; }

.story-body { padding: 85px 0; color: #000; }
.story-body h2 { font-size: 36px; line-height: 46.8px; letter-spacing: -1.5px; margin: 0 0 20px; }
.story-body h3 { font: 600 17px/30.6px var(--font-head); letter-spacing: normal; color: #000; margin: 20px 0; }
.story-body p { margin: 0; line-height: 30.4px; }
.story-body ul { margin: 0 0 50px; padding-left: 32px; color: #181818; line-height: 30.4px; }
.story-quote {
  margin: 20px 0; padding-left: 24px; border-left: 4px solid #2872fa;
  font: italic 700 16px/normal -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.story-body h3.story-cta { font: 700 28px/39.2px var(--font-head); letter-spacing: -1.5px; color: var(--navy); text-align: center; margin: 20px 0 0; }

@media (max-width: 991px) {
  .story-hero { min-height: 585px; padding-top: 60px; }
  .story-body { padding: 60px 0; }
  .story-body h2 { font-size: 30px; line-height: 36px; letter-spacing: -1px; }
  .story-body p, .story-body ul { font-size: 15px; line-height: 24px; }
  .story-body h3.story-cta { font-size: 27px; line-height: 35.1px; letter-spacing: -1px; }
}
@media (max-width: 767px) {
  .story-wrap { width: calc(100% - 46px); }
  .story-hero { min-height: 535px; padding-top: 35px; }
  .story-body { padding: 35px 0; }
  .story-body h2 { font-size: 28px; line-height: 36.4px; }
  .story-body h3.story-cta { font-size: 22px; line-height: 28.6px; letter-spacing: -.5px; }
}