/* ROX's logistics artwork. All rules remain local to this visualization. */
.logistics-map{container-type:inline-size;width:min(100%,920px,calc((100svh - 300px)*1.55));margin:0 auto 36px;color:var(--brand);scroll-margin-block:48px}
.lm-surface{background:#fff;overflow:hidden}
.lm-scene{position:relative;isolation:isolate}.lm-scene--compact{display:none}
.lm-art{display:block;width:100%;height:auto;overflow:visible}
.lm-land{stroke:#066b41;stroke-width:1;stroke-linejoin:round}
.lm-country{fill:#fff;font:500 15px var(--mono);letter-spacing:5px;text-anchor:middle}
.lm-route{color:var(--brand)}.lm-route--supply{color:#528aa5}
.lm-route-halo,.lm-route-track,.lm-route-line{fill:none;stroke-linecap:round;stroke-linejoin:round}
.lm-route-halo{stroke:currentColor;stroke-width:5;opacity:.08}
.lm-route-track{stroke:currentColor;stroke-width:1.4;opacity:.25}
.lm-route-line{stroke:currentColor;stroke-width:1.8;opacity:.8}
.lm-route--international .lm-route-line{stroke-width:2.1}
.lm-route--supply .lm-route-line{stroke-width:1.4}
.lm-endpoint{fill:currentColor;stroke:#fff;stroke-width:1.6}
.lm-endpoint-ring{fill:#fff;stroke:currentColor;stroke-width:1;stroke-opacity:.35}
.lm-traveller{pointer-events:none}
.lm-hub-leader{fill:none;stroke:#91a6bf;stroke-width:.9}
.lm-terminal{color:var(--brand)}
.lm-radar{fill:none;stroke:#5385bd;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.lm-label{position:absolute;left:var(--lx);top:var(--ly);transform:translate(-50%,-50%);width:190px;min-height:58px;padding:0;border:0;background:transparent;color:var(--brand);text-align:center;font:500 17px/1.25 var(--font);border-radius:2px;z-index:2;-webkit-tap-highlight-color:transparent}
.lm-label:disabled{cursor:default;opacity:1}.lm-label-copy{position:absolute;bottom:calc(50% + 26px);left:50%;transform:translateX(-50%);width:max-content;max-width:240px;display:flex;align-items:baseline;gap:10px}
.lm-hit{position:absolute;inset:-5px 55px}.lm-label--supply{color:#396f89}
.lm-label--america .lm-label-copy,.lm-scene--wide .lm-label--international .lm-label-copy{bottom:auto;top:calc(50% + 26px)}
.lm-office{position:absolute;left:var(--lx);top:calc(var(--ly) - 9px);transform:translateX(-50%);width:330px;text-align:center}
.lm-label--hub{position:relative;left:auto;top:auto;transform:none;width:100%;min-height:58px;cursor:pointer}
.lm-label--hub strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.03em;color:var(--text)}
.lm-hub-eyebrow{display:block;font:400 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;color:var(--brand)}
.lm-address{margin:12px 0 0;font:400 11px/1.65 var(--font);color:var(--muted)}
.lm-address::before{content:"";display:block;width:22px;height:1px;margin:0 auto 9px;background:var(--brand);opacity:.35}
.lm-address span{display:block}.lm-address-building{color:var(--brand)}
.lm-address-street>span{display:inline}
.lm-label:focus-visible{outline:none}.lm-label:focus-visible .lm-label-copy,.lm-label--hub:focus-visible{outline:1px solid var(--brand);outline-offset:7px}
.lm-label:is(:hover,:focus-visible,[aria-pressed=true]) .lm-label-copy>span:last-child{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
@container(min-width:601px) and (max-width:960px){
 .lm-country{font-size:18px;letter-spacing:4px}
 .lm-label{font-size:14px;width:160px}.lm-label-copy{max-width:200px}
 .lm-office{width:280px}.lm-label--hub{width:100%;min-height:48px}.lm-label--hub strong{font-size:19px}
 .lm-hub-eyebrow{font-size:9px;margin-bottom:6px}.lm-address{font-size:10px;margin-top:6px}
 .lm-address::before{margin-bottom:6px}
}
@container(max-width:600px){
 .lm-scene--wide{display:none}.lm-scene--compact{display:block}
 .lm-country{font-size:19px;letter-spacing:4px}.lm-land{stroke-width:1.2}
 .lm-label{font-size:13px;width:140px;min-height:48px}
 .lm-label-copy{display:block;bottom:calc(50% + 17px);max-width:145px}
 .lm-label--international .lm-label-copy{max-width:132px}
 .lm-label--supply .lm-label-copy{bottom:auto;top:calc(50% + 42px);max-width:104px}
 .lm-label--america .lm-label-copy{bottom:auto;top:calc(50% + 17px)}
 .lm-label--international .lm-label-copy{bottom:calc(50% + 27px)}
 .lm-office{width:190px;top:calc(var(--ly) + 4px)}
 .lm-label--hub{width:100%;min-height:48px}.lm-label--hub strong{font-size:17px}.lm-hub-eyebrow{font-size:8px;letter-spacing:.035em;margin-bottom:6px}
 .lm-address{font-size:10px;line-height:1.6;margin-top:6px}.lm-address::before{margin-bottom:7px}
 .lm-address-street>span{display:block}
 .lm-hit{inset:0 42px}.lm-route-line{stroke-width:2.1}.lm-route--supply .lm-route-line{stroke-width:1.7}
}
@container(max-width:390px){.lm-label{font-size:12px;width:120px}.lm-label-copy{max-width:120px}.lm-office{width:156px}.lm-label--hub{width:100%}.lm-label--hub strong{font-size:15px}.lm-label--international .lm-label-copy{max-width:112px}}
@container(max-width:330px){.lm-scene--compact{margin-bottom:28px}.lm-office{width:144px}}
@container(min-width:601px) and (max-width:680px){.lm-scene--wide{margin-bottom:18px}}
@media(min-width:861px) and (max-height:700px){.logistics-map{width:min(100%,620px);scroll-margin-block:32px}}
@media(max-width:860px){.logistics-map{scroll-margin-block-start:-34px}}
@media(max-width:660px){.logistics-map{width:min(100%,clamp(260px,calc((100svh - 210px)*.7),430px))}}
@media(prefers-reduced-motion:reduce){.lm-radar{display:none}}
@media print{.lm-radar{display:none}.lm-label{text-decoration:none}}
.lm-route.is-emphasized .lm-route-line{stroke-width:2.7}.lm-route.is-emphasized .lm-endpoint-ring{stroke-opacity:.8;fill:#eaf1fa}
.lm-route-line{transition:stroke-width .3s ease}.lm-endpoint-ring{transition:fill .3s ease,stroke-opacity .3s ease}
