.service-motion{--service-progress:1}.service-motion:focus-within{--service-settle:1}@media (hover:hover){.service-motion:has(button:hover,a:hover){--service-settle:1}}@media (prefers-reduced-motion:no-preference){.service-motion[data-motion=on]{--motion-left:calc(1 - var(--service-settle,var(--service-progress)))}.service-motion[data-pinned=true]{min-height:175svh}.service-motion[data-pinned=true]>.service-motion-stage{position:sticky;top:100px}.service-motion-flow .simple-demo-preview{position:relative}.service-motion-flow[data-motion=on] .simple-demo-request{transform:perspective(1000px) scale(calc(1 - var(--motion-left) * .18)) rotateY(calc(var(--motion-left) * 14deg)) rotateZ(calc(var(--motion-left) * -3deg));transform-origin:50%}.service-motion-flow[data-motion=on] .simple-demo-result{transform:perspective(1000px) scale(calc(1 - var(--motion-left) * .18)) translateY(calc(var(--motion-left) * 15px)) rotateY(calc(var(--motion-left) * -14deg));transform-origin:50%}.service-motion-flow[data-motion=on] .simple-demo-bridge{transform:scale(calc(.7 + var(--service-progress) * .3));color:#ddc5ff}.service-motion-flow .simple-demo-preview:after{content:"";transform-origin:0;height:2px;transform:scaleX(var(--service-progress));pointer-events:none;background:linear-gradient(90deg,#0000,#b787f0,#efddff);position:absolute;bottom:-12px;left:0;right:0}.service-motion-property[data-motion=on] .property-preview-image{clip-path:inset(calc(var(--motion-left) * 5%) calc(var(--motion-left) * 12%) round calc(var(--motion-left) * 60px))}.service-motion-property[data-motion=on] .property-preview-image>img{transform:scale(calc(1.04 + var(--motion-left) * .18)) translateY(calc(var(--motion-left) * -2%));transition:none}.service-motion-property[data-motion=on] .property-preview-title{transform:translateY(calc(var(--motion-left) * 28px))}.service-motion-gallery[data-motion=on] #design-concept-panel{transform:perspective(1300px) rotateX(calc(var(--motion-left) * 6deg));transform-origin:bottom}.service-motion-gallery[data-motion=on] .concept-story{transform:translateY(calc(var(--motion-left) * 25px))}}@media (prefers-reduced-motion:no-preference) and (width<=767px){.service-motion-flow[data-motion=on] .simple-demo-request{transform:translateY(calc(var(--motion-left) * 16px))}}