/* GEONEXT_HERO_PHOTO_2026 */

.hero {
  background-color: #080a2b;
  background-image:
    linear-gradient(
      90deg,
      rgba(8, 10, 43, 0.77) 0%,
      rgba(8, 10, 43, 0.77) 32%,
      rgba(12, 15, 54, 0.62) 58%,
      rgba(35, 17, 94, 0.40) 100%
    ),
    linear-gradient(
      180deg,
      rgba(8, 10, 43, 0.20),
      rgba(8, 10, 43, 0.48)
    ),
    url("./assets/geonext-2025-gallery-1.webp");
  background-repeat: no-repeat;
  background-position: center, center, center 44%;
  background-size: cover, cover, cover;
}

.hero::before {
  background:
    radial-gradient(
      circle at 78% 38%,
      rgba(77, 172, 220, 0.20),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      rgba(8, 10, 43, 0.08),
      rgba(8, 10, 43, 0.28)
    );
}

.hero-grid {
  opacity: 0.11;
}

.hero .contours {
  stroke: rgba(124, 200, 232, 0.21);
}

.hero-datum {
  filter: drop-shadow(0 22px 44px rgba(4, 7, 34, 0.35));
}

@media (max-width: 760px) {
  .hero {
    background-image:
      linear-gradient(
        180deg,
        rgba(8, 10, 43, 0.94) 0%,
        rgba(8, 10, 43, 0.78) 52%,
        rgba(8, 10, 43, 0.92) 100%
      ),
      url("./assets/geonext-2025-gallery-1.webp");
    background-position: center, center 8%;
    background-size: cover, 145% auto;
  }

  .hero-grid {
    opacity: 0.08;
  }

  .hero .contours {
    stroke: rgba(124, 200, 232, 0.16);
  }
}

/* GEONEXT_HIDE_HERO_DATUM */
.hero-datum { display: none; }

/* GEONEXT_DESKTOP_PHOTO_ZOOM */
@media (min-width: 1100px) {
  .hero { background-size: cover, cover, 110% auto; background-position: center, center, center calc(44% + 26px); }
}