
/* Socialllab Icon Kit V1 — vectors rather than Unicode emoji on iOS Safari.
   Scoped to Option B; does not affect production socialllab.com. */
.orb-variant-b .sll-svg-icon{
 display:inline-block;vertical-align:-.15em;
 width:1em;height:1em;max-width:none;max-height:none;
 flex-shrink:0;overflow:visible;pointer-events:none;
 color:inherit;
}
.orb-variant-b .sll-svg-spark{
 stroke:currentColor;
}
.orb-variant-b .sll-svg-arrow{
 width:1em;height:1em;vertical-align:-.18em;
}
.orb-variant-b .sll-svg-spark-mini{width:.9em;height:.9em}
.orb-variant-b .card-arrow .sll-svg-arrow{
 width:20px;height:20px;vertical-align:middle;color:#E64626;
}
.orb-variant-b .ai-spark{
 position:absolute!important;
 display:grid!important;place-items:center!important;
 width:min(42%,155px)!important;height:auto!important;
 aspect-ratio:1;left:50%!important;top:50%!important;
 transform:translate(-50%,-50%)!important;
 color:#F39176!important;
 font-size:0!important;line-height:0!important;
 filter:drop-shadow(0 0 18px #E646266a);
 opacity:.92;
}
.orb-variant-b .ai-spark .sll-svg-spark{
 display:block;width:100%;height:100%;stroke-width:1;opacity:1;
}
.orb-variant-b .card-art-ai .ai-spark .sll-svg-spark{animation:none!important}
.orb-variant-b .studio-avatar .sll-svg-spark{width:18px;height:18px}
.orb-variant-b .avatar .sll-svg-spark{width:17px;height:17px}
.orb-variant-b .studio-insight-icon .sll-svg-spark{width:19px;height:19px;vertical-align:middle}
.orb-variant-b .chat-icon .sll-svg-spark{width:19px;height:19px;vertical-align:-.18em}
.orb-variant-b .industry-glyph .sll-svg-spark{width:20px;height:20px;vertical-align:middle}
.orb-variant-b .plus-mark .sll-svg-spark{width:64px;height:64px}
.orb-variant-b .ticker-inner .sll-svg-spark{width:21px;height:21px;vertical-align:middle}
.orb-variant-b .cinema-eyebrow .sll-svg-spark{width:16px;height:16px;vertical-align:-.22em}
.orb-variant-b .cinema-flare .sll-svg-spark{width:14px;height:14px}
.orb-variant-b .studio-composer .chat-send .sll-svg-arrow{
 width:20px;height:20px;vertical-align:middle
}
.orb-variant-b .underlined-link .sll-svg-arrow{
 width:17px;height:17px;vertical-align:-.23em
}
.orb-variant-b .cinema-cta .sll-svg-arrow{width:16px;height:16px}
.orb-variant-b .studio-insight .sll-svg-spark{color:#E64626}
.orb-variant-b .studio-avatar .sll-svg-spark,.orb-variant-b .avatar .sll-svg-spark{color:inherit}
@media(max-width:740px){
 .orb-variant-b .card-art-ai .ai-spark{width:min(41%,144px)!important}
 .orb-variant-b .card-arrow .sll-svg-arrow{width:19px;height:19px}
 .orb-variant-b .studio-avatar .sll-svg-spark{width:17px;height:17px}
 .orb-variant-b .underlined-link .sll-svg-arrow{width:17px;height:17px}
}
/* All animation begins automatically. The header Pause control is still optional.
   Explicitly chosen pause always wins; system reduced-motion rules no longer
   disable these specific marquee loops in the requested staging experience. */
@media(prefers-reduced-motion:reduce){
 body.orb-variant-b.motion-on .moving-clients .logo-track{
  animation:slide-logos 19s linear infinite!important;
  animation-play-state:running!important;
 }
 body.orb-variant-b.motion-on .moving-clients .logo-lane.reverse .logo-track{
  animation-direction:reverse!important;
  animation-duration:23s!important;
 }
 body.orb-variant-b.motion-on .ticker-inner{
  animation:marquee 32s linear infinite!important;
 }
 body.orb-variant-b.motion-on .cinema-ring{
  animation:cinema-ring-rotate 22s linear infinite!important;
 }
}
@media(max-width:740px) and (prefers-reduced-motion:reduce){
 body.orb-variant-b.motion-on .moving-clients .logo-track{animation-duration:24s!important}
 body.orb-variant-b.motion-on .moving-clients .logo-lane.reverse .logo-track{animation-duration:27s!important}
}
