.logo-motion{position:relative;isolation:isolate;width:100%;margin:0;aspect-ratio:2.34;min-height:360px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#222 0%,#101010 75%);color:#fff}
.logo-motion canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0}
.logo-motion.is-ready canvas{opacity:1}
.logo-motion-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.logo-motion.is-ready .logo-motion-fallback{visibility:hidden}
.logo-motion [data-brand-shop-image]{display:none!important}
.brand-shop-mockup{position:absolute;box-sizing:border-box;opacity:0;pointer-events:none;transform-origin:center;overflow:hidden;border:1px solid #aaa;border-radius:8px;background:#fff;box-shadow:2px 3px 0 #737373,5px 7px 0 #363636,8px 11px 0 #242424,12px 25px 34px #0009;will-change:opacity}
.brand-shop-chrome{box-sizing:border-box;height:var(--browser-bar);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 1.5%;background:linear-gradient(#f8f8f8,#e6e6e6);border-bottom:1px solid #d4d4d4;color:#646464;font:400 var(--browser-type)/1 Arial,sans-serif}
.brand-shop-dots{display:flex;gap:4px;width:14%}.brand-shop-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#aaa}.brand-shop-dots i:first-child{background:#bd6e68}
.brand-shop-address{display:flex;align-items:center;justify-content:center;width:54%;height:65%;border-radius:3px;background:#fff9;font-size:.85em;color:#6c6c6c}
.brand-shop-control{width:14%;text-align:right;font-size:1.15em}
.brand-shop-mockup>img{display:block;width:100%;height:calc(100% - var(--browser-bar));max-width:none;object-fit:fill}
.logo-motion-caption{position:absolute;left:30px;bottom:27px;margin:0;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#bdbdbd;z-index:1;pointer-events:none}
.logo-motion-toggle{position:absolute;right:24px;bottom:19px;z-index:2;display:flex;align-items:center;gap:9px;min-height:40px;padding:9px 12px;background:transparent;color:#ddd;border:1px solid #555;font:inherit;font-size:11px;cursor:pointer;transition:background .2s,border-color .2s}
.logo-motion-toggle[hidden]{display:none}
.logo-motion-toggle:hover{background:#303030;border-color:#aaa}
.logo-motion-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
.logo-motion-toggle svg{width:12px;height:12px;fill:currentColor}
.logo-motion-toggle .motion-play{display:none}
.logo-motion-toggle[aria-pressed="true"] .motion-play{display:block}
.logo-motion-toggle[aria-pressed="true"] .motion-pause{display:none}
@media(max-width:650px){.logo-motion{aspect-ratio:1.25;min-height:280px}.logo-motion-caption{left:16px;bottom:25px;font-size:8px;letter-spacing:.1em}.logo-motion-toggle{right:14px;bottom:15px;font-size:10px;padding:8px 10px}}