/* Quiet editorial gallery: imagery is the only public content. */
.team-field-gallery {
  padding: 76px 0 92px;
  background: #f6f3ed;
  color: #18231f;
}

.team-field-gallery__heading { display: none; }

.team-field-gallery__grid {
  display: block;
  columns: 4 230px;
  column-gap: 16px;
}

.team-field-gallery figure {
  display: inline-block;
  width: 100%;
  margin: 0 0 16px;
  break-inside: avoid;
  cursor: zoom-in;
  overflow: hidden;
  background: #e7e0d4;
}

.team-field-gallery figure img,
.team-field-gallery .team-field-gallery__portrait img,
.team-field-gallery .team-field-gallery__tall img,
.team-field-gallery .team-field-gallery__wide img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: initial;
  transition: transform .45s ease, filter .45s ease;
}

.team-field-gallery figure:hover img { transform: scale(1.018); filter: brightness(.96); }
.team-field-gallery figure:focus-visible { outline: 2px solid #986f36; outline-offset: 4px; }
.team-field-gallery figcaption { display: none; }

/* The field-team portrait is intentionally quiet and monochrome. */
.team-story__image {
  padding: 2px;
  background: #090a09;
}

.team-story__image img {
  filter: grayscale(1) contrast(1.12) brightness(.84);
}

.team-story__image figcaption {
  margin: 0;
  padding: 12px 14px 14px;
  background: #090a09;
  color: #f5f1e8;
}

.team-cta {
  background: #e9dfce;
  color: #17211e;
}

.team-cta h2 { color: #17211e; }
.team-cta p:not(.team-kicker) { color: #4c554e; }
.team-cta .team-kicker { color: #8d6835; }
.team-cta .team-button--gold {
  border-color: #15251f;
  background: #15251f;
  color: #f7f3eb;
}
.team-cta .team-button--gold:hover { border-color: #a77b3e; background: #a77b3e; color: #17211e; }
.team-cta .team-button--light { color: #17211e; }
.team-cta .team-button--light:hover { background: #17211e; color: #f7f3eb; }

.team-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 760px) {
  .team-field-gallery { padding: 42px 0 48px; }
  .team-field-gallery__grid { columns: 2 145px; column-gap: 10px; }
  .team-field-gallery figure { margin-bottom: 10px; }
}