.sichtbar-process{max-width:660px;margin:26px 0 30px;border:1px solid #a5b6a444;background:#0e1512;padding:clamp(18px,3vw,30px);overflow:hidden}.build-scene{position:relative;height:190px;max-width:470px;margin:0 auto 20px;isolation:isolate}.build-cloud{position:absolute;left:7%;top:0;width:36%;height:115px;color:#b9cf43;overflow:visible}.cloud-ink{fill:#b9cf43;opacity:.65;animation:cloud-working 4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.build-poster{position:absolute;width:105px;height:135px;right:15%;top:20px;border:1px solid #a5b6a4;background:#171c1b;padding:16px;transform:rotate(-5deg);animation:poster-build 6s ease-in-out infinite}.build-poster i{display:block;background:#f5f3ed;height:8px;width:85%;margin-bottom:8px;transform-origin:left;animation:line-build 3s ease-in-out infinite alternate}.build-poster i:nth-child(2){width:60%;animation-delay:.3s}.build-poster i:nth-child(3){height:39px;background:#b9cf43;margin-top:12px;animation-delay:.6s}.build-poster span{font:7px Arial;letter-spacing:.08em;color:#a5b6a4}.build-floor{position:absolute;bottom:15px;left:5%;right:5%;height:1px;background:#a5b6a455}.build-person{position:absolute;width:28px;height:58px;bottom:16px;color:#f5f3ed;animation:builder-work 2s ease-in-out infinite alternate;transform-origin:bottom}.build-person i{position:absolute;left:10px;top:0;width:10px;height:10px;background:currentColor;border-radius:50%}.build-person b{position:absolute;left:10px;top:14px;height:24px;width:9px;background:currentColor;border-radius:4px}.build-person b:after{content:'';position:absolute;width:24px;height:4px;background:currentColor;top:5px;left:-10px;transform:rotate(-25deg);transform-origin:center}.build-person span{position:absolute;top:34px;left:8px;width:17px;height:22px;border-left:4px solid currentColor;border-right:4px solid currentColor;transform:skew(-9deg)}.person-one{left:25%;color:#a5b6a4}.person-two{right:8%;animation-delay:.7s;transform:scale(.9)}.person-three{left:51%;color:#b9cf43;animation-delay:1.2s}.build-piece{position:absolute;background:#b9cf43;width:17px;height:17px;left:34%;top:100px;animation:piece-delivery 4s cubic-bezier(.3,.1,.3,1) infinite}.piece-two{background:#a5b6a4;animation-delay:1.3s;width:27px;height:8px}.piece-three{background:#f5f3ed;animation-delay:2.6s;width:9px;height:9px}.build-caption{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a5b6a433;padding-top:16px;font:11px/1.5 Arial;color:#a5b6a4;letter-spacing:.06em}.build-live{display:flex;align-items:center;gap:8px;color:#b9cf43}.build-live i{width:6px;height:6px;background:#b9cf43;border-radius:50%;animation:build-pulse 1.5s ease-in-out infinite alternate}.sichtbar-process .build-brand{font:600 17px/1.4 Arial;color:#f5f3ed;margin:18px 0 8px;overflow-wrap:anywhere}.sichtbar-process .build-stage{font:16px/1.5 Arial;color:#f5f3ed;margin:0 0 10px;min-height:24px}.sichtbar-process .build-help{font:13px/1.6 Arial;color:#a5b6a4;margin:0;max-width:410px}@keyframes cloud-working{from{transform:translateY(13px) scaleX(1.06)}to{transform:translateY(-12px) scaleX(.94)}}@keyframes poster-build{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(2deg)}}@keyframes line-build{from{transform:scaleX(.45);opacity:.4}to{transform:scaleX(1);opacity:1}}@keyframes builder-work{from{rotate:-5deg;translate:0 0}to{rotate:7deg;translate:0 -3px}}@keyframes piece-delivery{0%{transform:translate(0,0) rotate(-20deg);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translate(115px,-53px) rotate(90deg);opacity:0}}@keyframes build-pulse{to{opacity:.3}}body.paused .sichtbar-process *,body.paused .sichtbar-process *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.sichtbar-process *,.sichtbar-process *:after{animation:none!important}.build-piece{display:none}.cloud-ink{opacity:.45}}@media(max-width:480px){.build-scene{height:165px}.build-cloud{left:0;width:42%}.build-poster{right:10%;width:88px;height:115px;padding:12px}.person-two{right:0}.person-one{left:16%}.person-three{left:48%}.build-piece{left:25%;animation-name:piece-delivery-small}.sichtbar-process{padding:18px;margin:22px 0}.sichtbar-process .build-brand{font-size:16px}@keyframes piece-delivery-small{0%{transform:translate(0,0);opacity:0}15%,80%{opacity:1}100%{transform:translate(75px,-40px) rotate(90deg);opacity:0}}}

/* Two separate legs join the hips; avoid a floating border stroke. */
.build-person .build-legs{left:10px;top:34px;width:12px;height:24px;border:0;transform:none}.build-person .build-legs i{position:absolute;top:0;left:0;width:4px;height:24px;background:currentColor;border-radius:2px;transform:rotate(12deg);transform-origin:2px 0}.build-person .build-legs i+i{left:5px;transform:rotate(-12deg)}