/* People cards (gz-people): board members and team leads, no photos. */

.gz.gz-people,
.gz .gz-people { display: flex; flex-direction: column; gap: 14px; }

.gz.gz-people .gz-people__label,
.gz .gz-people .gz-people__label { font-family: var(--gz-font-head); font-size: 14px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gz-muted); }

.gz.gz-people .gz-people__list,
.gz .gz-people .gz-people__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.gz.gz-people .gz-people__list.gz-cols-2,
.gz .gz-people .gz-people__list.gz-cols-2 { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.gz.gz-people .gz-people__list.gz-cols-4,
.gz .gz-people .gz-people__list.gz-cols-4 { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }

.gz.gz-people .gz-person,
.gz .gz-people .gz-person {
	--gz-person-accent: var(--gz-blue);
	--gz-person-tint: var(--gz-tint-blue);
	--gz-person-text: var(--gz-blue);
	position: relative; display: flex; align-items: center; gap: 16px; min-width: 0;
	padding: 20px 20px 20px 24px; border-radius: var(--gz-radius); overflow: hidden;
	background: #fff; border: 1px solid var(--gz-line); box-shadow: 0 12px 28px -22px rgba(14, 52, 86, 0.35);
}
.gz.gz-people .gz-person::before,
.gz .gz-people .gz-person::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: var(--gz-person-accent); }
.gz.gz-people .gz-person.gz-accent--green,
.gz .gz-people .gz-person.gz-accent--green { --gz-person-accent: var(--gz-green); --gz-person-tint: var(--gz-tint-green); --gz-person-text: var(--gz-green-text); }
.gz.gz-people .gz-person.gz-accent--sky,
.gz .gz-people .gz-person.gz-accent--sky { --gz-person-accent: var(--gz-sky); --gz-person-tint: var(--gz-tint-sky); --gz-person-text: var(--gz-sky-text); }
.gz.gz-people .gz-person.gz-accent--orange,
.gz .gz-people .gz-person.gz-accent--orange { --gz-person-accent: var(--gz-orange); --gz-person-tint: var(--gz-tint-orange); --gz-person-text: var(--gz-orange-text); }

.gz.gz-people .gz-person__avatar,
.gz .gz-people .gz-person__avatar { width: 56px; height: 56px; border-radius: 50%; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: var(--gz-person-tint); color: var(--gz-person-text); }
.gz.gz-people .gz-person__body,
.gz .gz-people .gz-person__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gz.gz-people .gz-person__name,
.gz .gz-people .gz-person__name { font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--gz-navy); overflow-wrap: anywhere; }
.gz.gz-people .gz-person__role,
.gz .gz-people .gz-person__role { font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--gz-person-text); }
.gz.gz-people .gz-person__meta,
.gz .gz-people .gz-person__meta { font-size: 13px; line-height: 1.45; color: var(--gz-muted); }

/* Role-only card (name not published): the avatar goes neutral. */
.gz.gz-people .gz-person--role-only .gz-person__avatar,
.gz .gz-people .gz-person--role-only .gz-person__avatar { background: var(--gz-bg-muted); color: var(--gz-slate); }

.gz-band--muted .gz.gz-people .gz-person { border-color: transparent; }

@media (max-width: 600px) {
	.gz.gz-people .gz-people__list,
	.gz .gz-people .gz-people__list { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.gz.gz-people .gz-person,
	.gz .gz-people .gz-person { padding: 16px 16px 16px 20px; gap: 14px; }
	.gz.gz-people .gz-person__avatar,
	.gz .gz-people .gz-person__avatar { width: 48px; height: 48px; }
}