.approach-methods{overflow:hidden; padding-inline:2px}
.approach-method{position:relative;border-top:0!important}
.approach-method::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#becbd4;transform-origin:left center}
.motion-replay{grid-column:2;justify-self:start;margin-top:24px;background:transparent;color:#243b4b;border:1px solid #becbd4;padding:9px 15px;font:400 14px var(--font-sans);cursor:pointer;border-radius:2px}
.motion-replay:hover{background:#e6edf1}.motion-replay:focus-visible{outline:2px solid #243b4b;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){
.approach-method.motion-ready{opacity:1!important;transform:translateX(-36px)!important;transition:transform 950ms cubic-bezier(.16,1,.3,1);will-change:transform}
.approach-method.motion-ready:nth-child(even){transform:translateX(36px)!important;transition-delay:90ms}
.approach-method.motion-ready::after{transform:scaleX(0);transition:transform 1100ms cubic-bezier(.16,1,.3,1) 80ms}
.approach-method.motion-ready h3{opacity:0;transform:translateY(12px);transition:opacity 550ms ease 100ms,transform 850ms cubic-bezier(.16,1,.3,1) 100ms}
.approach-method.motion-ready p{opacity:0;transform:translateY(10px);transition:opacity 650ms ease 220ms,transform 850ms cubic-bezier(.16,1,.3,1) 220ms}
.approach-method.motion-ready.is-visible{transform:translateX(0)!important;will-change:auto}
.approach-method.motion-ready.is-visible::after{transform:scaleX(1)}
.approach-method.motion-ready.is-visible h3,.approach-method.motion-ready.is-visible p{opacity:1;transform:none}
@media(max-width:760px){.approach-method.motion-ready,.approach-method.motion-ready:nth-child(even){transform:translateY(20px)!important;transition-delay:0ms}.approach-method.motion-ready.is-visible{transform:none!important}}
}
@media(prefers-reduced-motion:reduce){.motion-replay{display:none}.approach-method,.approach-method h3,.approach-method p,.approach-method::after{opacity:1!important;transform:none!important;transition:none!important}}