/* One operational story: a shared desktop diagram, recomposed at each mobile step. */
.logistics-story{--ls-ink:var(--brand,#19358b);--ls-line:#a7b8ca;display:grid;grid-template-columns:minmax(0,1.48fr) minmax(0,1fr);gap:clamp(36px,5vw,76px);padding-block:52px 40px;border-top:1px solid var(--line);position:relative;isolation:isolate}
.ls-visual{align-self:start;min-width:0}
.ls-visual h2{max-width:520px;font-size:clamp(30px,2.7vw,39px);line-height:1.12}
.ls-visual>.eyebrow{margin-bottom:14px}
.ls-overview{display:block;width:100%;height:auto;margin-top:34px;overflow:visible}
.ls-art{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ls-station{color:var(--ls-ink)}
.ls-solid{fill:#f6f8fb;stroke:none}
.ls-material{fill:#aec6e3;stroke:none}
.ls-detail{stroke:#95aabe;stroke-width:1.15}
.ls-document{stroke:#68819a;stroke-width:1.4}
.ls-station-label{fill:var(--ls-ink);stroke:none;font:400 14px var(--font,Arial,sans-serif);letter-spacing:-.02em}
.ls-station-number{fill:#647687;font:400 11px var(--mono,monospace);letter-spacing:.04em}
.ls-route-base{fill:none;stroke:#d4dfeb;stroke-width:2}
.ls-route{fill:none;stroke:var(--ls-ink);stroke-width:2.5;stroke-linecap:round}
.ls-direction{fill:none;stroke:#647f9f;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.ls-junctions{fill:#fff;stroke:var(--ls-ink);stroke-width:1.8}
.ls-traveller{fill:var(--ls-ink);visibility:hidden}
.ls-traveller-halo{fill:#fff;stroke:var(--ls-ink);stroke-width:1}
.ls-traceability{display:flex;align-items:center;gap:13px;font:400 11px/1.6 var(--mono,monospace);letter-spacing:.01em;color:var(--muted);margin-top:8px;padding-top:15px;border-top:1px solid var(--line)}
.ls-traceability svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:var(--ls-ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.ls-steps{margin:0;padding:0;list-style:none}
.ls-step{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:20px;align-content:start;padding:30px 0 40px;border-top:1px solid var(--line)}
.ls-step:first-child{border-top:0;padding-top:0}
.ls-step-number{font:300 clamp(42px,4.3vw,62px)/1 var(--font,Arial,sans-serif);letter-spacing:-.075em;color:#7c91a7}
.ls-step-label{font:400 10px/1.6 var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.ls-step h3{font-size:clamp(23px,2.1vw,30px);font-weight:500;letter-spacing:-.04em;color:var(--ls-ink);line-height:1.15}
.ls-step-copy{margin-top:22px;font-size:15px;line-height:1.7;max-width:360px}
.ls-facts{display:flex;flex-wrap:wrap;gap:7px 18px;list-style:none;padding:0;margin-top:22px;color:var(--text);font-size:11px;line-height:1.6}
.ls-facts li{position:relative;padding-left:12px}
.ls-facts li:before{content:'';position:absolute;left:0;top:.7em;width:4px;height:4px;background:var(--ls-ink)}
.ls-mobile-art,.ls-mobile-progress{display:none}
/* The baseline stays completely visible. Only a mounted, motion-enabled story sticks. */
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  .logistics-story[data-ls-enhanced] .ls-visual{position:sticky;top:calc(var(--header-height,104px) + 36px)}
  .logistics-story[data-ls-enhanced] .ls-step{min-height:54vh;min-height:54svh;align-content:center;padding-block:44px}
  .logistics-story[data-ls-enhanced] .ls-step:first-child{padding-top:30px}
  .logistics-story[data-ls-enhanced] .ls-step:last-child{min-height:60vh;min-height:60svh}
  .logistics-story[data-ls-enhanced] .ls-station{color:#8b9fb3}
  .logistics-story[data-ls-enhanced] .ls-station-label{fill:#607184}
  .logistics-story[data-ls-enhanced] .ls-traveller{visibility:visible}
  .logistics-story[data-ls-active="0"] [data-ls-station="0"],
  .logistics-story[data-ls-active="1"] [data-ls-station="1"],
  .logistics-story[data-ls-active="2"] [data-ls-station="2"],
  .logistics-story[data-ls-active="3"] [data-ls-station="3"]{color:var(--ls-ink)}
  .logistics-story[data-ls-active="0"] [data-ls-station="0"] .ls-station-label,
  .logistics-story[data-ls-active="1"] [data-ls-station="1"] .ls-station-label,
  .logistics-story[data-ls-active="2"] [data-ls-station="2"] .ls-station-label,
  .logistics-story[data-ls-active="3"] [data-ls-station="3"] .ls-station-label{fill:var(--ls-ink)}
}
.logistics-story[data-ls-active="0"] [data-ls-step="0"] .ls-step-number,
.logistics-story[data-ls-active="1"] [data-ls-step="1"] .ls-step-number,
.logistics-story[data-ls-active="2"] [data-ls-step="2"] .ls-step-number,
.logistics-story[data-ls-active="3"] [data-ls-step="3"] .ls-step-number{color:var(--ls-ink)}
@media(min-width:901px) and (max-height:760px){
  .logistics-story[data-ls-enhanced] .ls-visual{top:calc(var(--header-height,104px) + 18px)}
  .ls-overview{max-height:calc(100svh - 305px);margin-top:20px}
  .ls-visual h2{font-size:30px}
}
@media(max-width:1100px) and (min-width:901px){
  .logistics-story{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px}
  .ls-step{grid-template-columns:44px minmax(0,1fr);gap:16px}
  .ls-step h3{font-size:24px}
  .ls-step-copy{font-size:14px}
}
@media(max-width:900px){
  .logistics-story{display:block;padding-block:36px 4px}
  .ls-visual{position:static;margin-bottom:36px}
  .ls-visual h2{font-size:clamp(30px,6vw,40px)}
  .ls-overview,.ls-traceability{display:none}
  .ls-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px 36px}
  .ls-step,.ls-step:first-child{grid-template-columns:44px minmax(0,1fr);gap:16px;min-height:0;padding:28px 0 40px;border-top:1px solid var(--line)}
  .ls-step-number{font-size:42px;color:var(--ls-ink)}
  .ls-step h3{font-size:27px}
  .ls-step-label{font-size:9px;margin-bottom:7px}
  .ls-mobile-art{display:block;width:min(100%,240px);height:auto;color:var(--ls-ink);margin:26px 0 22px}
  .ls-step-copy{font-size:15px;line-height:1.65;margin-top:0;max-width:430px}
  .ls-facts{font-size:11px;margin-top:18px;gap:6px 16px}
  .ls-mobile-progress{display:block;position:absolute;left:0;bottom:0;top:89px;width:1px;background:#d5dfea}
  .ls-mobile-progress>span{display:block;width:100%;height:100%;background:var(--ls-ink);transform-origin:top}
  .ls-mobile-progress:after{content:'';position:absolute;left:-3px;bottom:0;width:7px;height:7px;border-right:1px solid var(--ls-ink);border-bottom:1px solid var(--ls-ink);transform:rotate(45deg)}
  .ls-step:last-child .ls-mobile-progress{display:none}
}
@media(max-width:600px){
  .ls-steps{display:block}
  .ls-step,.ls-step:first-child{grid-template-columns:42px minmax(0,1fr);gap:16px;padding-block:30px 38px;margin-bottom:24px}
  .ls-step h3{font-size:26px;overflow-wrap:break-word}
  .ls-step:last-child{margin-bottom:0;padding-bottom:20px}
  .ls-mobile-art{width:220px;max-width:100%}
  .ls-step-copy{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .logistics-story .ls-visual{position:static}
  .logistics-story .ls-traveller{display:none}
  .logistics-story .ls-route{stroke-dasharray:none!important;stroke-dashoffset:0!important}
  .logistics-story .ls-material,.logistics-story [data-ls-mobile-progress]{transform:none!important}
}
@media print{
  .logistics-story{display:block;break-inside:avoid;padding-block:20px}
  .ls-visual{position:static!important;max-width:500px;margin:auto}
  .ls-overview{display:block;max-height:none}
  .ls-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
  .logistics-story .ls-step{min-height:0!important;padding:0;border:0}
  .ls-mobile-art,.ls-mobile-progress,.ls-traveller{display:none!important}
  .ls-route{stroke-dasharray:none!important;stroke-dashoffset:0!important}
  .ls-material{transform:none!important}
}