.divein-team {
	--divein-team-card-min: 140px;
	--divein-team-card-gap: var(--space-md, 16px);
	padding: var(--space-2xl, 48px) 0;
	width: 100%;
}

.divein-team__container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--space-md, 16px);
}

.divein-team__headline {
	font-family: var(--font-display, 'Montserrat', sans-serif);
	font-size: var(--text-3xl, 1.75rem);
	font-weight: 700;
	margin: 0 0 var(--space-sm, 0.5rem);
	text-align: center;
}

.divein-team__subtext {
	font-family: var(--font-body, 'Open Sans', sans-serif);
	font-size: var(--text-base, 1rem);
	line-height: var(--leading-loose, 1.5);
	margin: 0 auto var(--space-xl, 2rem);
	max-width: 60ch;
	text-align: center;
}

.divein-team__subtext p {
	margin: 0;
}

.divein-team--compact .divein-team__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--divein-team-card-min), 1fr));
	gap: var(--divein-team-card-gap);
	list-style: none;
	padding: 0;
	margin: 0 0 var(--space-xl, 2rem);
}

.divein-team--compact .divein-team__card {
	margin: 0;
	list-style: none;
}

.divein-team--compact .divein-team__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-decoration: none;
	color: inherit;
	padding: var(--space-sm, 0.5rem);
	border-radius: var(--radius-sm, 8px);
	transition: transform 180ms ease, background 180ms ease;
}

.divein-team--compact .divein-team__link:hover,
.divein-team--compact .divein-team__link:focus-visible {
	transform: translateY(-2px);
	background: rgba(0, 0, 0, 0.03);
}

