/**
 * Light lander — fixed eagle nest + takeoff pup (coral’s light twin).
 * Not in mosey float. Assets: /images/eagle-nest.*, /images/eagle-pup.*
 * Nest: bottom-left anchored; scale from that corner.
 */

.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-10");
  background-image: -webkit-image-set(
    url("../images/eagle-nest.webp?v=paste-10") type("image/webp"),
    url("../images/eagle-nest.png?v=paste-10") type("image/png")
  );
  background-image: image-set(
    url("../images/eagle-nest.webp?v=paste-10") type("image/webp"),
    url("../images/eagle-nest.png?v=paste-10") type("image/png")
  );
  background-position: 50% 50%;
  /* Prior size ×0.85 (−15%), bottom-left anchor, +90px right */
  left: calc(-28% + 90px);
  bottom: -6%;
  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-10");
  background-image: -webkit-image-set(
    url("../images/eagle-pup.webp?v=paste-10") type("image/webp"),
    url("../images/eagle-pup.png?v=paste-10") type("image/png")
  );
  background-image: image-set(
    url("../images/eagle-pup.webp?v=paste-10") type("image/webp"),
    url("../images/eagle-pup.png?v=paste-10") 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;
}

/* 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: 36%;
    right: -70px;
    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 — same cqh frame as dark coral-reef (theme-dark / dark-lander-hero).
 * Nest sits in coral’s slot; pup stays up-left. No desktop px offsets.
 */
@media screen and (max-width: 767px) {
  html:not([data-theme="dark"]) .lander-eagle-nest {
    width: calc(0.8075 * 155cqh);
    height: calc(0.493 * 155cqh);
    top: calc(0.14 * 155cqh);
    left: calc(50% + (-0.14 - 0.5) * 155cqh);
    right: auto;
    bottom: auto;
    z-index: 2;
  }

  html:not([data-theme="dark"]) .lander-eagle-pup {
    width: calc(0.47 * 155cqh);
    height: calc(0.37 * 155cqh);
    top: calc(0.02 * 155cqh);
    left: calc(50% + (-0.32 - 0.5) * 155cqh);
    right: auto;
    bottom: auto;
    z-index: 3;
  }
}