.logo{--turn:cubic-bezier(.55, 0, .15, 1);aspect-ratio:924/200;width:auto;height:34px;display:block;overflow:visible}.logo-sym,.logo-pd,.logo-ch,.logo-dot,.mark{transform-box:fill-box;transform-origin:50%}.logo-sym{animation:.5s cubic-bezier(.16,.84,.32,1) .1s backwards logo-pop}.logo-pd{animation:logo-turn .66s var(--turn) .15s backwards;transition:transform .66s var(--turn)}.logo-ch{animation:.42s cubic-bezier(.34,1.56,.64,1) backwards logo-ch}.logo-dot{animation:.42s cubic-bezier(.16,.84,.32,1) backwards logo-dot}.brand:hover .logo-pd,.brand:focus-visible .logo-pd{transform:rotate(180deg)}@keyframes logo-pop{0%{opacity:0;transform:scale(.8)}}@keyframes logo-turn{0%{transform:rotate(-180deg)}}@keyframes logo-ch{0%{opacity:0;transform:translateY(70px)}}@keyframes logo-dot{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.4)}}.mark{flex:none;width:1.15em;height:1.15em;display:block}.logo-spin{animation:.8s cubic-bezier(.55,0,.15,1) infinite logo-half}@keyframes logo-half{to{transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.logo *,.mark{transition:none!important;animation:none!important}}