/* Stylized people and furnishings retain the actions in an overhead scene. */
.store-miniature{position:absolute;inset:0;overflow:hidden;background:#f3f3f1}
.sq-floor{position:absolute;inset:4% var(--store-scene-inset);border:4px solid #fff;background:#e9e9e7;box-shadow:0 8px #cdcdcb,0 16px 22px #0000000a}
.sq-room,.sq-reception,.sq-tea,.sq-checkout,.sq-entry,.sq-departure{position:absolute}
.sq-room{top:0;height:31%;border-right:5px solid #fff;background:#f0f0ee;box-shadow:inset 0 5px #d9d9d6}
.sq-room::after{content:"";position:absolute;bottom:0;left:0;width:72%;height:5px;background:#fff;box-shadow:0 4px #d3d3d0}
.sq-consult{left:0;width:28%}.sq-treatment{left:28%;width:21%;border-right:0}.sq-treatment-two{left:49%;border-right:1px solid #bdbdb9}.sq-office{left:70%;width:30%;border:0}
.sq-inspection{left:28%;top:39%;width:22%;height:29%}
.sq-reception{left:0;top:39%;width:28%;height:29%;border-right:1px solid #bdbdb9}
.sq-tea{left:50%;top:39%;width:26%;height:29%;border-right:1px solid #bdbdb9}
.sq-checkout{left:76%;top:39%;width:24%;height:29%}
.sq-entry{left:0;bottom:0;width:28%;height:23%}.sq-departure{right:0;bottom:0;width:24%;height:23%}
.sq-room-name,.sq-shelf,.sq-bottles,.sq-desk-brand,.sq-cart,.sq-tablet,.sq-chair,.sq-tea-shelf,.sq-stool,.sq-plant,.sq-screen,.sq-entry-label,.sq-kettle,.sq-plate{display:none}
.sq-person{position:absolute;width:32px;height:47px;z-index:3;filter:drop-shadow(3px 5px 2px #00000016)}
.sq-person::before{content:"";position:absolute;left:2px;top:14px;width:28px;height:31px;border-radius:13px 13px 7px 7px;background:#676763;box-shadow:inset -5px 0 #00000012}
.sq-person::after{content:"";position:absolute;left:8px;top:0;width:17px;height:19px;border-radius:50%;background:#bcbcb6;box-shadow:inset 0 4px #454541}
.sq-person i{display:none}
.sq-person .sq-arm{display:block;position:absolute;top:21px;width:7px;height:22px;background:#8d8d88;border-radius:5px;transform-origin:50% 3px;z-index:4}
.sq-person .sq-arm-left{left:-2px;transform:rotate(18deg)}.sq-person .sq-arm-right{right:-2px;transform:rotate(-18deg)}
.sq-client::before{background:#fafaf8;box-shadow:inset -5px 0 #deded9}.sq-client::after{background:#c6c6c0;box-shadow:inset 0 4px #5b5b56}.sq-client .sq-arm{background:#e2e2dc}
.sq-sofa{position:absolute;top:22%;width:23%;height:25%;border:5px solid #d0d0ca;border-bottom-width:2px;border-radius:8px;background:#f9f9f6;box-shadow:0 6px #bfbfb9,3px 10px 10px #0000000c}.sofa-one{left:17%}.sofa-two{right:17%}
.sq-consult .sofa-one{left:8%}.sq-consult .sofa-two{right:8%}
.sq-round-table{position:absolute;left:35%;top:29%;width:30%;height:27%;border:1px solid #b6b6ae;border-radius:45%;background:#dcdcd4;box-shadow:0 5px #bdbdb4}
.sq-round-table .sq-oil-bottle{position:absolute;top:19%;width:12px;height:20px;border-radius:3px;background:#5b5b53;border-top:6px solid #30302c;box-shadow:1px 2px #0002}
.sq-oil-bottle::after{content:"";position:absolute;left:2px;right:2px;top:5px;height:7px;background:#edede5}
.sq-oil-bottle.oil-one{left:15%}.sq-oil-bottle.oil-two{left:42%;background:#818179}.sq-oil-bottle.oil-three{left:69%}
.sq-round-table .sq-scent-strip{position:absolute;left:25%;bottom:10%;width:52%;height:3px;background:#fff;transform:rotate(-8deg)}
.sq-consultant{left:75%;top:24%;animation:sq-attend 5s ease-in-out infinite}.sq-consult-guest{left:17%;top:24%}
.sq-consultant .sq-arm-left::after{content:"";position:absolute;left:1px;bottom:-9px;width:4px;height:14px;background:#fff;border:1px solid #bdbdb5;border-radius:1px}
.sq-voice-evidence{position:absolute;left:38%;top:8%;width:24%;height:16px;display:flex;align-items:center;justify-content:center;gap:4px}
.sq-voice-evidence i{width:3px;height:7px;border-radius:2px;background:#929289;animation:sq-voice 1.8s ease-in-out infinite}
.sq-voice-evidence i:nth-child(2n){height:14px;animation-delay:-.6s}.sq-voice-evidence i:nth-child(3){height:10px;animation-delay:-1.2s}
.sq-bed{position:absolute;top:15%;left:22%;width:38%;height:44%;border:3px solid #fdfdfb;border-radius:7px;background:#e5e5df;box-shadow:3px 7px #c7c7c0,6px 11px 9px #0000000b}.sq-bed i{display:none}
.sq-bed .sq-pillow{display:block;position:absolute;top:8%;left:15%;width:70%;height:18%;border:1px solid #c1c1bc;border-radius:2px;background:#f4f4f1}
.sq-bed .sq-resting-head{display:block;position:absolute;top:13%;left:calc(50% - 6px);width:12px;height:12px;background:#777773;border-radius:50%}
.sq-therapist{left:64%;top:31%;animation:sq-attend 4s ease-in-out infinite}.sq-treatment-two .sq-therapist{animation-delay:-2s}
.sq-wall-display{position:absolute;top:3%;left:20%;width:60%;height:29%;border:4px solid #777771;border-radius:4px;background:#444440;box-shadow:0 4px #c7c7bf;padding:5px 9px}
.sq-dashboard-head{display:flex;justify-content:space-between;color:#efefe8;font-size:8px;line-height:11px}.sq-dashboard-head b{font-weight:500}
.sq-dashboard-chart{position:absolute;left:10px;right:10px;top:22px;bottom:5px;display:flex;gap:8%;align-items:flex-end;border-bottom:1px solid #777}
.sq-dashboard-chart i{width:12%;height:40%;background:#c1c1b8;border-radius:1px 1px 0 0}.sq-dashboard-chart i:nth-child(2){height:65%}.sq-dashboard-chart i:nth-child(3){height:52%}.sq-dashboard-chart i:nth-child(4){height:80%}.sq-dashboard-chart i:nth-child(5){height:100%}
.sq-manager{left:calc(50% - 16px);top:30%;transform:scale(.85);transform-origin:top center}
.sq-manager::after{background:#5b5b55;box-shadow:inset 0 -3px #aaa99f}
.sq-manager::before{background:#77776e;box-shadow:inset 0 4px #929288}
.sq-manager .sq-arm-left{transform:rotate(15deg)}.sq-manager .sq-arm-right{transform:rotate(-15deg)}
.sq-monitor{position:absolute;top:12%;left:37%;width:26%;height:48%;border:1px solid #999;border-radius:2px;background:#bdbdb8}.sq-monitor i{display:block;height:2px;background:#888;margin:2px 0;width:70%}
.sq-linen{position:absolute;right:7%;top:6%;width:24%;height:41%;display:grid;grid-template-rows:1.2fr 1fr 1fr;gap:4px;padding:3px;border:2px solid #b9b9b0;background:#d4d4ca}
.sq-linen>i{border:1px solid #c6c6ba;background:#f7f7ef;border-radius:3px;box-shadow:inset 0 -3px #deded2}
.sq-linen .sq-supply-bottles{display:flex;justify-content:center;align-items:flex-end;gap:5px;border:0;background:none;box-shadow:none}
.sq-supply-bottles b{width:7px;height:12px;border-top:3px solid #666;background:#a1a193;border-radius:2px}.sq-supply-bottles b + b{height:15px;background:#f4f4e9}
.sq-inspection .sq-inspection-bed{left:7%;top:5%;width:34%;height:45%}
.sq-inspection-bed .sq-duvet{top:29%;height:57%;border-radius:3px}
.sq-inspection-bed .sq-rolled-towel{display:block;position:absolute;left:18%;top:43%;width:65%;height:11px;border:1px solid #cfcfc2;border-radius:6px;background:#fff;box-shadow:0 3px #d5d5ca;z-index:2}
.sq-inspection-check{position:absolute;right:9%;top:50%;display:grid;place-items:center;width:16px;height:16px;border:1px solid #a7a79b;border-radius:50%;color:#626258;background:#f7f7ef}
.sq-inspection-check svg{width:10px;height:10px}
.sq-inspector{left:44%;top:12%}.sq-inspector .sq-arm-right{transform:rotate(-60deg)}
.sq-reception-desk,.sq-tea-counter,.sq-cash-desk{position:absolute;top:29%;left:20%;width:60%;height:18%;border:1px solid #cecec6;border-radius:4px;background:#dfdfd7;box-shadow:0 9px #b9b9af,3px 13px 9px #0000000a;z-index:4}
.sq-receptionist,.sq-barista,.sq-cashier{left:44%;top:6%}
.sq-receptionist{left:29%}
.sq-imac{position:absolute;left:57%;top:-35px;width:64px;height:47px;z-index:5}
.sq-imac-screen{position:absolute;inset:0 0 8px;background:#4b4b48;border:3px solid #bcbcb8;border-bottom-width:9px;border-radius:4px;box-shadow:2px 2px 2px #0002;padding:5px}
.sq-imac-screen::before{content:"";position:absolute;top:-2px;left:50%;width:2px;height:2px;background:#53534f;border-radius:50%}
.sq-imac-screen::after{content:"";position:absolute;bottom:-6px;left:calc(50% - 2px);width:4px;height:3px;background:#898983;border-radius:50%}
.sq-imac-screen i{display:block;width:70%;height:2px;margin:2px 0;background:#d3d3cb}.sq-imac-screen i:nth-child(2){width:45%}
.sq-imac-stand{position:absolute;bottom:0;left:26px;width:12px;height:10px;background:#b0b0aa}
.sq-imac-stand::after{content:"";position:absolute;bottom:-2px;left:-8px;width:28px;height:3px;background:#999992;border-radius:2px}
.sq-imac-keyboard{position:absolute;bottom:-10px;left:9px;width:43px;height:6px;background:#f3f3ee;border:1px solid #bbb;border-radius:2px}
.sq-camera{position:absolute;top:3%;left:7%;width:32px;height:17px;border-radius:4px;background:#f9f9f5;border:1px solid #b8b8b0;box-shadow:0 3px #ccccc5;transform:rotate(18deg);z-index:5}
.sq-camera-lens{position:absolute;right:-3px;top:2px;width:8px;height:12px;border:2px solid #333;border-radius:3px;background:#86867f}
.sq-camera-mount{position:absolute;left:7px;top:16px;width:5px;height:12px;border-left:3px solid #85857c;border-bottom:3px solid #85857c;transform:skewX(-20deg)}
.sq-camera::before{content:"";position:absolute;left:-5px;top:24px;width:12px;height:4px;border-radius:2px;background:#a0a097}
.sq-camera::after{content:"";position:absolute;left:35px;top:-6px;width:35px;height:28px;border:1px dashed #b1b1a9;border-left:0;border-radius:0 50% 50% 0}
.sq-kiosk{position:absolute;left:8%;top:26%;width:14px;height:25px;border:1px solid #999;border-radius:2px}
.sq-tray{position:absolute;left:32%;top:18%;width:38%;height:60%;border:1px solid #b5b5af}
.sq-cup{position:absolute;left:20%;top:15%;width:7px;height:7px;border:1px solid #8b8b85;border-radius:50%}.sq-cup+.sq-cup{left:60%}
.sq-pos{position:absolute;top:-14px;left:46%;width:27px;height:32px;border:3px solid #fff;border-bottom-width:8px;border-radius:2px;background:#fafaf8;box-shadow:0 3px #afafa6}
.sq-pos .sq-qr-corner{position:absolute;width:7px;height:7px;border:2px solid #454540;background:#fff}
.sq-qr-corner:nth-child(1){top:1px;left:1px}.sq-qr-corner:nth-child(2){top:1px;right:1px}.sq-qr-corner:nth-child(3){bottom:1px;left:1px}
.sq-qr-data{position:absolute;right:2px;bottom:2px;width:3px;height:3px;background:#555;box-shadow:-4px -2px #555,0 -5px #555,-5px -7px #555}
.sq-scan-phone{position:absolute;left:74%;top:-9px;width:21px;height:34px;border:3px solid #484842;border-radius:4px;background:#f7f7f1;transform:rotate(-18deg);box-shadow:1px 2px #0002}
.sq-scan-frame{position:absolute;inset:6px 2px;border:1px solid #a8a89e}
.sq-scan-line{position:absolute;left:2px;right:2px;top:7px;height:1px;background:#555;animation:sq-scan 2.5s ease-in-out infinite}
.sq-paying-guest .sq-arm-left{transform:rotate(65deg)}
.sq-paying-guest{left:76%;top:23%}
.sq-greeter{left:38%;top:7%}.sq-arriving{left:57%;top:16%;animation:sq-arrive 6s ease-in-out infinite}
.sq-host{left:36%;top:7%}.sq-leaving{left:60%;top:16%;animation:sq-arrive 6s ease-in-out infinite reverse}
.sq-door{position:absolute;bottom:-1px;left:25%;width:50%;height:1px;background:#f3f3f1}
.sq-corridor{position:absolute;left:42%;bottom:10%;color:#b3b3ad;font-size:14px}
.store-story-canvas{min-width:1000px;aspect-ratio:16 / 10}
.store-story-point{width:200px;height:82px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:26px 24px 20px;gap:0 8px;padding:5px 4px;text-align:left;border-radius:0;color:#30302d}
.store-story-point>span{width:auto;height:auto;background:none;color:#8a8a84;border:0;border-radius:0;box-shadow:none;font-size:10px;backdrop-filter:none;-webkit-backdrop-filter:none}
.store-story-point strong{font-size:15px;font-weight:550;line-height:26px}
.store-story-point small{grid-column:2;font-size:12px;line-height:22px;color:#73736c;white-space:nowrap}
.store-story-point.active>span,.store-story-point:hover>span{background:none;color:#111;box-shadow:none}
.store-story-point.active strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.store-story-point.active::before{content:"";position:absolute;top:16px;left:-6px;width:4px;height:4px;border-radius:50%;background:#333}
.store-story-point:focus-visible{outline:1px solid #444;outline-offset:4px}
.store-story-point[data-architecture-node="consult"]{--scene-x:17%;--scene-y:26%}
.store-story-point[data-architecture-node="treatment"]{--scene-x:50%;--scene-y:26%}
.store-story-point[data-architecture-node="manager"]{--scene-x:83%;--scene-y:26%}
.store-story-point[data-architecture-node="reception"]{--scene-x:17%;--scene-y:61%}
.store-story-point[data-architecture-node="inspection"]{--scene-x:40%;--scene-y:61%}
.store-story-point[data-architecture-node="tea"]{--scene-x:63%;--scene-y:61%}
.store-story-point[data-architecture-node="payment"]{--scene-x:86%;--scene-y:61%}
.store-story-point[data-architecture-node="welcome"]{--scene-x:17%;--scene-y:89%}
.store-story-point[data-architecture-node="farewell"]{--scene-x:86%;--scene-y:89%}
@keyframes sq-attend{50%{transform:translateX(-4px)}}@keyframes sq-arrive{50%{transform:translateY(-8px)}}
.store-story:not(.is-in-view) .store-miniature *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.store-miniature *{animation:none!important}}
.sq-bed .sq-duvet{display:block;position:absolute;left:16%;top:34%;width:68%;height:54%;border-radius:18px 18px 3px 3px;background:#f9f9f5;box-shadow:inset -5px 0 #e4e4de}
.sq-bed .sq-runner{display:block;position:absolute;bottom:8%;left:0;right:0;height:14%;background:#a5a59d}
.sq-consultant .sq-arm-left,.sq-therapist .sq-arm-left{animation:sq-gesture 3s ease-in-out infinite}
.sq-therapist .sq-arm-right{transform:rotate(65deg)}
.sq-barista .sq-arm-right,.sq-receptionist .sq-arm-right{transform:rotate(-60deg)}
.sq-greeter .sq-arm-right,.sq-host .sq-arm-right{animation:sq-wave 5s ease-in-out infinite}
.sq-cup{box-shadow:1px 2px #aaa}
.sq-tray .sq-plate{display:block;position:absolute;right:-30px;top:0;width:21px;height:13px;border:3px solid #fff;border-radius:50%;background:#c5c5b9}
.sq-tea-counter .sq-kettle{display:block;position:absolute;left:12%;top:10%;width:15px;height:15px;border-radius:5px;background:#999990}
.sq-inspection > .sq-tablet{display:block;position:absolute;left:60%;top:24%;width:11px;height:19px;border:2px solid #555;border-radius:2px;background:#f7f7f3;z-index:4;transform:rotate(-12deg)}
.sq-inspection > .sq-tablet::after{content:"";position:absolute;left:2px;top:5px;width:3px;height:5px;border-right:1px solid #777;border-bottom:1px solid #777;transform:rotate(40deg)}
.store-story-point em{grid-column:2;font-size:11px;font-style:normal;color:#555;line-height:20px}
.store-story-point.active em{color:#111}
.sq-corridor{display:none}
.store-scene-link{position:absolute;left:30%;right:28%;bottom:5%;height:110px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;color:#474744}
.store-scene-link::before{content:"";position:absolute;left:40px;right:40px;top:26px;border-top:1px dashed #aaa}
.store-story.is-in-view .store-scene-link::after{content:"";position:absolute;left:40px;top:24px;width:5px;height:5px;background:#555;animation:sq-transfer 4s ease-in-out infinite alternate}
.store-scene-link > div{position:relative;display:grid;grid-template-rows:52px 18px 14px;justify-items:center;gap:8px;width:80px;flex:none;font-size:12px}
.scene-device-icon{box-sizing:border-box;position:relative;width:52px;height:52px;display:grid;place-items:center;background:#e9e9e7;border:1px solid #ccc;border-radius:50%}
.store-scene-link svg{display:block;width:22px;height:22px}
.store-scene-link small{font-size:10px;color:#666}
.store-scene-link > div.active .scene-device-icon{background:#3f3f3c;color:#fff;border-color:#3f3f3c}
.store-scene-link > div.active .scene-device-icon::after{content:"";position:absolute;inset:-5px;border:1px solid #999;border-radius:50%;transform-origin:center;animation:sq-signal 2s ease-out infinite}
@keyframes sq-gesture{0%,100%{transform:rotate(45deg)}50%{transform:rotate(80deg)}}
@keyframes sq-wave{0%,100%{transform:rotate(-30deg)}50%{transform:rotate(-85deg)}}
@keyframes sq-signal{to{transform:scale(1.18);opacity:0}}
@keyframes sq-transfer{to{left:calc(100% - 45px)}}
@keyframes sq-voice{50%{transform:scaleY(.45)}}
@keyframes sq-scan{50%{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.store-story.is-in-view .store-scene-link::after{display:none}.store-scene-link > div.active .scene-device-icon::after,.store-miniature .sq-person,.store-miniature .sq-person .sq-arm{animation:none}}