/* BCT hero — flowing connections */
.hero--flow{
  position:relative;
  background:#fff;
  overflow:hidden;
}
.hero--flow .flow-field{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  pointer-events:none;
}
body.home-v2 .hero--flow{
  padding:0 7vw;
  justify-content:center;
}
body.home-v2 .hero--flow::before,
body.home-v2 .hero--flow::after{
  content:none!important;
  display:none!important;
}
body.home-v2 .hero--flow .hero__inner{
  z-index:3;
  width:min(1040px,86vw);
  padding:0 0 28px;
  text-align:center;
}
body.home-v2 .hero--flow h1{
  margin:0 auto;
  max-width:1040px;
}
.hero--flow .hero__inner h1{
  text-shadow:0 0 28px rgba(255,255,255,.96),0 0 70px #fff;
}
.hero--flow .hero__news{
  z-index:4;
}

@media(max-width:900px){
  body.home-v2 .hero--flow{
    padding:0 24px;
    justify-content:center;
  }
  body.home-v2 .hero--flow .hero__inner{
    width:100%;
    padding:0 0 72px;
    text-align:center;
  }
}

@media(max-width:600px){
  body.home-v2 .hero--flow{
    min-height:560px;
    padding:0 20px;
  }
  body.home-v2 .hero--flow .hero__inner{
    width:100%;
    padding:0 0 86px;
  }
  body.home-v2 .hero--flow h1{
    max-width:360px;
    font-size:clamp(34px,9.2vw,42px);
    line-height:1.34;
    letter-spacing:-.045em;
  }
  .hero--flow .hero__inner h1{
    text-shadow:0 0 20px #fff,0 0 44px #fff;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero--flow .flow-field{opacity:.72}
}
