/* PTE Leadership Team */
.pte-team { background: #fbf9ef; padding: clamp(2.5rem, 5vw, 4rem) 0; }

.pte-team__cards {
	display: flex; flex-wrap: wrap; gap: clamp(12px, 2vw, 24px);
	align-items: flex-end; margin-bottom: clamp(1.5rem, 3vw, 2.25rem); position: relative; z-index: 2;
}
.pte-team__card {
	flex: 0 1 auto; width: clamp(150px, 16vw, 210px);
	background: none; border: 0; padding: 0; cursor: pointer; text-align: center;
	display: flex; flex-direction: column; align-items: center;
	transition: transform .25s;
}

/* Change 1 — per-person photo background colours */
.pte-team__card:nth-child(1) .pte-team__photo { background: #006db9; }
.pte-team__card:nth-child(2) .pte-team__photo { background: #00bc7c; }
.pte-team__card:nth-child(3) .pte-team__photo { background: #6ed5de; }
.pte-team__card:nth-child(4) .pte-team__photo { background: #c3df6c; }

.pte-team__photo {
	width: 100%; aspect-ratio: 3 / 4; border-radius: 14px; overflow: hidden;
	display: block;
	border: 4px solid transparent; transition: border-color .2s, transform .2s;
}
.pte-team__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pte-team__card[aria-selected="true"] .pte-team__photo { border-color: var(--pte-blue, #006db9); transform: translateY(-4px); }

/* Change 3 — active card size bump */
.pte-team__card[aria-selected="true"] { transform: scale(1.06); transform-origin: bottom center; }

/* Change 2 — name/title pill */
.pte-team__cardpill {
	display: inline-block; margin-top: .6rem;
	background: #fff; border-radius: 15px; padding: .4rem .75rem;
	text-align: center;
}
.pte-team__cardname { display: block; font-weight: 800; color: var(--pte-ink, #251e20); font-size: .9375rem; line-height: 1.15; }
.pte-team__cardtitle { display: block; color: var(--pte-ink, #251e20); font-size: .8125rem; font-style: italic; }
.pte-team__card[aria-selected="true"] .pte-team__cardpill { background: #006db9; }
.pte-team__card[aria-selected="true"] .pte-team__cardname,
.pte-team__card[aria-selected="true"] .pte-team__cardtitle { color: #fff; }

.pte-team__card:focus-visible .pte-team__photo { outline: 3px solid var(--pte-blue, #006db9); outline-offset: 2px; }

.pte-team__panel {
	background: linear-gradient(180deg, #0e6bb3, #005474);
	color: #fff; border-radius: clamp(20px, 2.5vw, 36px);
	padding: clamp(3rem, 5vw, 4.5rem) clamp(1.75rem, 4vw, 3.5rem) clamp(4.5rem, 7vw, 6rem);
	position: relative;
}

/* Change 4 — bio panel name and title sizes */
.pte-team__name { color: #fff; font-size: clamp(2.25rem, 4vw, 3.5rem); font-weight: 800; margin: 0 0 .25rem; }
.pte-team__title { color: var(--pte-lime, #c3df6c); font-weight: 700; font-size: clamp(1.75rem, 3.2vw, 2.8rem); font-style: italic; margin: 0 0 1.5rem; }

/* Change 5 — bio body font size */
.pte-team__bio { font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.7; color: rgba(255, 255, 255, .95); max-width: 1000px; }

/* Change 6 — prev/next navigation arrows */
.pte-team__nav {
	display: flex; gap: .75rem;
	position: absolute; bottom: clamp(1.5rem, 3vw, 2.5rem); right: clamp(1.75rem, 4vw, 3.5rem);
}
.pte-team__prev,
.pte-team__next {
	width: 48px; height: 48px; border-radius: 50%;
	background: transparent; border: 2px solid #fff;
	color: #fff; font-size: 1.25rem; line-height: 1;
	display: flex; align-items: center; justify-content: center;
	cursor: pointer; transition: background .2s, color .2s;
	padding: 0;
}
.pte-team__prev:hover,
.pte-team__next:hover { background: rgba(255, 255, 255, .15); }
.pte-team__prev:focus-visible,
.pte-team__next:focus-visible { outline: 3px solid var(--pte-lime, #c3df6c); outline-offset: 2px; }

@media (max-width: 640px) {
	.pte-team__cards { justify-content: center; margin-bottom: 0; }
	.pte-team__card { width: clamp(120px, 40vw, 160px); }
	.pte-team__panel { margin-top: 1.5rem; }
	.pte-team__nav { position: static; justify-content: flex-end; margin-top: 1.5rem; }
}