/* Partner Section styles */
/* Card header: icon and title */

/* Partner Section styles */
/* Partner Section with Diagonal Split */
.partner-section {
	position: relative;
	overflow: hidden;
	background: var(--color-bg-light);
}

.partner-section::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 62%;
	background: linear-gradient(
		135deg,
		rgba(32, 178, 170, 0.12),
		rgba(32, 178, 170, 0.18)
	);
	clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
	z-index: 1;
}

.partner-section::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 25%;
	background: linear-gradient(
		45deg,
		rgba(0, 63, 92, 0.2),
		rgba(0, 63, 92, 0.28)
	);
	clip-path: polygon(0% 0%, 100% 0%, 65% 100%, 0% 100%);
	z-index: 1;
}

/* Glassmorphism modifier */
.partner-section__value-card.partner-section__value-card--glass {
	background: rgba(
		255,
		255,
		255,
		0.5
	); /* Nearly solid white, just a hint of glass */
	backdrop-filter: blur(18px) saturate(180%);
	-webkit-backdrop-filter: blur(18px) saturate(180%);
	border: 2.5px solid rgba(32, 178, 170, 0.18); /* Subtle teal border for definition */
	box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.12),
		0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

/* Partner Section Value Cards - Responsive, Modular, Glassmorphism Ready */
.partner-section__value-cards {
	display: flex;
	flex-direction: column;
	gap: var(--space-md);
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

/* Only section-specific or layout overrides remain here */
.partner-section__value-card {
	gap: var(--space-md);
	color: var(--color-primary-dark);
	z-index: 2;
	flex-direction: row;
	align-items: flex-start;
}

.partner-section__card-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--space-xs);
	min-width: 56px;
}
.partner-section__card-header img {
	width: 48px;
	height: 48px;
	margin-bottom: var(--space-xs);
}
.partner-section__card-header h3 {
	font-size: 1.15rem;
	font-weight: 700;
	margin: 0;
	color: var(--color-text-accent);
	letter-spacing: 0.01em;
}

/* Card content */
.partner-section__value-card p {
	margin: 0;
	font-size: 1rem;
	color: var(--color-text-dark);
	line-height: 1.5;
}

/* Desktop: 3 cards in a row */
@media (min-width: 1024px) {
	.partner-section__value-cards {
		flex-direction: row;
		gap: var(--space-lg);
		justify-content: center;
		align-items: stretch;
	}
	.partner-section__value-card {
		flex: 1 1 0;
		max-width: 340px;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		min-width: 0;
		min-height: 320px;
	}
	.partner-section__value-card::before {
		display: none;
	}
	.partner-section__card-header {
		flex-direction: row;
		align-items: center;
		min-width: 56px;
		margin-bottom: var(--space-md);
	}
	.partner-section__card-header img {
		width: 48px;
		height: 48px;
		margin-bottom: var(--space-xs);
	}
}

/* Tablet */
@media (max-width: 1023px) {
	.partner-section__value-cards {
		display: grid;
		grid-template-columns: 1fr 1fr;
		flex-direction: column;
		gap: var(--space-md);
		align-items: center;
		margin-left: auto;
		margin-right: auto;
	}
	.partner-section__value-card {
		display: flex;
		flex-direction: column;
	}

	.partner-section__card-header {
		flex-direction: row;
		align-items: center;
		min-width: 56px;
	}
	.partner-section__card-header img {
		width: 40px;
		height: 40px;
		margin-bottom: var(--space-xs);
		margin-right: 0;
	}
}

/* Tablet*/
@media (max-width: 768px) {
	.partner-section__value-cards {
		display: flex;
		flex-direction: column;
		gap: var(--space-md);
		align-items: center;
		margin-left: auto;
		margin-right: auto;
	}
	.partner-section__value-card {
		display: flex;
		flex-direction: row;
		min-width: 80%;
		width: 90%;
	}

	.partner-section__card-header {
		flex-direction: column;
		align-items: center;
		min-width: 56px;
	}
	.partner-section__card-header img {
		width: 40px;
		height: 40px;
		margin-bottom: var(--space-xs);
		margin-right: 0;
	}
}

