/* Soft brand-color light behind the homepage globe. */
body.uxagent-hero-light .uxav2 .hero-color-light {
  position:absolute;inset:0;height:210px;z-index:0;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 23%,#000 48%),linear-gradient(#000 10%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 23%,#000 48%),linear-gradient(#000 10%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
body.uxagent-hero-light .uxav2 .hero-color-blob {
  position:absolute;display:block;
  width:clamp(220px,25vw,350px);height:230px;
  border-radius:50%;filter:blur(28px);
  background:radial-gradient(ellipse,rgba(var(--light-rgb),var(--light-strength)) 0%,rgba(var(--light-rgb),calc(var(--light-strength) * .66)) 32%,rgba(var(--light-rgb),0) 72%);
  will-change:transform;
  animation:hero-light-orbit 18s ease-in-out infinite alternate;
}
body.uxagent-hero-light .uxav2 .hero-color-blob--teal {
  --light-rgb:17,239,227;--light-strength:.095;left:48%;top:-40px;
}
body.uxagent-hero-light .uxav2 .hero-color-blob--blue {
  --light-rgb:89,127,161;--light-strength:.125;left:78%;top:-55px;
  animation-name:hero-light-return;animation-duration:22s;animation-delay:-9s;
}
body.uxagent-hero-light .uxav2 .hero-color-blob--sea {
  --light-rgb:112,207,197;--light-strength:.08;left:67%;top:25px;
  animation-name:hero-light-rise;animation-duration:20s;animation-delay:-7s;
}
body.uxagent-hero-light .uxav2 .hero-color-blob--sky {
  --light-rgb:139,182,220;--light-strength:.095;left:32%;top:-20px;
  animation-name:hero-light-return;animation-duration:24s;animation-delay:-16s;
}
body.uxagent-hero-light .uxav2 .hero-color-blob--lilac {
  --light-rgb:162,104,207;--light-strength:.065;left:89%;top:20px;
  animation-name:hero-light-rise;animation-duration:26s;animation-delay:-13s;
}
body.uxagent-hero-light .uxav2 .hero-color-blob--navy {
  --light-rgb:32,53,90;--light-strength:.045;left:55%;top:50px;
  animation-name:hero-light-return;animation-duration:28s;animation-delay:-19s;
}
body.uxagent-hero-light .uxav2 .home-opening__mesh canvas {position:relative;z-index:1}
@keyframes hero-light-orbit {
  from {transform:translate3d(-34px,0,0) scale(.94);opacity:.82}
  to {transform:translate3d(42px,74px,0) scale(1.15);opacity:1}
}
@keyframes hero-light-return {
  from {transform:translate3d(30px,-24px,0) scale(1.12);opacity:.84}
  to {transform:translate3d(-72px,42px,0) scale(.95);opacity:1}
}
@keyframes hero-light-rise {
  from {transform:translate3d(38px,26px,0) scale(.9);opacity:.8}
  to {transform:translate3d(-64px,-58px,0) scale(1.13);opacity:1}
}
@media (max-width:850px) and (min-width:601px) {
  body.uxagent-hero-light .uxav2 .hero-color-blob--teal {left:45%}
  body.uxagent-hero-light .uxav2 .hero-color-blob--blue {left:72%}
  body.uxagent-hero-light .uxav2 .hero-color-blob--sea {left:65%;top:20px}
}
@media (max-width:600px) {
  body.uxagent-hero-light .uxav2 .hero-color-light {
    height:230px;
    -webkit-mask-image:linear-gradient(90deg,transparent 24%,#000 70%),linear-gradient(#000 10%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 24%,#000 70%),linear-gradient(#000 10%,transparent 100%);
  }
  body.uxagent-hero-light .uxav2 .hero-color-blob {width:290px;height:270px;filter:blur(24px)}
  body.uxagent-hero-light .uxav2 .hero-color-blob--teal {
    --light-strength:.17;left:40%;top:-40px;
    animation-name:hero-light-mobile;animation-duration:16s;
  }
  body.uxagent-hero-light .uxav2 .hero-color-blob--blue {
    --light-strength:.19;left:67%;top:-55px;
    animation-name:hero-light-mobile-return;animation-duration:19s;animation-delay:-8s;
  }
  body.uxagent-hero-light .uxav2 :is(.hero-color-blob--sea,.hero-color-blob--sky,.hero-color-blob--lilac,.hero-color-blob--navy) {display:none}
}
@keyframes hero-light-mobile {
  from {transform:translate3d(12px,-8px,0) scale(.94);opacity:.86}
  to {transform:translate3d(-32px,42px,0) scale(1.08);opacity:1}
}
@keyframes hero-light-mobile-return {
  from {transform:translate3d(-28px,28px,0) scale(1.06);opacity:.84}
  to {transform:translate3d(14px,-14px,0) scale(.94);opacity:1}
}
html.reduce-motion body.uxagent-hero-light .uxav2 .hero-color-blob {
  animation:none!important;transform:none;will-change:auto;
}
@media (prefers-reduced-motion:reduce) {
  body.uxagent-hero-light .uxav2 .hero-color-blob {animation:none!important;transform:none;will-change:auto}
}