/* HUEMAN cinematic hero motion */
.hero-bg{
  background-position:48% 50%;
  animation:huemanHeroPan 10s cubic-bezier(.45,0,.2,1) infinite alternate;
}

.hero-shade{overflow:hidden}
.hero-shade::after{
  content:"";
  position:absolute;
  inset:-18%;
  pointer-events:none;
  background:radial-gradient(circle at 68% 35%,rgba(255,255,255,.10),transparent 29%);
  opacity:.45;
  transform:translate3d(-4%,1%,0);
  animation:huemanHeroLight 8s ease-in-out infinite alternate;
}
@keyframes huemanHeroPan{0%{background-position:46% 49%}38%{background-position:50% 48%}72%{background-position:53% 51%}100%{background-position:49% 52%}}
@keyframes huemanHeroLight{0%{transform:translate3d(-5%,1%,0);opacity:.28}55%{transform:translate3d(2%,-1%,0);opacity:.46}100%{transform:translate3d(5%,2%,0);opacity:.32}}
@media(max-width:620px){.hero-bg{animation-duration:8.5s}.hero-shade::after{animation-duration:7s;opacity:.34}}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero-shade::after{animation:none!important}}