.view--content-people.view--block-all .view__title {
  font-size: var(--heading--font-size);
  color: var(--heading--color, var(--body--color, inherit));
  line-height: var(--heading--line-height, 1.1);
  font-weight: var(--heading--font-weight);
  text-transform: var(--heading--text-transform);
  transition: var(--heading--transition, all 200ms ease-in-out);
  margin-top: var(--heading--margin-top);
  margin-bottom: var(--heading--margin-bottom);
}

.view--content-people.view--block-all .view__title {
  --heading--font-size: var(--h2--font-size, clamp(1.5625rem, 1.26953125rem + 1.6276041667vw, 2.44140625rem));
  --heading--font-weight: var(--h2--font-weight);
}

.view--content-people.view--block-all .view__job-title {
  font-size: 1.25rem;
  font-weight: var(--label--font-weight);
}

.view--content-people.view--block-all {
  --view-grid--column-gap: 0;
  --view-grid--row-gap: 0;
}
.view--content-people.view--block-all .view__row {
  background-color: var(--bg-color--active);
  transition: all 250ms ease-in-out;
}
.view--content-people.view--block-all .view__row:nth-child(12n+1), .view--content-people.view--block-all .view__row:nth-child(12n+8) {
  --border-radius: 50vw 50vw 0 0;
}
.view--content-people.view--block-all .view__row:nth-child(12n+3), .view--content-people.view--block-all .view__row:nth-child(12n+10) {
  --border-radius: 0 0 50vw 50vw;
}
.view--content-people.view--block-all .view__row:nth-child(12n+4), .view--content-people.view--block-all .view__row:nth-child(12n+9) {
  --border-radius: 50vw;
}
.view--content-people.view--block-all .view__row:nth-child(12n+5), .view--content-people.view--block-all .view__row:nth-child(12n+11) {
  --border-radius: 50vw 0 0 50vw;
}
.view--content-people.view--block-all .view__row:nth-child(12n+6), .view--content-people.view--block-all .view__row:nth-child(12n+12) {
  --border-radius: 0 50vw 50vw 0;
}
[data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+1) {
  --bg-color: #ffa2b6;
  --bg-color--active: #21767b;
  --color--active: #d3d9d4;
  --border-color--active: #80d8ce;
}
[data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+1) {
  --bg-color: #80d8ce;
  --bg-color--active: #f63259;
  --color--active: #511416;
  --border-color--active: #eae7dc;
}
.view--content-people.view--block-all .view__row:nth-child(12n+2), .view--content-people.view--block-all .view__row:nth-child(12n+7) {
  --bg-color: transparent;
}
[data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+2), [data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+7) {
  --bg-color--active: #d3d9d4;
  --color--active: #1d2c3c;
  --border-color--active: #124e66;
}
[data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+2), [data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+7) {
  --bg-color--active: #eae7dc;
  --color--active: #511416;
  --border-color--active: #f63259;
}
.view--content-people.view--block-all .view__row:nth-child(12n+3), .view--content-people.view--block-all .view__row:nth-child(12n+6) {
  --bg-color: transparent;
}
[data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+3), [data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+6) {
  --bg-color--active: #1d2c3c;
  --color--active: #d3d9d4;
  --border-color--active: #80d8ce;
}
[data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+3), [data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+6) {
  --bg-color--active: #511416;
  --color--active: #eae7dc;
  --border-color--active: #f63259;
}
[data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+4) {
  --bg-color: #e43d12;
  --bg-color--active: #124e66;
  --color--active: #d3d9d4;
  --border-color--active: #80d8ce;
}
[data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+4) {
  --bg-color: #21767b;
  --bg-color--active: #e43d12;
  --color--active: #eae7dc;
  --border-color--active: #eae7dc;
}
[data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+5) {
  --bg-color: #eae7dc;
  --bg-color--active: #80d8ce;
  --color--active: #1d2c3c;
  --border-color--active: #124e66;
}
[data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+5) {
  --bg-color: #1d2c3c;
  --bg-color--active: #ffa2b6;
  --color--active: #511416;
  --border-color--active: #511416;
}
[data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+8) {
  --bg-color: #f63259;
  --bg-color--active: #21767b;
  --color--active: #d3d9d4;
  --border-color--active: #80d8ce;
}
[data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+8) {
  --bg-color: #124e66;
  --bg-color--active: #f63259;
  --color--active: #511416;
  --border-color--active: #eae7dc;
}
[data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+9) {
  --bg-color: #ffa2b6;
  --bg-color--active: #124e66;
  --color--active: #d3d9d4;
  --border-color--active: #80d8ce;
}
[data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+9) {
  --bg-color: #80d8ce;
  --bg-color--active: #e43d12;
  --color--active: #eae7dc;
  --border-color--active: #eae7dc;
}
.view--content-people.view--block-all .view__row:nth-child(12n+10) {
  --bg-color: transparent;
}
[data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+10) {
  --bg-color--active: #80d8ce;
  --color--active: #1d2c3c;
  --border-color--active: #124e66;
}
[data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+10) {
  --bg-color--active: #ffa2b6;
  --color--active: #511416;
  --border-color--active: #511416;
}
[data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+11) {
  --bg-color: #e43d12;
  --bg-color--active: #1d2c3c;
  --color--active: #d3d9d4;
  --border-color--active: #80d8ce;
}
[data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+11) {
  --bg-color: #21767b;
  --bg-color--active: #511416;
  --color--active: #eae7dc;
  --border-color--active: #f63259;
}
.view--content-people.view--block-all .view__row:nth-child(12n+12) {
  --bg-color: transparent;
}
[data-site-mode=at-work] .view--content-people.view--block-all .view__row:nth-child(12n+12) {
  --bg-color--active: #21767b;
  --color--active: #d3d9d4;
  --border-color--active: #80d8ce;
}
[data-site-mode=at-play] .view--content-people.view--block-all .view__row:nth-child(12n+12) {
  --bg-color--active: #f63259;
  --color--active: #511416;
  --border-color--active: #eae7dc;
}
.view--content-people.view--block-all a {
  display: grid;
  row-gap: 1rem;
  aspect-ratio: 1;
  grid-template-rows: 1fr max-content;
}
.view--content-people.view--block-all a:hover .view__content-group, .view--content-people.view--block-all a:focus-visible .view__content-group {
  opacity: 1;
}
.view--content-people.view--block-all .view__content-group {
  color: var(--color--active);
  transition: all 200ms ease-in-out;
  display: grid;
  align-content: center;
  overflow: hidden;
}
@media (hover: hover) {
  .view--content-people.view--block-all .view__content-group {
    opacity: 0;
    grid-column: 1/-1;
    grid-row: 1/-1;
    background-color: var(--bg-color--active);
  }
}
.view--content-people.view--block-all .view__headshot {
  width: 50%;
}
@media (hover: hover) {
  .view--content-people.view--block-all .view__headshot {
    background-color: var(--bg-color);
    grid-column: 1/-1;
    grid-row: 1/-1;
    width: 100%;
  }
}
.view--content-people.view--block-all .view__headshot img {
  --img--width: 100%;
  --img--height: 100%;
  --img--object-fit: cover;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.view--content-people.view--block-all .view__title {
  --heading--font-weight: var(--view--content-people--view-title--font-weight);
  --heading--line-height: 0.8;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border-color--active);
  overflow: hidden;
  height: calc(100% - 0.25rem);
}
.view--content-people.view--block-all .view__job-title {
  margin-top: 0.64rem;
  max-width: 85%;
}
