/* One solid lime treatment for the small decorative dots on every page. */
:root{
  --motion-dot-color:#d9ff68;
  --motion-dot-halo:0 0 0 5px rgba(217,255,104,.12),0 0 15px rgba(217,255,104,.38);
}
.blue-art-dot,
.contact .blue-art-dot,
.principle-satellite,
.digital-signal,
.art-dot,
.approach-card-dot,
.accelerate-page .format-art span,
.loader-orbit::after{
  width:10px;
  height:10px;
  border:1px solid rgba(20,59,120,.5);
  border-radius:50%;
  background:var(--motion-dot-color);
  box-shadow:var(--motion-dot-halo);
  opacity:1;
  filter:none;
  mix-blend-mode:normal;
}

/* Fade the orbit lines without fading the dot they contain. */
.blue-art,.contact .blue-art{opacity:1}
.hero-art .blue-art-ring,.hero-art .blue-art-orbit{opacity:.52}
.statement-art .blue-art-ring,.statement-art .blue-art-orbit{opacity:.85}
.contact-art .blue-art-ring,.contact-art .blue-art-orbit{opacity:.36}

.principle-scene,.approach-card-scene{--scene-opacity:.55;opacity:1}
.principle:hover .principle-scene,.approach-card:hover .approach-card-scene{--scene-opacity:.82;opacity:1}
.principle-orbit,.approach-card-orbit{opacity:calc(var(--scene-opacity) * .42)}
.principle-orbit-three,.approach-card-orbit-three{opacity:calc(var(--scene-opacity) * .3)}

.accelerate-page .format-art{opacity:1}
.accelerate-page .format-art i{opacity:.42}

@media(max-width:700px){
  .hero-art .blue-art-ring,.hero-art .blue-art-orbit{opacity:.42}
}