.process-journey{height:330svh;margin:80px 4% 100px;position:relative}.process-pin{height:90svh;min-height:670px;max-height:1100px;position:sticky;top:5svh;background:radial-gradient(ellipse at 50% 60%,#e1d9eb66,transparent 65%);overflow:hidden}.process-heading{position:absolute;left:3%;top:3%;right:3%}.process-heading>span{font-size:10px;letter-spacing:1.5px;color:#88788f}.process-heading h2{font-size:clamp(40px,5.3vw,82px);line-height:.98;letter-spacing:-.06em;font-weight:400;margin:23px 0 0}.process-heading h2 em{font-style:normal;color:#8a7798}.process-heading>p{position:absolute;right:0;bottom:4px;font-size:13px;line-height:1.6;color:#8e7e98;margin:0}.process-route{position:absolute;inset:28% 3% 15%;container-type:inline-size}.route-svg{position:absolute;width:100%;height:100%;overflow:visible}.route-track,.route-travelled{fill:none;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.route-track{stroke:#b6a3c3;stroke-dasharray:2 9}.route-travelled{stroke:#9276a5;opacity:.35;stroke-width:3}.route-orb{will-change:transform}.route-stop{position:absolute;width:21%;padding:0 0 0 22px;color:#a496ad;transition:color .2s}.route-stop small{font-size:9px;letter-spacing:1px}.route-stop h3{font-size:clamp(19px,2.3cqw,34px);font-weight:400;letter-spacing:-.8px;line-height:1.1;margin:10px 0}.route-stop p{font-size:11px;line-height:1.55;margin:0 0 13px;max-width:185px}.route-stop>b{font-size:8px;font-weight:400;padding:6px 8px;border:1px solid #dacee3;border-radius:20px;display:inline-block;background:#eeedf3c9}.route-dot{position:absolute;left:-5px;top:3px;width:11px;height:11px;border:1px solid #af96bf;background:#eeedf3;border-radius:50%;box-shadow:0 0 0 6px #eeedf3}.route-stop.is-active{color:#45364f}.route-stop.is-active .route-dot{background:#a98cbd;box-shadow:0 0 0 6px #e4d9ec}.stop-0{left:8%;top:18%}.stop-1{left:33%;top:62%}.stop-2{left:62%;top:15%}.stop-3{left:88%;top:63%;width:15%;padding-left:18px}.route-note{position:absolute;font-size:9px;background:#f8f6fbbf;border:1px solid #e1d6e9;border-radius:25px;padding:11px 15px;color:#9279a3;opacity:0;transform:translateY(8px);pointer-events:none}.note-proposal{left:13%;top:66%}.note-feedback{left:59%;top:80%}.process-live{position:absolute;bottom:3%;left:3%;right:3%;border-top:1px solid #d7ccdf;padding-top:20px;display:flex;gap:30px;align-items:center}.process-live-index{font-size:9px;letter-spacing:1px;color:#9c85ad;min-width:120px}.process-live-text{font-size:15px;letter-spacing:-.3px;margin:0;color:#57465f}.process-scroll{margin-left:auto;font-size:8px;letter-spacing:1px;color:#a18eae;white-space:nowrap}
@media(max-width:700px){.process-journey{height:370svh;margin:50px 5%}.process-pin{height:94svh;min-height:730px;top:3svh}.process-heading{top:3%;left:3%}.process-heading>span{font-size:8px}.process-heading h2{font-size:40px;margin-top:17px}.process-heading>p{position:static;font-size:10px;margin-top:15px}.process-route{inset:30% 3% 16%}.route-stop{width:41%;padding-left:17px}.route-stop h3{font-size:21px;margin:5px 0 8px}.route-stop p{font-size:9px;line-height:1.4;margin-bottom:7px}.route-stop>b{font-size:6px;padding:5px 6px}.route-stop small{font-size:7px}.stop-0{left:8%;top:3%}.stop-1{left:58%;top:29%}.stop-2{left:9%;top:55%}.stop-3{left:58%;top:80%;width:40%}.route-note{font-size:7px;padding:8px 10px;max-width:150px;line-height:1.5}.note-proposal{left:1%;top:34%}.note-feedback{left:49%;top:66%}.process-live{bottom:2%;padding-top:14px;gap:8px;display:grid;grid-template-columns:1fr auto}.process-live-index{font-size:7px}.process-live-text{font-size:12px;grid-column:1/3;grid-row:2;min-height:34px;line-height:1.4}.process-scroll{font-size:6px;grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:reduce){.process-journey{height:auto}.process-pin{position:relative;top:0}.route-orb{display:none}}
.stop-3{width:12%}.route-stop p{max-width:100%}@media(max-width:700px){.process-pin{min-height:650px}.stop-3{width:40%}.process-route{bottom:19%}.process-live{bottom:3%}}
.route-stop h3,.route-stop p{position:relative;background:#eeedf3df;box-shadow:5px 0 9px #eeedf3, -3px 0 8px #eeedf3;border-radius:5px}.route-note{z-index:3}