.brand-motion{position:relative;width:200px;isolation:isolate}
.brand-motion__art{position:relative;width:100%;transform-origin:50% 55%}
.brand-motion .interest__logo{display:block;width:100%;height:auto}
.brand-motion__halo{position:absolute;inset:12% -18% 8%;z-index:-1;opacity:0;background:radial-gradient(ellipse,rgba(201,245,49,.20),transparent 67%);filter:blur(16px);pointer-events:none}
.brand-motion__shine{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 37%,rgba(255,255,225,.13) 44%,rgba(255,255,238,.75) 49%,rgba(255,255,225,.13) 54%,transparent 61%);background-size:320% 100%;background-position:120% 0;mask:url('/assets/img/kilooz-logo-official-20261013.webp') center/100% 100% no-repeat;-webkit-mask:url('/assets/img/kilooz-logo-official-20261013.webp') center/100% 100% no-repeat;mix-blend-mode:screen}
.brand-motion.is-playing .brand-motion__art{animation:brand-arrive 1.15s cubic-bezier(.2,.8,.2,1) both}
.brand-motion.is-playing .brand-motion__halo{animation:brand-halo 2s ease-out both}
.brand-motion.is-playing .brand-motion__shine{animation:brand-shine 1.25s .5s ease-in-out both}
@keyframes brand-arrive{0%{opacity:0;transform:translateY(22px) scale(.88) rotate(-2deg);filter:blur(3px)}55%{opacity:1;transform:translateY(-3px) scale(1.035) rotate(.5deg);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes brand-halo{0%{opacity:0;transform:scale(.7)}45%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(1.25)}}
@keyframes brand-shine{0%{opacity:0;background-position:120% 0}20%{opacity:1}80%{opacity:.75}100%{opacity:0;background-position:-20% 0}}
@media(min-width:768px){.brand-motion{width:240px}}
@media(prefers-reduced-motion:reduce){.brand-motion.is-playing .brand-motion__art,.brand-motion.is-playing .brand-motion__halo,.brand-motion.is-playing .brand-motion__shine{animation:none}.brand-motion__halo,.brand-motion__shine{display:none}}