#people { position: relative; isolation: isolate; }
#people .team-person {
  appearance: none; border: 0; padding: 0; margin: 0; border-radius: 0;
  background: transparent; color: inherit; font: inherit; line-height: inherit;
  letter-spacing: inherit; text-align: left; cursor: pointer;
}
#people .team-person:focus-visible { outline: 1px solid currentColor; outline-offset: .35rem; }
#people .team-preview {
  position: absolute; left: 73%; top: 50%; width: clamp(18rem, 32vw, 34rem);
  aspect-ratio: 1; transform: translate(-50%, -50%); z-index: 5;
  pointer-events: none; opacity: 0; visibility: hidden;
  transition: opacity .18s ease, visibility .18s; overflow: visible;
}
#people .team-preview.is-visible { opacity: 1; visibility: visible; }
#people .team-preview video, #people .team-preview img {
  position: absolute; width: 150%; height: 150%; max-width: none;
  left: -25%; top: -25%; object-fit: contain; pointer-events: none;
  background: transparent; border: 0;
}
#people .team-preview [hidden] { display: none !important; }
@media (max-width: 991px) {
  #people .team-preview { left: auto; right: 0; top: var(--team-preview-y, 50%); width: min(45vw, 18rem); transform: translateY(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  #people .team-preview { transition: none; }
}