.gb-team-overview {
	position: relative;
	padding-block: max(var(--section-spacing-xl), calc(9.25 * var(--su)));
	padding-inline: var(--pk-site-gutter);
	background: var(--color-white);
	color: var(--color-deep-pine);
}

.gb-team-overview__inner {
	margin-inline: 0;
	row-gap: max(3rem, calc(3 * var(--su)));
}

.gb-team-overview__top {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: max(1rem, calc(2 * var(--su)));
	min-width: 0;
}

.gb-team-overview__heading {
	margin: 0;
	color: var(--color-deep-pine);
	font-size: var(--scaling-h2);
	font-weight: var(--pk-heading-font-weight);
	line-height: 1.2;
	text-align: center;
}

.gb-team-overview__filters {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: max(1.25rem, calc(1.25 * var(--su)));
	color: var(--color-deep-pine-60);
	font-size: var(--desktop-body-md);
	font-weight: var(--pk-text-font-weight);
	line-height: var(--pk-text-line-height);
}

.gb-team-overview__filter {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
	transition: color var(--transition-duration) var(--transition-easing);
}

.gb-team-overview__filter:hover,
.gb-team-overview__filter:focus-visible,
.gb-team-overview__filter.is-active {
	color: var(--color-deep-pine);
}

.gb-team-overview__filter:focus-visible,
.gb-team-overview__card:focus-visible,
.gb-team-overview__dialog-close:focus-visible,
.gb-team-overview__contact-link:focus-visible {
	outline: var(--focus-ring-width) solid var(--pk-focus-ring-color);
	outline-offset: var(--focus-ring-offset);
}

.gb-team-overview__stage {
	position: relative;
	min-width: 0;
	min-height: max(25.8125rem, calc(25.8125 * var(--su)));
	transition: opacity var(--transition-duration) var(--transition-easing);
}

.gb-team-overview.is-loading .gb-team-overview__stage {
	opacity: 0.45;
}

.gb-team-overview .gb-team-overview__swiper.swiper {
	width: min(100%, calc(72 * var(--su)));
	height: max(25.8125rem, calc(25.8125 * var(--su)));
	margin-inline: auto;
	cursor: grab;
	overflow: visible;
}

.gb-team-overview .gb-team-overview__swiper.swiper:active,
.gb-team-overview .gb-team-overview__swiper.swiper.swiper-grabbing {
	cursor: grabbing;
}

.gb-team-overview .gb-team-overview__track.swiper-wrapper {
	align-items: flex-start;
	overflow: visible;
}

.gb-team-overview .gb-team-overview__slide.swiper-slide {
	position: relative;
	width: max(14rem, calc(14 * var(--su)));
	height: max(25.8125rem, calc(25.8125 * var(--su)));
	flex: 0 0 max(14rem, calc(14 * var(--su)));
}

@media (hover: hover) and (pointer: fine) {
	.gb-team-overview .gb-team-overview__slide.swiper-slide:has(.gb-team-overview__card:hover),
	.gb-team-overview .gb-team-overview__slide.swiper-slide:has(.gb-team-overview__card:focus-visible) {
		z-index: 10;
	}
}

.gb-team-overview__card {
	position: absolute;
	top: max(1.953125rem, calc(1.953125 * var(--su)));
	left: 0;
	display: block;
	width: max(14rem, calc(14 * var(--su)));
	height: max(21.875rem, calc(21.875 * var(--su)));
	overflow: hidden;
	padding: 0;
	border: 0;
	border-radius: 0 var(--radius-xl) 0 var(--radius-xl);
	background: var(--color-pistachio);
	cursor: pointer;
	transition: width 260ms var(--transition-easing),
		height 260ms var(--transition-easing),
		top 260ms var(--transition-easing),
		left 260ms var(--transition-easing),
		background-color 260ms var(--transition-easing),
		box-shadow 260ms var(--transition-easing);
}

.gb-team-overview .gb-team-overview__swiper.swiper-grab-cursor .gb-team-overview__card {
	cursor: grab;
}

.gb-team-overview .gb-team-overview__swiper.swiper-grabbing .gb-team-overview__card {
	cursor: grabbing;
}

