.wp-block-envision-featured-projects {
	margin-block-end: 0 !important;
	margin: 0;
}

/* Base: 1 per row using grid */
.wp-block-envision-featured-projects .projects-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--large);
	align-items: stretch;
}

/* Tablet portrait: 2 per row */
@media (min-width: 768px) {
	.wp-block-envision-featured-projects .projects-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Desktop: switch to flex so we can center when fewer than 3 */
@media (min-width: 1024px) {
	.wp-block-envision-featured-projects .projects-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: var(--wp--preset--spacing--large);
	}

	.wp-block-envision-featured-projects .projects-list .project {
		flex: 1 1;
		max-width: calc(33.333% - (2 * var(--wp--preset--spacing--large) / 3));
		box-sizing: border-box;
	}

	.wp-block-envision-featured-projects .projects-list.detail {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wp-block-envision-featured-projects .projects-list.detail .project {
		max-width: initial;
	}
}

/* Staggered variant relies on grid placement; it’s most effective below the desktop flex breakpoint */
/* Ensure grid items stretch properly */
.wp-block-envision-featured-projects .projects-list.staggered .project {
	min-height: 100%;
}

.wp-block-envision-featured-projects
	.projects-list.staggered
	.project
	.project-card {
	min-height: 100%;
}

/* Tall card spans two rows */
.wp-block-envision-featured-projects
	.projects-list.staggered
	.project.is-large {
	grid-row: span 2;
}

/* Alternate columns */
.wp-block-envision-featured-projects .projects-list.staggered .project.is-left {
	grid-column: 1;
}

.wp-block-envision-featured-projects
	.projects-list.staggered
	.project.is-right {
	grid-column: 2;
}

.wp-block-envision-featured-projects .project-link {
	font-weight: 600;
	color: var(--wp--preset--color--charcoal);
}

.wp-block-envision-featured-projects .project-link:hover,
.wp-block-envision-featured-projects .project-link:focus {
	color: var(--wp--preset--color--dark-blue);
}

.wp-block-envision-featured-projects .expertise-items {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--medium);
	flex-wrap: wrap;
}

.wp-block-envision-featured-projects .tax-chip {
	font-size: 0.75rem;
	line-height: 1.25rem;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 400;
	color: inherit;
	display: inline-block;
}

.wp-block-envision-featured-projects .tax-chip {
	padding: var(--wp--preset--spacing--small) 10px;
	border: solid 1px var(--wp--preset--color--charcoal-20);
	border-radius: 0.25rem;
	font-size: 0.625rem;
	line-height: 0.625rem;
}

.wp-block-envision-featured-projects .tax-expertise {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--medium);
	flex-wrap: wrap;
}

.wp-block-envision-featured-projects .project-title {
	margin: 0;
	color: var(--wp--preset--color--charcoal);
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.wp-block-envision-featured-projects .is-large .project-title {
	font-size: 1.75rem;
	line-height: 2.25rem;
}

.wp-block-envision-featured-projects .project-link,
.wp-block-envision-featured-projects .project-summary {
	font-size: 1rem;
	line-height: 1.75rem;
}

.wp-block-envision-featured-projects .project-card {
	border-radius: 1rem;
	background: var(--wp--preset--color--white);
	display: flex;
	flex-direction: column;
	color: var(--wp--preset--color--charcoal);
	overflow: hidden;
	box-shadow: 0 2px 20px 0 var(--wp--preset--color--charcoal-20);
	width: 100%;
	height: 100%;
	border: solid 1px var(--wp--preset--color--charcoal-20);
	box-sizing: border-box;
}

.wp-block-envision-featured-projects .project-card[hidden] {
	display: none !important;
}

.wp-block-envision-featured-projects .project-card p {
	margin: 0;
}

.wp-block-envision-featured-projects .project .project-header {
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.wp-block-envision-featured-projects .project .project-header.has-thumb {
	height: 220px;
}

.wp-block-envision-featured-projects .project .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.7;
	background: var(--wp--preset--gradient--vertical-charcoal-to-black);
}

.wp-block-envision-featured-projects .project .project-summary {
	color: var(--wp--preset--color--charcoal-80);
}

.wp-block-envision-featured-projects .project .project-content,
.wp-block-envision-featured-projects .project .project-footer {
	padding: var(--wp--preset--spacing--large);
}

.wp-block-envision-featured-projects .project .project-footer {
	padding-top: 0;
	margin-top: auto;
}

.wp-block-envision-featured-projects .project .project-content {
	padding: var(--wp--preset--spacing--large);
}

.wp-block-envision-featured-projects .project .link {
	margin: 0;
}

.wp-block-envision-featured-projects .project .project-footer .line {
	background: var(--wp--preset--color--blue-60);
	height: 6px;
	content: "";
}

.wp-block-envision-featured-projects .project-link {
	display: inline-flex;
	gap: var(--wp--preset--spacing--small);
	align-items: center;
}

.wp-block-envision-featured-projects .project-link .icon {
	display: block;
	line-height: 0;
	will-change: transform;
	opacity: 0;
	transform: translate(-16px, 16px);
	transition: all 0.2s linear;
	width: 14px;
	height: 14px;
}

.wp-block-envision-featured-projects .project-link .icon svg {
	width: 14px;
	height: 14px;
}

.wp-block-envision-featured-projects .project-link:hover .icon {
	opacity: 1;
	transform: translate(0);
}

.wp-block-envision-featured-projects .expertise-capabilities {
	margin-top: var(--wp--preset--spacing--large);
	padding-top: var(--wp--preset--spacing--medium);
	border-top: solid 4px var(--wp--preset--color--charcoal-10);
}

.wp-block-envision-featured-projects .expertise-capabilities .capabilities {
	margin-top: var(--wp--preset--spacing--large);
	padding-top: var(--wp--preset--spacing--medium);
	border-top: solid 1px var(--wp--preset--color--charcoal-10);
}

.wp-block-envision-featured-projects
	.expertise-capabilities
	.capabilities
	.capabilities-items {
	color: var(--wp--preset--color--charcoal-80);
	font-size: 1rem;
	line-height: 1.5rem;
}

.wp-block-envision-featured-projects h4 {
	font-size: 1rem;
	line-height: 1.75rem;
	margin: 0;
	margin-bottom: var(--wp--preset--spacing--small);
}

.wp-block-envision-featured-projects .projects-list.detail .project-link {
	font-size: 1.125rem;
	line-height: 1.125rem;
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--white);
	padding: var(--wp--preset--spacing--medium);
	border-radius: 0.5rem;
	display: inline-block;
	font-weight: 600;
}

.wp-block-envision-featured-projects .projects-list.detail .project-link:focus,
.wp-block-envision-featured-projects .projects-list.detail .project-link:hover {
	background: var(--wp--preset--color--dark-blue);
	color: var(--wp--preset--color--white);
}
