/**
 * Progressive hero — bank AVIF compression (siblings).
 * LQIP: -p-500.avif → full .avif (mobile -p-800.avif).
 * Paths assume this file lives in site assets/ or css/ (../images/…).
 */

/* —— Landing atmosphere (light only; dark uses dark-lander-hero skyrays) —— */
html:not([data-theme="dark"]) .landing-content-section {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/cloud_background-p-500.avif");
}

html:not([data-theme="dark"]) .landing-content-section.is-progressive-loaded {
  background-image: url("../images/cloud_background.avif");
  background-image: -webkit-image-set(
    url("../images/cloud_background.avif") type("image/avif"),
    url("../images/cloud_background.webp") type("image/webp")
  );
  background-image: image-set(
    url("../images/cloud_background.avif") type("image/avif"),
    url("../images/cloud_background.webp") type("image/webp")
  );
}

@media (max-width: 767px) {
  html:not([data-theme="dark"]) .landing-content-section.is-progressive-loaded {
    background-image: url("../images/cloud_background-p-800.avif");
  }
}

/* —— Globe stack —— */
.lander-globe-cash {
  background-image: url("../images/image-31-p-500.avif");
}

.lander-globe-cash.is-progressive-loaded {
  background-image: url("../images/image-31.avif");
}

@media (max-width: 767px) {
  .lander-globe-cash.is-progressive-loaded {
    background-image: url("../images/image-31-p-800.avif");
  }
}

.lander-globe-cloud {
  background-image: url("../images/image-32-p-500.avif");
}

.lander-globe-cloud.is-progressive-loaded {
  background-image: url("../images/image-32.avif");
}

@media (max-width: 767px) {
  .lander-globe-cloud.is-progressive-loaded {
    background-image: url("../images/image-32-p-800.avif");
  }
}

.lander-globe-cloud-2 {
  background-image: url("../images/image-33-p-500.avif");
}

.lander-globe-cloud-2.is-progressive-loaded {
  background-image: url("../images/image-33.avif");
}

@media (max-width: 767px) {
  .lander-globe-cloud-2.is-progressive-loaded {
    background-image: url("../images/image-33-p-800.avif");
  }
}

@media (scripting: none) {
  html:not([data-theme="dark"]) .landing-content-section {
    background-image: url("../images/cloud_background.avif");
  }

  .lander-globe-cash {
    background-image: url("../images/image-31.avif");
  }

  .lander-globe-cloud {
    background-image: url("../images/image-32.avif");
  }

  .lander-globe-cloud-2 {
    background-image: url("../images/image-33.avif");
  }
}