/* The three public team cards share portrait, text and action baselines. */
.team.team-3 {
  align-items: stretch;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.team.team-3 > .member {
  --portrait-scale: 1;
  --portrait-hover-scale: 1.035;
  --portrait-y: 42%;
  display: grid;
  grid-template-rows: auto auto auto 1fr auto auto;
  align-items: start;
  min-width: 0;
  padding-bottom: 26px;
}

/* Each original portrait has a different head position and framing. These
   values align the top of the hair and approximate head size without replacing
   or editing the supplied photos. The crop belongs only to the team cards. */
.team.team-3 > .member[data-portrait="savas"] {
  --portrait-scale: 1.22;
  --portrait-hover-scale: 1.26;
  --portrait-y: 0%;
}
.team.team-3 > .member[data-portrait="bulent"] {
  --portrait-scale: 1.19;
  --portrait-hover-scale: 1.23;
  --portrait-y: 43%;
}
.team.team-3 > .member[data-portrait="kemal"] {
  --portrait-y: 42%;
}

.team.team-3 .member .ph {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1.05;
  margin-bottom: 20px;
  overflow: hidden;
}
.team.team-3 .member .ph img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center var(--portrait-y);
  transform: scale(var(--portrait-scale));
  transform-origin: center top;
}
.team.team-3 .member:hover .ph img {
  transform: scale(var(--portrait-hover-scale));
}

.team.team-3 .member > h3 {
  padding-inline: 14px;
  min-height: 2.3em;
  line-height: 1.15;
  overflow-wrap: break-word;
}
.team.team-3 .member > p {
  min-height: 1.65em;
  padding-inline: 14px;
  font-size: 12px;
  letter-spacing: .1em;
}
.team.team-3 .member > small {
  min-height: 6.6em;
  line-height: 1.65;
  padding-inline: 18px;
}
.team.team-3 .member > .profile-more {
  justify-self: center;
  align-self: end;
  max-width: calc(100% - 28px);
  margin-top: 16px;
}
.team.team-3 .member > br {
  display: none;
}

@media (max-width: 920px) {
  .team.team-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .team.team-3 {
    grid-template-columns: minmax(0, 1fr);
    max-width: 380px;
  }
  .team.team-3 .member > h3 { min-height: 1.15em; }
  .team.team-3 .member > small { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .team.team-3 .member .ph img { transition: none; }
  .team.team-3 .member:hover .ph img { transform: scale(var(--portrait-scale)); }
}