/* Looni motion layer v1 (homepage). Styles for assets/motion.js. */
@view-transition{navigation:auto}
@media (prefers-reduced-motion:no-preference){
::view-transition-old(root){animation:lo-out .26s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:lo-in .52s cubic-bezier(.2,.8,.2,1) both}
@keyframes lo-out{to{opacity:0;transform:translateY(-16px) scale(.985)}}
@keyframes lo-in{from{opacity:0;transform:translateY(28px) scale(.985)}}
}
.lm-bar{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#7C6CF0,#FFC82E);z-index:120;pointer-events:none}
.lm-w{display:inline-block;will-change:opacity,transform}
.lm-mqw{overflow:hidden;padding:26px 0;position:relative;z-index:2}.lm-mq{background:#FFC82E;color:#14141A;padding:22px 0;transform:rotate(-1.2deg) scale(1.06)}
.lm-mq div{display:inline-flex;white-space:nowrap;will-change:transform;font:900 clamp(30px,4.6vw,64px)/1 'Cabinet Grotesk',Satoshi,sans-serif;letter-spacing:-.04em}
.lm-mq span{padding:0 .5em}.lm-mq span:nth-child(even){color:#4F3FD0}
.lm-card{--lm-r:0px;--lm-in:0%;clip-path:inset(0 var(--lm-in) 0 var(--lm-in) round var(--lm-r) var(--lm-r) 0 0);will-change:clip-path}
@media (prefers-reduced-motion:reduce){.lm-bar,.lm-mqw{display:none}}