/* One-shot vector reveal; no autoplay loop or dependency on JavaScript. */
.brand-motion{display:block;width:100%;height:100%;overflow:visible;fill:var(--motion-ink,#171b16)}
.brand-motion-right{fill:#d4fa45}
.brand-motion-left,.brand-motion-right{animation:brand-partner .8s cubic-bezier(.22,.61,.36,1) .1s both}
.brand-motion-left{--motion-x:-85px}.brand-motion-right{--motion-x:85px}
.brand-motion-g,.brand-motion-y,.brand-motion-a,.brand-motion-t,.brand-motion-e{animation:brand-letter .65s cubic-bezier(.22,.61,.36,1) both}
.brand-motion-g{animation-delay:.55s}.brand-motion-y{animation-delay:.65s}.brand-motion-a{animation-delay:.75s}.brand-motion-t{animation-delay:.85s}.brand-motion-e{animation-delay:.95s}
@keyframes brand-partner{from{opacity:0;transform:translateX(var(--motion-x))}to{opacity:1;transform:translateX(0)}}
@keyframes brand-letter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.gymate-logo--animated{background:none!important}.gymate-logo--animated::after{display:none}
.brand-start{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#f6f7f0;pointer-events:none;animation:brand-start-end .35s ease 1.95s forwards}
.brand-start>svg{width:min(68vw,320px);height:auto}
@keyframes brand-start-end{to{opacity:0;visibility:hidden}}
@media(prefers-color-scheme:dark){.brand-motion{--motion-ink:#f6f7f0}.brand-start{background:#171b16}}
[data-logo-surface="light"] .brand-motion{--motion-ink:#171b16}
[data-logo-surface="dark"] .brand-motion,footer .brand-motion{--motion-ink:#f6f7f0}
@media(prefers-reduced-motion:reduce){.brand-motion>g{animation:none!important;opacity:1;transform:none}.brand-start{display:none}}