/* Circular committee headshots with person-specific framing. */
.ranlo-headshot-clip {
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--ranlo-sage);
  flex-shrink: 0;
  background: #fff;
  box-shadow: none;
}
.ranlo-headshot-clip--staff {
  width: 120px;
  height: 120px;
}
.ranlo-headshot-clip--member {
  width: 96px;
  height: 96px;
}
.ranlo-headshot-clip .ranlo-staff-photo,
.ranlo-headshot-clip .ranlo-committee-member-photo {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 42%;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

/* Sherdinia: match the visual head depth used by the member portraits. */
.ranlo-headshot-clip img[alt="Sherdinia Stepney"] {
  transform: scale(2);
  transform-origin: 50% 55%;
}

/* Marquitta: bring the head just below the top edge and match face scale. */
.ranlo-headshot-clip img[alt="Marquitta McCormick"] {
  transform: scale(1.62);
  transform-origin: 50% 50%;
}

/* Karen: soften the prior close crop and keep the crown below the top edge. */
.ranlo-headshot-clip img[alt="Karen Creech"] {
  transform: translateY(4px) scale(1.18);
  transform-origin: 50% 0;
}

.ranlo-committee-member-email {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.85rem;
  line-height: 1.35;
  color: var(--ranlo-burgundy);
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-word;
}
.ranlo-committee-member-email:hover,
.ranlo-committee-member-email:focus {
  color: var(--ranlo-burgundy-dark);
}