/* Twenty-two contextual studies. The two approved web scenes remain independent. */
.motion-study--studio{background:radial-gradient(ellipse at 82% 77%,#e4f1d2 0,transparent 48%),linear-gradient(150deg,#fcfaff,#eee6f8)}
.motion-study--studio:nth-child(2n){background:radial-gradient(ellipse at 17% 73%,#eaf4db 0,transparent 48%),linear-gradient(155deg,#fcfaff,#ede5f8)}
.motion-study--studio .solution-demo{width:100%;margin:38px 0 46px;height:auto;font-family:DM,Arial,sans-serif;overflow:visible}
.service-sheet-hero .motion-study--studio{min-height:0}
.service-sheet-hero .motion-study--studio .solution-demo{margin:35px 0 51px}
.demo-studio-orbit{transform-origin:300px 320px;animation:studio-orbit 42s linear infinite}
.demo-studio-float{animation:studio-float 9.6s ease-in-out infinite;animation-delay:var(--motion-delay,0s)}
.demo-studio-lift{animation:studio-lift 9.6s cubic-bezier(.22,1,.36,1) infinite;animation-delay:var(--motion-delay,0s)}
.demo-studio-tile{animation:studio-tile 9.6s ease-in-out infinite;animation-delay:var(--motion-delay,0s)}
.demo-studio-result{animation:studio-result 9.6s cubic-bezier(.22,1,.36,1) infinite;animation-delay:var(--motion-delay,0s)}
.demo-studio-cursor{animation:studio-cursor 9.6s cubic-bezier(.4,0,.2,1) infinite}
.demo-studio-click{transform-box:fill-box;transform-origin:center;animation:studio-click 9.6s ease-out infinite}
.demo-studio-trace{stroke-dasharray:100;animation:studio-trace 9.6s ease-in-out infinite}
.demo-studio-flow{animation:studio-flow 3.2s linear infinite}
.demo-studio-bar{transform-box:fill-box;transform-origin:center bottom;animation:studio-bar 9.6s cubic-bezier(.22,1,.36,1) infinite;animation-delay:var(--motion-delay,0s)}
.demo-studio-point{animation:studio-point 9.6s ease-in-out infinite;animation-delay:var(--motion-delay,0s)}
.demo-studio-mail{animation:studio-mail 9.6s cubic-bezier(.22,1,.36,1) infinite}
.demo-studio-chat-in{animation:studio-chat-in 9.6s cubic-bezier(.22,1,.36,1) infinite}
.demo-studio-chat-out{animation:studio-chat-out 9.6s cubic-bezier(.22,1,.36,1) infinite}
.demo-studio-wave{transform-box:fill-box;transform-origin:center;animation:studio-wave 1.6s ease-in-out infinite;animation-delay:var(--motion-delay,0s)}
.demo-studio-pulse{animation:studio-pulse 3.2s ease-in-out infinite}
.demo-studio-playhead{animation:studio-playhead 9.6s cubic-bezier(.4,0,.2,1) infinite}
.demo-studio-layer{animation:studio-layer 9.6s cubic-bezier(.22,1,.36,1) infinite;animation-delay:var(--motion-delay,0s)}
.demo-studio-forecast{animation:studio-forecast 9.6s ease-in-out infinite}
.demo-studio-spring{transform-origin:255px 168px;animation:studio-spring 3.2s ease-in-out infinite}
.demo-studio-mass{animation:studio-mass 3.2s ease-in-out infinite}
@keyframes studio-orbit{to{transform:rotate(360deg)}}
@keyframes studio-float{0%,100%{transform:translateY(3px)}45%,65%{transform:translateY(-5px)}}
@keyframes studio-lift{0%,100%{transform:translateY(8px);opacity:.8}35%,85%{transform:translateY(0);opacity:1}}
@keyframes studio-tile{0%,100%{transform:translateY(5px);opacity:.62}25%,85%{transform:translateY(0);opacity:1}}
@keyframes studio-result{0%,35%,100%{opacity:0;transform:translateY(12px)}56%,90%{opacity:1;transform:translateY(0)}}
@keyframes studio-cursor{0%,15%,100%{transform:translate(34px,-51px)}42%,68%{transform:translate(0,0)}49%{transform:translate(2px,3px)}85%{transform:translate(16px,11px)}}
@keyframes studio-click{0%,43%,64%,100%{opacity:0;transform:scale(.4)}48%{opacity:1;transform:scale(.4)}62%{opacity:0;transform:scale(1.5)}}
@keyframes studio-trace{0%,8%{stroke-dashoffset:100;opacity:.25}48%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.25}}
@keyframes studio-flow{to{stroke-dashoffset:-66}}
@keyframes studio-bar{0%,100%{transform:scaleY(.48);opacity:.65}36%,86%{transform:scaleY(1);opacity:1}}
@keyframes studio-point{0%,100%{opacity:.15}35%,85%{opacity:1}}
@keyframes studio-mail{0%,100%{transform:translate(0,8px)}32%{transform:translate(0,-4px)}64%,86%{transform:translate(7px,-8px)}}
@keyframes studio-chat-in{0%,100%{opacity:.2;transform:translateY(7px)}18%,88%{opacity:1;transform:translateY(0)}}
@keyframes studio-chat-out{0%,18%,100%{opacity:.15;transform:translateY(7px)}37%,88%{opacity:1;transform:translateY(0)}}
@keyframes studio-wave{0%,100%{transform:scaleY(.45);opacity:.55}45%{transform:scaleY(1);opacity:1}}
@keyframes studio-pulse{0%,100%{opacity:.45}45%{opacity:1}}
@keyframes studio-playhead{0%,10%{transform:translateX(0)}85%,95%{transform:translateX(325px)}100%{transform:translateX(0)}}
@keyframes studio-layer{0%,100%{transform:translateY(5px)}45%,76%{transform:translateY(-5px)}}
@keyframes studio-forecast{0%,28%,100%{opacity:.15}58%,85%{opacity:.65}}
@keyframes studio-spring{0%,100%{transform:scaleY(.95)}50%{transform:scaleY(1.13)}}
@keyframes studio-mass{0%,100%{transform:translateY(-5px)}50%{transform:translateY(14px)}}
@media(max-width:1100px){#catalogo .motion-study--studio{height:360px}#catalogo .motion-study--studio .solution-demo{height:300px;width:100%;margin:24px 0 36px}}
@media(max-width:760px){#catalogo .motion-study--studio{height:385px}#catalogo .motion-study--studio .solution-demo{height:325px}.service-sheet-hero .motion-study--studio .solution-demo{height:auto}}
@media(prefers-reduced-motion:reduce){.motion-study--studio .solution-demo [class*='demo-']{animation:none!important}.demo-studio-result,.demo-studio-chat-in,.demo-studio-chat-out{opacity:1}.demo-studio-click{opacity:0}.demo-studio-trace{stroke-dashoffset:0}.demo-studio-forecast{opacity:.65}}