/* Four slices of the original logo, not replacement lettering. */
#auth .auth-brand{height:142px;margin:0 0 12px;overflow:hidden}
.stone-stage{position:relative;width:100%;max-width:290px;height:142px;display:grid;place-items:end center;padding-bottom:25px;isolation:isolate}
.stone-logo{display:flex;gap:5px;position:relative;z-index:2}
.logo-stone{position:relative;display:block;width:49px;height:50px;--start:calc(.1s + var(--order)*.25s);--impact:calc(.54s + var(--order)*.25s)}
.stone-face{display:block;width:100%;height:100%;overflow:hidden;position:relative;z-index:2;transform-origin:center bottom}
.stone-ground{position:absolute;bottom:24px;left:7%;right:7%;height:2px;background:linear-gradient(90deg,transparent,#b7c6e7 25%,#b7c6e7 75%,transparent)}
.stone-shadow{position:absolute;bottom:-3px;left:4px;right:4px;height:7px;border-radius:50%;background:#283e6826;filter:blur(3px);opacity:1}
.stone-dust{position:absolute;left:50%;bottom:-2px;z-index:3;pointer-events:none}
.stone-dust::before,.stone-dust::after{content:'';position:absolute;bottom:-6px;width:42px;height:17px;opacity:0;border-radius:50%;background:radial-gradient(ellipse,#b7b1a577,#d9d1c333 45%,transparent 72%);filter:blur(1px);transform-origin:center}
.stone-dust::before{right:-2px;--drift:-23px}.stone-dust::after{left:-2px;--drift:23px}
.stone-dust i{position:absolute;display:block;width:var(--size);height:var(--size);left:0;bottom:0;border-radius:50%;background:#b9b5ac;opacity:0}
#auth:not([hidden]) .stone-face{animation:stone-fall 1.05s linear var(--start) both}
#auth:not([hidden]) .stone-shadow{animation:stone-land-shadow 1.05s linear var(--start) both}
#auth:not([hidden]) .stone-dust::before,#auth:not([hidden]) .stone-dust::after{animation:stone-dust-cloud .7s ease-out var(--impact) both}
#auth:not([hidden]) .stone-dust i{animation:stone-dust-grain .65s ease-out var(--impact) both}
@keyframes stone-fall{0%{opacity:0;transform:translateY(-105px) rotate(var(--tilt));animation-timing-function:cubic-bezier(.55,0,1,.5)}8%{opacity:1}42%{opacity:1;transform:translateY(0) rotate(0) scale(1.08,.88);animation-timing-function:ease-out}60%{transform:translateY(-15px) rotate(calc(var(--tilt)*-.25)) scale(.98,1.02);animation-timing-function:ease-in}76%{transform:translateY(0) rotate(0) scale(1.03,.96)}86%{transform:translateY(-4px) rotate(1deg) scale(1)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes stone-land-shadow{0%,8%{opacity:0;transform:scale(.4)}42%{opacity:1;transform:scale(1.15)}60%{opacity:.35;transform:scale(.8)}76%,100%{opacity:1;transform:scale(1)}}
@keyframes stone-dust-cloud{0%{opacity:0;transform:translateX(0) scale(.2)}15%{opacity:.9}100%{opacity:0;transform:translate(var(--drift),-9px) scale(1.8)}}
@keyframes stone-dust-grain{0%{opacity:0;transform:translate(0,0) scale(.4)}12%{opacity:.65}60%{opacity:.3;transform:translate(var(--dx),var(--dy)) scale(.8)}100%{opacity:0;transform:translate(var(--dx),5px) scale(.3)}}
@media(max-width:360px){.logo-stone{width:43px;height:44px}.stone-logo{gap:3px}}
@media(prefers-reduced-motion:reduce){#auth:not([hidden]) .stone-face,#auth:not([hidden]) .stone-shadow,#auth:not([hidden]) .stone-dust::before,#auth:not([hidden]) .stone-dust::after,#auth:not([hidden]) .stone-dust i{animation:none}.stone-dust{display:none}}