/* Four Retta symbol poses, without lettering, at 60% of the original scale. */
.brand-transition{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#fff;color:#000;opacity:1;visibility:visible;animation:retta-reveal 3400ms linear forwards;touch-action:none;pointer-events:auto}
.brand-transition svg{display:block;width:102px;height:auto;max-width:24vw;overflow:visible}
.brand-transition .motion-left{transform-origin:344px 362px;animation:retta-left 2750ms cubic-bezier(.45,0,.2,1) both}
.brand-transition .motion-right{transform-origin:542px 362px;animation:retta-right 2750ms cubic-bezier(.45,0,.2,1) both}
.brand-transition.is-finished{display:none}
.brand-motion-playing{overflow:hidden}
@keyframes retta-left{0%,16%{transform:rotate(0deg)}35%,68%{transform:rotate(-45deg)}88%,100%{transform:rotate(45deg)}}
@keyframes retta-right{0%,16%{transform:rotate(0deg)}35%,44%{transform:rotate(45deg)}64%,100%{transform:rotate(90deg)}}
@keyframes retta-reveal{0%,82%{opacity:1;visibility:visible}99.9%{visibility:visible}100%{opacity:0;visibility:hidden}}
@media(max-width:700px){.brand-transition svg{width:86.4px}}
@media(prefers-reduced-motion:reduce){.brand-transition{display:none;animation:none}.brand-transition .motion-left,.brand-transition .motion-right{animation:none}.brand-motion-playing{overflow:visible}}