.store-opening{color:#1f2a44;background:radial-gradient(at 50% 34%,#eef2ff 0%,#f8faff 48%,#fff 80%);place-items:center;min-height:100svh;padding:32px 24px;display:grid}.opening-content{text-align:center;width:100%;max-width:480px}.opening-brand{color:#4e6ef2;justify-content:center;margin-bottom:36px;display:flex}.opening-logo{width:112px;height:39px}.opening-logo-bar{transform-box:fill-box;transform-origin:bottom;animation:4s ease-in-out infinite opening-bar;animation-delay:var(--bar-delay)}.opening-scene{width:min(100%,360px);margin:0 auto 24px}.opening-scene svg{width:100%;height:auto;display:block}.opening-building{transform-origin:bottom;animation:5s ease-in-out infinite opening-lift}.opening-sign{animation:5s ease-in-out infinite opening-sign}.opening-worker-left{animation:5s ease-in-out infinite opening-left}.opening-worker-right{animation:5s ease-in-out infinite opening-right}.opening-spark{animation:5s ease-in-out infinite opening-spark}.opening-store-name{color:#65718b;overflow-wrap:anywhere;margin:0 0 10px;font-size:13px;line-height:1.6}.store-opening h1{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(24px,5vw,32px);font-weight:650;line-height:1.5}.opening-message{color:#65718b;text-wrap:pretty;max-width:380px;margin:0 auto;font-size:15px;line-height:1.9}.opening-dots{justify-content:center;gap:7px;margin-top:25px;display:flex}.opening-dots i{background:#4e6ef2;border-radius:50%;width:5px;height:5px;animation:1.8s ease-in-out infinite opening-dot}.opening-dots i:nth-child(2){animation-delay:.2s}.opening-dots i:nth-child(3){animation-delay:.4s}@keyframes opening-bar{0%,35%,to{transform:scaleY(1)}15%{transform:scaleY(.55)}}@keyframes opening-lift{0%,to{transform:translateY(0)}45%,65%{transform:translateY(-5px)}}@keyframes opening-sign{0%,to{transform:translateY(0)}45%{transform:translateY(-8px)}}@keyframes opening-left{0%,to{transform:translate(0)}45%,65%{transform:translate(7px)}}@keyframes opening-right{0%,to{transform:translate(0)}45%,65%{transform:translate(-7px)}}@keyframes opening-spark{0%,to{opacity:.25}50%{opacity:1}}@keyframes opening-dot{0%,to{opacity:.25}50%{opacity:1}}@media (max-width:480px){.store-opening{padding:24px 22px}.opening-brand{margin-bottom:20px}.opening-scene{max-width:300px;margin-bottom:20px}}@media (prefers-reduced-motion:reduce){.store-opening *{animation:none!important}}