/* All team cards share a 4:3 image frame. */
.person .team-photo,
#team .person .team-photo {
  aspect-ratio: 4 / 3;
  height: auto !important;
  min-height: 0;
  flex-shrink: 0;
}

/* Vertical originals need a wider view to include the whole face and hair. */
.person[data-profile-slug="saranam"] { --portrait-background: url('/assets/performance/saranam-profile-main-v158-480.jpg'); --portrait-width: 80%; --portrait-focus: 30%; }
.person[data-profile-slug="suriya"] { --portrait-background: url('/assets/performance/suriya-profile-main-v158-480.jpg'); --portrait-width: 85%; --portrait-focus: 37%; }
.person:is([data-profile-slug="suriya"],[data-profile-slug="saranam"]) .team-photo {
  isolation: isolate;
  background: #b78967;
}
.person:is([data-profile-slug="suriya"],[data-profile-slug="saranam"]) .team-photo::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -16px;
  background: var(--portrait-background) center / cover no-repeat;
  filter: blur(16px) sepia(.18) saturate(1.18) hue-rotate(-7deg) brightness(.9) contrast(1.07);
}
.person:is([data-profile-slug="suriya"],[data-profile-slug="saranam"]) .team-photo img,
#team .person:is([data-profile-slug="suriya"],[data-profile-slug="saranam"]) .team-photo img {
  position: relative;
  z-index: 1;
  width: var(--portrait-width);
  height: 100%;
  margin: 0 auto;
  object-fit: cover !important;
  object-position: center var(--portrait-focus) !important;
}