/* A connected, four-stage journey based on the approved design. */
.services-section{padding-block:78px 76px;background:#f8f6f2}
.services-section>.shell{position:relative}
.services-section h2{max-width:850px;margin-bottom:0;font-size:clamp(32px,3.1vw,44px)}
.delivery-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:35px;padding-right:140px;position:relative}
.delivery-path:before{content:'';position:absolute;top:0;left:0;right:0;height:150px;width:100%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-20%201240%20150%22%20fill%3D%22none%22%20stroke%3D%22%23304854%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22line%22%3E%3Cstop%20stop-color%3D%22%238d9b90%22%2F%3E%3Cstop%20offset%3D%22.28%22%20stop-color%3D%22%236e8fa6%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23c78d72%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%238d9b90%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23304854%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%20112%20C95%2048%20210%2030%20337%2042%20S510%2071%20620%2064%20S805%2044%20903%2018%20S1070%2010%201135%20-8%22%20stroke%3D%22url%28%23line%29%22%20stroke-width%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m1119%20-12%2017%203-8%2013%22%20stroke%3D%22%23304854%22%20stroke-width%3D%222.5%22%2F%3E%3C%2Fsvg%3E");background-size:100% 150px;background-repeat:no-repeat;clip-path:inset(-25px -5px 0 0);transition:clip-path 1.9s ease}
.js-ready .delivery-path:not(.is-visible):before{clip-path:inset(-25px 100% 0 0)}
.delivery-path .stage{position:relative;padding:68px 0 0;--stage-color:#85998b;--stage-wash:#e9ece6}
.delivery-path .stage:nth-child(2){padding-top:36px;--stage-color:#5f8397;--stage-wash:#e8edef}
.delivery-path .stage:nth-child(3){padding-top:58px;--stage-color:#b67c58;--stage-wash:#f0e8e1}
.delivery-path .stage:nth-child(4){padding-top:12px;--stage-color:#5f8397;--stage-wash:#e8edef}
.delivery-path .stage-number{position:relative;display:flex;align-items:center;justify-content:center;margin:0 0 90px 30px;width:42px;height:42px;border:5px solid #f8f6f2;box-sizing:content-box;background:var(--stage-color);border-radius:50%;font:400 22px/1 var(--serif);letter-spacing:0;color:white;z-index:1}
.delivery-path .stage-number:after{content:'';display:block;position:absolute;width:66px;height:66px;left:-12px;top:57px;border-radius:50%;background-color:var(--stage-wash);background-image:var(--stage-icon);background-size:40px 40px;background-position:center;background-repeat:no-repeat}
.delivery-path .stage h3{font:400 22px/1.22 var(--serif);letter-spacing:-.7px;min-height:56px;max-width:230px;margin:0 0 13px}
.delivery-path .stage p:not(.stage-number){font-size:13px;line-height:1.6;margin-bottom:18px;min-height:0}
.delivery-path .stage ul{padding:0;margin:0;list-style:none}
.delivery-path .stage li{position:relative;padding:0 0 0 15px;margin-bottom:6px;font-size:12px;line-height:1.6}
.delivery-path .stage li:before{content:'';position:absolute;left:0;top:.58em;width:7px;height:7px;border-radius:50%;background:var(--stage-color)}
.launch-endpoint{position:absolute;top:20px;right:0;width:142px;margin:0;display:block;text-align:center;opacity:1;transition:opacity .5s ease 1.7s,transform .5s ease 1.7s}
.launch-endpoint p{position:relative;border:0;padding:0;font:400 22px/1.18 var(--serif);letter-spacing:-.6px}
.launch-endpoint p:after{content:'';display:block;width:44px;height:2px;background:var(--terra);margin:15px auto 0}
.launch-endpoint span{position:absolute;left:calc(50% - 25px);top:calc(100% + 17px);display:block;width:50px;height:50px;border-radius:50%;padding:0;margin:0;background-color:#bc855f;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2043V6m0%203c8-9%2015%209%2024%200v20c-9%209-16-9-24%200%22%2F%3E%3C%2Fsvg%3E");background-size:28px;background-repeat:no-repeat;background-position:center;font-size:0}
.js-ready .services-section:not(.journey-visible) .launch-endpoint{opacity:0;transform:translateY(6px)}
@media(min-width:901px) and (max-width:1150px){.delivery-path{gap:22px;padding-right:115px}.delivery-path .stage h3{font-size:20px;min-height:75px}.delivery-path .stage p:not(.stage-number){font-size:12px;min-height:0}.delivery-path .stage li{font-size:11px}.launch-endpoint{width:120px;top:35px}.launch-endpoint p{font-size:20px}.services-section h2{max-width:calc(100% - 145px);font-size:36px}}
@media(max-width:900px){
 .services-section{padding-block:60px}
 .services-section h2{max-width:100%;font-size:clamp(30px,5vw,40px)}
 .delivery-path{display:block;padding:0;margin:38px 0 0 26px}
 .delivery-path:before{display:block;top:0;bottom:0;left:0;width:2px;height:auto;background:linear-gradient(#85998b,#5f8397,#b67c58,#5f8397);clip-path:none!important}
 .delivery-path .stage,.delivery-path .stage:nth-child(n){padding:0 0 34px 72px;border:0}
 .delivery-path .stage-number{position:absolute;top:0;left:-26px;width:38px;height:38px;margin:0;border-width:5px;font-size:19px}
 .delivery-path .stage-number:after{width:48px;height:48px;left:-5px;top:58px;background-size:31px}
 .delivery-path .stage h3{font-size:24px;min-height:0;margin-bottom:12px;padding-top:5px;max-width:420px}
 .delivery-path .stage p:not(.stage-number){font-size:14px;line-height:1.65;min-height:0;max-width:560px;margin-bottom:15px}
 .delivery-path .stage li{font-size:13px;line-height:1.6}
 .launch-endpoint{position:relative;top:auto;right:auto;width:auto;margin:0 0 0 26px;padding:15px 0 0 72px;text-align:left}
 .launch-endpoint:before{content:'';position:absolute;left:0;top:-5px;height:50px;width:2px;background:#5f8397}
 .launch-endpoint p{font-size:24px;max-width:310px;min-height:58px;padding:0;display:flex;align-items:center}
 .launch-endpoint p:after{display:none}
 .launch-endpoint span{left:-96px;top:4px;width:50px;height:50px;background-size:28px}
}
@media(max-width:480px){.delivery-path{margin-left:22px}.delivery-path .stage,.delivery-path .stage:nth-child(n){padding-left:56px}.delivery-path .stage h3{font-size:22px}.delivery-path .stage p:not(.stage-number){font-size:13px}.delivery-path .stage li{font-size:12px}.launch-endpoint{margin-left:22px;padding-left:56px}.launch-endpoint p{font-size:22px}.launch-endpoint span{left:-80px}}
@media(prefers-reduced-motion:reduce){.delivery-path:before,.launch-endpoint{transition:none}.js-ready .services-section:not(.journey-visible) .launch-endpoint{opacity:1;transform:none}}
html:not(.js-ready) .launch-endpoint{opacity:1;transform:none}

.delivery-path .stage:nth-child(1){--stage-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23304854%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2225%22%20r%3D%2215%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2225%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2225%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M23%2025%2039%209m-1-5v6h6%22%2F%3E%3C%2Fsvg%3E")}

.delivery-path .stage:nth-child(2){--stage-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23304854%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2235%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m7%209%206%206m0-6-6%206m24%2020%206%206m0-6-6%206M13%2031l22-22m-8%200h8v8M12%2022c0-4%207-5%2011-2s8%201%208-4%22%2F%3E%3C%2Fsvg%3E")}

.delivery-path .stage:nth-child(3){--stage-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23304854%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m20%206-1%205-5%202-4-2-5%208%204%203v5l-4%203%205%208%205-2%204%202%201%205h9l1-5%205-2%204%202%205-8-4-3v-5l4-3-5-8-5%202-4-2-1-5z%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2225%22%20r%3D%228%22%2F%3E%3C%2Fsvg%3E")}

.delivery-path .stage:nth-child(4){--stage-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23304854%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2213%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2217%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2217%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M15%2039v-9a9%209%200%200%201%2018%200v9zM5%2036v-9a5%205%200%200%201%209-3m29%2012v-9a5%205%200%200%200-9-3M5%2036h8m22%200h8%22%2F%3E%3C%2Fsvg%3E")}