.gb-team-overview__card img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
	pointer-events: none;
}

@media (min-width: 993px) and (hover: hover) and (pointer: fine) {
	.gb-team-overview__card:hover,
	.gb-team-overview__card:focus-visible {
		top: 0;
		left: calc(-1.25 * var(--su));
		z-index: 3;
		width: max(16.5rem, calc(16.5 * var(--su)));
		height: max(25.78125rem, calc(25.78125 * var(--su)));
		border-radius: 0 max(2.357125rem, calc(2.357125 * var(--su))) 0 max(2.357125rem, calc(2.357125 * var(--su)));
		background: #b8e2b2;
		box-shadow: 33px 68px 30px rgba(0, 0, 0, 0.01), 19px 38px 26px rgba(0, 0, 0, 0.05), 8px 17px 19px rgba(0, 0, 0, 0.08), 2px 4px 10px rgba(0, 0, 0, 0.09);
	}
}

.gb-team-overview__empty {
	margin: 0;
	text-align: center;
}

.gb-team-overview__follower {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	align-items: flex-start;
	gap: max(0.5rem, calc(0.5 * var(--su)));
	pointer-events: none;
	transform: translate3d(calc(var(--x, 0) + max(0.75rem, calc(0.75 * var(--su)))), calc(var(--y, 0) + max(0.75rem, calc(0.75 * var(--su)))), 0);
}

.gb-team-overview__follower.is-visible {
	display: flex;
}

.gb-team-overview__cursor {
	display: none;
}

.gb-team-overview__follower-label {
	padding: max(0.25rem, calc(0.25 * var(--su))) max(1.25rem, calc(1.25 * var(--su)));
	border-radius: var(--radius-pill);
	background: var(--color-lime);
	box-shadow: 0 44px 26px rgba(0, 0, 0, 0.05), 0 19px 19px rgba(0, 0, 0, 0.09), 0 5px 11px rgba(0, 0, 0, 0.1);
	color: var(--color-deep-pine);
	font-size: var(--pk-button-font-size);
	font-weight: var(--pk-button-font-weight);
	line-height: var(--pk-button-line-height);
	white-space: nowrap;
}

.gb-team-overview__dialog[hidden] {
	display: none;
}

.gb-team-overview__dialog {
	position: fixed;
	z-index: 999;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--pk-site-gutter);
}

.gb-team-overview__dialog-backdrop {
	position: absolute;
	inset: 0;
	backdrop-filter: blur(1px);
	background: radial-gradient(circle at center, rgba(1, 38, 30, 0.35) 0, rgba(1, 38, 30, 0) 70%);
}

.gb-team-overview__dialog-panel {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	gap: min(max(2rem, calc(2.5 * var(--su))), 2.5rem);
	width: min(100%, 57.125rem);
	max-height: calc(100vh - (var(--pk-site-gutter) * 2));
	overflow: auto;
	padding: min(max(3rem, calc(3.5 * var(--su))), 3.5rem);
	border-radius: 0 var(--radius-2xl) 0 var(--radius-2xl);
	background: var(--color-white);
}

.gb-team-overview__dialog-media {
	position: relative;
	width: min(max(15.5rem, calc(17.1875 * var(--su))), 17.1875rem);
	height: min(max(23rem, calc(25.8125 * var(--su))), 25.8125rem);
	flex: 0 0 auto;
	overflow: hidden;
	margin: 0;
	border-radius: 0 var(--radius-lg) 0 var(--radius-lg);
	background: var(--color-pistachio);
}

.gb-team-overview__dialog-media img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

.gb-team-overview__dialog-content {
	display: flex;
	min-width: 0;
	flex: 1 1 auto;
	flex-direction: column;
	gap: min(max(1rem, calc(1 * var(--su))), 1.5rem);
}

.gb-team-overview__dialog-copy {
	display: flex;
	flex-direction: column;
	gap: min(max(0.875rem, calc(1 * var(--su))), 1rem);
}

.gb-team-overview__dialog-heading {
	margin: 0;
	color: var(--color-deep-pine);
	font-size: var(--scaling-h2);
	font-weight: var(--pk-heading-font-weight);
	line-height: 1.2;
}

