.collaboration-scene.ws-scene{aspect-ratio:500/290;background:0 0;width:100%;height:auto;margin:24px 0 0;container-type:inline-size}.collaboration-scene>div{width:100%;height:100%}.collaboration-stage{perspective:900px;position:absolute;inset:0}.collaboration-computer{z-index:1;perspective:700px;width:27%;height:63%;animation:7s ease-in-out infinite collaboration-float;position:absolute;top:18%;left:10%}.collaboration-computer-0{--monitor-angle:-45deg}.collaboration-computer-1{--monitor-angle:45deg;left:62%}.collaboration-monitor{width:100%;height:62%;transform-style:preserve-3d;position:absolute}.collaboration-computer-1{animation-delay:-3.5s}.collaboration-monitor-front{background:var(--scene-face-front,var(--scene-base));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--scene-lilac) 30%,transparent);padding:9%;position:absolute;inset:0;transform:translateZ(4cqw)}.collaboration-monitor-top{transform-origin:top;background:var(--scene-face-top);width:100%;height:8cqw;position:absolute;top:0;left:0;transform:translateZ(4cqw)rotateX(-90deg)}.collaboration-monitor-side{transform-origin:100%;background:var(--scene-face-side);width:8cqw;height:100%;position:absolute;top:0;right:0;transform:translateZ(4cqw)rotateY(-90deg)}.collaboration-display{background:var(--background);border:4px solid var(--scene-plate-edge);height:85%;box-shadow:inset 0 0 18px color-mix(in srgb,var(--scene-base) 20%,transparent);padding:10%;position:relative}.collaboration-display span{color:var(--primary);font:clamp(16px,5cqw,30px) var(--font-mono);position:absolute;top:5%;left:10%}.collaboration-display i{background:var(--primary);width:30%;height:2px;position:absolute;top:40%;left:36%}.collaboration-display b{background:var(--scene-lilac);opacity:.45;width:70%;height:2px;position:absolute;top:65%;left:12%}.collaboration-display b:last-child{width:50%;top:80%}.collaboration-power{background:var(--primary);width:3px;height:3px;position:absolute;bottom:6%;right:10%}.collaboration-keyboard{background:var(--scene-face-front,var(--scene-base));width:100%;height:35%;transform-style:preserve-3d;box-shadow:0 5px 0 var(--scene-plate-edge);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(10,1fr);gap:3%;padding:7%;display:grid;position:absolute;top:56%;transform:translateZ(7cqw)rotateX(75deg)}.collaboration-keyboard i,.collaboration-keyboard b{background:var(--scene-plate-edge);box-shadow:0 1px 0 var(--scene-base);transform:translateZ(2px)}.collaboration-keyboard b{grid-column:3/9}.collaboration-link{z-index:0;background:color-mix(in srgb,var(--scene-lilac) 25%,transparent);width:52%;height:2px;position:absolute;top:40%;left:24%}.collaboration-link i{background:var(--primary);width:10%;height:4px;box-shadow:0 0 10px var(--primary);animation:5s ease-in-out infinite alternate collaboration-transfer;position:absolute;top:-1px;left:0}@keyframes collaboration-transfer{0%,10%{opacity:0;left:0}20%{opacity:1}80%{opacity:1}90%,to{opacity:0;left:90%}}@keyframes collaboration-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.collaboration-scene:not([data-playing=true]) *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.collaboration-scene *{animation:none!important}.collaboration-link i{opacity:0}}.collaboration-monitor-left{transform-origin:0;background:var(--scene-face-side);width:8cqw;height:100%;position:absolute;top:0;left:0;transform:translateZ(4cqw)rotateY(90deg)}.collaboration-assembly{transform-style:preserve-3d;transform-origin:50% 62% 0;transform:rotateY(var(--monitor-angle));position:absolute;inset:0}.collaboration-computer-0 .collaboration-keyboard{left:-6%}.collaboration-computer-1 .collaboration-keyboard{left:6%}.collaboration-keyboard i,.collaboration-keyboard b{animation:6s linear infinite collaboration-keypress}.collaboration-display{overflow:hidden}.collaboration-display i,.collaboration-display b{transform-origin:0;animation:6s steps(12,end) infinite collaboration-typing}.collaboration-display b{animation-delay:-4s}.collaboration-display b:last-child{animation-delay:-2s}.collaboration-computer-1 .collaboration-display i{animation-delay:-.9s}.collaboration-computer-1 .collaboration-display b{animation-delay:-4.9s}.collaboration-computer-1 .collaboration-display b:last-child{animation-delay:-2.9s}@keyframes collaboration-keypress{0%,4%,to{background:var(--scene-plate-edge);box-shadow:0 1px 0 var(--scene-base)}1%,3%{background:var(--primary);box-shadow:0 0 7px color-mix(in srgb,var(--primary) 65%,transparent)}}@keyframes collaboration-typing{0%{opacity:0;transform:translateY(0)scaleX(0)}5%{opacity:.8}45%,75%{opacity:.8;transform:translateY(0)scaleX(1)}95%,to{opacity:0;transform:translateY(-12px)scaleX(1)}}@media (prefers-reduced-motion:reduce){.collaboration-display i,.collaboration-display b{opacity:.6;transform:none}}.collaboration-scene-solo .collaboration-computer-0{--monitor-angle:-18deg;width:34%;left:33%}.collaboration-scene-solo .collaboration-computer-0 .collaboration-keyboard{left:0}