.style-bg-layer{
  position:fixed;
  inset:-8%;
  z-index:1;
  pointer-events:none;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:0;
  will-change:transform,opacity,background-position,filter;
  filter:brightness(.72) saturate(1.08) contrast(1.02);
  transition:opacity 2.4s cubic-bezier(.19,1,.22,1),filter 2.4s ease;
}
.style-bg-layer.is-current{
  opacity:.52;
  animation:styleBgDrift 28s ease-in-out infinite alternate;
}
.style-bg-layer::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at center,transparent 32%,rgba(1,4,8,.42) 100%);
}
.new-article-page .style-bg-layer{z-index:-1}
@keyframes styleBgDrift{
  0%{
    transform:scale(1.04) translate3d(-1.2%,-.8%,0);
    background-position:43% 48%;
    filter:brightness(.68) saturate(1.02) contrast(1.02);
  }
  50%{
    transform:scale(1.09) translate3d(1.3%,.9%,0);
    background-position:58% 53%;
    filter:brightness(.78) saturate(1.18) contrast(1.04);
  }
  100%{
    transform:scale(1.05) translate3d(-.4%,1.5%,0);
    background-position:48% 59%;
    filter:brightness(.70) saturate(1.10) contrast(1.03);
  }
}
@media (prefers-reduced-motion:reduce){
  .style-bg-layer.is-current{animation:none}
}