/* The four source images share the same dot silhouette; the last is the clean transparent master. */
.splash-section .splash-image {
  background-image: none !important;
  background-color: rgba(12, 16, 21, var(--particle-backdrop-opacity, 0));
}
.splash-section .splash-image::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(
    135deg,
    #689ff4 0%,
    #012f86 30%,
    #0c6980 50%,
    #16a66a 72%,
    #a1ebcf 100%
  );
  -webkit-mask-image: url("assets/0b01fc3_650461e29d9236b2c355d2ae_adsorb_graphic_element_png_00013_1.png");
  mask-image: url("assets/0b01fc3_650461e29d9236b2c355d2ae_adsorb_graphic_element_png_00013_1.png");
  mask-mode: alpha;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
/* Retain the reference's layer occlusion without coloring its rectangular backdrop. */
.splash-section .splash-image.is-1 {
  --particle-backdrop-opacity: 0.0980392157;
}
.splash-section .splash-image.is-2 {
  --particle-backdrop-opacity: 0.2509803922;
}
.splash-section .splash-image.is-3 {
  --particle-backdrop-opacity: 0.5019607843;
}
.splash-section .splash-image.is-4 {
  --particle-backdrop-opacity: 0;
}