/* One SVG viewBox keeps every photo layer aligned when the harbor is cropped. */
.logistics-viewport{position:absolute;inset:0;overflow:hidden}
.logistics-scene{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.route-panel{z-index:3}
.motion-toggle{position:absolute;top:22px;right:22px;z-index:4;display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 13px;border:1px solid #ffffffb3;border-radius:30px;background:#f6fcffe8;box-shadow:0 4px 20px #1e587217;color:#28576a;font-size:11px;font-weight:600;backdrop-filter:blur(10px)}
.motion-toggle:hover{background:#fff}.motion-toggle:focus-visible{outline:3px solid #0f7185;outline-offset:3px}
.motion-toggle-icon{display:grid;place-items:center;width:13px;font-size:12px}
.scene-animated{animation-play-state:paused!important}
.logistics-scene[data-motion="playing"] .scene-animated{animation-play-state:running!important}
.scene-aircraft{animation:harbor-flight 28s linear -9s infinite;transform-origin:640px 190px;transform-box:view-box}
.scene-forklift{animation:harbor-transfer 24s ease-in-out infinite}
.forklift-idle{animation:harbor-engine .45s ease-in-out infinite alternate}
.forklift-rear-spin{animation:harbor-wheels 24s linear infinite;transform-origin:244px 808px;transform-box:view-box}
.forklift-front-spin{animation:harbor-wheels 24s linear infinite;transform-origin:753px 815px;transform-box:view-box}
.coordinator-breath{animation:harbor-breath 4.2s ease-in-out infinite;transform-origin:512px 750px;transform-box:view-box}
.coordinator-nod{animation:harbor-review 6.5s ease-in-out infinite;transform-origin:515px 280px;transform-box:view-box}
.coordinator-writing{animation:harbor-writing 2.8s ease-in-out infinite;transform-origin:540px 490px;transform-box:view-box}
@keyframes harbor-flight{0%{transform:translate(-760px,75px) rotate(-1deg);opacity:0}8%{opacity:1}88%{opacity:1}100%{transform:translate(1140px,-120px) rotate(-1deg);opacity:0}}
@keyframes harbor-transfer{0%,8%,100%{transform:translate(0,0)}42%,58%{transform:translate(108px,5px)}92%{transform:translate(0,0)}}
@keyframes harbor-wheels{0%,8%,100%{transform:rotate(0)}42%,58%{transform:rotate(210deg)}92%{transform:rotate(0)}}
@keyframes harbor-engine{from{transform:translateY(0)}to{transform:translateY(.55px)}}
@keyframes harbor-breath{0%,100%{transform:rotate(0)}50%{transform:rotate(.35deg)}}
@keyframes harbor-review{0%,25%,100%{transform:rotate(0)}50%,65%{transform:rotate(2.4deg)}}
@keyframes harbor-writing{0%,15%,100%{transform:rotate(0)}35%{transform:rotate(-1.2deg)}50%{transform:rotate(.7deg)}65%{transform:rotate(-.6deg)}}
@media(max-width:700px){.logistics-hero{padding-top:0}.logistics-viewport{position:relative;inset:auto;height:62vw;min-height:245px}.logistics-scene,.logistics-viewport .hero-shade{height:100%}.motion-toggle{top:12px;right:12px;min-height:32px;padding:7px 10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.logistics-scene:not([data-motion="playing"]) .scene-animated{animation-play-state:paused!important}}