.wms-story{height:750vh;position:relative;color:#eef4e6;background:#153640;font:16px/1.6 system-ui,sans-serif;border-radius:18px;overflow:clip}.wms-layout{height:100%;position:relative}.wms-stage{height:100vh;position:sticky;top:0;padding:0;overflow:hidden}.wms-canvas{height:100%;width:100%;position:relative;background:radial-gradient(ellipse at 60% 60%,#285362,#112c37 75%);overflow:hidden}.wms-canvas>svg{position:absolute;width:75%;height:80%;right:-2%;bottom:0}.wms-status{position:absolute;top:30px;left:4%;color:#d5ee9d;font-size:12px;letter-spacing:.18em}.wms-counter{position:absolute;top:30px;right:4%;color:#aac4c4;font-size:13px}.scene-caption{position:absolute;left:4%;top:16%;width:33%;z-index:2;pointer-events:none}.scene-kicker{font-size:10px;letter-spacing:.1em;color:#9ebbb9}.scene-caption h2{font-size:clamp(28px,4vw,56px);line-height:1.09;letter-spacing:-.045em;font-weight:550;margin:18px 0;color:#f1f5e8}.scene-caption p{font-size:15px;color:#bdcfcc;line-height:1.7;max-width:340px}.scene-action,.motion-toggle{border:1px solid #7c9d8e;border-radius:6px;color:#d5ee9d;background:#183f49;padding:9px 14px;cursor:pointer;font:13px system-ui;pointer-events:auto}.scene-action{margin-top:12px}.scene-footer{position:absolute;bottom:22px;left:4%;right:4%;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.06em;color:#abc4c0}.scene-footer span:last-child{margin-left:auto}.scene-nav{position:absolute;bottom:80px;left:4%;display:flex;gap:8px;z-index:3}.scene-nav button{width:30px;height:30px;border-radius:50%;border:1px solid #617f80;background:#20464f;color:#bdd1c9;cursor:pointer}.scene-nav button[aria-current=step]{background:#d3ee9b;color:#163b46;border-color:#d3ee9b}.wms-detail{position:absolute;right:4%;bottom:80px;width:38%;max-width:430px;padding:15px;background:#14303bed;border:1px solid #618480;border-radius:8px;font-size:13px;color:#e0eadc;z-index:4}.wms-detail:empty{display:none}.wms-zone{opacity:.3;transition:opacity .3s}.wms-zone.focus{opacity:1}.wms-pallet{filter:drop-shadow(0 9px 5px #08232a99)}.wms-progress{position:sticky;top:0;height:3px;margin-bottom:-3px;background:#36554d;z-index:6}.wms-progress span{display:block;height:100%;background:#d3ee9b}button:focus-visible{outline:3px solid #e1f4b9;outline-offset:3px}@media(max-width:700px){.wms-story{border-radius:0}.scene-caption{width:90%;top:11%;left:5%}.scene-caption h2{font-size:32px;max-width:330px;margin:10px 0}.scene-caption p{font-size:13px;max-width:340px;line-height:1.55}.scene-kicker{font-size:9px}.wms-canvas>svg{width:112%;height:56%;right:-6%;bottom:10%}.scene-action{padding:7px 10px;margin-top:2px;font-size:11px}.scene-nav{bottom:70px;left:5%}.scene-footer{bottom:18px;left:5%;right:5%;gap:12px;flex-wrap:wrap;font-size:9px}.scene-footer span:last-child{display:none}.wms-detail{bottom:110px;right:5%;width:90%;max-width:none;font-size:12px}.wms-status{top:22px;left:5%;font-size:10px}.wms-counter{top:22px;right:5%}}@media(prefers-reduced-motion:reduce){.wms-zone{transition:none}}
/* Loading sequence: load stays attached to the container during departure. */
.loading-state{position:absolute;bottom:135px;right:4%;width:48%;text-align:center;color:#d3ee9b;font-size:12px;letter-spacing:.025em;pointer-events:none}.loading-state:empty{display:none}.wms-canvas>svg{right:0}.truck-wheel{transform-box:fill-box;transform-origin:center}@media(max-width:700px){.loading-state{bottom:118px;right:5%;width:90%;font-size:10px}.wms-canvas>svg{right:-6%}}
.loading-state{top:90px;bottom:auto}@media(max-width:700px){.loading-state{top:auto;bottom:118px}}