/* Self-contained logistics story. Native sticky + SVG; no external runtime. */
#journey{position:relative;padding:0;background:#0a1a4a;color:#fff;isolation:isolate}
#journey>.journey-scene{display:block;max-width:none;margin:0;padding:64px var(--space);position:relative;overflow:hidden}
#journey .journey-scene:before{content:'';position:absolute;inset:-18px 0;background:linear-gradient(100deg,#071641f2,#0a1a4ae0),url('upload/journey-warehouse.jpg') center/cover;transform:translateY(var(--warehouse-shift,0px));z-index:-1}
#journey .journey-inner{max-width:1280px;margin:auto}
#journey .journey-heading{position:static;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:0 0 36px;border:0;background:none;min-height:0;z-index:auto}
#journey .journey-heading>div{display:block;max-width:790px}
#journey .journey-heading>div>span{display:block;color:var(--yellow);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:20px}
#journey h2{font-size:clamp(32px,3.5vw,50px);line-height:1.12}
#journey h2 .serif{color:var(--yellow)}
#journey .journey-cta{flex-shrink:0;border-color:#ffffff60;color:white;gap:12px;background:transparent}
#journey .cta-arrow{display:inline-block;transition:transform .25s ease}
#journey .journey-cta:hover .cta-arrow{transform:translateX(4px)}
#journey.is-complete .journey-cta{border-color:var(--yellow);box-shadow:0 0 0 1px #ffcc0025;color:var(--yellow)}
#journey .route-board{position:relative;padding:0 24px;min-width:0}
#journey .journey-stages{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;margin:0;padding:0}
#journey .journey-step{position:relative;padding:94px 0 0;border:0;border-radius:0;background:none!important;transform:none!important;box-shadow:none!important;min-width:0;color:#fff}
#journey .journey-step>span:not(.route-stop):not(.stage-check){font-size:12px;font-weight:700;letter-spacing:.1em;color:#bac7e0}
#journey .journey-icon{display:block;width:32px;height:32px;color:#fff;margin:0 0 18px}
#journey h3{font-size:clamp(18px,1.5vw,21px);line-height:1.2;margin:14px 0}
#journey .journey-step p{color:#e0e6f2;font-size:14px;line-height:1.6}
#journey .route-stop{position:absolute;top:37px;left:50%;width:9px;height:9px;border-radius:50%;background:#54678e;border:2px solid #7183a6;transform:translate(-50%,-50%);z-index:1}
#journey .stage-check{position:absolute;top:61px;left:calc(50% - 5px);font-size:12px;color:var(--yellow);opacity:0}
#journey .route-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
#journey .route-svg>path{fill:none;stroke-width:1.5;stroke-linecap:round}
#journey .route-base{stroke:#8ca0c145}
#journey .route-progress{stroke:var(--yellow)}
#journey .route-trail,#journey .route-finish{stroke:#fff3ab;stroke-width:3!important;filter:drop-shadow(0 0 3px #ffcc0090)}
#journey .parcel{color:var(--yellow)}
#journey .parcel-face{fill:#112653;stroke:#ffda42;stroke-width:1.5}
#journey .parcel-lines{fill:none;stroke:#ffda42;stroke-width:1.4;stroke-dasharray:1}
#journey .parcel-speed{fill:none;stroke:#ffda42;stroke-width:1.5}
#journey .parcel-scan{fill:#fff4bd;filter:drop-shadow(0 0 3px #ffcc0090)}
#journey .parcel-label>path:first-child{fill:#fff3bc;stroke:none}
#journey .parcel-label>path:last-child{fill:none;stroke:#12254f;stroke-width:1}
#journey .parcel-check circle{fill:#ffcc00}
#journey .parcel-check path{fill:none;stroke:#0a1a4a;stroke-width:1.6;stroke-dasharray:1}
#journey .journey-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #ffffff20;margin-top:32px;padding-top:22px}
#journey .journey-note{max-width:760px}
#journey .journey-note p{color:#c6d2e8;font-size:13px;margin:0}
#journey .journey-hint{display:block;margin-top:10px;font-size:10px;color:#a8b9d8;letter-spacing:.08em}
#journey .journey-delivery{flex-shrink:0;display:flex;align-items:center;gap:12px;max-width:320px}
#journey .delivery-network{width:180px;height:68px;color:var(--yellow)}
#journey .journey-delivery>span{font-size:11px;line-height:1.4;max-width:86px;color:#e2eaf7}
#journey .delivery-branches path{stroke-dasharray:1}
#journey.story-ready .journey-step{opacity:.58}
#journey.story-ready .journey-step.is-done{opacity:.88}
#journey.story-ready .journey-step.is-active,#journey.is-complete .journey-step{opacity:1}
#journey .is-active h3,#journey .is-active .journey-icon,#journey .is-done .journey-icon{color:var(--yellow)}
#journey .journey-step.is-active>span:not(.route-stop):not(.stage-check){color:var(--yellow)}
#journey .is-active .route-stop,#journey .is-done .route-stop{background:var(--yellow);border-color:var(--yellow)}
#journey .is-done .stage-check{opacity:1}
#journey.story-ready .journey-heading{opacity:var(--intro,1);translate:0 calc((1 - var(--intro,1))*10px)}
#journey.is-pinned{height:calc(var(--scene-height) + var(--scroll-distance))}
#journey.is-pinned>.journey-scene{position:sticky;top:0}
@media(min-width:1024px) and (max-height:820px){#journey>.journey-scene{padding-top:38px;padding-bottom:38px}#journey .journey-heading{padding-bottom:20px}#journey .journey-bottom{margin-top:24px;padding-top:14px}#journey .journey-step{padding-top:83px}#journey .journey-icon{margin-bottom:12px}}
@media(min-width:768px) and (max-width:1023px){#journey>.journey-scene{padding:58px 40px}#journey .journey-stages{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:42px;column-gap:26px}#journey .journey-step:nth-child(4){grid-row:2;grid-column:2}#journey .journey-step:nth-child(5){grid-row:2;grid-column:1}#journey .journey-heading{align-items:flex-start;flex-direction:column;gap:24px}#journey .journey-step p{font-size:14px}#journey .journey-delivery{max-width:270px}#journey .delivery-network{width:150px}}
@media(max-width:767px){#journey>.journey-scene{padding:54px 24px}#journey .journey-heading{flex-direction:column;align-items:stretch;gap:24px;padding-bottom:24px}#journey .journey-cta{width:100%}#journey .route-board{padding:0}#journey .journey-stages{grid-template-columns:1fr;gap:0}#journey .journey-step{padding:30px 0 30px 68px;min-height:215px}#journey .journey-step:not(:last-child):after{content:'';position:absolute;bottom:0;left:68px;right:0;border-bottom:1px solid #ffffff15}#journey .route-stop{left:23px;top:50%}#journey .stage-check{left:40px;top:calc(50% - 8px)}#journey .journey-icon{width:30px;height:30px;margin-bottom:12px}#journey h3{font-size:21px}#journey .journey-step p{font-size:14px}#journey .journey-bottom{flex-direction:column-reverse;align-items:stretch;margin-top:12px;padding-top:18px}#journey .journey-delivery{max-width:none;justify-content:center}#journey .delivery-network{width:190px}#journey .journey-note p{font-size:12px}#journey .journey-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){#journey.story-ready .journey-step{opacity:1}#journey.story-ready .journey-heading{opacity:1;translate:none}#journey .journey-scene:before{transform:none}#journey .route-trail,#journey .route-finish,#journey .parcel{display:none}#journey .journey-cta:hover .cta-arrow{transform:none}}