/* Continuous, gently moving Zimbabwe development setting for the homepage. */
body.home-active-page {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  background: #edf4ef;
}

body.home-active-page::before {
  position: fixed;
  inset: -4%;
  z-index: -1;
  display: block;
  background-image:
    radial-gradient(circle at 12% 10%, rgba(255, 253, 248, 0.16), transparent 34%),
    linear-gradient(118deg, rgba(255, 253, 249, 0.32), rgba(235, 246, 239, 0.25)),
    url("assets/zgtn-development-background-1440.webp");
  background-image:
    radial-gradient(circle at 12% 10%, rgba(255, 253, 248, 0.16), transparent 34%),
    linear-gradient(118deg, rgba(255, 253, 249, 0.32), rgba(235, 246, 239, 0.25)),
    image-set(
      url("assets/zgtn-development-background-960.webp") 1x,
      url("assets/zgtn-development-background-1440.webp") 2x
    );
  background-position: center, center, 48% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  filter: saturate(0.96) contrast(1.02);
  transform: scale(1.04);
  content: "";
  pointer-events: none;
  will-change: background-position, transform;
}

body.home-active-page > :is(.site-header, main, .site-footer) {
  position: relative;
  z-index: 1;
}

body.home-active-page main {
  background: transparent;
}

body.home-active-page main > section:not(.active-newsletter) {
  background: rgba(250, 252, 249, 0.45) !important;
  backdrop-filter: blur(1.5px);
}

body.home-active-page main > :is(.active-development, .active-how, .zgtn-visual-story) {
  background: rgba(255, 253, 249, 0.38) !important;
}

body.home-active-page main > :is(.active-opportunities, .active-community) {
  background: rgba(242, 249, 245, 0.5) !important;
}

body.home-active-page main > .active-hero.has-development-background {
  background: rgba(247, 251, 248, 0.2) !important;
}

body.home-active-page main > .active-newsletter.lively-newsletter {
  background: rgba(4, 57, 41, 0.78) !important;
  backdrop-filter: blur(5px);
}

body.home-active-page .site-footer {
  background: rgba(248, 252, 249, 0.7) !important;
  backdrop-filter: blur(8px);
}

@media (prefers-reduced-motion: no-preference) {
  body.home-active-page::before {
    animation: zgtn-continuous-background-drift 26s ease-in-out infinite alternate;
  }

  @keyframes zgtn-continuous-background-drift {
    from {
      background-position: center, center, 45% 50%;
      transform: scale(1.04);
    }
    to {
      background-position: center, center, 57% 47%;
      transform: scale(1.09);
    }
  }
}

@media (max-width: 760px) {
  body.home-active-page::before {
    inset: -7%;
    background-position: center, center, 61% 50%;
    transform: scale(1.08);
  }

  body.home-active-page main > section:not(.active-newsletter) {
    background: rgba(250, 252, 249, 0.52) !important;
    backdrop-filter: blur(1px);
  }

  body.home-active-page main > .active-newsletter.lively-newsletter {
    background: rgba(4, 57, 41, 0.82) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-active-page::before {
    animation: none;
    will-change: auto;
  }
}