.people {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(var(--col-lg), 100%), 1fr));
  gap: var(--sp-5);
}
.person {
  display: flex;
  gap: var(--sp-4);
  padding: var(--sp-5);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  transition: transform var(--t) var(--ease), border-color var(--t) var(--ease);
}
.person:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--lic-gold) 45%, var(--line));
}
.person__photo {
  flex: 0 0 auto;
  inline-size: 72px;
  block-size: 72px;
  border-radius: 50%;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--lic-gold-lt), var(--lic-gold));
  color: var(--gold-ink);
}
.person__photo img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
 
.person__initials {
  font-size: var(--fs-lg);
  font-weight: 800;
}
.person__name {
  font-size: var(--fs-base);
}
.person__job {
  color: var(--text-2);
  font-size: var(--fs-sm);
}
.person__org {
  color: var(--text-3);
  font-size: var(--fs-xs);
}
.person__talks {
  margin-block-start: var(--sp-3);
  padding-block-start: var(--sp-3);
  border-block-start: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  font-size: var(--fs-sm);
}
.person__talks strong {
  display: block;
  margin-block: 2px;
}
.person__talks small {
  color: var(--text-3);
  font-size: var(--fs-xs);
}