.bsp-logo{position:relative;width:100%;max-width:720px;aspect-ratio:2732 / 700;isolation:isolate;margin-inline:auto}
.bsp-logo__background,.bsp-logo__fallback,.bsp-logo__animation{position:absolute;inset:0;width:100%;height:100%}
.bsp-logo__background{background:#fff;opacity:1;transition:opacity 1s ease;z-index:0}
.bsp-logo__fallback{object-fit:contain;z-index:1}
.bsp-logo__animation{z-index:2;opacity:0;pointer-events:none}
.bsp-logo.is-animating .bsp-logo__animation{opacity:1}
.bsp-logo.is-animating .bsp-logo__fallback{opacity:0}
.bsp-logo.bsp-logo--transparent .bsp-logo__background{opacity:0}
@media(prefers-reduced-motion:reduce){.bsp-logo__background{transition:none}.bsp-logo.is-animating .bsp-logo__animation{opacity:0}.bsp-logo.is-animating .bsp-logo__fallback{opacity:1}}

.bsp-logo__fallback{display:block;border:0}
.bsp-logo__animation svg{display:block}