/* =============================================================================
   home-people.css -- the pictures on the home page's two people cards.

   CHYK Leaders carries Gurudev in gold among flames, CHYK Alumni the golden
   man in flame; both chosen by the user, 2026-09-30, and made by
   assets/home/source/people-build.py. The picture
   fills the card behind the words, and a fall of black from the bottom
   keeps the title and its link readable over it. The cards' own rules are
   in css/premium-upgrade.css, with !important on nearly everything, which is
   why the picture is a separate element and not the card's background.
   ========================================================================== */
.home-people-card-img {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: 50% 18%;
  opacity: .92;
  transform: scale(1.02);
  transition: transform .9s cubic-bezier(.22, 1, .36, 1), opacity .6s ease;
  pointer-events: none;
}
.home-people-card--leaders .home-people-card-img { object-position: 51% 22%; }
.home-people-card::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .82) 26%, rgba(0, 0, 0, .25) 58%, rgba(0, 0, 0, 0) 78%);
}
.home-people-card:hover .home-people-card-img { transform: scale(1.06); opacity: 1; }
/* the grid lines drawn over the old empty cards would lie across the faces */
.home-people-card .home-people-card-bg { display: none; }
@media (prefers-reduced-motion: reduce) {
  .home-people-card-img { transition: none; }
}