.brand-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#050706;visibility:hidden;opacity:0;pointer-events:none;overflow:hidden}.brand-opening .brand-intro{visibility:visible;animation:openingVeil 2.35s ease both}.brand-intro-scene{position:relative;width:min(480px,95vw);height:430px;display:grid;place-items:center}.brand-flower{position:relative;width:190px;height:294px;z-index:3;overflow:visible;filter:drop-shadow(0 0 14px #b9cce514)}.brand-morph-mark{transform-origin:50% 55%;animation:liquidLogoResolve 1.65s cubic-bezier(.3,0,.2,1) both}.brand-current{position:absolute;inset:70px 0 0;width:100%;height:300px;overflow:visible;z-index:2}.brand-current path{fill:none;stroke:#b9cce5;stroke-width:1.25;stroke-linecap:round;stroke-dasharray:680;stroke-dashoffset:680;animation:currentSweep 1.85s .05s both;filter:drop-shadow(0 0 5px #b9cce5)}@keyframes openingVeil{0%{opacity:0}10%,78%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes liquidLogoResolve{0%{opacity:0;transform:translateY(30px) scale(.34,.14)}20%{opacity:.65;transform:translateY(20px) scale(.55,.4)}55%{opacity:.95;transform:scale(.85,.8)}100%{opacity:1;transform:none}}@keyframes currentSweep{0%{opacity:0;stroke-dashoffset:680}20%{opacity:.8}65%{opacity:.7;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:-680}}@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}.brand-intro *{animation:none!important}}

/* The mobile asset is a compact render of this same desktop morph. */
.brand-phone-playback{display:none}.mobile-lite .brand-flower,.mobile-lite .brand-current{display:none}.mobile-lite .brand-phone-playback{display:block;position:absolute;inset:0;width:100%;height:100%}.brand-phone-playback img{display:block;width:100%;height:100%;object-fit:contain}.brand-preparing .brand-intro{opacity:1;visibility:visible;animation:none}