/* Screen backgrounds: variants + lazy-load placeholder until data-bg-loaded */

.bg-image[data-bg]:not([data-bg-loaded]) {
  background-image: none !important;
}

.bg-image--hero {
  opacity: 0.4;
}

.bg-image--set-muted {
  opacity: 0.16;
  filter: grayscale(50%);
}

.bg-image--set-soft {
  opacity: 0.16;
}

.bg-image--chill {
  opacity: 0.14;
  filter: grayscale(20%) contrast(115%);
}

.bg-image--mixcloud {
  opacity: 0.15;
  filter: grayscale(100%) contrast(120%);
}

.bg-image--catalog {
  filter: grayscale(100%);
}

.bg-image--gig {
  opacity: 0.5;
}

.bg-image--samba {
  opacity: 0.12;
}

.bg-image--legal-a {
  opacity: 0.15;
  filter: invert(1);
}

.bg-image--legal-b {
  opacity: 0.26;
  filter: invert(1);
}

.bg-image--contact-a {
  opacity: 0.12;
}

.bg-image--contact-b {
  opacity: 0.2;
}