/* Homepage people strip: real portraits, quiet at rest, colour on intent.
   Sets advance every three seconds until someone interacts with the section; no particle canvas or per-frame work. */
.people-fold { color: var(--site-ink); background: var(--site-paper); border-bottom: 1px solid var(--site-line); }
.people-heading { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); border-bottom: 1px solid var(--site-line); }
.people-strip { display: flex; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--site-line) var(--site-paper); }
.people-card { min-width: 0; margin: 0; padding: 16px; background: var(--site-paper); border-right: 1px solid var(--site-line); }
.people-strip > .people-card { flex: 0 0 20%; scroll-snap-align: start; }
.people-card:last-child { border-right: 0; }
.people-photo { display: block; position: relative; width: 100%; aspect-ratio: 2 / 3; padding: 0; overflow: hidden; background: var(--site-tint); cursor: pointer; }
.people-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: grayscale(1); transition: filter 400ms var(--ease-smooth); }
.people-card[data-person-id="sanjay-malhotra"] .people-photo { background: #2A2A2A; }
.people-card[data-person-id="sanjay-malhotra"] .people-photo img { transform: translateY(4%); }
@media (hover: hover) { .people-photo:hover img { filter: grayscale(0); } }
.people-photo:focus-visible img, .people-photo[aria-pressed="true"] img { filter: grayscale(0); }
@media (prefers-reduced-motion: reduce) {
  .people-photo img { transition: none; }
}

/* Only JS-owned, one-shot entrances use this state. No-JS remains visible. */
@media (prefers-reduced-motion: no-preference) {
  .people-portrait-pending { opacity: 0; }
}