html.js[data-motion=full] [data-reveal]{opacity:0;transition:opacity .6s var(--ease) var(--d,0s), transform .6s var(--ease) var(--d,0s);transform:translateY(16px)}html.js[data-motion=full] [data-reveal].is-in{opacity:1;transform:none}html.js[data-motion=full] .showcase__window[data-reveal]{transition-duration:.9s;transform:translateY(28px)scale(.98)}html.js[data-motion=full] .showcase__window[data-reveal].is-in{transform:none}.typing i{animation:1.2s ease-in-out infinite blink}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.dot--live{animation:2.4s ease-in-out infinite breathe}.clock--running{background-size:200% 100%;animation:3.2s linear infinite sweep}html.js[data-motion=full] .studio .lane i{transition:transform 1.2s var(--ease) .4s;transform:scaleX(0)}html.js[data-motion=full] .studio.is-in .lane i{transform:none}.acp__wires path{animation:1.6s linear infinite march}.dots i{animation:1s ease-in-out infinite blink}.dots i:nth-child(2){animation-delay:.12s}.dots i:nth-child(3){animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes breathe{50%{box-shadow:0 0 0 6px #2fb1710f}}@keyframes sweep{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes march{to{stroke-dashoffset:-20px}}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}