/* TEL leadership and team update — loaded after styles.css */

#team .section-heading {
  align-items: end;
}

#team .leadership-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

#team .team-subsection {
  margin-top: clamp(72px, 9vw, 120px);
  padding-top: clamp(48px, 6vw, 78px);
  border-top: 1px solid rgba(255, 255, 255, .11);
}

#team .team-section-heading {
  margin-bottom: 32px;
}

#team .team-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

#team .founder-card.with-photo {
  min-height: 650px;
}

#team .team-grid .founder-card.with-photo {
  min-height: 620px;
}

#team .founder-photo {
  height: 380px;
}

#team .team-grid .founder-photo {
  height: 350px;
}

#team .founder-card.with-photo .founder-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-bottom: 34px;
}

#team .founder-info h3 {
  margin-bottom: 10px;
}

#team .team-grid .founder-info h3 {
  font-size: clamp(1.72rem, 2.4vw, 2.75rem);
}

#team .founder-info .role {
  min-height: 2.6em;
  margin-top: 0;
  color: #ffffff;
  line-height: 1.45;
}

#team .team-quote {
  margin: auto 0 0;
  padding-top: 22px;
  color: #d4d4dc;
  border-top: 1px solid rgba(255, 255, 255, .11);
  font: 500 clamp(1rem, 1.3vw, 1.18rem)/1.55 var(--font-display);
  letter-spacing: -.015em;
}

#team .founder-index {
  max-width: calc(100% - 40px);
  white-space: normal;
  line-height: 1.25;
}

#team .team-photo-humaira {
  object-position: center 42%;
}

#team .team-photo-maverick {
  object-position: center 30%;
}

#team .team-photo-abhiraj {
  object-position: center 30%;
}

#team .team-photo-tanishka {
  object-position: center top;
}

#team .team-photo-madhusmita {
  object-position: center 43%;
}

/* Update Devangi's displayed quote without altering the rest of about.html. */
#team .leadership-grid .founder-card:nth-child(2) .team-quote {
  font-size: 0;
}

#team .leadership-grid .founder-card:nth-child(2) .team-quote::after {
  content: "“comfort kills”";
  color: #d4d4dc;
  font: 500 clamp(1rem, 1.3vw, 1.18rem)/1.55 var(--font-display);
  letter-spacing: -.015em;
}

/* Remove the former Visual Media Lead card from the visible team page. */
#team .team-grid .founder-card:nth-child(5) {
  display: none !important;
}

/* Keep the team summary accurate after the role removal. */
#team .team-section-heading > p:last-child {
  font-size: 0;
}

#team .team-section-heading > p:last-child::after {
  content: "Our team supports TEL across people, outreach, finance, strategy and brand.";
  color: var(--muted);
  font: 400 1rem/1.6 var(--font-body);
}

#team .team-grid .founder-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
  width: calc((100% - 18px) / 2);
  justify-self: center;
}

@media (max-width: 1040px) {
  #team .team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #team .leadership-grid,
  #team .team-grid {
    grid-template-columns: 1fr;
  }

  #team .team-grid .founder-card:last-child:nth-child(odd) {
    grid-column: auto;
    width: 100%;
  }

  #team .founder-card.with-photo,
  #team .team-grid .founder-card.with-photo {
    min-height: 620px;
  }

  #team .founder-photo,
  #team .team-grid .founder-photo {
    height: 350px;
  }

  #team .founder-info .role {
    min-height: 0;
  }
}