/*
 * Approved imagery: options 02 (hero), 03 (academy) and 06 (experience).
 * Petroleum shadows / ivory highlights are baked into the approved assets.
 * These are illustrative stock-based images with AI-assisted retouching,
 * rather than documentary photographs of Eagle participants.
 * Original photo references, under the Pexels license:
 * 02: Vlada Karpovich, https://www.pexels.com/photo/7433898/
 * 03: Vlada Karpovich, https://www.pexels.com/photo/7433884/
 * 06: Edmond Dantes, https://www.pexels.com/photo/4342495/
 */

.hero-photo img {
  object-position: 62% center;
}

.academy-intro {
  min-width: 0;
}

.academy-detail {
  width: min(100%, 340px);
  margin: 32px 0 0;
}

.academy-detail img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 58%;
}

.academy-detail figcaption {
  margin-top: 12px;
  color: var(--muted);
  font-size: 9px;
  letter-spacing: .03em;
  line-height: 1.5;
}

.experience-photo img {
  object-position: 49% center;
}

@media (max-width: 900px) {
  .academy-detail {
    width: min(100%, 290px);
  }
}

@media (max-width: 650px) {
  .hero-photo img {
    object-position: 62% center;
  }

  .academy-detail {
    width: 100%;
    max-width: 380px;
    margin-top: 28px;
  }

  .academy-detail img {
    aspect-ratio: 5 / 4;
    object-position: center 57%;
  }

  .experience-photo img {
    object-position: 49% center;
  }
}