/**
 * Light lander — fixed eagle nest + takeoff pup (coral’s light twin).
 * CANONICAL standard for all Network lander sites in light mode.
 * Source of truth: shared/network-chrome/light-lander-eagle.css
 * Copy identically into each site; do not invent per-site nest/pup px nudges.
 * Not in mosey float. Assets: /images/eagle-nest.*, /images/eagle-pup.*
 * Nest: bottom-left anchored; scale from that corner.
 *
 * Desktop slot (Labs-approved 2026-07-27):
 *   nest: left calc(-28% + 105px), bottom calc(-6% + 40px), 79.6875% × 49.725%
 *   pup:  top calc(2% + 70px), left calc(-16% + 10px), 46.4% × 40%
 *
 * Bank sandwich (.lander-cta-band): globe grid-row spans full lander height, so
 * the same bottom-% nest sits on the floor. Cap that globe box to Labs’ 500px
 * height (desktop) so nest/pup land in the same visual place as Labs.
 */

.lander-eagle-nest,
.lander-eagle-pup {
  display: none;
  pointer-events: none;
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
}

html:not([data-theme="dark"]) .behind-lander-globe-container {
  z-index: 0;
}

/* Light-mode globe clouds sit under the nest/pup stack */
html:not([data-theme="dark"])
  .lander-globe-container:has(.lander-eagle-nest)
  .lander-globe-cloud,
html:not([data-theme="dark"])
  .lander-globe-container:has(.lander-eagle-nest)
  .lander-globe-cloud-2 {
  display: block;
  z-index: 0;
}

/* Cash + chart back in the light eagle composition (under nest/pup) */
html:not([data-theme="dark"])
  .lander-globe-container:has(.lander-eagle-nest)
  .lander-globe-cash,
html:not([data-theme="dark"])
  .lander-globe-container:has(.lander-eagle-nest)
  .lander-globe-chart {
  display: block;
  z-index: 1;
}

html:not([data-theme="dark"]) .lander-eagle-nest {
  display: block;
  background-image: url("../images/eagle-nest.png?v=paste-12");
  background-image: -webkit-image-set(
    url("../images/eagle-nest.avif?v=paste-12") type("image/avif"),
    url("../images/eagle-nest.webp?v=paste-12") type("image/webp"),
    url("../images/eagle-nest.png?v=paste-12") type("image/png")
  );
  background-image: image-set(
    url("../images/eagle-nest.avif?v=paste-12") type("image/avif"),
    url("../images/eagle-nest.webp?v=paste-12") type("image/webp"),
    url("../images/eagle-nest.png?v=paste-12") type("image/png")
  );
  background-position: 50% 50%;
  /* Prior size ×0.85 (−15%), bottom-left anchor; +105px right, +40px up */
  left: calc(-28% + 105px);
  bottom: calc(-6% + 40px);
  top: auto;
  width: 79.6875%;
  height: 49.725%;
  z-index: 2;
}

/* Taking off from the left rim of the nest */
html:not([data-theme="dark"]) .lander-eagle-pup {
  display: block;
  background-image: url("../images/eagle-pup.png?v=paste-12");
  background-image: -webkit-image-set(
    url("../images/eagle-pup.avif?v=paste-12") type("image/avif"),
    url("../images/eagle-pup.webp?v=paste-12") type("image/webp"),
    url("../images/eagle-pup.png?v=paste-12") type("image/png")
  );
  background-image: image-set(
    url("../images/eagle-pup.avif?v=paste-12") type("image/avif"),
    url("../images/eagle-pup.webp?v=paste-12") type("image/webp"),
    url("../images/eagle-pup.png?v=paste-12") type("image/png")
  );
  background-position: 50% 50%;
  /* Prior size ×0.80 (−20%) */
  width: 46.4%;
  height: 40%;
  /* Then −20px up, −50px left */
  top: calc(2% + 70px);
  left: calc(-16% + 10px);
  z-index: 3;
}

html:not([data-theme="dark"]) .lander-globe-iconography {
  z-index: 4;
}

/*
 * Bank sandwich only: Webflow sets .lander-globe-container to height:100% +
 * grid-row:1/-1, so nest bottom-% anchors to the viewport floor. Match Labs’
 * flex globe used height (500px) so the canonical nest/pup offsets read correctly.
 * Mobile theme-dark already rebuilds this stack — leave ≤991 alone.
 */
@media screen and (min-width: 992px) {
  .lander-content-wrapper-flex:has(> .lander-cta-band) > .lander-globe-container {
    /* Match Labs flex globe used height (min-height:500px, not full lander) */
    height: 500px;
    min-height: 500px;
    max-width: 570px;
    width: 100%;
    align-self: center;
  }
}

/* Tablet — mirror coral-reef slot; keep nest/pup −15%/−20% vs prior eagle sizes */
@media screen and (max-width: 991px) {
  html:not([data-theme="dark"]) .lander-eagle-nest {
    width: 255px;
    height: 178.5px;
    top: calc(36% - 40px);
    right: -85px;
    left: auto;
    bottom: auto;
  }

  html:not([data-theme="dark"]) .lander-eagle-pup {
    width: 144px;
    height: 112px;
    top: 18%;
    left: auto;
    right: 200px;
    bottom: auto;
  }
}

/*
 * Phone — full-width circle frame (100cqw; matches theme-dark mobile globe).
 * Nest at bottom (coral’s slot); flying eagle fully on-screen, nudged right.
 */
@media screen and (max-width: 767px) {
  html:not([data-theme="dark"]) .lander-eagle-nest {
    width: calc(0.8075 * 100cqw);
    height: calc(0.493 * 100cqw);
    top: calc(0.14 * 100cqw);
    /* +55px keeps nest fully on-screen over the full-width circle */
    left: calc(50% + (-0.14 - 0.5) * 100cqw + 55px);
    right: auto;
    bottom: auto;
    z-index: 2;
  }

  html:not([data-theme="dark"]) .lander-eagle-pup {
    width: calc(0.47 * 100cqw);
    height: calc(0.37 * 100cqw);
    top: calc(0.02 * 100cqw);
    left: calc(0.04 * 100cqw);
    right: auto;
    bottom: auto;
    z-index: 3;
  }
}