/**
 * Développement organisationnel — branded page styles.
 */

.complx-do-hero__media {
	border-radius: 1.5rem;
	overflow: hidden;
	aspect-ratio: 1500 / 640;
	width: 100%;
	background: #ffffff;
	box-shadow: 0 28px 70px rgba(7, 59, 102, 0.2);
}

@media (min-width: 1024px) {
	.complx-do-hero__media {
		border-radius: 1.75rem;
		max-height: none;
	}
}

.complx-do-hero__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.complx-do-thumb {
	background: #e8e1d3;
}

.complx-do-thumb img {
	aspect-ratio: 1 / 1;
}

.complx-do-thumb.sm\:col-span-2 img,
.complx-do .complx-do-thumb.sm\:row-span-2 img {
	aspect-ratio: auto;
	height: 100%;
}

.complx-do #site-header.header-scrolled {
	background: rgba(255, 255, 255, 0.9);
}

html.dark .complx-do #site-header.header-scrolled,
.dark .complx-do #site-header.header-scrolled {
	background: rgba(10, 21, 46, 0.88);
}

.complx-do .bg-\[\#073B66\] h2,
.complx-do section.bg-\[\#073B66\] h2 {
	color: #ffffff !important;
}