.purpose-story{position:relative;height:320svh;background:#dfe4e8;color:#142957;isolation:isolate}
.purpose-story__sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 48%,#f7f8f8 0,#dce2e5 44%,#aeb9c2 100%)}
.purpose-story canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.purpose-story__wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(228,233,237,.18),transparent 36%,transparent 64%,rgba(228,233,237,.18));pointer-events:none}
.purpose-story__topline{position:absolute;z-index:3;top:clamp(105px,13vh,145px);right:clamp(24px,5vw,76px);left:clamp(24px,5vw,76px);display:flex;justify-content:space-between;align-items:center;color:#152a58;font:700 10px/1.2 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.purpose-story__topline b{color:#647185;font-weight:700}
.purpose-story__portal{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.purpose-story__copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;width:100%;padding:24px 22px;opacity:0;text-align:center;transform:translateX(56%) rotateY(-24deg) scale(.9);transform-origin:center;transition:opacity .5s ease,transform .9s cubic-bezier(.2,.78,.2,1)}
.purpose-story__copy--vision{transform:translateX(-56%) rotateY(24deg) scale(.9)}
.purpose-story__copy.is-active{opacity:1;transform:translateX(0) rotateY(0) scale(1)}
.purpose-story__copy small{display:block;margin-bottom:15px;color:#079fd3;font:800 10px/1.2 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.purpose-story__copy h2{margin:0;color:#142957;font:500 clamp(42px,4.8vw,70px)/.9 Fraunces,Georgia,serif;letter-spacing:-.055em}
.purpose-story__copy p{max-width:470px;margin:22px auto 0;color:#4e5d72;font:500 clamp(13px,1.05vw,16px)/1.7 Manrope,sans-serif}
.purpose-story__meter{position:absolute;z-index:4;right:clamp(24px,5vw,76px);bottom:36px;left:clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr 1fr;gap:0;color:#59667a;font:800 9px/1 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.purpose-story__meter:before{content:"";position:absolute;top:-15px;right:0;left:0;height:2px;background:rgba(20,41,87,.18)}
.purpose-story__meter i{position:absolute;top:-15px;left:0;width:0;height:2px;background:#08a6dd;transition:width .12s linear}
.purpose-story__meter span:last-child{text-align:right}
.purpose-story__loading{position:absolute;z-index:5;inset:0;display:grid;place-items:center;background:#e9edf0;color:#142957;font:800 10px/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:opacity .45s}
.purpose-story.is-loaded .purpose-story__loading{opacity:0;pointer-events:none}
@media(max-width:700px){.purpose-story{height:260svh}.purpose-story__topline b{display:none}.purpose-story__portal{width:72vw;height:46vh;transform:translate(-50%,-45%)}.purpose-story__copy{padding:20px 15px}.purpose-story__copy h2{font-size:40px}.purpose-story__copy p{font-size:12px;line-height:1.55}.purpose-story__meter{bottom:24px}}
@media(prefers-reduced-motion:reduce){.purpose-story{height:auto}.purpose-story__sticky{position:relative;min-height:100svh}.purpose-story__copy{transition:none}.purpose-story__copy--mission{display:none}}