html, body { height: 100%; }

body{
  margin: 0;
  background: #070b14;
  position: relative;
  overflow-x: hidden;
}

body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -2;

  background-image: url("/static/brand/staticbrandbgcinema.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  transform: scale(1.04);
  filter: blur(10px) brightness(.55) saturate(1.05);
}

body::after{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -1;

  background:
    radial-gradient(900px 520px at 22% 18%, rgba(255,80,90,.12), transparent 60%),
    radial-gradient(900px 520px at 80% 25%, rgba(40,200,220,.10), transparent 60%),
    linear-gradient(180deg, rgba(5,8,16,.55), rgba(5,8,16,.78));
}