.animated-brand{position:relative;flex-shrink:0;width:252px;max-width:calc(100% - 70px)}
.animated-brand .brand{position:relative;display:block}
.animated-brand .logo-still,.animated-brand .logo-motion{display:block;width:100%;height:auto;aspect-ratio:3/1}
.animated-brand .logo-motion{position:absolute;inset:0;visibility:hidden;pointer-events:none}
.animated-brand.is-playing .logo-motion,.animated-brand.has-frame .logo-motion{visibility:visible}
.animated-brand.has-frame .logo-still{visibility:hidden}
.logo-toggle{position:absolute;right:-20px;bottom:4px;width:24px;height:24px;padding:0;border:1px solid #596873;border-radius:50%;background:#0d1727;color:#bdcfb3;font:12px system-ui;line-height:22px;cursor:pointer;opacity:0;pointer-events:none}
.animated-brand:hover .logo-toggle,.animated-brand:focus-within .logo-toggle{opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.animated-brand .logo-motion,.logo-toggle{display:none!important}.animated-brand.has-frame .logo-still{visibility:visible}}
@media(max-width:600px){.animated-brand{width:187px}}