.public-page-loading{display:grid;place-items:center;min-height:75vh;min-height:75svh;padding:64px 24px;background:#f8f8f6;color:#20201e}.loading-brand-stage{width:min(320px,100%);display:flex;flex-direction:column;align-items:center;animation:ob-loading-enter .35s ease-out both}.loading-beat{display:flex;align-items:center;justify-content:center;gap:7px;height:56px;margin-bottom:30px}.loading-beat i{display:block;width:4px;height:34px;background:#252522;transform:skewX(-14deg);transform-origin:center;animation:ob-loading-beat 1.5s cubic-bezier(.45,0,.55,1) infinite}.loading-beat i:first-child{height:18px;animation-delay:-.6s}.loading-beat i:nth-child(2){height:38px;animation-delay:-.45s}.loading-beat i:nth-child(3){height:52px;background:#8b6b40;animation-delay:-.3s}.loading-beat i:nth-child(4){height:30px;animation-delay:-.15s}.loading-beat i:nth-child(5){height:16px}.public-page-loading .loading-wordmark{display:block;width:min(260px,100%);height:auto;-o-object-fit:contain;object-fit:contain;filter:brightness(0)}.loading-track{width:100%;height:1px;background:#deded7;overflow:hidden;margin-top:38px}.loading-track span{display:block;width:36%;height:100%;background:linear-gradient(90deg,transparent,#8b6b40,#252522);animation:ob-loading-scan 1.8s cubic-bezier(.65,0,.35,1) infinite}.loading-caption{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:10px;font-weight:500;letter-spacing:.24em;line-height:1.5;color:#6c6c65}.loading-dots{display:flex;gap:4px}.loading-dots i{width:2px;height:2px;border-radius:50%;background:currentColor;animation:ob-loading-dot 1.5s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.18s}.loading-dots i:nth-child(3){animation-delay:.36s}@keyframes ob-loading-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ob-loading-beat{0%,to{transform:skewX(-14deg) scaleY(.4)}50%{transform:skewX(-14deg) scaleY(1)}}@keyframes ob-loading-scan{0%{transform:translateX(-110%)}to{transform:translateX(380%)}}@keyframes ob-loading-dot{0%,80%,to{opacity:.3}40%{opacity:1}}@media(max-width:700px){.public-page-loading{padding:40px 28px}.loading-brand-stage{width:240px;max-width:100%}.public-page-loading .loading-wordmark{width:216px}.loading-beat{margin-bottom:24px}.loading-track{margin-top:30px}}@media(prefers-reduced-motion:reduce){.loading-beat i,.loading-brand-stage,.loading-dots i,.loading-track span{animation:none}.loading-track span{width:100%;opacity:.6}}