/* Small, finite assembly using the owner's transparent parts. The final image is always the unchanged official logo. */
.brand-motion{display:inline-grid;place-items:center;inline-size:142px;block-size:68px;max-inline-size:100%;vertical-align:middle;flex:0 0 auto;isolation:isolate}
.brand-motion.bm-small{inline-size:160px;block-size:78px}
.brand-motion .bm-scene{position:relative;display:block;block-size:100%;aspect-ratio:320/244;direction:ltr;isolation:isolate}
.brand-motion .bm-final{position:absolute!important;inset:0!important;display:block!important;inline-size:100%!important;block-size:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;opacity:1;filter:none;transform:none}
.brand-motion .bm-parts{position:absolute;inset:0;display:block;pointer-events:none;opacity:0}
.brand-motion .bm-piece{position:absolute;display:block;object-fit:contain;max-width:none;max-height:none;margin:0;opacity:0;transform-origin:center;will-change:auto}
.brand-motion .bm-c{left:6.4%;top:26%;width:32%;height:49%;--bm-x:-28px;--bm-y:9px;--bm-r:-12deg;--bm-delay:0s}
.brand-motion .bm-f{left:37.5%;top:29%;width:27%;height:47%;--bm-x:0px;--bm-y:28px;--bm-r:5deg;--bm-delay:.1s}
.brand-motion .bm-o{left:64.5%;top:27%;width:33%;height:49%;--bm-x:28px;--bm-y:9px;--bm-r:12deg;--bm-delay:.2s}
.brand-motion .bm-ribbon{left:20.5%;top:5%;width:55%;height:32%;--bm-x:-17px;--bm-y:22px;--bm-r:-12deg;--bm-delay:.45s;z-index:3;transform-origin:20% 100%}
.brand-motion .bm-ribbon-cap{left:78%;top:29%;width:16%;height:22%;--bm-x:14px;--bm-y:-16px;--bm-r:16deg;--bm-delay:.55s;z-index:4}
.brand-motion .bm-intelligence{left:7%;top:78%;width:88%;height:7%;--bm-x:0px;--bm-y:11px;--bm-r:0deg;--bm-delay:.65s}
.brand-motion .bm-masoud-symbol{left:26.5%;top:86%;width:14%;height:13%;--bm-x:-7px;--bm-y:9px;--bm-r:-10deg;--bm-delay:.75s}
.brand-motion .bm-masoud-word{left:40%;top:88%;width:32%;height:7%;--bm-x:7px;--bm-y:9px;--bm-r:0deg;--bm-delay:.8s}
.brand-motion.bm-playing .bm-parts{opacity:1}
.brand-motion.bm-playing .bm-piece{animation:bm-assemble 2.5s cubic-bezier(.2,.65,.25,1) var(--bm-delay) both;will-change:transform,opacity}
.brand-motion.bm-playing .bm-ribbon{animation-name:bm-ribbon-rise}
.brand-motion.bm-playing .bm-final{animation:bm-resolve 3.6s ease both}
@keyframes bm-assemble{0%{opacity:0;transform:translate(var(--bm-x),var(--bm-y)) rotate(var(--bm-r)) scale(.9)}22%{opacity:1}48%,66%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}92%,100%{opacity:0;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes bm-ribbon-rise{0%{opacity:0;transform:translate(-17px,22px) rotate(-12deg) scale(.78);clip-path:inset(0 100% 0 0)}23%{opacity:1;clip-path:inset(0 35% 0 0)}53%,66%{opacity:1;transform:translate(0,0) rotate(0) scale(1);clip-path:inset(0)}92%,100%{opacity:0;transform:none;clip-path:inset(0)}}
@keyframes bm-resolve{0%,62%{opacity:0}86%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.brand-motion .bm-parts{display:none!important}.brand-motion .bm-final{opacity:1!important;animation:none!important;transform:none!important}}