.divein-team--compact .divein-team__picture {
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: var(--space-sm, 0.5rem);
	background: var(--blue-50, #E8EEF4);
}

.divein-team--compact .divein-team__picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.divein-team--compact .divein-team__name {
	display: block;
	font-family: var(--font-display, 'Montserrat', sans-serif);
	font-size: var(--text-base, 1rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 2px;
}

.divein-team--compact .divein-team__title {
	display: block;
	font-family: var(--font-body, 'Open Sans', sans-serif);
	font-size: var(--text-xs, 0.75rem);
	line-height: 1.3;
	color: var(--color-text-muted, #6b7785);
}

.divein-team--compact .divein-team__cta {
	text-align: center;
	margin-top: var(--space-lg, 1.5rem);
}

.divein-team--compact .divein-team__cta-link {
	display: inline-block;
	padding: 12px 28px;
	font-family: var(--font-display, 'Montserrat', sans-serif);
	font-size: var(--text-base, 1rem);
	font-weight: 600;
	line-height: 1.2;
	color: #ffffff;
	background: var(--color-primary, var(--navy, #07275A));
	border: 2px solid var(--color-primary, var(--navy, #07275A));
	border-radius: var(--radius-full, 9999px);
	text-decoration: none;
	transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.divein-team--compact .divein-team__cta-link:hover,
.divein-team--compact .divein-team__cta-link:focus-visible {
	background: var(--color-primary-hover, #0a366f);
	border-color: var(--color-primary-hover, #0a366f);
	color: #ffffff;
	transform: translateY(-1px);
}

.divein-team--compact.has-bg-none {
	background: transparent;
}

.divein-team--compact.has-bg-light-blue {
	background: var(--color-primary-muted, var(--blue-100, #d9e3ee));
}

.divein-team--compact.has-bg-sand {
	background: var(--color-surface-muted, var(--beige-100, #FAF6F0));
}

.divein-team--compact.has-bg-dark {
	background: var(--navy, #07275A);
	color: #ffffff;
}

.divein-team--compact.has-bg-dark .divein-team__title {
	color: rgba(255, 255, 255, 0.75);
}

.divein-team--compact.has-bg-dark .divein-team__link:hover,
.divein-team--compact.has-bg-dark .divein-team__link:focus-visible {
	background: rgba(255, 255, 255, 0.06);
}

.divein-team--compact.has-bg-dark .divein-team__cta-link {
	background: transparent;
	border-color: #ffffff;
	color: #ffffff;
}

.divein-team--compact.has-bg-dark .divein-team__cta-link:hover,
.divein-team--compact.has-bg-dark .divein-team__cta-link:focus-visible {
	background: #ffffff;
	color: var(--navy, #07275A);
}

@media (max-width: 600px) {
	.divein-team {
		padding: var(--space-xl, 2rem) 0;
	}
	.divein-team__headline {
		font-size: var(--text-2xl, 1.5rem);
	}
	.divein-team--compact {
		--divein-team-card-min: 110px;
	}
	.divein-team--compact .divein-team__picture {
		width: 90px;
		height: 90px;
	}
}

.divein-team--full .divein-team__rows {
	display: flex;
	flex-direction: column;
	gap: 0; 
}

.divein-team--full .divein-team__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-xl, 2rem);
	align-items: start;
	padding: var(--space-xl, 2rem) var(--space-md, 1rem);
}

.divein-team--full .divein-team__row:nth-child(even) {
	background: var(--blue-50, #E8EEF4);
	border-radius: var(--radius, 15px);
}

.divein-team--full .divein-team__row:nth-child(even) .divein-team__picture {
	order: 2;
}

.divein-team--full .divein-team__row:nth-child(even) .divein-team__text {
	order: 1;
}

.divein-team--full .divein-team__picture-link {
	display: block;
}

.divein-team--full .divein-team__picture {
	width: 100%;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-radius: var(--radius, 15px);
	background: var(--blue-50, #E8EEF4);
}

.divein-team--full a.divein-team__title {
	display: block;
	text-decoration: none;
	color: var(--color-text-muted, #6b7785);
}

.divein-team--full a.divein-team__title:hover,
.divein-team--full a.divein-team__title:focus-visible {
	text-decoration: underline;
	color: var(--color-primary, var(--navy, #07275A));
}

.divein-team--full .divein-team__picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: none;
}

.divein-team--full .divein-team__picture:hover img,
.divein-team--full .divein-team__picture:focus img {
	transform: none;
	filter: none;
	opacity: 1;
}

.divein-team--full .divein-team__text {
	max-width: 60ch;
}

.divein-team--full .divein-team__name {
	font-family: var(--font-display, 'Montserrat', sans-serif);
	font-size: var(--text-2xl, 1.5rem);
	font-weight: 700;
	margin: 0 0 var(--space-xs, 0.25rem);
	line-height: 1.2;
}

.divein-team--full .divein-team__title {
	font-family: var(--font-body, 'Open Sans', sans-serif);
	font-size: var(--text-sm, 0.875rem);
	color: var(--color-text-muted, #6b7785);
	margin: 0 0 var(--space-md, 1rem);
}

.divein-team--full .divein-team__bio {
	font-family: var(--font-body, 'Open Sans', sans-serif);
	font-size: var(--text-base, 1rem);
	line-height: var(--leading-loose, 1.5);
	margin: 0 0 var(--space-md, 1rem);
}

.divein-team--full .divein-team__bio p {
	margin: 0 0 var(--space-sm, 0.5rem);
}

.divein-team--full .divein-team__bio p:last-child {
	margin-bottom: 0;
}

.divein-team--full .divein-team__profile-link {
	display: inline-block;
	padding: 8px 20px;
	font-family: var(--font-display, 'Montserrat', sans-serif);
	font-size: var(--text-sm, 0.875rem);
	font-weight: 600;
	line-height: 1.2;
	color: #ffffff;
	background: var(--color-primary, var(--navy, #07275A));
	border: 2px solid var(--color-primary, var(--navy, #07275A));
	border-radius: var(--radius-full, 9999px);
	text-decoration: none;
	transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.divein-team--full .divein-team__profile-link:hover,
.divein-team--full .divein-team__profile-link:focus-visible {
	background: var(--color-primary-hover, #0a366f);
	border-color: var(--color-primary-hover, #0a366f);
	color: #ffffff;
	transform: translateY(-1px);
}

@media (max-width: 768px) {
	.divein-team--full .divein-team__row {
		grid-template-columns: 1fr;
		gap: var(--space-md, 1rem);
		padding: var(--space-lg, 1.5rem) var(--space-md, 1rem);
	}
	.divein-team--full .divein-team__row .divein-team__picture {
		order: 0; 
	}
	.divein-team--full .divein-team__row .divein-team__text {
		order: 1;
	}
	.divein-team--full .divein-team__name {
		font-size: var(--text-xl, 1.25rem);
	}
}
