.hz-team {
	--hz-team-green: var(--hz-green, #4a6b4c);
	--hz-team-green-dark: var(--hz-green-dark, #3a5640);
	--hz-team-text: var(--hz-text, #333331);
	--hz-team-muted: var(--hz-text-gray, #6b6b67);
	--hz-team-bg: var(--hz-white, #fff);
	--hz-team-line: var(--hz-line, #d5cec4);
	--hz-team-sand: var(--hz-sand, #c8b99a);
	--hz-team-heading: var(--hz-font-heading, "DM Serif Display", georgia, "times new roman", serif);
	--hz-team-body: var(--hz-font-body, lato, system-ui, sans-serif);
	--hz-team-accent: var(--hz-font-accent, "Libre Baskerville", georgia, serif);
	--hz-team-name-size: clamp(1.1875rem, 1.05rem + 0.4cqi, 1.375rem);
	--hz-team-role-size: 0.875rem;
	--hz-team-prose-size: 1.0625rem;
	--hz-team-motto-size: clamp(1.125rem, 1.05rem + 0.35cqi, 1.3125rem);
	--hz-team-body-gap: 0.9rem;
	--hz-team-list-gap: 0.45rem;
	--hz-team-hauch: var(--hz-green-hauch, #edf2ed);
	container-type: inline-size;
	container-name: hz-team;
	width: 100%;
	max-width: 72rem;
	min-width: 0;
	margin-inline: auto;
	box-sizing: border-box;
	color: var(--hz-team-text);
	font-family: var(--hz-team-body);
	font-size: var(--hz-team-prose-size);
	font-weight: 300;
}

.hz-team__item {
	margin: 0;
	min-width: 0;
	border-block-end: 1px solid var(--hz-team-line);
}

.hz-team__item:first-child {
	border-block-start: 1px solid var(--hz-team-line);
}

.hz-team__item:last-child {
	border-block-end: 0;
}

.hz-team__summary {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	min-height: 2.75rem;
	padding: 0.45rem 0.35rem 0.45rem 0.15rem;
	cursor: pointer;
	list-style: none;
}

.hz-team__item[open] img.hz-team__face {
	display: none;
}

.hz-team__summary::after {
	content: '';
	inline-size: 0.42rem;
	block-size: 0.42rem;
	flex: 0 0 auto;
	margin-inline-start: auto;
	border-inline-end: 2px solid var(--hz-team-green);
	border-block-end: 2px solid var(--hz-team-green);
	transform: rotate(45deg) translate(-0.1rem, -0.1rem);
}

.hz-team__item[open] .hz-team__summary::after {
	transform: rotate(225deg) translate(-0.08rem, -0.08rem);
}

.hz-team__summary::-webkit-details-marker,
.hz-team__summary::marker {
	display: none;
	content: '';
}

.hz-team__summary:focus-visible {
	outline: 2px solid var(--hz-team-green);
	outline-offset: 2px;
}

.hz-team img.hz-team__face {
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	max-width: 3.5rem;
	max-height: 3.5rem;
	flex: 0 0 3.5rem;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center 46%;
	border-radius: 0.25rem;
	box-sizing: border-box;
}

.hz-team__summary-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.15rem;
	min-width: 0;
	flex: 1 1 auto;
}

.hz-team__summary-name {
	color: var(--hz-team-green);
	font-family: var(--hz-team-heading);
	font-size: var(--hz-team-name-size);
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0.01em;
	overflow-wrap: break-word;
}

.hz-team__summary-role {
	color: var(--hz-team-muted);
	font-family: var(--hz-team-body);
	font-size: var(--hz-team-role-size);
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.35;
	text-transform: none;
	overflow-wrap: break-word;
}

.hz-team__panel {
	min-width: 0;
	padding: 0.15rem 0.15rem 0.85rem;
}

.hz-team__media {
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: min(100%, 16rem);
	aspect-ratio: 1;
	align-self: start;
	background: transparent;
	border-radius: 0.35rem;
}

.hz-team__photo {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
	object-position: center center;
	border-radius: 0.3rem;
}

@media (prefers-reduced-motion: reduce) {
	.hz-team * {
		transition: none !important;
	}
}