#brand-loader{position:fixed;inset:0;z-index:100;background:#080808;color:#f0eee7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;pointer-events:none;transition:opacity .28s ease-out}
#brand-loader.is-ready{opacity:0}
#brand-loader svg{width:130px;height:206px;overflow:visible}
#brand-loader .loader-shape{fill:#d8e343}
#brand-loader circle{fill:#d8e343}
#brand-loader svg{animation:loader-soft-in 2s ease-out both}
#brand-loader svg g{animation:loader-soft-pulse 2s ease-in-out infinite}
#brand-loader{transition:opacity .35s ease-out}
@keyframes loader-soft-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes loader-soft-pulse{50%{opacity:.75}}
@keyframes dot-assemble{from{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}to{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes dot-breathe{0%,100%{opacity:1;transform:translate(0,0) scale(1)}50%{opacity:.68;transform:translate(0,-5px) scale(.9)}}
@media(prefers-reduced-motion:reduce){#brand-loader{transition:none}#brand-loader svg,#brand-loader svg g{animation:none}}