.technologies-gutenberg-block {
	width: 100%;
	gap: 2.5rem;
	container: technologies / inline-size;
}

.technologies-gutenberg-block .technologie {
	border-top: 1px solid var(--hover-color);
	background: #f9f6f4;
}
.technologies-gutenberg-block .technologie:last-child {
	border-bottom: 1px solid var(--hover-color);
}

.technologies-gutenberg-block .technologie-inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	/* gap: 1.875rem 9.375rem; */
	gap: 1.875rem min(11%, 9.375rem);
}

.technologies-gutenberg-block .technologie .title {
	margin-bottom: 1.875rem;
	text-align: left;
}
.technologies-gutenberg-block .technologie-content {
	padding: 5rem 0;
	text-align: justify;
	align-self: center;
}
.technologies-gutenberg-block .technologie-content p {
	margin-block: 1em;
}
.technologies-gutenberg-block .technologie .market-block {
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
	margin-top: 1.875rem;
}
.technologies-gutenberg-block .technologie .links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.technologies-gutenberg-block .technologie-thumb {
	--_gap: calc((100vw - 100%) * 0.5);
	width: calc(57.447% + var(--_gap));
	margin-inline-start: calc(var(--_gap) * -1);
	flex-shrink: 0;
	overflow: hidden;
	align-self: stretch;
}

.technologies-gutenberg-block .technologie-thumb .picture {
	aspect-ratio: 1065/500;
	transition: scale 0.3s ease-in-out;
	height: 100%;
}

.technologies-gutenberg-block .technologie-thumb:hover .picture {
	scale: 1.05;
}

/* Even/Odd styles */

.technologies-gutenberg-block
	:where(.technologie:nth-child(odd))
	.technologie-inner {
	flex-direction: row-reverse;
}
.technologies-gutenberg-block
	:where(.technologie:nth-child(even))
	.technologie-thumb {
	direction: rtl;
	border-left: 1px solid var(--hover-color);
}
.technologies-gutenberg-block .technologie:nth-child(3n + 2) {
	background: #f4efeb;
}
.technologies-gutenberg-block .technologie:nth-child(3n) {
	background: #cfe8e5;
}
/* .technologies-gutenberg-block :where(.technologie:nth-child(4n - 3)) {
	background: #f9f6f4;
} */
.technologies-gutenberg-block
	:where(.technologie:nth-child(odd))
	.technologie-thumb {
	border-right: 1px solid var(--hover-color);
}

@container technologies (max-width: 1280px) {
	.technologies-gutenberg-block .technologie-inner {
		gap: 0 3.125rem;
	}
}
@container technologies (max-width: 991px) {
	.technologies-gutenberg-block .technologie .container {
		width: 100%;
	}
	.technologies-gutenberg-block .technologie-inner {
		flex-direction: column-reverse;
	}
	.technologies-gutenberg-block .technologie-thumb {
		width: 100%;
		border: none;
		margin: 0;
	}
	.technologies-gutenberg-block .technologie-thumb .picture {
		aspect-ratio: 2.45;
	}
	.technologies-gutenberg-block .technologie-content {
		padding: 3.125rem 1rem;
	}
}
@container technologies (max-width: 767px) {
	.technologies-gutenberg-block .technologie-content {
		padding-block: 1.875rem;
	}
}