.gb-team-overview__dialog-bio {
	color: var(--color-deep-pine);
	font-size: var(--desktop-body-sm);
	font-weight: var(--pk-text-font-weight);
	line-height: var(--pk-text-line-height);
}

.gb-team-overview__dialog-bio > * {
	margin-block: 0;
}

.gb-team-overview__dialogs .gb-team-overview__pills {
	display: flex;
	flex-wrap: wrap;
	gap: min(max(0.5rem, calc(0.5 * var(--su))), 0.5rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.gb-team-overview__pills li {
	padding: min(max(0.625rem, calc(0.75 * var(--su))), 0.75rem) min(max(0.875rem, calc(1 * var(--su))), 1rem);
	border: 1px solid #e7f5e5;
	border-radius: var(--radius-pill);
	background: #f9fdf9;
	color: var(--color-deep-pine);
	font-size: var(--desktop-body-xs);
	font-weight: 400;
	line-height: var(--pk-text-line-height);
}

.gb-team-overview__contact {
	display: flex;
	flex-direction: column;
	gap: min(max(0.5rem, calc(0.5 * var(--su))), 0.5rem);
	padding: min(max(1.25rem, calc(1.5 * var(--su))), 1.5rem);
	border-radius: 0 var(--radius-lg) 0 var(--radius-lg);
	background: var(--color-basil);
	box-shadow: -4px 7px 9px rgba(1, 38, 30, 0.01);
}

.gb-team-overview__contact-link {
	display: inline-flex;
	align-items: center;
	gap: min(max(0.5rem, calc(0.5 * var(--su))), 0.5rem);
	color: var(--color-white);
	font-size: var(--desktop-body-md);
	font-weight: var(--pk-text-font-weight);
	line-height: var(--pk-text-line-height);
	text-decoration: none;
}

.gb-team-overview__contact-link:hover,
.gb-team-overview__contact-link:focus-visible {
	color: var(--color-white);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.12em;
}

.gb-team-overview__contact-link span {
	display: inline-flex;
	width: min(max(1.375rem, calc(1.5 * var(--su))), 1.5rem);
	height: min(max(1.375rem, calc(1.5 * var(--su))), 1.5rem);
	flex: 0 0 auto;
	border-radius: var(--radius-pill);
	background-color: var(--color-lime);
	background-position: center;
	background-repeat: no-repeat;
	background-size: min(max(0.6875rem, calc(0.75 * var(--su))), 0.75rem);
}

.gb-team-overview__contact-link--phone span {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.2 2.05 3.54.52A.8.8 0 0 0 2.66.05L1.12.4A1.35 1.35 0 0 0 .08 1.76C.4 7.31 4.69 11.6 10.24 11.92a1.35 1.35 0 0 0 1.36-1.04l.35-1.54a.8.8 0 0 0-.47-.88L9.95 7.8a.8.8 0 0 0-.93.23l-.68.83A7.7 7.7 0 0 1 3.14 3.66l.83-.68a.8.8 0 0 0 .23-.93Z' fill='%2301261E'/%3E%3C/svg%3E");
}

.gb-team-overview__contact-link--mail span {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2h9A1.5 1.5 0 0 1 12 3.5v5A1.5 1.5 0 0 1 10.5 10h-9A1.5 1.5 0 0 1 0 8.5v-5A1.5 1.5 0 0 1 1.5 2Zm.1 1.2 4.05 3.05a.58.58 0 0 0 .7 0L10.4 3.2H1.6Z' fill='%2301261E'/%3E%3C/svg%3E");
}

.gb-team-overview__contact-link--link span {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.8 7.2a.75.75 0 0 1 0-1.06l1.34-1.34A.75.75 0 1 1 7.2 5.86L5.86 7.2a.75.75 0 0 1-1.06 0Zm-1.07 3.13a2.4 2.4 0 0 1 0-3.4l1.2-1.2a.75.75 0 0 0-1.06-1.06l-1.2 1.2a3.9 3.9 0 1 0 5.52 5.52l1.2-1.2a.75.75 0 0 0-1.06-1.06l-1.2 1.2a2.4 2.4 0 0 1-3.4 0Zm-.06-1.99a.75.75 0 0 0 1.06 0l1.2-1.2a2.4 2.4 0 0 1 3.4 3.4l-1.2 1.2a.75.75 0 0 0 1.06 1.06l1.2-1.2a3.9 3.9 0 0 0-5.52-5.52l-1.2 1.2a.75.75 0 0 0 0 1.06Z' fill='%2301261E'/%3E%3C/svg%3E");
}

.gb-team-overview__dialog-close {
	position: absolute;
	top: min(max(1.5rem, calc(2 * var(--su))), 2rem);
	right: min(max(1.5rem, calc(2 * var(--su))), 2rem);
	display: inline-flex;
	width: min(max(2.25rem, calc(2.5 * var(--su))), 2.5rem);
	height: min(max(2.25rem, calc(2.5 * var(--su))), 2.5rem);
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid var(--color-deep-pine-10);
	border-radius: var(--radius-pill);
	background: var(--color-deep-pine-025);
	cursor: pointer;
}

.gb-team-overview__dialog-close span {
	width: min(max(0.875rem, calc(1 * var(--su))), 1rem);
	height: min(max(0.875rem, calc(1 * var(--su))), 1rem);
	background: var(--color-deep-pine);
	mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 4 8 8M12 4l-8 8' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 992px) {
	.gb-team-overview {
		padding-block: max(var(--section-spacing-sm), calc(4 * var(--su)));
	}

	.gb-team-overview__top,
	.gb-team-overview__stage {
		grid-column: 1 / -1;
	}

	.gb-team-overview__top {
		align-items: flex-start;
		gap: max(2rem, calc(2 * var(--su)));
	}

	.gb-team-overview__heading {
		max-width: 10ch;
		text-align: left;
	}

	.gb-team-overview__filters {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: max(0.5rem, calc(0.5 * var(--su)));
	}

	.gb-team-overview__stage {
		min-height: max(20.5rem, calc(20.5 * var(--su)));
	}

	.gb-team-overview .gb-team-overview__swiper.swiper {
		width: calc(100% + var(--pk-site-gutter));
		height: max(20.5rem, calc(20.5 * var(--su)));
		margin-inline: 0 calc(-1 * var(--pk-site-gutter));
		overflow: visible;
	}

	.gb-team-overview .gb-team-overview__slide.swiper-slide {
		width: max(13.12rem, calc(13.12 * var(--su)));
		height: max(20.5rem, calc(20.5 * var(--su)));
		flex-basis: max(13.12rem, calc(13.12 * var(--su)));
	}

		.gb-team-overview__card {
			position: relative;
			top: 0;
			left: 0;
			width: max(13.12rem, calc(13.12 * var(--su)));
			height: max(20.5rem, calc(20.5 * var(--su)));
			border-radius: 0 var(--radius-md) 0 var(--radius-md);
			transition: none;
		}

	.gb-team-overview__follower {
		display: none !important;
	}

	.gb-team-overview__dialog {
		padding: max(1rem, calc(1 * var(--su)));
	}

	.gb-team-overview__dialog-panel {
		width: 100%;
		max-height: calc(100vh - max(2rem, calc(2 * var(--su))));
		padding: max(2rem, calc(2 * var(--su)));
		border-radius: 0 var(--radius-xl) 0 var(--radius-xl);
	}

	.gb-team-overview__dialog-media {
		display: none;
	}

	.gb-team-overview__dialog-heading {
		font-size: var(--scaling-h3);
	}

	.gb-team-overview__dialog-content {
		gap: max(1.5rem, calc(1.5 * var(--su)));
		padding-right: 0;
	}

	.gb-team-overview__contact-link {
		font-size: var(--desktop-body-sm);
	}

	.gb-team-overview__dialog-close {
		top: max(1.5rem, calc(1.5 * var(--su)));
		right: max(1.5rem, calc(1.5 * var(--su)));
		width: max(2rem, calc(2 * var(--su)));
		height: max(2rem, calc(2 * var(--su)));
	}
}