/* Text stays still. Motion is reserved for graphics. */
.rv,.fx3d .rv{opacity:1!important;transform:none!important;transition:none!important}
.hero h1 .l>span{animation:none!important;transform:none!important}
.hero .fade:not(.machine){animation:none!important;opacity:1!important}
.fx3d .org.rv{opacity:0!important;transition:opacity 1.2s ease!important}
.fx3d .org.rv.in{opacity:1!important}
html.still .org.rv{opacity:1!important}
canvas.warp{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.fx3d .hero>.wrap{position:relative;z-index:1}
.fx3d .hero .copy{will-change:transform,opacity}
.fx3d .machine{transform-style:preserve-3d;will-change:transform;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.fx3d .machine .br{transform:translateZ(20px)}
.fx3d .machine .chip{transform:translateZ(70px)}
.fx3d .machine .mk{animation:float3d 8s ease-in-out infinite}
@keyframes float3d{0%,100%{transform:translate(-50%,-50%) translateZ(45px)}50%{transform:translate(-50%,-52%) translateZ(55px)}}
.fx3d .tenx .big{will-change:transform}
@media(min-width:641px){
.fx3d .stage{perspective:2400px}
.fx3d .stage-in{transform-origin:50% 50%;transform:scale(var(--s,1)) rotateX(var(--trx,0deg)) rotateY(var(--try,0deg));transform-style:preserve-3d;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.fx3d .n{transform:translate(-50%,-50%) translateZ(var(--z,0px))}
.fx3d .core{--z:60px}.fx3d .lead-n{--z:35px}.fx3d .agent{--z:15px}
}