.pk-journey{background:var(--pk-navy);color:#fff;padding-block:clamp(40px,3.6vw,56px) clamp(24px,2.4vw,36px);position:relative;overflow:hidden}.pk-journey__title{color:#fff;font-size:clamp(36px,4.55vw,70px);line-height:1}.pk-journey__route{--high:52%;--low:64%;height:clamp(150px,13vw,200px);margin-top:0;position:relative}.pk-journey__road{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pk-journey__road path{fill:none;stroke:#fff;stroke-width:1.75px;stroke-linecap:round;opacity:.92}.pk-journey__stops{z-index:2;pointer-events:none;position:absolute;inset:0}.pk-stop{position:absolute;transform:translate(-50%,-50%)}.pk-stop--start{left:6%;top:var(--high)}.pk-stop--mid{left:50%;top:var(--low)}.pk-stop--end{left:94%;top:var(--high)}.pk-stop__dot{background:var(--pk-orange);width:clamp(12px,1.1vw,16px);height:clamp(12px,1.1vw,16px);box-shadow:0 0 0 0 color-mix(in srgb, var(--pk-orange) 45%, transparent);transition:transform .4s var(--pk-ease), box-shadow .4s, background-color .4s;border-radius:50%;display:block}.pk-stop__label{white-space:nowrap;text-shadow:0 1px 8px #101621e6;align-items:center;gap:10px;font-size:clamp(15px,1.48vw,21px);font-weight:600;transition:opacity .4s,color .4s;display:inline-flex;position:absolute;bottom:calc(100% + 12px);left:50%}.pk-stop--start .pk-stop__label{left:0}.pk-stop--end .pk-stop__label{left:auto;right:-2px}.pk-stop--mid .pk-stop__label{top:calc(100% + 12px);bottom:auto;transform:translate(-50%)}.pk-stop__label .pk-icon{width:clamp(20px,1.9vw,28px);height:clamp(20px,1.9vw,28px)}.pk-journey.is-live .pk-stop__dot{background:#4a5160}.pk-journey.is-live .pk-stop__label{opacity:.5}.pk-journey.is-live .pk-stop.is-lit .pk-stop__dot{background:var(--pk-orange);box-shadow:0 0 0 7px color-mix(in srgb, var(--pk-orange) 22%, transparent);transform:scale(1.15)}.pk-journey.is-live .pk-stop.is-lit .pk-stop__label{opacity:1}.pk-journey__truck{z-index:1;left:50%;top:var(--low);will-change:transform;width:clamp(220px,29vw,440px);position:absolute;transform:translate(-50%,-97%)}.pk-journey.is-live .pk-journey__truck{transform:translate(var(--tx,0), var(--ty,0)) rotate(var(--rot,0deg));transform-origin:50% 97%;top:0;left:0}.pk-truck{width:100%;height:auto;overflow:visible}.pk-wheel{transform:rotate(var(--wheel,0deg))}@media (width<=760px){.pk-journey__route{--high:50%;--low:64%;height:190px}.pk-stop--start{left:5%}.pk-stop--end{left:95%}.pk-stop__label{gap:6px;font-size:14px}.pk-stop__label .pk-icon{width:18px;height:18px}.pk-journey__truck{width:46vw}}