/* Six service-specific scenes. Layout follows the original 480 × 240 artwork. */
.wb-service-art{contain:layout style;--wb-speed:1;}
.wb-service-art .wb-service-scene{overflow:visible;}
.wb-service-art .wb-subject{filter:drop-shadow(0 13px 10px #0005);animation:wb-art-float 5.4s ease-in-out infinite;transform-origin:50% 55%;}
.wb-service-art .wb-float{animation:wb-art-float 5.4s ease-in-out infinite;}
.wb-service-art .wb-float-alt{animation:wb-art-secondary 4.8s ease-in-out infinite;}
.wb-service-art[data-kind=ecommerce] .wb-subject{animation-delay:-1s;}
.wb-service-art[data-kind=institutional] .wb-subject{animation-delay:-2.4s;}
.wb-service-art[data-kind=systems] .wb-subject{animation-delay:-.8s;}
.wb-service-art[data-kind=design] .wb-subject{animation-delay:-3.1s;}
.wb-service-art[data-kind=video] .wb-subject{animation-delay:-1.8s;}
.wb-service-art .wb-current{stroke-width:1.5;stroke-linecap:round;stroke-dasharray:22 340;animation:wb-art-current 4.5s linear infinite;}
.wb-service-art .wb-current-right{animation-delay:-2.2s;animation-duration:5.2s;}
.wb-service-art .wb-aura{animation:wb-art-aura 6s ease-in-out infinite;}
.wb-service-art .wb-node,.wb-service-art .wb-status{animation:wb-art-node 3.4s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.55s);}
.wb-service-art .wb-shine{animation:wb-art-shine 5.4s ease-in-out infinite;}
.wb-service-art .wb-click-ring{transform-box:fill-box;transform-origin:center;animation:wb-art-click 4.8s ease-out infinite;}
.wb-service-art .wb-cursor{animation:wb-art-cursor 4.8s ease-in-out infinite;}
.wb-service-art .wb-fill{transform-box:fill-box;transform-origin:left center;animation:wb-art-fill 4.8s ease-in-out infinite;}
.wb-service-art .wb-product{animation:wb-art-product 4.8s ease-in-out infinite;}
.wb-service-art .wb-bar{transform-box:fill-box;transform-origin:center bottom;animation:wb-art-bar 3.6s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.38s);}
.wb-service-art .wb-draw{stroke-dasharray:220;animation:wb-art-draw 5.6s ease-in-out infinite;}
.wb-service-art .wb-selection{animation:wb-art-selection 5.6s ease-in-out infinite;}
.wb-service-art .wb-pen{animation:wb-art-pen 5.6s ease-in-out infinite;}
.wb-service-art .wb-playhead{animation:wb-art-playhead 5.8s linear infinite;}
.wb-service-art .wb-eq{transform-box:fill-box;transform-origin:center;animation:wb-art-eq 1.5s ease-in-out infinite alternate;animation-delay:calc(var(--i,0)*-.16s);}
.wb-service-art .wb-play{transform-box:fill-box;transform-origin:center;animation:wb-art-play 5.8s ease-in-out infinite;}
.wb-service-art *{animation-play-state:paused!important;}
.wb-service-art.wb-art-active *{animation-play-state:running!important;}
.cl-benefit:has(.wb-service-art){transition:border-color .3s,box-shadow .3s;}
@media(hover:hover){.cl-benefit:has(.wb-service-art):hover{border-color:color-mix(in srgb,var(--cl-accent) 55%,var(--cl-border));box-shadow:0 8px 36px -18px var(--cl-glow);}}
.wb-service-art[data-kind=institutional] .cl-bv-corner-light,.wb-service-art[data-kind=design] .cl-bv-corner-light{background:radial-gradient(at 94% 80%,#49b4ff35,#0000 54%);}
@keyframes wb-art-float{0%,100%{transform:translateY(3px) rotate(-.5deg)}50%{transform:translateY(-4px) rotate(.5deg)}}
@keyframes wb-art-secondary{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}
@keyframes wb-art-current{from{stroke-dashoffset:362}to{stroke-dashoffset:0}}
@keyframes wb-art-aura{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes wb-art-node{0%,100%{opacity:.35}45%,60%{opacity:1}}
@keyframes wb-art-shine{0%,100%{opacity:.2}45%{opacity:.65}60%{opacity:.3}}
@keyframes wb-art-click{0%,30%,70%,100%{opacity:0;transform:scale(.75)}38%{opacity:.8;transform:scale(.8)}60%{opacity:0;transform:scale(1.7)}}
@keyframes wb-art-cursor{0%,100%{transform:translate(9px,7px)}28%,45%{transform:translate(0,0)}36%{transform:translate(-2px,-2px)}70%{transform:translate(7px,5px)}}
@keyframes wb-art-fill{0%,100%{transform:scaleX(.68);opacity:.65}45%,65%{transform:scaleX(1);opacity:1}}
@keyframes wb-art-product{0%,100%{transform:translateY(3px);opacity:.7}42%,70%{transform:translateY(-4px);opacity:1}}
@keyframes wb-art-bar{0%,100%{transform:scaleY(.62)}50%{transform:scaleY(1)}}
@keyframes wb-art-draw{0%,12%{stroke-dashoffset:170;opacity:.6}65%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:170;opacity:.6}}
@keyframes wb-art-selection{0%,100%{opacity:.45}35%,75%{opacity:1}}
@keyframes wb-art-pen{0%,100%{transform:translate(-4px,3px) rotate(-2deg)}50%{transform:translate(6px,-5px) rotate(2deg)}}
@keyframes wb-art-playhead{0%,8%{transform:translateX(-68px)}88%,100%{transform:translateX(70px)}}
@keyframes wb-art-eq{from{transform:scaleY(.35);opacity:.65}to{transform:scaleY(1);opacity:1}}
@keyframes wb-art-play{0%,100%{opacity:.78;transform:scale(.96)}45%{opacity:1;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.wb-service-art *{animation:none!important;transition:none!important;}.wb-service-art .wb-click-ring{opacity:0;}.wb-service-art .wb-current{stroke-dasharray:none;opacity:.5;}}