/* Bullet/strip style for mobile */
@media (max-width: 600px) {
	.partner-section__value-cards {
		gap: var(--space-sm);
	}
	.partner-section__value-card {
		flex-direction: column;
		align-items: flex-start;
		padding: var(--space-md);
		position: relative;
	}

	.partner-section__card-header {
		flex-direction: row;
		align-items: center;
		gap: var(--space-xs);
		min-width: 0;
	}
	.partner-section__card-header img {
		width: 32px;
		height: 32px;
		margin-bottom: 0;
		margin-right: var(--space-xs);
	}

	.partner-section__value-card p {
		margin-left: 0;
		margin-top: 0;
	}
}

/* Case Study Section */
.case-studies__image {
	position: relative;
	border-radius: var(--radius-md);
	overflow: hidden;
	background: none;
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: 1em 1em rgba(0, 63, 92, 0.28);
}

.case-studies__img {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	background: none;
}

.case-studies__feature-item {
	color: var(--color-text-accent);
}

.case-studies__cta {
	margin-top: 1em;
}

@media (min-width: 901px) {
	.case-studies__container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: var(--space-lg);
		align-items: center;
	}
	.case-studies__content {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		gap: var(--space-lg);
	}
	.case-studies__header {
		grid-column: 1 / 3;
		grid-row: 1;
	}
	.case.studies__callout {
		grid-column: 1;
		grid-row: 2;
	}
	.case-studies__features {
		grid-column: 2;
		grid-row: 2;
	}
	.case-studies__image {
		width: 40vw;
		max-width: 500px;
		min-width: 250px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.case-studies__img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/* Case Studies section: 769px to 900px, features and cta side by side, custom gap */
@media (max-width: 900px) {
	.case-studies__content {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		row-gap: var(--space-md); /* less gap between features & cta */
		column-gap: var(--space-lg);
		margin-bottom: var(--space-xl); /* more gap below features/cta */
	}
	.case-studies__callout {
		grid-column: 1 / 3;
		grid-row: 1;
		margin-bottom: var(--space-sm); /* less gap below callout */
	}
	.case-studies__features {
		grid-column: 1;
		grid-row: 2;
	}
	.case-studies__cta {
		grid-column: 2;
		grid-row: 2;
		display: flex;
		align-items: left;
		justify-content: left;
	}
}

@media (max-width: 768px) {
	.case-studies__container {
		margin-bottom: var(--space-md);
	}
	.case-studies__content {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		row-gap: var(--space-md);
		column-gap: var(--space-lg);
		margin-bottom: var(--space-xl);
	}
	.case-studies__callout {
		grid-column: 1 / 3;
		grid-row: 1;
		margin-bottom: var(--space-sm);
	}
	.case-studies__features {
		grid-column: 1;
		grid-row: 2;
	}
	.case-studies__cta {
		grid-column: 2;
		grid-row: 2;
		align-items: center;
	}
}
@media (max-width: 600px) {
	.case-studies__container {
		margin-bottom: var(--space-sm);
	}
	.case-studies__content {
		display: flex;
		flex-direction: column;
	}
}

/* case study image */
@media (min-width: 1201px) {
	.case-studies__image {
		transform: translateX(calc(var(--space-xl) - 1em));
	}
}
@media (min-width: 901px) and (max-width: 1200px) {
	.case-studies__image {
		transform: translateX(calc(var(--space-lg) - 1em));
	}
}
@media (max-width: 900px) {
	.case-studies__image {
		transform: translateX(calc(var(--space-md) - 1em));
	}
}
@media (max-width: 768px) {
	.case-studies__image {
		transform: none;
	}
}
@media (max-width: 480px) {
	.case-studies__image {
		transform: none;
	}
}

/* CTA Section */
/* CTA Section with Dual Diagonal Splits */
.cta-section {
	position: relative;
	overflow: hidden;
	background: var(--color-light);
	color: var(--text-color);
}

.cta-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 35%;
	background: linear-gradient(
		135deg,
		rgba(32, 178, 170, 0.18),
		rgba(32, 178, 170, 0.25)
	);
	clip-path: polygon(0% 0%, 70% 0%, 100% 100%, 0% 100%);
	z-index: 1;
	pointer-events: none;
}

.cta-section::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 75%;
	background: linear-gradient(
		225deg,
		rgba(0, 63, 92, 0.2),
		rgba(0, 63, 92, 0.28)
	);
	clip-path: polygon(40% 0%, 100% 0%, 100% 100%, 0% 100%);
	z-index: 1;
	pointer-events: none;
}
.cta-section__content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	z-index: 2;
}