/* Light Zimbabwe development imagery for public informational page heroes. */
body.development-info-page:not(.dashboard-body):not(.jobs-page) .page-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(290px, 32vw, 390px);
  border-bottom: 1px solid rgba(20, 91, 55, 0.15);
  background: rgba(245, 250, 246, 0.42);
  color: #16271e;
}

body.development-info-page:not(.dashboard-body):not(.jobs-page) .page-hero::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  background-image:
    linear-gradient(90deg, rgba(255, 253, 249, 0.78) 0%, rgba(255, 253, 249, 0.64) 42%, rgba(246, 250, 247, 0.18) 72%, rgba(246, 250, 247, 0.04) 100%),
    linear-gradient(180deg, rgba(255, 253, 249, 0.04) 52%, rgba(245, 250, 246, 0.5) 100%),
    url("assets/zgtn-development-background-1440.webp");
  background-image:
    linear-gradient(90deg, rgba(255, 253, 249, 0.78) 0%, rgba(255, 253, 249, 0.64) 42%, rgba(246, 250, 247, 0.18) 72%, rgba(246, 250, 247, 0.04) 100%),
    linear-gradient(180deg, rgba(255, 253, 249, 0.04) 52%, rgba(245, 250, 246, 0.5) 100%),
    image-set(
      url("assets/zgtn-development-background-960.webp") 1x,
      url("assets/zgtn-development-background-1440.webp") 2x
    );
  background-position: center, center, 50% 23%;
  background-size: cover, cover, cover;
  content: "";
  pointer-events: none;
}

body.development-info-page {
  background-image:
    linear-gradient(rgba(255, 253, 249, 0.66), rgba(241, 248, 243, 0.7)),
    url("assets/zgtn-development-background-1440.webp");
  background-image:
    linear-gradient(rgba(255, 253, 249, 0.66), rgba(241, 248, 243, 0.7)),
    image-set(
      url("assets/zgtn-development-background-960.webp") 1x,
      url("assets/zgtn-development-background-1440.webp") 2x
    );
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

body.development-info-page main > .section {
  background: rgba(255, 253, 249, 0.76);
  backdrop-filter: blur(3px);
}

body.development-info-page main > .section:nth-of-type(even) {
  background: rgba(242, 248, 244, 0.72);
}

body.development-info-page:not(.dashboard-body):not(.jobs-page) .page-hero .section-inner {
  position: relative;
  z-index: 1;
}

body.development-info-page:not(.dashboard-body):not(.jobs-page) .page-hero .eyebrow {
  color: #795a0c;
}

body.development-info-page:not(.dashboard-body):not(.jobs-page) .page-hero h1 {
  color: #123123;
  text-wrap: balance;
}

body.development-info-page:not(.dashboard-body):not(.jobs-page) .page-hero .hero-copy {
  color: #4a5e54;
}

body.development-info-page:not(.dashboard-body):not(.jobs-page) .page-hero .button {
  border-color: #07552f;
  background: #07552f;
  color: #fff;
}

body.development-info-page:not(.dashboard-body):not(.jobs-page) .page-hero .button.secondary {
  border-color: rgba(7, 85, 47, 0.28);
  background: rgba(255, 255, 255, 0.82);
  color: #07552f;
  backdrop-filter: blur(8px);
}

@media (max-width: 760px) {
  body.development-info-page:not(.dashboard-body):not(.jobs-page) .page-hero {
    min-height: 250px;
  }

  body.development-info-page:not(.dashboard-body):not(.jobs-page) .page-hero::before {
    background-image:
      linear-gradient(90deg, rgba(255, 253, 249, 0.96), rgba(255, 253, 249, 0.72)),
      linear-gradient(180deg, rgba(255, 253, 249, 0.04) 35%, rgba(245, 250, 246, 0.95) 100%),
      url("assets/zgtn-development-background-960.webp");
    background-position: center, center, 62% top;
  }

  body.development-info-page {
    background-position: 60% top;
    background-attachment: scroll;
  }
}

@media (prefers-reduced-motion: no-preference) {
  body.development-info-page:not(.dashboard-body):not(.jobs-page) .page-hero::before {
    animation: zgtn-info-development-drift 20s ease-in-out infinite alternate;
  }

  @keyframes zgtn-info-development-drift {
    from {
      background-position: center, center, 48% 23%;
      transform: scale(1.015);
    }
    to {
      background-position: center, center, 54% 18%;
      transform: scale(1.045);
    }
  }
}