/* Content is fully readable before the decoration starts. */
#company{position:relative;isolation:isolate;overflow:clip}
#company>.wrap{position:relative;z-index:1}
.js-motion #company>.wrap>.section-head{opacity:1;transform:none;transition:none}
.js-motion #about-us .about-intro-heading,.js-motion #about-us .about-intro-copy{opacity:1;transform:none;transition:none}
.connection-bloom{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.connection-bloom i{position:absolute;left:var(--bloom-x,30%);top:var(--bloom-y,180px);display:block;opacity:0;pointer-events:none}
.connection-bloom-glow{width:680px;height:470px;margin:-235px 0 0 -340px;background:radial-gradient(ellipse,rgba(255,208,115,.68) 0%,rgba(169,204,255,.72) 24%,rgba(110,172,247,.46) 48%,rgba(180,215,255,0) 74%);transform:scale(.14);filter:blur(5px)}
.connection-bloom-ring{width:570px;height:370px;margin:-185px 0 0 -285px;border:2px solid rgba(75,143,232,.48);border-radius:50%;box-shadow:0 0 24px rgba(92,164,255,.28),inset 0 0 20px rgba(144,193,255,.2);filter:blur(2px);transform:scale(.16)}
.connection-bloom.is-playing .connection-bloom-glow{animation:connection-bloom 6.8s cubic-bezier(.22,.61,.36,1) both}
.connection-bloom.is-playing .connection-bloom-ring{animation:connection-ring 6.8s cubic-bezier(.22,.61,.36,1) both}
@keyframes connection-bloom{0%{opacity:0;transform:scale(.14)}14%{opacity:.95}48%{opacity:1;transform:scale(1.22)}76%{opacity:.65}100%{opacity:0;transform:scale(2.1)}}
@keyframes connection-ring{0%{opacity:0;transform:scale(.16)}18%{opacity:.9}55%{opacity:.7}82%{opacity:.28}100%{opacity:0;transform:scale(2.5)}}
.connection-light-flow{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}
.hero>.hero-body,.hero>.hero-bottom{position:relative;z-index:1}
.connection-flow-orb{position:absolute;left:0;display:block;width:620px;height:470px;opacity:0;will-change:transform,opacity;pointer-events:none}
.connection-flow-orb:before,.connection-flow-orb:after{content:'';position:absolute;inset:0;border-radius:50%}
.connection-flow-orb:before{background:radial-gradient(ellipse,rgba(255,208,115,.68) 0%,rgba(169,204,255,.72) 24%,rgba(110,172,247,.46) 48%,rgba(180,215,255,0) 74%);filter:blur(8px)}
.connection-flow-orb:after{inset:14%;border:2px solid rgba(101,164,243,.24);box-shadow:0 0 28px rgba(92,164,255,.2);filter:blur(4px)}
.about-intro>.connection-light-flow{opacity:.45}
.connection-light-flow.is-playing .connection-flow-orb{animation:connection-fall 6s cubic-bezier(.35,0,.45,1) both}
@keyframes connection-fall{
  0%{opacity:0;transform:translate3d(var(--flow-start-x),var(--flow-start-y),0) translate(-50%,-50%) scale(.28)}
  5%{opacity:.95}
  32%{opacity:1;transform:translate3d(var(--flow-edge-x),var(--flow-edge-y),0) translate(-50%,-50%) scale(.85)}
  68%{opacity:.95;transform:translate3d(var(--flow-bloom-x),var(--flow-bloom-y),0) translate(-50%,-50%) scale(1.35)}
  100%{opacity:0;transform:translate3d(var(--flow-end-x),var(--flow-end-y),0) translate(-50%,-50%) scale(1.8)}
}
.motion-paused .connection-bloom,.motion-paused .connection-light-flow{visibility:hidden}
@media(max-width:650px){.connection-bloom-glow{width:440px;height:360px;margin:-180px 0 0 -220px}.connection-bloom-ring{width:360px;height:260px;margin:-130px 0 0 -180px}.connection-flow-orb{width:380px;height:340px}}
@media(prefers-reduced-motion:reduce){.connection-bloom,.connection-light-flow{display:none}}