.story-purpose{background:#fff;color:#17252a;padding:86px 0;scroll-margin-top:88px}
.story-purpose .sdp-story-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:stretch}
.story-purpose .sdp-story-photo{position:relative;margin:0;overflow:hidden;min-height:660px;background:#0e191f;container-type:inline-size}
.story-purpose .sdp-story-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:48% center}
.story-purpose .sdp-story-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#07171fcc)}
.story-purpose .sdp-story-photo figcaption{position:absolute;z-index:1;bottom:28px;left:25px;right:25px;display:flex;justify-content:space-between;gap:.16em;padding-top:16px;color:#fff;font:400 min(23px,4.4cqi)/1.2 Fraunces,serif;white-space:nowrap;letter-spacing:-.025em;text-shadow:0 2px 14px #0009}
.story-purpose .sdp-story-photo figcaption:before{content:'';position:absolute;top:0;left:0;width:42px;height:3px;background:#09b9ef;box-shadow:0 0 18px #09b9ef66}
.story-purpose .sdp-story-photo figcaption em{color:#38d1ff;font-style:italic}
.story-purpose .sdp-heading .section-tag{color:#76838a;font-size:10px;margin:0 0 20px}
.story-purpose .sdp-heading h2{font:400 clamp(36px,3.4vw,48px)/1.06 Fraunces,Georgia,serif;letter-spacing:-.035em;margin:0 0 24px;max-width:980px}
.story-purpose .sdp-heading>p:last-child{font-size:15px;line-height:1.7;color:#62737c;max-width:710px;margin:0}
.story-purpose .sdp-story-copy em{font-style:italic;color:#0087b4}
.story-purpose .sdp-story-copy>p{font-size:14px;line-height:1.75;color:#62737c;margin:22px 0 30px}
.story-purpose .sdp-story-principles article{border-top:1px solid #d7e3e8;padding:18px 0}
.story-purpose .sdp-story-principles h3{font:400 22px/1.12 Fraunces,Georgia,serif;letter-spacing:-.025em;margin:0 0 8px}
.story-purpose .sdp-story-principles p{font-size:13px;line-height:1.65;color:#62737c;margin:0}
.story-purpose .sdp-story-copy>.pill{margin-top:18px}
@media(max-width:1000px){.story-purpose .sdp-story-grid{gap:32px}.story-purpose .sdp-story-photo{min-height:760px}.story-purpose .sdp-heading h2{font-size:36px}}
@media(max-width:700px){.story-purpose{padding:65px 0;scroll-margin-top:72px}.story-purpose .sdp-story-grid{grid-template-columns:1fr;gap:32px}.story-purpose .sdp-story-photo{min-height:340px}.story-purpose .sdp-heading>p:last-child{font-size:14px}}