/* Datamorphoz V2 — presentation layer. Tokens live in theme.json. */

:root {
	--dm-header-height: 4.75rem;
	--dm-page-gutter: clamp(1.85rem, 10vw, 9.35rem);
	--dm-section-space: clamp(4.5rem, 11vh, 8rem);
	/* Fonds clairs — essai 27 sept 2026. Revenir : base = --dm-bg-neutre-prev ; base-alt = --dm-bg-chaud-prev */
	--dm-bg-neutre-prev: #F8F8F6;
	--dm-bg-chaud-prev: #F2EEE7;
	--wp--preset--color--base: #FFFFFF;
	--wp--preset--color--base-alt: #F8F8F6;
	--wp--preset--color--ink-inverse: #F8F8F6;
}

/* Site-wide: same left/right inset as the sticky header
   (logo → hamburger). Full-bleed backgrounds stay edge-to-edge.
   Root padding stays at 0 to avoid a page wider than the viewport. */
.wp-site-blocks > main:not(.alignfull) {
	padding-left: var(--dm-page-gutter);
	padding-right: var(--dm-page-gutter);
	box-sizing: border-box;
}

.wp-block-post-content > .alignfull.is-layout-constrained:not(.wp-block-cover):not(.dm-hero-immersive):not(.dm-hero) > .alignwide,
.entry-content > .alignfull.is-layout-constrained:not(.wp-block-cover):not(.dm-hero-immersive):not(.dm-hero) > .alignwide,
.dm-section.alignfull:not(.dm-hero):not(.dm-hero-immersive) > .alignwide {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: var(--dm-page-gutter) !important;
	padding-right: var(--dm-page-gutter) !important;
}

.wp-block-post-content > .alignfull.is-layout-constrained:not(.wp-block-cover):not(.dm-hero-immersive):not(.dm-hero) > :where(:not(.alignfull):not(.alignwide)),
.entry-content > .alignfull.is-layout-constrained:not(.wp-block-cover):not(.dm-hero-immersive):not(.dm-hero) > :where(:not(.alignfull):not(.alignwide)) {
	box-sizing: border-box;
	max-width: min(var(--wp--style--global--content-size, 42rem), calc(100% - (2 * var(--dm-page-gutter))));
	margin-left: var(--dm-page-gutter) !important;
	margin-right: auto !important;
}

.wp-block-cover.dm-hero-immersive,
.dm-hero-immersive.alignfull {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

.dm-hero-immersive > .wp-block-cover__inner-container,
.wp-block-cover.dm-hero-immersive .wp-block-cover__inner-container {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: auto !important;
}

html {
	scroll-behavior: smooth;
	overflow-x: clip;
	max-width: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
	max-width: 100%;
	background: var(--wp--preset--color--base);
}

a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible,
.dm-nav-toggle:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast);
	outline-offset: 3px;
}

.dm-label,
.dm-label p,
.dm-label.has-small-font-size {
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2);
	margin-bottom: 0.75rem;
}

/*
 * Style Gutenberg « Sous-titre » — tiret + gris des numéros Méthode.
 * Apparence → Éditeur, panneau Styles du paragraphe.
 */
.is-style-sous-titre,
.is-style-sous-titre.dm-label,
.is-style-sous-titre.wp-block-paragraph,
.dm-kicker,
.dm-kicker.dm-label,
.dm-kicker.wp-block-paragraph {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--kicker, 0.6875rem);
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
	color: rgba(10, 10, 10, 0.38);
	margin: 0 0 0.28rem;
	margin-block-start: 0 !important;
	margin-block-end: 0.28rem !important;
}

.is-style-sous-titre::before,
.dm-kicker::before {
	content: "";
	display: block;
	width: 1.85rem;
	height: 1px;
	border-radius: 0;
	background: currentColor;
	flex: 0 0 auto;
}

.dm-section-dark .is-style-sous-titre,
.dm-section-dark .dm-kicker {
	color: rgba(248, 248, 246, 0.42);
}

h2.is-style-titre-section,
.is-style-titre-section.wp-block-heading:is(h2) {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--x-large, clamp(2rem, 4.2vw, 3.15rem));
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1.08;
}

.is-style-sous-titre + h2,
.is-style-sous-titre + h2.wp-block-heading,
.is-style-sous-titre + h2.is-style-titre-section,
.dm-kicker + h2,
.dm-kicker + h2.wp-block-heading,
.wp-block-group.is-layout-flow > .is-style-sous-titre + h2,
.wp-block-group.is-layout-constrained > .is-style-sous-titre + h2,
.wp-block-group.is-layout-flow > .dm-kicker + h2,
.wp-block-group.is-layout-constrained > .dm-kicker + h2 {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

/* Header — overlay transparent, isolé de l’ancien snippet .dm-header.
   Le gutter est sur l’inner : un .alignfull en 100vw enverrait le padding hors écran. */

.wp-site-blocks > header:has(.dm-site-header) {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 40;
	width: 100%;
	margin: 0;
	padding: 0;
	min-height: 0;
	background: transparent;
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: transform 0.32s ease, opacity 0.28s ease;
}

.wp-site-blocks > header:has(.dm-site-header).dm-header-hidden {
	transform: translate3d(0, -120%, 0) !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.dm-site-header.alignfull,
.wp-block-group.alignfull.dm-site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 40;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	background: transparent;
	color: var(--wp--preset--color--ink-inverse);
	border-bottom: 1px solid transparent;
	box-shadow: none;
	padding: 0 !important;
	pointer-events: none;
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: transform 0.32s ease, opacity 0.28s ease, background 0.28s ease, color 0.25s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.dm-site-header.dm-header-on-light {
	color: var(--wp--preset--color--contrast);
}

.dm-site-header.alignfull.dm-header-scrolled,
.wp-block-group.alignfull.dm-site-header.dm-header-scrolled {
	background: rgba(255, 255, 255, 0.78) !important;
	backdrop-filter: saturate(140%) blur(6px);
	-webkit-backdrop-filter: saturate(140%) blur(6px);
	border-bottom-color: rgba(0, 0, 0, 0.06);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	color: var(--wp--preset--color--contrast);
}

.dm-site-header.alignfull.dm-header-hidden,
.wp-block-group.alignfull.dm-site-header.dm-header-hidden {
	transform: translate3d(0, -120%, 0) !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.dm-site-header.dm-header-hidden .dm-site-header-inner {
	pointer-events: none;
}

.dm-site-header.dm-header-scrolled .dm-brand-mark img,
.dm-site-header.dm-header-scrolled .custom-logo {
	filter: none;
}

.dm-site-header.dm-header-scrolled .dm-header-cta .wp-block-button__link {
	color: var(--wp--preset--color--contrast) !important;
	border-color: var(--wp--preset--color--contrast);
}

.dm-site-header.dm-header-scrolled button.dm-nav-burger,
.dm-site-header.dm-header-scrolled button.dm-nav-burger:hover {
	color: var(--wp--preset--color--contrast) !important;
}

.admin-bar .dm-site-header.alignfull,
.admin-bar .wp-block-group.alignfull.dm-site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .dm-site-header.alignfull,
	.admin-bar .wp-block-group.alignfull.dm-site-header {
		top: 46px;
	}
}

.dm-site-header-inner {
	box-sizing: border-box !important;
	min-height: var(--dm-header-height);
	width: 100%;
	max-width: none !important;
	align-items: center;
	gap: 1.25rem;
	padding-top: 0.7rem !important;
	padding-bottom: 0.65rem !important;
	padding-left: var(--dm-page-gutter) !important;
	padding-right: var(--dm-page-gutter) !important;
	pointer-events: auto;
}

.dm-site-header .wp-block-site-title {
	display: none;
}

.dm-brand-mark {
	margin: 0;
	line-height: 0;
}

.dm-brand-mark img,
.dm-site-header .custom-logo {
	display: block;
	height: auto;
	width: 190px;
	max-width: 190px;
	filter: invert(1);
	transition: filter 0.25s ease;
}

.dm-site-header.dm-header-on-light .dm-brand-mark img,
.dm-site-header.dm-header-on-light .custom-logo {
	filter: none;
}

.dm-nav-overlay .dm-brand-mark img {
	filter: invert(1);
}

button.dm-nav-open,
button.dm-nav-close,
.dm-nav-open .wp-block-button__link,
.dm-nav-close .wp-block-button__link {
	appearance: none;
	cursor: pointer;
	font-family: inherit;
	background: transparent !important;
	color: var(--wp--preset--color--contrast) !important;
	border: 1px solid var(--wp--preset--color--contrast);
	padding: 0.65rem 1.1rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 0.75rem;
	line-height: 1.2;
	border-radius: 0;
}

.dm-header-cta .wp-block-button__link {
	background: transparent !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	border: 1px solid rgba(250, 250, 251, 0.78);
	padding: 0.65rem 1.1rem;
	transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.dm-site-header.dm-header-on-light .dm-header-cta .wp-block-button__link {
	color: var(--wp--preset--color--contrast) !important;
	border-color: var(--wp--preset--color--contrast);
}

.dm-header-cta .wp-block-button__link:hover,
button.dm-nav-close:hover,
.dm-nav-open .wp-block-button__link:hover,
.dm-nav-close .wp-block-button__link:hover {
	background: var(--wp--preset--color--ink-inverse) !important;
	color: var(--wp--preset--color--contrast) !important;
	text-decoration: none;
}

.dm-site-header.dm-header-on-light .dm-header-cta .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--ink-inverse) !important;
}

button.dm-nav-burger {
	width: 48px;
	min-width: 48px;
	height: 48px;
	flex-shrink: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 7px;
	letter-spacing: 0;
	text-transform: none;
}

button.dm-nav-burger:hover {
	background: transparent !important;
	color: inherit !important;
}

.dm-site-header.dm-header-on-light button.dm-nav-burger,
.dm-site-header.dm-header-on-light button.dm-nav-burger:hover {
	color: var(--wp--preset--color--contrast) !important;
}

.dm-nav-burger span {
	display: block;
	height: 2px;
	width: 28px;
	background: currentColor;
	border-radius: 1px;
	transform-origin: right center;
	transition: transform 0.55s cubic-bezier(0.33, 0, 0.2, 1), opacity 0.4s ease;
}

.dm-nav-burger span:nth-child(2) {
	transform: scaleX(0.57);
}

.dm-nav-burger:hover span:nth-child(2),
.dm-nav-burger:focus-visible span:nth-child(2) {
	transform: scaleX(1);
}

.dm-nav-burger[aria-expanded="true"] span:nth-child(1) {
	transform-origin: center;
	transform: translateY(9px) rotate(45deg);
}

.dm-nav-burger[aria-expanded="true"] span:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}

.dm-nav-burger[aria-expanded="true"] span:nth-child(3) {
	transform-origin: center;
	transform: translateY(-9px) rotate(-45deg);
}

@media (max-width: 719px) {
	.dm-header-cta,
	.wp-block-buttons.dm-header-cta {
		display: none !important;
	}

	.dm-brand-mark img,
	.dm-site-header .custom-logo {
		width: 150px;
		max-width: 150px;
	}
}

/* Fullscreen navigation — sombre, blur, grande typo (Snøhetta / ZHA / Heatherwick) */

.dm-nav-overlay {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	z-index: 200000;
	display: flex;
	flex-direction: column;
	box-sizing: border-box !important;
	padding: clamp(1.15rem, 2.8vw, 2rem) var(--dm-page-gutter) 1.25rem !important;
	margin: 0 !important;
	max-width: none !important;
	color: var(--wp--preset--color--ink-inverse);
	background: rgba(10, 10, 10, 0.72);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: none;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}

.dm-nav-overlay.is-open {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	display: flex !important;
}

.dm-nav-overlay .wp-block-site-title a,
.dm-nav-overlay .wp-block-site-title a:hover {
	color: var(--wp--preset--color--ink-inverse) !important;
}

.dm-nav-overlay a {
	color: var(--wp--preset--color--ink-inverse);
	text-decoration: none;
	transition: color 0.2s ease, opacity 0.2s ease;
}

.dm-nav-overlay a:focus-visible {
	outline: 2px solid var(--wp--preset--color--ink-inverse);
	outline-offset: 4px;
}

.dm-nav-overlay-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: clamp(1.1rem, 3.5vh, 2.25rem);
	width: 100%;
}

.dm-nav-overlay button.dm-nav-close,
.dm-nav-overlay .dm-nav-close .wp-block-button__link {
	background: transparent !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	border: 1px solid rgba(250, 250, 251, 0.55);
}

.dm-nav-overlay button.dm-nav-close:hover,
.dm-nav-overlay .dm-nav-close .wp-block-button__link:hover {
	background: var(--wp--preset--color--ink-inverse) !important;
	color: var(--wp--preset--color--contrast) !important;
	border-color: var(--wp--preset--color--ink-inverse);
}

.dm-nav-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.75rem clamp(2.5rem, 4vw, 4rem);
	align-items: start;
	flex: 1;
	width: 100%;
	max-width: none !important;
}

.dm-nav-grid > .wp-block-group,
.dm-nav-primary,
.dm-nav-secondary {
	margin-top: 0 !important;
	padding-top: 0 !important;
	align-self: start;
}

@media (min-width: 880px) {
	.dm-nav-grid {
		grid-template-columns: max-content max-content;
		justify-content: center;
		justify-items: start;
		column-gap: clamp(3.5rem, 6vw, 5.5rem);
		align-items: start;
		width: 100%;
	}

	.dm-nav-primary,
	.dm-nav-primary.wp-block-group {
		padding-left: 0;
	}

	.dm-nav-search {
		margin-left: auto;
		margin-right: auto;
	}
}

.dm-nav-kicker {
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.75rem;
	line-height: 1;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--sage);
	margin-top: 0 !important;
	margin-block-start: 0 !important;
	margin-bottom: 0.85rem;
}

.dm-nav-primary > ul,
.dm-nav-secondary > ul,
.dm-nav-primary .wp-block-list,
.dm-nav-secondary .wp-block-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.dm-nav-primary > ul > li > a,
.dm-nav-primary .wp-block-list > .wp-block-list-item > a,
.dm-nav-secondary > ul > li > a,
.dm-nav-secondary .wp-block-list > .wp-block-list-item > a {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.85rem, 3.2vw, 2.55rem);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.15;
}

.dm-nav-overlay .dm-nav-primary > ul > li > a:hover,
.dm-nav-overlay .dm-nav-secondary > ul > li > a:hover {
	color: var(--wp--preset--color--sage);
}

.dm-nav-primary > ul > li + li,
.dm-nav-primary > .wp-block-list > li + li,
.dm-nav-secondary > ul > li + li,
.dm-nav-secondary > .wp-block-list > li + li {
	margin-block-start: 1.55rem !important;
}

.dm-nav-sub,
.dm-nav-primary ul ul,
.dm-nav-primary .wp-block-list .wp-block-list {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 0 !important;
	row-gap: 0 !important;
	margin-top: 0.2rem;
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

.dm-nav-sub > li,
.dm-nav-sub > .wp-block-list-item,
.dm-nav-primary ul ul > li,
.dm-nav-primary ul ul > .wp-block-list-item,
.dm-nav-primary .wp-block-list .wp-block-list > li,
.dm-nav-primary .wp-block-list .wp-block-list > .wp-block-list-item {
	margin: 0 !important;
	margin-block: 0 !important;
	padding: 0 !important;
}

.dm-nav-sub a,
.dm-nav-primary ul ul a {
	display: block;
	font-family: var(--wp--preset--font-family--body) !important;
	font-size: clamp(1.05rem, 1.15vw, 1.2rem) !important;
	font-weight: 400 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.35 !important;
	padding-block: 0.12rem;
	color: rgba(250, 250, 251, 0.58) !important;
}

.dm-nav-sub a:hover,
.dm-nav-primary ul ul a:hover {
	color: var(--wp--preset--color--ink-inverse) !important;
}

.dm-nav-overlay-cta {
	margin-top: 1.75rem;
}

.dm-nav-overlay-cta .wp-block-button__link {
	background: var(--wp--preset--color--sage) !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	border: 0;
}

.dm-nav-overlay-cta .wp-block-button__link:hover {
	background: var(--wp--preset--color--ink-inverse) !important;
	color: var(--wp--preset--color--contrast) !important;
}

.dm-nav-search {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	width: min(100%, 22rem);
	margin-top: auto;
	padding-top: 0.85rem;
	border-bottom: 1px solid rgba(250, 250, 251, 0.38);
}

.dm-nav-search-submit {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	margin: 0;
	padding: 0;
	border: 0 !important;
	background: transparent !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	cursor: pointer;
}

.dm-nav-search-submit:hover {
	background: transparent !important;
	color: var(--wp--preset--color--ink-inverse) !important;
}

.dm-nav-search-submit svg {
	display: block;
}

.dm-nav-search input[type="search"] {
	appearance: none;
	-webkit-appearance: none;
	flex: 1;
	min-width: 0;
	min-height: 2.75rem;
	margin: 0;
	padding: 0.5rem 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	color: var(--wp--preset--color--ink-inverse);
	font-family: var(--wp--preset--font-family--body);
	font-size: 1rem;
	line-height: 1.4;
	letter-spacing: 0.02em;
	box-shadow: none !important;
	outline: none !important;
}

.dm-nav-search input[type="search"]::placeholder {
	color: rgba(250, 250, 251, 0.48);
}

.dm-nav-search input[type="search"]::-webkit-search-decoration,
.dm-nav-search input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.dm-nav-search:focus-within {
	border-bottom-color: var(--wp--preset--color--ink-inverse);
}

.dm-nav-search input[type="search"]:focus,
.dm-nav-search input[type="search"]:focus-visible,
.dm-nav-search input[type="search"]:focus-visible:focus {
	outline: none !important;
	box-shadow: none !important;
	border: 0 !important;
	background: transparent !important;
}

body.dm-nav-locked {
	overflow: hidden;
}

/* Hero / sections */

.dm-hero-immersive,
.wp-block-cover.dm-hero-immersive {
	height: 100vh !important;
	height: 100dvh !important;
	min-height: 100vh !important;
	min-height: 100dvh !important;
	overflow: hidden;
}

.dm-hero-immersive .wp-block-cover__inner-container {
	max-width: 46rem;
	padding-top: calc(var(--dm-header-height) + clamp(2.5rem, 8vh, 5.5rem));
	padding-right: var(--dm-page-gutter);
	padding-bottom: clamp(3.25rem, 8vh, 5.5rem);
	padding-left: var(--dm-page-gutter);
}

.dm-hero-immersive .dm-hero-title,
.dm-hero-immersive h1 {
	max-width: 18em;
	margin: 0 0 2.4rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2.5rem, 5.2vw, 4.15rem);
	font-weight: 500;
	line-height: 1.06;
	letter-spacing: -0.035em;
	color: var(--wp--preset--color--ink-inverse);
}

.dm-hero-immersive .dm-hero-lead {
	max-width: 36rem;
	margin: 0 0 1.35rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(1rem, 1.15vw, 1.125rem);
	font-weight: 400;
	line-height: 1.55;
	color: rgba(250, 250, 251, 0.82);
}

.dm-hero-immersive .dm-hero-sign {
	margin: 0 0 2.35rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 1.45;
	text-transform: uppercase;
	color: rgba(231, 231, 224, 0.62);
}

.dm-hero-immersive .dm-label,
.dm-hero-immersive .dm-label p {
	color: var(--wp--preset--color--sage);
}

.dm-hero-immersive p {
	color: rgba(250, 250, 251, 0.82);
}

.dm-hero-immersive .wp-block-button__link {
	background: var(--wp--preset--color--ink-inverse) !important;
	color: var(--wp--preset--color--contrast) !important;
}

.dm-hero-immersive .is-style-outline .wp-block-button__link {
	background: transparent !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	border-color: var(--wp--preset--color--ink-inverse);
}

/* Heroes Secteurs — même grille, overlay plus léger, identité par le média */

.dm-hero-secteur.dm-hero-immersive .wp-block-cover__inner-container {
	max-width: 40rem;
	padding-top: calc(var(--dm-header-height) + clamp(3rem, 10vh, 7rem));
	padding-bottom: clamp(3.5rem, 9vh, 6.5rem);
}

.dm-hero-secteur .dm-label,
.dm-hero-secteur .dm-label p {
	color: var(--wp--preset--color--sage);
	margin: 0 0 1.15rem;
}

.dm-hero-secteur .dm-hero-title {
	max-width: 13em;
	margin: 0 0 1.6rem;
}

.dm-hero-secteur .dm-hero-lead {
	max-width: 34rem;
	margin: 0 0 2rem;
}

.dm-hero-secteur .dm-hero-lead:has(+ .dm-hero-sign) {
	margin-bottom: 1rem;
}

.dm-hero-secteur .dm-hero-sign {
	max-width: 40rem;
	margin: 0 0 2rem;
}

.dm-hero-secteur .wp-block-cover__background {
	background: linear-gradient(
		105deg,
		rgba(10, 10, 10, 0.78) 0%,
		rgba(10, 10, 10, 0.38) 46%,
		rgba(10, 10, 10, 0.1) 100%
	) !important;
	opacity: 1 !important;
}

:is(.dm-hero-secteur--architecture, .dm-hero-secteur-architecture).wp-block-cover {
	background-color: #0a0a0a;
	overflow: hidden;
}

:is(.dm-hero-secteur--architecture, .dm-hero-secteur-architecture) .wp-block-cover__image-background {
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right bottom;
	transform: scale(1.2);
	transform-origin: right bottom;
}

:is(.dm-hero-secteur--architecture, .dm-hero-secteur-architecture) .wp-block-cover__background {
	background: linear-gradient(
		90deg,
		rgba(10, 10, 10, 0.72) 0%,
		rgba(10, 10, 10, 0.32) 28%,
		rgba(10, 10, 10, 0.08) 52%,
		rgba(10, 10, 10, 0) 72%
	) !important;
}

:is(.dm-hero-secteur--architecture, .dm-hero-secteur-architecture).dm-hero-immersive .wp-block-cover__inner-container {
	max-width: 52rem;
}

:is(.dm-hero-secteur--architecture, .dm-hero-secteur-architecture) .dm-hero-title {
	max-width: none;
	white-space: nowrap;
}

@media (max-width: 699px) {
	:is(.dm-hero-secteur--architecture, .dm-hero-secteur-architecture) .dm-hero-title {
		font-size: clamp(1.7rem, 7.2vw, 2.5rem);
	}
}

:is(.dm-hero-secteur--design, .dm-hero-secteur-design) .wp-block-cover__background {
	background: linear-gradient(
		105deg,
		rgba(10, 10, 10, 0.7) 0%,
		rgba(10, 10, 10, 0.28) 48%,
		rgba(10, 10, 10, 0.06) 100%
	) !important;
}

:is(.dm-hero-secteur--industrie, .dm-hero-secteur-industrie).wp-block-cover {
	overflow: hidden;
	background-color: #121212;
}

:is(.dm-hero-secteur--industrie, .dm-hero-secteur-industrie) .wp-block-cover__image-background {
	object-fit: cover !important;
	object-position: right center;
}

:is(.dm-hero-secteur--industrie, .dm-hero-secteur-industrie) .wp-block-cover__inner-container {
	z-index: 2;
}

:is(.dm-hero-secteur--industrie, .dm-hero-secteur-industrie) .wp-block-cover__background {
	background: linear-gradient(
		90deg,
		rgba(10, 10, 10, 0.55) 0%,
		rgba(10, 10, 10, 0.18) 40%,
		rgba(10, 10, 10, 0.04) 100%
	) !important;
}

.dm-hero h1 {
	max-width: 16ch;
}

.dm-hero.dm-section {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
	min-height: 100dvh;
}

.dm-media-bleed,
.dm-media-bleed img,
.dm-media-cover img {
	display: block;
	width: 100%;
	height: auto;
}

.dm-media-bleed img {
	max-height: min(78vh, 44rem);
	object-fit: cover;
	object-position: center;
}

.dm-media-cover img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	height: 100%;
}

.dm-media-portrait img {
	aspect-ratio: 3 / 4;
	object-fit: cover;
}

.dm-media-bleed figcaption,
.dm-media-cover figcaption,
.dm-split figcaption,
.dm-project-mosaic figcaption {
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	color: var(--wp--preset--color--contrast-2);
	margin-top: 0.65rem;
}

.dm-placeholder-media {
	min-height: 42vh;
	display: flex;
	align-items: flex-end;
	padding: 1.25rem;
	background:
		linear-gradient(120deg, rgba(20, 20, 20, 0.06), rgba(20, 20, 20, 0.18)),
		var(--wp--preset--color--base-alt);
	border: 1px solid var(--wp--preset--color--line);
	font-size: 0.75rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2);
}

.dm-section,
.wp-block-group.dm-section,
.dm-section.dm-section-roomy,
.dm-section--roomy,
.dm-section-roomy {
	padding-top: var(--dm-section-space) !important;
	padding-bottom: var(--dm-section-space) !important;
}

.dm-section-dark {
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--ink-inverse);
}

.dm-section-alt {
	background: var(--wp--preset--color--base-alt);
}

.dm-split {
	display: grid;
	gap: 2.5rem 4rem;
	align-items: center;
}

@media (min-width: 880px) {
	.dm-split {
		grid-template-columns: 1.05fr 0.95fr;
	}

	.dm-split--reverse {
		grid-template-columns: 0.9fr 1.1fr;
	}

	.dm-split--reverse > :first-child {
		order: 2;
	}
}

.dm-section-dark a,
.dm-section-dark .dm-label,
.dm-section-dark .dm-label p {
	color: inherit;
}

.dm-applications {
	display: grid;
	gap: 1rem;
}

@media (min-width: 900px) {
	.dm-applications {
		grid-template-columns: 1.15fr 1fr 0.95fr;
		align-items: stretch;
	}

	.dm-applications > .wp-block-group:nth-child(2) {
		margin-top: 2.5rem;
	}

	.dm-applications > .wp-block-group:nth-child(3) {
		margin-top: 5rem;
	}
}

.dm-app-window {
	min-height: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--surface);
	display: flex;
	flex-direction: column;
	transition: transform 0.28s ease, border-color 0.28s ease;
}

.dm-app-window:hover {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--wp--preset--color--sage) 45%, var(--wp--preset--color--line));
}

.dm-app-window .dm-app-copy,
.dm-app-window > .wp-block-group:last-child {
	padding: 1.35rem 1.4rem 1.5rem;
}

.dm-app-window .dm-media-cover {
	margin: 0;
}

.dm-process-steps,
.dm-process-steps.wp-block-group,
.dm-process-steps.is-layout-constrained,
.dm-process-steps.is-layout-flow,
.dm-process-steps.is-layout-flex,
.dm-process-steps.is-layout-grid {
	display: grid !important;
	align-items: start;
	gap: 1.25rem !important;
	counter-reset: dm-step;
}

.dm-process-steps > *,
.dm-process-steps > * + *,
.dm-process-steps.is-layout-constrained > *,
.dm-process-steps.is-layout-flow > *,
.dm-process-steps.is-layout-flex > *,
.dm-process-steps.is-layout-grid > * {
	margin: 0 !important;
	margin-block: 0 !important;
	margin-block-start: 0 !important;
	padding-block-start: 0;
	align-self: start;
}

@media (min-width: 800px) {
	.dm-process-steps {
		grid-template-columns: repeat(5, 1fr);
	}

	.dm-process-steps.dm-sequence-4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.dm-process-steps.dm-sequence-6 {
		grid-template-columns: repeat(3, 1fr);
		gap: 2rem 2.5rem !important;
	}
}

.dm-process-step p,
.dm-process-steps > .wp-block-group p {
	margin: 0.7rem 0 0;
	font-size: 0.95rem;
	max-width: 22rem;
}

.dm-sequence-on-light .dm-process-step::after,
.dm-sequence-on-light .dm-process-steps > .wp-block-group::after {
	background: rgba(10, 10, 10, 0.16);
}

.dm-sequence-on-light .dm-process-index,
.dm-sequence-on-light .dm-process-step h3::before,
.dm-sequence-on-light .dm-process-steps > .wp-block-group h3::before {
	color: rgba(10, 10, 10, 0.42);
}

.dm-sequence-on-light .dm-process-step:hover::after,
.dm-sequence-on-light .dm-process-steps > .wp-block-group:hover::after {
	background: var(--wp--preset--color--contrast);
}

.dm-sequence-on-light .dm-process-step:hover .dm-process-index,
.dm-sequence-on-light .dm-process-step:hover h3::before,
.dm-sequence-on-light .dm-process-steps > .wp-block-group:hover .dm-process-index,
.dm-sequence-on-light .dm-process-steps > .wp-block-group:hover h3::before {
	color: var(--wp--preset--color--contrast);
}

.dm-compare,
.dm-compare.wp-block-group {
	display: grid;
	gap: clamp(1.75rem, 4vw, 3.5rem);
	align-items: start;
}

@media (min-width: 800px) {
	.dm-compare,
	.dm-compare.wp-block-group {
		grid-template-columns: 1fr 1fr;
	}
}

.dm-compare-col {
	padding-top: 1.15rem;
	border-top: 1px solid var(--wp--preset--color--line);
}

.dm-process-step,
.dm-process-steps > .wp-block-group {
	position: relative;
	counter-increment: dm-step;
	border-top: 0 !important;
	box-sizing: border-box;
	padding-top: 1.15rem !important;
	min-height: 0;
}

.dm-process-step::after,
.dm-process-steps > .wp-block-group::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: rgba(250, 250, 251, 0.22);
	transform: scaleY(1);
	transform-origin: top left;
	transition: background-color 0.25s ease, transform 0.25s ease;
	pointer-events: none;
}

.dm-process-step:hover::after,
.dm-process-steps > .wp-block-group:hover::after {
	background: var(--wp--preset--color--ink-inverse);
	transform: scaleY(2);
}

.dm-process-step h3,
.dm-process-steps > .wp-block-group h3 {
	margin: 0 !important;
	margin-block: 0 !important;
	padding-top: 0;
}

.dm-process-index,
.dm-process-step h3::before,
.dm-process-steps > .wp-block-group h3::before {
	display: block;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.75rem;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.14em;
	line-height: 1;
	margin: 0 0 0.65rem !important;
	color: rgba(250, 250, 251, 0.55);
	transition: color 0.25s ease;
}

.dm-process-step h3::before,
.dm-process-steps > .wp-block-group h3::before {
	content: counter(dm-step, decimal-leading-zero);
}

.dm-process-step:has(.dm-process-index) h3::before,
.dm-process-steps > .wp-block-group:has(.dm-process-index) h3::before {
	content: none;
	display: none;
	margin: 0;
}

.dm-process-step:hover .dm-process-index,
.dm-process-step:hover h3::before,
.dm-process-steps > .wp-block-group:hover .dm-process-index,
.dm-process-steps > .wp-block-group:hover h3::before {
	color: var(--wp--preset--color--ink-inverse);
}

.dm-project-mosaic {
	display: grid;
	gap: 1.25rem;
}

.dm-project-mosaic > *,
.dm-project-card,
.dm-article-card {
	transition: transform 0.28s ease;
}

.dm-project-mosaic > *:hover,
.dm-project-card:hover,
.dm-article-card:hover {
	transform: translateY(-2px);
}

@media (min-width: 800px) {
	.dm-project-mosaic {
		grid-template-columns: 1.2fr 0.9fr;
	}

	.dm-project-mosaic > :first-child {
		grid-row: span 2;
	}
}

.dm-expertise-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 0;
}

.dm-expertise-list li,
.dm-expertise-list .wp-block-list-item {
	border-top: 1px solid var(--wp--preset--color--line);
	padding: 1.1rem 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.35rem, 2.4vw, 1.85rem);
	transition: border-color 0.35s ease;
}

.dm-expertise-list a {
	display: inline-block;
	text-decoration: none !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
	background-image: none !important;
	transform: translate3d(0, 0, 0);
	transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), color 0.45s ease;
}

.dm-expertise-list a::after {
	content: none;
}

.dm-expertise-list li:hover {
	border-top-color: var(--wp--preset--color--sage);
}

.dm-expertise-list a:hover,
.dm-expertise-list a:focus-visible,
.dm-expertise-list li:hover a {
	transform: translate3d(0.55rem, 0, 0);
	color: var(--wp--preset--color--sage);
	text-decoration: none !important;
}

.dm-topic-grid,
.dm-audience-grid,
.dm-proof-grid,
.dm-resource-grid,
.dm-expertise-tease {
	display: grid;
	gap: 2.25rem 3rem;
}

@media (min-width: 800px) {
	.dm-topic-grid,
	.dm-audience-grid,
	.dm-proof-grid,
	.dm-expertise-tease {
		grid-template-columns: 1fr 1fr;
	}

	.dm-audience-grid,
	.dm-resource-grid,
	.dm-topic-grid.dm-topic-grid--3 {
		grid-template-columns: repeat(3, 1fr);
	}
}

.dm-expertise-tease h3 a {
	text-decoration: none;
	color: inherit;
}

.dm-expertise-tease h3 a:hover,
.dm-expertise-tease h3 a:focus-visible {
	color: var(--wp--preset--color--sage);
}

.dm-topic-card p,
.dm-audience-grid p {
	margin: 0;
}

.dm-proof-card figcaption,
.dm-temp-caption {
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2);
}

.dm-case-block h3 {
	margin-top: 2rem;
}

.dm-case-block h3:first-child {
	margin-top: 0;
}

.dm-trust-names {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem 2.25rem;
	padding: 0;
	margin: 1.5rem 0 0;
	list-style: none;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.05rem, 1.8vw, 1.35rem);
	color: var(--wp--preset--color--contrast-2);
}

.dm-logo-wall {
	display: flex;
	flex-wrap: wrap;
	gap: 1.75rem 2.75rem;
	align-items: center;
}

.dm-logo-wall img {
	height: 42px;
	width: auto;
	max-width: 140px;
	object-fit: contain;
	filter: grayscale(1);
	opacity: 0.72;
}

.dm-cta-band {
	padding-top: clamp(4rem, 10vh, 7rem);
	padding-bottom: clamp(4rem, 10vh, 7rem);
	margin-bottom: 0 !important;
	margin-block-end: 0 !important;
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--ink-inverse);
}

.dm-cta-band a,
.dm-cta-band h2 {
	color: inherit;
}

.dm-cta-band .wp-block-button__link {
	background: var(--wp--preset--color--ink-inverse) !important;
	color: var(--wp--preset--color--contrast) !important;
}

.dm-section-dark figcaption {
	color: rgba(250, 250, 251, 0.55);
}

.dm-bezier-placeholder {
	border: 1px dashed var(--wp--preset--color--line);
	padding: 2rem 1.5rem;
	background: var(--wp--preset--color--base-alt);
}

.wp-site-blocks {
	gap: 0 !important;
	box-sizing: border-box;
	max-width: 100%;
	overflow-x: clip;
}

.wp-site-blocks > * + * {
	margin-block-start: 0 !important;
}

.wp-site-blocks > main,
main.wp-block-group,
.wp-block-post-content,
.entry-content {
	margin-bottom: 0 !important;
	margin-block-end: 0 !important;
	padding-bottom: 0 !important;
}

.wp-block-post-content > *:last-child,
.entry-content > *:last-child,
.wp-block-post-content > .dm-cta-band,
.entry-content > .dm-cta-band,
.dm-section.dm-cta-band {
	margin-bottom: 0 !important;
	margin-block-end: 0 !important;
}

.wp-site-blocks > footer,
footer.wp-block-template-part {
	margin: 0 !important;
	margin-block-start: 0 !important;
	margin-top: -1px !important;
	background: var(--wp--preset--color--contrast);
}

.dm-footer {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--ink-inverse);
	border-top: 0;
	margin-top: 0 !important;
	padding: 3.25rem var(--dm-page-gutter) 1.75rem !important;
	font-size: 0.875rem;
	line-height: 1.55;
}

.dm-footer > .wp-block-columns,
.dm-footer .wp-block-columns {
	gap: clamp(2.5rem, 5vw, 5rem) clamp(3rem, 6vw, 5.5rem) !important;
}

.dm-footer > .wp-block-columns > .wp-block-column:first-child,
.dm-footer .wp-block-column:first-child {
	padding-right: clamp(2rem, 5vw, 4.5rem);
	max-width: 24rem;
}

@media (max-width: 781px) {
	.dm-footer > .wp-block-columns > .wp-block-column:first-child,
	.dm-footer .wp-block-column:first-child {
		padding-right: 0;
		max-width: none;
	}
}

.dm-footer h2,
.dm-footer h3,
.dm-footer .wp-block-heading,
.dm-footer .dm-footer-label {
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.625rem !important;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #7d8f88;
	margin: 0 0 1.15rem;
}

.dm-footer-tagline {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.125rem !important;
	line-height: 1.45;
	letter-spacing: -0.02em;
	max-width: 22ch;
	color: var(--wp--preset--color--ink-inverse);
	margin: 0 0 0.35rem !important;
}

.dm-footer-scope {
	font-size: 0.75rem !important;
	line-height: 1.5;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(231, 231, 224, 0.55);
	margin: 0 0 1.85rem !important;
}

.dm-footer-address {
	font-size: 0.8125rem !important;
	line-height: 1.6;
	color: rgba(250, 250, 251, 0.55);
	margin: 0 0 1.15rem !important;
}

.dm-footer-contact {
	margin: 0 !important;
}

.dm-footer-contact a {
	font-size: 0.9375rem !important;
	color: #e7e7e0 !important;
	letter-spacing: 0.01em;
}

.dm-footer p,
.dm-footer li,
.dm-footer a {
	font-size: inherit;
}

.dm-footer a {
	color: inherit;
	text-decoration: none;
}

.dm-footer a:hover {
	color: var(--wp--preset--color--sage);
}

.dm-footer .dm-brand-mark {
	margin: 0 0 1.35rem;
}

.dm-footer .dm-brand-mark img {
	width: 160px;
	max-width: 160px;
	height: auto;
	filter: invert(1);
}

.dm-footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.dm-footer li {
	margin: 0 0 0.6rem;
}

.dm-footer li a {
	display: inline-block;
	font-size: 1rem !important;
	line-height: 1.35;
	transition: color 0.25s ease, transform 0.25s ease;
}

.dm-footer li a:hover {
	transform: translateX(4px);
	color: var(--wp--preset--color--sage);
}

.dm-footer-legal,
.dm-footer-legal p,
.dm-footer-legal a {
	font-size: 0.625rem !important;
	letter-spacing: 0.06em;
	color: rgba(250, 250, 251, 0.38);
}

.dm-footer-legal {
	margin-top: 2.5rem;
	padding-top: 1.15rem;
	border-top: 1px solid rgba(250, 250, 251, 0.1);
}

.dm-footer-legal a:hover {
	color: rgba(250, 250, 251, 0.7);
}

/* Query / cards */

.dm-project-card,
.dm-article-card {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

/* Forms */

.dm-contact-form .wpforms-field-label,
.wpcf7-form label {
	font-size: 0.8rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* Legacy pages remain readable under the new chrome */

.entry-content > * {
	margin-top: 0;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.dm-nav-overlay,
	.dm-header-cta .wp-block-button__link,
	.dm-nav-burger span,
	.dm-brand-mark img,
	.dm-expertise-list a,
	.dm-expertise-list a::after,
	.dm-footer li a,
	.dm-app-window,
	.dm-project-mosaic > *,
	.dm-project-card,
	.dm-article-card,
	.dm-process-step::after,
	.dm-process-steps > .wp-block-group::after,
	.dm-process-index,
	.dm-process-step h3::before,
	.dm-amont-chart img,
	.dm-amont-callout,
	.dm-conv-flow li,
	.dm-comp-loop,
	.dm-comp-step,
	.dm-comp-exit li {
		transition: none;
		animation: none;
		transform: none;
	}
}

/* AEC & Immobilier — sections 02 / 03
   Graphique amont : SVG sans texte + labels HTML.
   Diagramme méthode : Gutenberg + CSS (flèches / boucle). */

.dm-aec-amont {
	background: var(--wp--preset--color--base);
}

.dm-aec-amont-split,
.dm-aec-amont-split.wp-block-group {
	display: grid;
	gap: clamp(2.75rem, 7vw, 6rem);
	align-items: center;
}

@media (min-width: 900px) {
	.dm-aec-amont-split,
	.dm-aec-amont-split.wp-block-group {
		grid-template-columns: minmax(0, 0.39fr) minmax(0, 0.61fr);
	}
}

.dm-aec-amont-copy {
	max-width: 28rem;
}

.dm-aec-amont-copy > * {
	margin-block-start: 0;
}

.dm-aec-amont-copy h2 {
	max-width: 10em;
	margin: 0 0 1.85rem;
}

.dm-aec-amont-copy p {
	max-width: 34rem;
	margin: 0 0 1.15rem;
	font-size: 1.0625rem;
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

.dm-aec-amont-copy p:last-child {
	margin-bottom: 0;
}

.dm-amont-chart,
.dm-amont-chart.wp-block-group {
	position: relative;
	padding: 0.5rem 0 0;
	container-type: inline-size;
	container-name: amont;
}

.dm-amont-plot,
.dm-amont-plot.wp-block-group {
	position: relative;
}

.dm-amont-callout,
.dm-amont-callout.wp-block-group {
	position: absolute;
	z-index: 2;
	top: 4.2%;
	left: 10.2%;
	width: 24%;
	max-width: 13.25rem;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	pointer-events: none;
}

.dm-amont-callout > * {
	margin-block-start: 0;
}

.dm-amont-callout-kicker,
.dm-amont-callout-kicker.wp-block-paragraph {
	margin: 0 0 0.45rem;
	font-size: 0.5625rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-transform: uppercase;
	color: #a5643c;
}

.dm-amont-callout-text,
.dm-amont-callout-text.wp-block-paragraph {
	margin: 0;
	max-width: 11.25rem;
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.35;
	text-transform: none;
	color: var(--wp--preset--color--contrast);
}

.dm-amont-chart-svg {
	display: block;
	width: 100%;
	height: auto;
}

.dm-amont-chart.is-inview .dm-amont-chart-svg {
	animation: dm-amont-fade 0.9s ease both;
}

.dm-amont-curve-label,
.dm-amont-curve-label.wp-block-paragraph {
	position: absolute;
	z-index: 2;
	max-width: 9.75rem;
	margin: 0;
	font-size: 0.625rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.25;
	pointer-events: none;
}

:is(.dm-amont-curve-label--freedom, .dm-amont-curve-label-freedom) {
	top: auto;
	bottom: 18.5%;
	left: 76.8%;
	right: auto;
	text-align: left;
	color: #4f7348;
}

:is(.dm-amont-curve-label--cost, .dm-amont-curve-label-cost) {
	top: 17.5%;
	left: 76.8%;
	right: auto;
	text-align: left;
	color: #a5643c;
}

.dm-amont-axis,
.dm-amont-axis.wp-block-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.35rem;
	width: 89.6%;
	margin: 0.45rem 0 0 7.2%;
	padding: 0;
	list-style: none;
}

.dm-amont-axis li {
	margin: 0;
	padding: 0 0.15rem 0 0;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.3;
	text-transform: none;
	color: var(--wp--preset--color--contrast);
}

.dm-aec-methode {
	background: var(--wp--preset--color--base-alt);
}

.dm-aec-methode-intro {
	max-width: 44rem;
	margin-bottom: clamp(2.25rem, 5.5vw, 4rem);
}

.dm-aec-methode-intro > * {
	margin-block-start: 0;
}

.dm-aec-methode-intro h2 {
	max-width: 14em;
	margin: 0 0 1.5rem;
	overflow-wrap: break-word;
}

.dm-aec-methode-intro > p:not(.is-style-sous-titre):not(.dm-kicker):not(.dm-label) {
	max-width: 38rem;
	margin: 0;
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

.dm-aec-methodes,
.dm-aec-methodes.wp-block-group {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.85rem;
	align-items: stretch;
}

.dm-aec-methodes > p:not(.dm-schema-neq) {
	display: none !important;
}

.dm-schema-neq,
.dm-schema-neq.wp-block-paragraph {
	margin: 0;
	text-align: center;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.75rem, 3vw, 2.35rem);
	font-weight: 400;
	line-height: 1;
	color: var(--wp--preset--color--contrast);
}

@media (min-width: 1100px) {
	.dm-aec-methodes,
	.dm-aec-methodes.wp-block-group {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		gap: 0.75rem 0.55rem;
		align-items: stretch;
	}

	.dm-schema-neq,
	.dm-schema-neq.wp-block-paragraph {
		align-self: center;
		padding: 0 0.15rem;
	}
}

.dm-schema-frame,
.dm-schema-frame.wp-block-group {
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

.dm-schema-frame > * {
	margin-block-start: 0;
}

.dm-schema-frame h3 {
	margin: 0 0 0.85rem;
	font-size: clamp(1.15rem, 1.7vw, 1.4rem);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.15;
}

.dm-schema-figure,
.dm-schema-figure.wp-block-image {
	margin: 0;
	width: 100%;
}

.dm-schema-figure img,
.dm-schema-figure.wp-block-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.dm-flow,
.dm-flow.wp-block-group {
	position: relative;
	flex: 1 1 auto;
	width: 100%;
	margin: 0 0 0.9rem;
}

.dm-flow > * {
	margin-block-start: 0;
}

.dm-flow-card,
.dm-flow-card.wp-block-group {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	min-width: 0;
	margin: 0;
	padding: 0.45rem 0.55rem;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 0.45rem;
}

.dm-flow-card > * {
	margin-block-start: 0;
}

.dm-flow-card p,
.dm-flow-card h4 {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.01em;
}

.dm-flow-card h4 {
	font-family: var(--wp--preset--font-family--body);
	text-transform: none;
}

.dm-flow-card p + p,
.dm-flow-card h4 + p {
	margin-top: 0.12rem;
	font-size: 0.5625rem;
	font-weight: 400;
	color: var(--wp--preset--color--contrast-2);
}

.dm-flow-card::before,
.dm-flow-goals::before,
.dm-flow-foot::before {
	content: "";
	display: block;
	width: 0.95rem;
	height: 0.95rem;
	flex: 0 0 auto;
	background: currentColor;
	-webkit-mask: var(--dm-ico) center / contain no-repeat;
	mask: var(--dm-ico) center / contain no-repeat;
}

.dm-flow-ico-compass { --dm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 3v2M12 19v2M3 12h2M19 12h2M6 6l1.5 1.5M16.5 16.5L18 18M18 6l-1.5 1.5M7.5 16.5L6 18'/%3E%3C/svg%3E"); }
.dm-flow-ico-target { --dm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E"); }
.dm-flow-ico-search { --dm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E"); }
.dm-flow-ico-badge { --dm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M8.5 12.2l2.3 2.3 4.7-5'/%3E%3C/svg%3E"); }
.dm-flow-ico-loop { --dm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M4 12a8 8 0 0 1 13.5-5.8L20 8'/%3E%3Cpath d='M20 4v4h-4'/%3E%3Cpath d='M20 12a8 8 0 0 1-13.5 5.8L4 16'/%3E%3Cpath d='M4 20v-4h4'/%3E%3C/svg%3E"); }
.dm-flow-ico-cube { --dm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M12 3l8 4.5v9L12 21 4 16.5v-9L12 3z'/%3E%3Cpath d='M12 12l8-4.5M12 12v9M12 12L4 7.5'/%3E%3C/svg%3E"); }
.dm-flow-ico-list { --dm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M9 7h11M9 12h11M9 17h11'/%3E%3Cpath d='M5 7.2l.9.9 1.8-2M5 12.2l.9.9 1.8-2M5 17.2l.9.9 1.8-2'/%3E%3C/svg%3E"); }
.dm-flow-ico-chart { --dm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M5 19V10M10 19V6M15 19v-7M20 19V8'/%3E%3Cpath d='M18.2 4.5l1.8 1.2-1.2 1.8'/%3E%3C/svg%3E"); }
.dm-flow-ico-shield { --dm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M12 3l8 3v6c0 5-3.4 8.2-8 9.5C7.4 20.2 4 17 4 12V6l8-3z'/%3E%3Cpath d='M8.8 12.2l2.2 2.2 4.3-4.6'/%3E%3C/svg%3E"); }

.dm-flow--trad,
.dm-flow--trad.wp-block-group {
	display: grid;
	grid-template-columns: minmax(6.5rem, 1fr) 0.7rem minmax(6.5rem, 1fr) 1.35rem minmax(6.5rem, 1fr);
	grid-template-areas:
		". . obj . ."
		"design toeval eval yes cert"
		". . iter no .";
	align-items: center;
	column-gap: 0.2rem;
	row-gap: 0.4rem;
	padding: 0.15rem 0.15rem 0.35rem;
}

.dm-flow-card--obj { grid-area: obj; }
.dm-flow-card--design { grid-area: design; }
.dm-flow-arr--to-eval { grid-area: toeval; }
.dm-flow-card--eval { grid-area: eval; }
.dm-flow-arr--yes { grid-area: yes; }
.dm-flow-card--cert { grid-area: cert; }
.dm-flow-arr--no { grid-area: no; }
.dm-flow-card--iter { grid-area: iter; }

.dm-flow--trad::after {
	content: "";
	grid-column: 1 / 4;
	grid-row: 3;
	align-self: end;
	height: 0.7rem;
	margin: 0 0.4rem 0.15rem 18%;
	border: 1px solid var(--wp--preset--color--line);
	border-top: 0;
	border-radius: 0 0 0.5rem 0.5rem;
	pointer-events: none;
}

.dm-flow-card--iter {
	position: relative;
	z-index: 1;
	justify-self: end;
	width: min(100%, 11.5rem);
	border-color: #8d6b4a;
	color: #8d6b4a;
}

.dm-flow-arr,
.dm-flow-arr.wp-block-paragraph {
	margin: 0;
	min-height: 1rem;
	font-size: 0.5625rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-align: center;
	color: var(--wp--preset--color--neutral);
}

.dm-flow-arr--to-eval::before {
	content: "→";
	font-size: 0.9rem;
	letter-spacing: 0;
	text-transform: none;
}

.dm-flow-arr--yes {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
	color: var(--wp--preset--color--neutral);
}

.dm-flow-arr--yes::after {
	content: "→";
	font-size: 0.9rem;
	letter-spacing: 0;
	text-transform: none;
}

.dm-flow-arr--no {
	color: #8d6b4a;
}

.dm-flow-arr--no::before {
	content: "↓";
	display: block;
	font-size: 0.85rem;
	letter-spacing: 0;
	text-transform: none;
}

.dm-flow--comp,
.dm-flow--comp.wp-block-group {
	display: grid;
	grid-template-columns: minmax(7.25rem, 0.28fr) minmax(0, 1fr) minmax(7.5rem, 0.32fr);
	gap: 0.55rem 0.5rem;
	align-items: stretch;
}

.dm-flow-goals,
.dm-flow-goals.wp-block-group {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin: 0;
	padding: 0.55rem 0.6rem 0.6rem;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 0.45rem;
}

.dm-flow-goals::before {
	margin-bottom: 0.1rem;
	color: var(--wp--preset--color--sage);
}

.dm-flow-goals-title,
.dm-flow-goals-title.wp-block-paragraph {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	line-height: 1.25;
}

.dm-flow-goals ul,
.dm-flow-goals .wp-block-list {
	margin: 0.15rem 0 0;
	padding: 0.4rem 0 0 0.9rem;
	border-top: 1px solid var(--wp--preset--color--line);
	font-size: 0.625rem;
	line-height: 1.45;
	color: var(--wp--preset--color--contrast-2);
}

.dm-flow-cycle,
.dm-flow-cycle.wp-block-group {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto 1fr auto;
	align-items: center;
	justify-items: center;
	min-height: 9.75rem;
	margin: 0;
	padding: 0.2rem;
}

.dm-flow-cycle::before {
	content: "";
	position: absolute;
	inset: 14% 10%;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 50%;
	pointer-events: none;
}

.dm-flow-card--gen {
	grid-column: 1 / -1;
	grid-row: 1;
	z-index: 1;
	max-width: 11.5rem;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

.dm-flow-count,
.dm-flow-count.wp-block-paragraph {
	grid-column: 1 / -1;
	grid-row: 2;
	z-index: 0;
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: 0.95rem;
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.05;
	text-align: center;
	color: var(--wp--preset--color--neutral);
}

.dm-flow-count span {
	display: block;
	font-size: 0.625rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.dm-flow-card--exp {
	grid-column: 1;
	grid-row: 3;
	z-index: 1;
	max-width: 9.5rem;
	flex-direction: column;
	align-items: flex-start;
}

.dm-flow-card--ceval {
	grid-column: 2;
	grid-row: 3;
	z-index: 1;
	max-width: 9.5rem;
	flex-direction: column;
	align-items: flex-start;
}

.dm-flow-out,
.dm-flow-out.wp-block-group {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.45rem;
	margin: 0;
}

.dm-flow-out > * {
	margin-block-start: 0;
}

.dm-flow-card--opt,
.dm-flow-card--ccert {
	flex-direction: column;
	align-items: flex-start;
}

.dm-flow-out .dm-flow-card--opt {
	position: relative;
}

.dm-flow-out .dm-flow-card--ccert::after {
	content: none;
}

.dm-flow-foot,
.dm-flow-foot.wp-block-paragraph {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: auto 0 0;
	padding: 0.45rem 0.7rem;
	font-size: 0.625rem;
	line-height: 1.35;
	color: var(--wp--preset--color--contrast-2);
	background: var(--wp--preset--color--base-alt);
	border-radius: 999px;
}

.dm-flow-foot::before {
	width: 0.85rem;
	height: 0.85rem;
}

.dm-flow-foot--info {
	--dm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 10.5V17M12 7.2h.01'/%3E%3C/svg%3E");
}

.dm-flow-foot--leaf {
	--dm-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M5 19c8-1 13-8 14-15-7 1-14 6-14 15z'/%3E%3Cpath d='M8 14c2-1 5-4 7-8'/%3E%3C/svg%3E");
	color: var(--wp--preset--color--sage);
}

.dm-aec-methode-axiom,
.dm-aec-methode-axiom.wp-block-quote,
.dm-aec-methode-axiom.wp-block-paragraph {
	max-width: 46rem;
	margin: clamp(1.75rem, 4vw, 2.75rem) auto 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.15rem, 2vw, 1.5rem);
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: -0.03em;
	color: var(--wp--preset--color--contrast);
}

.dm-aec-methode-axiom p {
	margin: 0;
}

.dm-aec-methode-axiom cite,
.dm-aec-methode-axiom .wp-block-quote__citation {
	display: none;
}

.dm-aec-methode-axiom__a,
.dm-aec-methode-axiom__b {
	display: block;
}

.dm-aec-methode-axiom__b {
	margin-top: 0.12em;
}

.dm-aec-methodes.is-inview .dm-schema-frame {
	animation: dm-fade-in 0.55s ease both;
}

.dm-aec-methodes.is-inview :is(.dm-schema-frame--comp, .dm-schema-frame-comp) {
	animation-delay: 0.08s;
}

@keyframes dm-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes dm-amont-fade {
	from { opacity: 0.35; }
	to { opacity: 1; }
}

@keyframes dm-step-in {
	from {
		opacity: 0;
		transform: translateY(0.4rem);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@container amont (max-width: 36rem) {
	.dm-amont-callout,
	.dm-amont-callout.wp-block-group {
		width: 42%;
		max-width: none;
		padding: 0.05rem 0.55rem 0 0.65rem;
	}

	.dm-amont-callout-kicker,
	.dm-amont-callout-kicker.wp-block-paragraph {
		font-size: 0.5rem;
	}

	.dm-amont-callout-text,
	.dm-amont-callout-text.wp-block-paragraph {
		font-size: 0.6875rem;
		max-width: none;
	}

	.dm-amont-curve-label,
	.dm-amont-curve-label.wp-block-paragraph,
	:is(.dm-amont-curve-label--freedom, .dm-amont-curve-label-freedom),
	:is(.dm-amont-curve-label--cost, .dm-amont-curve-label-cost) {
		position: static;
		display: block;
		max-width: none;
		margin: 0.4rem 0 0;
		padding-left: 0.7rem;
		text-align: left;
		border-left: 1.5px solid currentColor;
	}

	:is(.dm-amont-curve-label--freedom, .dm-amont-curve-label-freedom) {
		margin-top: 0.9rem;
	}

	.dm-amont-axis,
	.dm-amont-axis.wp-block-list {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0.2rem 0;
		width: auto;
		margin: 0.9rem 0 0;
	}

	.dm-amont-axis li {
		flex: 0 1 auto;
		padding-right: 0;
	}

	.dm-amont-axis li:not(:last-child)::after {
		content: "→";
		margin: 0 0.45rem;
		font-weight: 400;
		letter-spacing: 0;
		color: var(--wp--preset--color--neutral);
	}
}

@media (max-width: 899px) {
	:is(.dm-hero-secteur--architecture, .dm-hero-secteur-architecture) .wp-block-cover__image-background {
		object-fit: contain;
		object-position: right bottom;
		transform: scale(1.2);
		transform-origin: right bottom;
	}

	.dm-aec-methode-intro h2 {
		max-width: none;
	}

	.dm-schema-frame,
	.dm-schema-frame.wp-block-group {
		padding: 0;
	}

	.dm-flow--trad,
	.dm-flow--trad.wp-block-group {
		grid-template-columns: 1fr;
		grid-template-areas:
			"obj"
			"design"
			"eval"
			"cert"
			"iter";
		row-gap: 0.45rem;
	}

	.dm-flow-arr {
		display: none;
	}

	.dm-flow--trad::after {
		display: none;
	}

	.dm-flow-card--iter {
		justify-self: stretch;
		width: auto;
	}

	.dm-flow--comp,
	.dm-flow--comp.wp-block-group {
		grid-template-columns: 1fr;
	}

	.dm-flow-cycle,
	.dm-flow-cycle.wp-block-group {
		min-height: 11rem;
	}

	.dm-amont-curve-label,
	.dm-amont-curve-label.wp-block-paragraph,
	:is(.dm-amont-curve-label--freedom, .dm-amont-curve-label-freedom),
	:is(.dm-amont-curve-label--cost, .dm-amont-curve-label-cost) {
		position: static;
		display: block;
		max-width: none;
		margin: 0.4rem 0 0;
		padding-left: 0.7rem;
		text-align: left;
		border-left: 1.5px solid currentColor;
	}

	:is(.dm-amont-curve-label--freedom, .dm-amont-curve-label-freedom) {
		margin-top: 0.9rem;
	}

	.dm-amont-axis,
	.dm-amont-axis.wp-block-list {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0.2rem 0;
		width: auto;
		margin: 0.9rem 0 0;
	}

	.dm-amont-axis li {
		flex: 0 1 auto;
		padding-right: 0;
	}

	.dm-amont-axis li:not(:last-child)::after {
		content: "→";
		margin: 0 0.45rem;
		font-weight: 400;
		letter-spacing: 0;
		color: var(--wp--preset--color--neutral);
	}
}

@media (max-width: 640px) {
	.dm-flow-card p + p,
	.dm-flow-card h4 + p {
		display: none;
	}
}

/* AEC & Immobilier — section 04 : champs d’intervention (3 colonnes métier) */

.dm-aec-echelles {
	background: var(--wp--preset--color--base);
}

.dm-aec-echelles-intro,
.dm-aec-echelles-intro.wp-block-group,
.dm-aec-echelles-intro.is-layout-flow,
.dm-aec-echelles-intro.is-layout-constrained {
	max-width: none;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin-bottom: clamp(3.25rem, 8vh, 5.75rem);
}

.dm-aec-echelles-intro > * {
	margin-block-start: 0;
}

.dm-aec-echelles-intro .dm-label,
.dm-aec-echelles-intro .dm-label p,
.dm-aec-echelles-intro .is-style-sous-titre {
	grid-column: 1 / -1;
}

.dm-aec-echelles-intro h2 {
	max-width: 14em;
	margin: 0;
}

.dm-aec-echelles-lede,
.dm-aec-echelles-lede.wp-block-paragraph,
.dm-aec-echelles-intro > p:not(.dm-label):not(.is-style-sous-titre):not(.dm-kicker):not(.dm-aec-champ-num) {
	margin: 1.25rem 0 0;
	max-width: 38rem;
	font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

@media (min-width: 900px) {
	.dm-aec-echelles-intro,
	.dm-aec-echelles-intro.wp-block-group,
	.dm-aec-echelles-intro.is-layout-flow,
	.dm-aec-echelles-intro.is-layout-constrained {
		grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.8fr);
		column-gap: clamp(2rem, 5vw, 4.75rem);
		align-items: start;
	}

	.dm-aec-echelles-lede,
	.dm-aec-echelles-lede.wp-block-paragraph,
	.dm-aec-echelles-intro > p:not(.dm-label):not(.is-style-sous-titre):not(.dm-kicker):not(.dm-aec-champ-num) {
		margin: 0;
		max-width: none;
		padding-bottom: 0.15rem;
		align-self: end;
	}
}

.dm-aec-champs,
.dm-aec-champs.wp-block-group,
.dm-aec-champs.is-layout-flow,
.dm-aec-champs.is-layout-constrained {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	align-items: stretch;
	margin: 0;
	padding: 0;
}

.dm-aec-champs > * {
	margin-block-start: 0;
}

.dm-aec-champ > * {
	margin-block-start: 0;
}

.dm-aec-champ,
.dm-aec-champ.wp-block-group {
	min-width: 0;
	display: flex;
	flex-direction: column;
	padding: clamp(2.25rem, 6vh, 3.5rem) 0;
}

.dm-aec-champ:not(:last-child) {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.dm-aec-champ-num,
.dm-aec-champ-num.wp-block-paragraph {
	margin: 0 0 0.35rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--neutral);
}

.dm-aec-champ h3 {
	margin: 0 0 1.05rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.05rem, 1.35vw, 1.2rem);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.dm-aec-champ .dm-aec-scale-lead,
.dm-aec-champ .dm-aec-scale-lead.wp-block-paragraph {
	margin: 0 0 1.05rem;
	max-width: none;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.12rem, 1.35vw, 1.32rem);
	font-weight: 500;
	line-height: 1.28;
	letter-spacing: -0.025em;
	color: var(--wp--preset--color--contrast);
}

.dm-aec-champ > p:not(.dm-aec-champ-num):not(.dm-aec-scale-lead):not(.dm-aec-champ-missions) {
	margin: 0 0 1.55rem;
	font-size: 0.9375rem;
	line-height: 1.62;
	color: var(--wp--preset--color--contrast-2);
}

.dm-aec-champ-missions,
.dm-aec-champ-missions.wp-block-paragraph {
	margin: 0 0 0.7rem;
	font-size: 0.625rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--neutral);
}

.dm-aec-champ .dm-aec-scale-tags,
.dm-aec-champ .dm-aec-scale-tags.wp-block-list {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dm-aec-champ .dm-aec-scale-tags li {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.85rem;
	margin: 0;
	padding: 0.62rem 0;
	list-style: none;
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.35;
	text-transform: none;
	color: var(--wp--preset--color--contrast-2);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.dm-aec-champ .dm-aec-scale-tags li::after {
	content: "→";
	flex-shrink: 0;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--wp--preset--color--neutral);
}

.dm-aec-champ .dm-aec-scale-tags li:first-child {
	border-top: 1px solid var(--wp--preset--color--line);
}

.dm-aec-champ .dm-aec-scale-photo,
.dm-aec-champ .dm-aec-scale-photo.wp-block-image {
	margin: 0 0 1.55rem;
}

.dm-aec-champ .dm-aec-scale-photo img,
.dm-aec-champ .dm-aec-scale-photo.wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
	background: #111;
}

.dm-aec-champ:nth-child(1) .dm-aec-scale-photo img {
	object-position: center 42%;
}

.dm-aec-champ:nth-child(2) .dm-aec-scale-photo img {
	object-position: 18% 50%;
}

.dm-aec-champ:nth-child(3) .dm-aec-scale-photo img {
	object-position: center 38%;
}

.dm-aec-champ {
	opacity: 0;
	transform: translateY(0.65rem);
}

.dm-aec-champ.is-inview {
	animation: dm-fade-up 0.7s ease both;
}

.dm-aec-champ:nth-child(2).is-inview {
	animation-delay: 0.08s;
}

.dm-aec-champ:nth-child(3).is-inview {
	animation-delay: 0.16s;
}

@keyframes dm-fade-up {
	from {
		opacity: 0;
		transform: translateY(0.65rem);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (min-width: 900px) and (max-width: 1099px) {
	.dm-aec-champs,
	.dm-aec-champs.wp-block-group {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0;
	}

	.dm-aec-champ,
	.dm-aec-champ.wp-block-group {
		padding: 2.25rem 1.15rem 2.25rem;
	}

	.dm-aec-champ:not(:last-child) {
		border-bottom: 0;
		border-right: 1px solid var(--wp--preset--color--line);
	}

	.dm-aec-champ .dm-aec-scale-lead,
	.dm-aec-champ .dm-aec-scale-lead.wp-block-paragraph {
		font-size: 1.05rem;
	}
}

@media (min-width: 1100px) {
	.dm-aec-champs,
	.dm-aec-champs.wp-block-group {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0;
	}

	.dm-aec-champ,
	.dm-aec-champ.wp-block-group {
		padding: 2.75rem 2rem;
	}

	.dm-aec-champ:not(:last-child) {
		border-bottom: 0;
		border-right: 1px solid var(--wp--preset--color--line);
	}
}

@media (max-width: 899px) {
	.dm-aec-echelles-intro {
		margin-bottom: clamp(2.5rem, 7vh, 4rem);
	}

	.dm-aec-champ,
	.dm-aec-champ.wp-block-group {
		padding: clamp(2rem, 6vh, 3rem) 0;
	}

	.dm-aec-champ .dm-aec-scale-photo img,
	.dm-aec-champ .dm-aec-scale-photo.wp-block-image img {
		aspect-ratio: 3 / 2;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dm-amont-chart.is-inview .dm-amont-chart-svg,
	.dm-aec-methodes.is-inview .dm-schema-frame,
	.dm-aec-champ,
	.dm-aec-champ.is-inview,
	.dm-aec-eval-item,
	.dm-aec-eval-item.is-inview {
		animation: none;
		stroke-dashoffset: 0;
		opacity: 1;
		transform: none;
	}
}

/* AEC & Immobilier — section 05 : évaluation */

.dm-aec-eval {
	background: var(--wp--preset--color--base);
}

.dm-aec-eval-intro,
.dm-aec-eval-intro.wp-block-group,
.dm-aec-eval-intro.is-layout-flow,
.dm-aec-eval-intro.is-layout-constrained {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin-bottom: clamp(4.75rem, 11vh, 7.75rem);
}

.dm-aec-eval-intro > * {
	margin-block-start: 0;
}

.dm-aec-eval-intro .dm-label,
.dm-aec-eval-intro .dm-label p,
.dm-aec-eval-intro .is-style-sous-titre {
	grid-column: 1 / -1;
}

.dm-aec-eval-intro h2 {
	max-width: 14em;
	margin: 0;
}

.dm-aec-eval-lede,
.dm-aec-eval-lede.wp-block-paragraph {
	margin: 1.25rem 0 0;
	max-width: 38rem;
	font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

@media (min-width: 900px) {
	.dm-aec-eval-intro,
	.dm-aec-eval-intro.wp-block-group,
	.dm-aec-eval-intro.is-layout-flow,
	.dm-aec-eval-intro.is-layout-constrained {
		grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.8fr);
		column-gap: clamp(2rem, 5vw, 4.75rem);
		align-items: start;
	}

	.dm-aec-eval-lede,
	.dm-aec-eval-lede.wp-block-paragraph {
		margin: 0;
		max-width: none;
		padding-bottom: 0.15rem;
		align-self: end;
	}
}

.dm-aec-eval-grid,
.dm-aec-eval-grid.wp-block-group,
.dm-aec-eval-grid.is-layout-flow,
.dm-aec-eval-grid.is-layout-constrained {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 0;
	row-gap: clamp(3.25rem, 8vh, 5.25rem);
	margin: 0;
	padding: 0;
	border: 0;
	overflow: visible;
}

.dm-aec-eval-grid > * {
	margin-block-start: 0;
}

.dm-aec-eval-item,
.dm-aec-eval-item.wp-block-group {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 0;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.dm-aec-eval-item > * {
	margin-block-start: 0;
}

.dm-aec-eval-num,
.dm-aec-eval-num.wp-block-paragraph {
	margin: 0 0 0.28rem;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--neutral);
}

.dm-aec-eval-item h3 {
	margin: 0 0 1.2rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.08rem, 1.35vw, 1.22rem);
	font-weight: 500;
	line-height: 1.22;
	letter-spacing: -0.02em;
}

.dm-aec-eval-photo,
.dm-aec-eval-photo.wp-block-image {
	width: 100%;
	margin: 0 0 1.45rem;
}

.dm-aec-eval-photo img,
.dm-aec-eval-photo.wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center;
	background: var(--wp--preset--color--base-alt);
}

:is(.dm-aec-eval-photo--explorer, .dm-aec-eval-photo-explorer) img {
	object-position: center 28%;
}

.dm-aec-eval-lead,
.dm-aec-eval-lead.wp-block-paragraph,
.dm-aec-eval-item > p:not(.dm-aec-eval-num):not(.dm-aec-eval-criteria) {
	margin: 0 0 0.95rem;
	max-width: 36em;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--wp--preset--color--contrast-2);
}

.dm-aec-eval-criteria,
.dm-aec-eval-criteria.wp-block-paragraph {
	margin: 0;
	padding: 0;
	font-size: 0.625rem;
	font-weight: 400;
	letter-spacing: 0.045em;
	line-height: 1.5;
	color: var(--wp--preset--color--neutral);
}

.dm-aec-eval-item {
	opacity: 0;
	transform: translateY(0.55rem);
}

.dm-aec-eval-item.is-inview {
	animation: dm-fade-up 0.7s ease both;
}

.dm-aec-eval-foot,
.dm-aec-eval-foot.wp-block-group {
	margin: clamp(3rem, 7vh, 4.75rem) 0 0;
	padding-top: 1.5rem;
	border-top: 1px solid var(--wp--preset--color--line);
}

.dm-aec-eval-foot > * {
	margin-block-start: 0;
}

.dm-aec-eval-note,
.dm-aec-eval-note.wp-block-paragraph {
	margin: 0;
	max-width: 42rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast);
}

.dm-aec-eval-aside,
.dm-aec-eval-aside.wp-block-paragraph {
	margin: 0.65rem 0 0;
	max-width: 40rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--wp--preset--color--neutral);
}

@media (min-width: 700px) and (max-width: 1099px) {
	.dm-aec-eval-grid,
	.dm-aec-eval-grid.wp-block-group {
		--dm-eval-gutter: clamp(2rem, 5vw, 3.5rem);
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--dm-eval-gutter);
		row-gap: clamp(3.5rem, 8vh, 5.75rem);
		overflow: visible;
	}

	.dm-aec-eval-item,
	.dm-aec-eval-item.wp-block-group {
		padding: 0;
		border: 0;
		box-shadow: none;
	}

	.dm-aec-eval-item:nth-child(odd)::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: calc(-0.5 * var(--dm-eval-gutter));
		width: 1px;
		background: var(--wp--preset--color--line);
		transform: translateX(50%);
		pointer-events: none;
	}
}

@media (min-width: 1100px) {
	.dm-aec-eval-grid,
	.dm-aec-eval-grid.wp-block-group {
		--dm-eval-gutter: clamp(2.5rem, 4vw, 4rem);
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: var(--dm-eval-gutter);
		row-gap: clamp(4.5rem, 9vh, 6.75rem);
		overflow: visible;
	}

	.dm-aec-eval-item,
	.dm-aec-eval-item.wp-block-group {
		padding: 0;
		border: 0;
		box-shadow: none;
	}

	.dm-aec-eval-item:not(:nth-child(3n))::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: calc(-0.5 * var(--dm-eval-gutter));
		width: 1px;
		background: var(--wp--preset--color--line);
		transform: translateX(50%);
		pointer-events: none;
	}
}

/* AEC — respiration visuelle (entre Champs d’intervention et Évaluation) */
.dm-aec-echelles:has(+ .dm-aec-breathe-media) {
	padding-bottom: clamp(7.5rem, 18vh, 12.5rem);
}

.dm-aec-breathe-media + .dm-aec-eval {
	padding-top: clamp(2.75rem, 7vh, 4.75rem);
}

.dm-aec-breathe-media,
.wp-block-group.alignfull.dm-aec-breathe-media {
	box-sizing: border-box;
	width: calc(100% + (2 * var(--dm-page-gutter))) !important;
	max-width: none !important;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: calc(-1 * var(--dm-page-gutter)) !important;
	margin-right: calc(-1 * var(--dm-page-gutter)) !important;
	padding: 0 !important;
	background: var(--wp--preset--color--base);
}

.dm-aec-breathe-photo,
.dm-aec-breathe-photo.wp-block-image,
.dm-aec-breathe-photo.alignfull {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.dm-aec-breathe-photo img,
.dm-aec-breathe-photo.wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 7.5;
	object-fit: contain;
	object-position: center center;
	background: var(--wp--preset--color--base);
}

.dm-aec-breathe-photo figcaption,
.dm-aec-breathe-photo .wp-element-caption {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0.85rem var(--dm-page-gutter) 0.2rem;
	font-size: 0.75rem;
	letter-spacing: 0.07em;
	line-height: 1.45;
	color: var(--wp--preset--color--contrast-2);
	background: var(--wp--preset--color--base);
}

@media (max-width: 780px) {
	.dm-aec-breathe-photo img,
	.dm-aec-breathe-photo.wp-block-image img {
		aspect-ratio: 16 / 8;
	}

	.dm-aec-breathe-photo figcaption,
	.dm-aec-breathe-photo .wp-element-caption {
		padding-top: 0.7rem;
		letter-spacing: 0.04em;
	}
}

/* AEC — 06 Pour qui */
.dm-aec-pourqui {
	background: var(--wp--preset--color--base);
}

.dm-aec-pourqui-intro,
.dm-aec-pourqui-intro.wp-block-group,
.dm-aec-pourqui-intro.is-layout-flow,
.dm-aec-pourqui-intro.is-layout-constrained {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin-bottom: clamp(4.25rem, 10vh, 7rem);
}

.dm-aec-pourqui-intro > * {
	margin-block-start: 0;
}

.dm-aec-pourqui-intro .is-style-sous-titre {
	grid-column: 1 / -1;
}

.dm-aec-pourqui-intro h2 {
	max-width: 14em;
	margin: 0;
}

.dm-aec-pourqui-lede,
.dm-aec-pourqui-lede.wp-block-paragraph {
	margin: 1.25rem 0 0;
	max-width: 38rem;
	font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

@media (min-width: 900px) {
	.dm-aec-pourqui-intro,
	.dm-aec-pourqui-intro.wp-block-group,
	.dm-aec-pourqui-intro.is-layout-flow,
	.dm-aec-pourqui-intro.is-layout-constrained {
		grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.8fr);
		column-gap: clamp(2rem, 5vw, 4.75rem);
		align-items: start;
	}

	.dm-aec-pourqui-lede,
	.dm-aec-pourqui-lede.wp-block-paragraph {
		margin: 0;
		max-width: none;
		padding-bottom: 0.15rem;
		align-self: end;
	}
}

.dm-aec-pourqui-rows,
.dm-aec-pourqui-rows.wp-block-group,
.dm-aec-pourqui-rows.is-layout-flow,
.dm-aec-pourqui-rows.is-layout-constrained {
	display: flex;
	flex-direction: column;
	gap: 0 !important;
	margin: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.dm-aec-pourqui-row,
.dm-aec-pourqui-row.wp-block-group {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem 0;
	margin: 0;
	padding: clamp(2.75rem, 7vh, 4.5rem) 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.dm-aec-pourqui-row:last-child {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.dm-aec-pourqui-row > * {
	margin-block-start: 0;
}

.dm-aec-pourqui-public,
.dm-aec-pourqui-copy,
.dm-aec-pourqui-public.wp-block-group,
.dm-aec-pourqui-copy.wp-block-group {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.dm-aec-pourqui-num,
.dm-aec-pourqui-num.wp-block-paragraph {
	margin: 0 0 0.45rem;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	color: var(--wp--preset--color--neutral);
}

.dm-aec-pourqui-public h3 {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.2rem, 2vw, 1.55rem);
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.15;
	text-transform: uppercase;
}

.dm-aec-pourqui-meta,
.dm-aec-pourqui-meta.wp-block-paragraph {
	margin: 0.7rem 0 0;
	max-width: 28rem;
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.5;
	color: var(--wp--preset--color--neutral);
}

.dm-aec-pourqui-hook,
.dm-aec-pourqui-copy h3 {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.35rem, 2.2vw, 1.85rem);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.18;
	text-transform: none;
}

.dm-aec-pourqui-body,
.dm-aec-pourqui-body.wp-block-paragraph,
.dm-aec-pourqui-copy p:not(.dm-aec-pourqui-hook) {
	margin: 0.85rem 0 0;
	max-width: 36rem;
	font-size: 0.9375rem;
	line-height: 1.62;
	color: var(--wp--preset--color--contrast-2);
}

@media (min-width: 880px) {
	.dm-aec-pourqui-row,
	.dm-aec-pourqui-row.wp-block-group {
		grid-template-columns: minmax(14rem, 0.42fr) minmax(0, 0.58fr);
		align-items: start;
		column-gap: clamp(2.5rem, 7vw, 6.5rem);
		padding: clamp(3.25rem, 8vh, 5.5rem) 0;
	}
}

/* AEC — 07 Projets & R&D */
.dm-aec-preuve-intro,
.dm-aec-preuve-intro.wp-block-group,
.dm-aec-preuve-intro.is-layout-flow,
.dm-aec-preuve-intro.is-layout-constrained {
	margin-bottom: clamp(3.25rem, 8vh, 5.5rem);
}

.dm-aec-preuve-intro > * {
	margin-block-start: 0;
}

.dm-aec-preuve-intro h2 {
	max-width: 16em;
	margin: 0;
}

.dm-aec-upbib,
.dm-aec-upbib.wp-block-group,
.dm-aec-upbib.is-layout-flow {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.75rem clamp(2rem, 5vw, 4.5rem);
	margin: 0 0 clamp(4rem, 10vh, 6.5rem);
	padding: 0;
	align-items: start;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.dm-aec-upbib > * {
	margin-block-start: 0;
}

.dm-aec-upbib-photo,
.dm-aec-upbib-photo.wp-block-image {
	position: relative;
	width: 100%;
	margin: 0;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: #111;
}

.dm-aec-upbib-photo img,
.dm-aec-upbib-photo.wp-block-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dm-aec-upbib-copy,
.dm-aec-upbib-copy.wp-block-group {
	margin: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.dm-aec-upbib-copy .dm-label,
.dm-aec-upbib-copy .dm-label p {
	margin: 0 0 0.65rem;
}

.dm-aec-upbib-copy h3 {
	margin: 0 0 1rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.45rem, 2.4vw, 2.05rem);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.12;
}

.dm-aec-upbib-note,
.dm-aec-upbib-note.wp-block-paragraph {
	margin: 0 0 1.5rem;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

.dm-aec-upbib-steps,
.dm-aec-upbib-steps.wp-block-group {
	display: flex;
	flex-direction: column;
	gap: 0 !important;
	margin: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.dm-aec-upbib-step,
.dm-aec-upbib-step.wp-block-group {
	margin: 0;
	padding: 0.7rem 0 0.75rem;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.dm-aec-upbib-step > * {
	margin-block-start: 0;
}

.dm-aec-upbib-step h4 {
	margin: 0 0 0.22rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--neutral);
}

.dm-aec-upbib-step-body,
.dm-aec-upbib-step p {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.45;
	color: var(--wp--preset--color--contrast-2);
}

.dm-aec-upbib-link,
.dm-aec-upbib-link.wp-block-paragraph {
	margin: 1.15rem 0 0;
}

.dm-aec-upbib-link a {
	text-decoration: none;
	font-size: 0.875rem;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--contrast);
}

.dm-aec-upbib-link a:hover,
.dm-aec-upbib-link a:focus-visible {
	color: var(--wp--preset--color--sage);
}

.dm-aec-preuves,
.dm-aec-preuves.wp-block-group {
	margin: 0;
	padding: clamp(2.25rem, 5vh, 3.25rem) 0 0;
	border-top: 1px solid var(--wp--preset--color--line);
	background: transparent;
	box-shadow: none;
}

.dm-aec-preuves-grid,
.dm-aec-preuves-grid.wp-block-group,
.dm-aec-preuves-grid.is-layout-flow {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(2.25rem, 6vh, 3.5rem) 0;
	align-items: start;
}

.dm-aec-preuve-case,
.dm-aec-preuve-case.wp-block-group {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.dm-aec-preuve-case > * {
	margin-block-start: 0;
}

.dm-aec-preuve-photo,
.dm-aec-preuve-photo.wp-block-image,
.wp-block-image.dm-aec-preuve-photo,
.dm-aec-preuve-photo.wp-block-video,
.wp-block-video.dm-aec-preuve-photo {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 1rem;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: #111;
}

.dm-aec-preuve-photo img,
.dm-aec-preuve-photo.wp-block-image img,
.wp-block-image.dm-aec-preuve-photo img,
.dm-aec-preuve-photo video,
.dm-aec-preuve-photo.wp-block-video video,
.wp-block-video.dm-aec-preuve-photo video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	object-position: center;
}

.dm-aec-preuve-photo video::-webkit-media-controls {
	display: none;
}

.dm-aec-preuve-case .dm-label,
.dm-aec-preuve-case .dm-label p {
	margin: 0 0 0.4rem;
}

.dm-aec-preuve-case h4 {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.05rem, 1.45vw, 1.22rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.dm-aec-preuve-case-body,
.dm-aec-preuve-case p:not(.dm-label) {
	margin: 0.5rem 0 0;
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast-2);
}

@media (min-width: 800px) {
	.dm-aec-preuves-grid,
	.dm-aec-preuves-grid.wp-block-group {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: clamp(2rem, 4vw, 3.25rem);
		row-gap: 0;
	}
}

@media (min-width: 900px) {
	.dm-aec-upbib,
	.dm-aec-upbib.wp-block-group {
		grid-template-columns: minmax(0, 1.7fr) minmax(18rem, 1fr);
		align-items: stretch;
		column-gap: clamp(2.25rem, 4.5vw, 4.25rem);
	}

	.dm-aec-upbib-photo,
	.dm-aec-upbib-photo.wp-block-image {
		height: 100%;
		min-height: 28rem;
		aspect-ratio: auto;
	}

	.dm-aec-upbib-photo img,
	.dm-aec-upbib-photo.wp-block-image img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

@media (max-width: 899px) {
	.dm-aec-upbib-photo {
		order: -1;
	}
}

/* AEC — CTA final */
.dm-aec-cta,
.wp-block-group.alignfull.dm-aec-cta {
	background: var(--wp--preset--color--base);
	padding-top: clamp(5.75rem, 16vh, 10.5rem);
	padding-bottom: clamp(5.75rem, 16vh, 10.5rem);
	margin-bottom: 0 !important;
	margin-block-end: 0 !important;
	border-top: 1px solid var(--wp--preset--color--line);
}

.dm-aec-cta-inner,
.dm-aec-cta-inner.wp-block-group,
.dm-aec-cta-inner.is-layout-flow {
	max-width: none;
}

.dm-aec-cta-inner > * {
	margin-block-start: 0;
}

.dm-aec-cta-inner h2 {
	max-width: 15em;
	margin: 0;
}

.dm-aec-cta-lede,
.dm-aec-cta-lede.wp-block-paragraph {
	margin: 1.35rem 0 0;
	max-width: 34rem;
	font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

.dm-aec-cta .wp-block-buttons {
	margin: 2rem 0 0;
}

.dm-aec-cta .wp-block-button__link {
	padding: 0.7rem 1.25rem;
	font-size: 0.9375rem;
	letter-spacing: 0.01em;
}

@media (max-width: 599px) {
	.dm-aec-cta,
	.wp-block-group.alignfull.dm-aec-cta {
		padding-top: clamp(4.5rem, 14vh, 7.5rem);
		padding-bottom: clamp(4.5rem, 14vh, 7.5rem);
	}
}

.dm-design-principe {
	background: var(--wp--preset--color--base);
}

.dm-design-variations {
	background: var(--wp--preset--color--base);
}

.dm-design-principe.dm-section,
.dm-design-variations.dm-section,
.dm-design-fabrication.dm-section,
.wp-block-group.alignfull.dm-design-principe,
.wp-block-group.alignfull.dm-design-variations,
.wp-block-group.alignfull.dm-design-fabrication {
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.dm-design-principe > .alignwide,
.dm-design-variations > .alignwide,
.dm-design-fabrication > .alignwide {
	width: 100%;
}

.dm-design-split,
.dm-design-split.wp-block-group {
	display: grid;
	gap: clamp(3rem, 8vw, 8rem);
	align-items: center;
}

@media (min-width: 880px) {
	.dm-design-split,
	.dm-design-split.wp-block-group {
		grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	}

	:is(.dm-design-split--reverse, .dm-design-split-reverse) > :first-child {
		order: 2;
	}
}

.dm-design-split-copy {
	max-width: 34rem;
}

.dm-design-split-copy > * {
	margin-block-start: 0;
}

.dm-design-split-copy h2.is-style-titre-section {
	max-width: 12em;
	margin: 0 0 1.5rem;
}

.dm-design-split-copy > p:not(.is-style-sous-titre):not(.dm-kicker):not(.dm-label) {
	margin: 0 0 1.75rem;
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

.dm-design-split-copy .wp-block-buttons {
	margin: 0;
}

.dm-design-split-copy .wp-block-button__link {
	padding: 0.65rem 1.15rem;
	font-size: 0.875rem;
	letter-spacing: 0.02em;
}

.dm-design-principe-flow,
.dm-design-principe-flow.wp-block-list {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.45rem 0;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 1.25rem 0 0;
	list-style: none;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.dm-design-principe-flow li {
	margin: 0;
	padding: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(0.875rem, 1vw, 1rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.35;
	color: var(--wp--preset--color--contrast);
}

.dm-design-principe-flow li:not(:last-child)::after {
	content: "\2192";
	margin: 0 0.5rem 0 0.6rem;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--wp--preset--color--neutral);
}

.dm-design-cutout,
.dm-design-cutout.wp-block-image {
	margin: 0;
	background: transparent;
}

.dm-design-cutout img {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(72vh, 36rem);
	object-fit: contain;
	mix-blend-mode: multiply;
}

.dm-design-principe .dm-design-cutout,
.dm-design-principe .dm-design-cutout.wp-block-image {
	overflow: visible;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	max-height: none;
}

.dm-design-principe .dm-design-cutout img {
	width: 100%;
	max-width: 100%;
	max-height: min(80vh, 42rem);
	margin: 0;
}

.dm-design-viewport,
.dm-design-viewport.wp-block-group {
	margin: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--wp--preset--color--line);
}

.dm-design-viewport-bar,
.dm-design-viewport-bar.wp-block-group {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem 1.25rem;
	margin: 0;
	padding: 0.7rem 0.95rem;
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.dm-design-viewport-tab,
.dm-design-viewport-tab.wp-block-paragraph {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}

.dm-design-viewport-meta,
.dm-design-viewport-meta.wp-block-paragraph {
	margin: 0;
	font-size: 0.6875rem;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--neutral);
}

.dm-design-viewport .wp-block-image,
.dm-design-viewport figure {
	margin: 0;
}

.dm-design-viewport img {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(68vh, 32rem);
	object-fit: contain;
	background: #fff;
}

.dm-design-fabrication .dm-design-photo,
.dm-design-fabrication .dm-design-photo.wp-block-image {
	margin: 0;
	width: 100%;
	min-width: 0;
	background: transparent;
	box-shadow: none;
}

.dm-design-fabrication .dm-design-photo img {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(70vh, 38rem);
	object-fit: contain;
	background: transparent;
}

.dm-design-variations .dm-design-media,
.dm-design-variations .dm-design-media.wp-block-group {
	margin: 0;
	overflow: hidden;
	background: #e0e0e0;
}

@media (min-width: 880px) {
	.dm-design-variations .dm-design-split,
	.dm-design-variations .dm-design-split.wp-block-group {
		grid-template-columns: minmax(0, 1.63fr) minmax(0, 1fr);
	}

	.dm-design-variations .dm-design-split-copy {
		max-width: none;
	}

	.dm-design-principe .dm-design-split,
	.dm-design-principe .dm-design-split.wp-block-group {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.63fr);
	}

	.dm-design-principe .dm-design-split-copy {
		max-width: none;
		width: 100%;
	}

	.dm-design-principe .dm-design-split-copy > *,
	.dm-design-principe .dm-design-split-copy h2.is-style-titre-section,
	.dm-design-principe .dm-design-split-copy p {
		max-width: none;
	}

	.dm-design-fabrication .dm-design-split,
	.dm-design-fabrication .dm-design-split.wp-block-group {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.dm-design-fabrication .dm-design-split-copy {
		max-width: none;
		width: 100%;
	}

	.dm-design-fabrication .dm-design-split-copy > *,
	.dm-design-fabrication .dm-design-split-copy h2,
	.dm-design-fabrication .dm-design-split-copy h2.is-style-titre-section,
	.dm-design-fabrication .dm-design-split-copy p {
		max-width: none;
		width: 100%;
	}
}

.dm-design-variations .dm-design-media .wp-block-video,
.dm-design-variations .dm-design-media figure.wp-block-video {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	overflow: hidden;
	aspect-ratio: 9 / 10;
	background: #e0e0e0;
}

.dm-design-variations .dm-design-media video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	object-position: 50% 50%;
	background: transparent;
}

.dm-design-variations .dm-design-media video::-webkit-media-controls {
	display: none;
}

.dm-design-fabrication {
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--ink-inverse);
}

.dm-design-fabrication h2,
.dm-design-fabrication .wp-block-heading {
	color: inherit;
}

.dm-design-fabrication .is-style-sous-titre,
.dm-design-fabrication .is-style-sous-titre.wp-block-paragraph {
	color: rgba(248, 248, 246, 0.42);
}

.dm-design-fabrication .dm-design-split-copy > p:not(.is-style-sous-titre):not(.dm-kicker):not(.dm-label) {
	color: color-mix(in srgb, var(--wp--preset--color--ink-inverse) 78%, transparent);
}

.dm-design-offre {
	background: var(--wp--preset--color--base);
}

.dm-design-offre > .is-style-titre-section,
.dm-design-offre h2.is-style-titre-section {
	max-width: 16em;
}

.dm-design-offre-lede,
.dm-design-offre-lede.wp-block-paragraph {
	margin: 1.25rem 0 0;
	max-width: 40rem;
	font-size: clamp(0.975rem, 1.15vw, 1.0625rem);
	line-height: 1.65;
	color: var(--wp--preset--color--contrast-2);
}

.dm-design-offre-grid,
.dm-design-offre-grid.wp-block-group,
.dm-design-offre-grid.is-layout-flow,
.dm-design-offre-grid.is-layout-constrained,
.dm-design-offre-grid.is-layout-default {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0 !important;
	margin: clamp(3.25rem, 8vh, 5.75rem) 0 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.dm-design-offre-item,
.dm-design-offre-item.wp-block-group {
	margin: 0;
	padding: clamp(2.5rem, 7vw, 3.75rem) 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.dm-design-offre-item.is-layout-flow,
.dm-design-offre-item.is-layout-constrained,
.dm-design-offre-item.is-layout-default {
	gap: 0 !important;
}

.dm-design-offre-item > * {
	margin-block-start: 0;
}

.dm-design-offre-num,
.dm-design-offre-num.wp-block-paragraph {
	margin: 0 0 1.15rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(2.75rem, 6vw, 4.25rem);
	font-weight: 400;
	letter-spacing: -0.06em;
	line-height: 0.9;
	color: color-mix(in srgb, var(--wp--preset--color--contrast) 16%, transparent);
}

.dm-design-offre-item h3 {
	margin: 0 0 0.95rem;
	max-width: 16em;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.35rem, 2.35vw, 1.85rem);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.15;
}

.dm-design-offre-item p:not(.dm-design-offre-num):not(.dm-design-offre-label):not(.dm-design-offre-livrables) {
	margin: 0 0 1.85rem;
	max-width: 34rem;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--wp--preset--color--contrast-2);
}

.dm-design-offre-label,
.dm-design-offre-label.wp-block-paragraph {
	margin: 0 0 0.4rem;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--wp--preset--color--neutral);
}

.dm-design-offre-livrables,
.dm-design-offre-livrables.wp-block-paragraph {
	margin: 0;
	max-width: 32rem;
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.005em;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast);
}

@media (min-width: 720px) {
	.dm-design-offre-grid,
	.dm-design-offre-grid.wp-block-group,
	.dm-design-offre-grid.is-layout-flow,
	.dm-design-offre-grid.is-layout-constrained,
	.dm-design-offre-grid.is-layout-default {
		grid-template-columns: 1fr 1fr;
	}

	.dm-design-offre-item:nth-child(odd) {
		padding-right: clamp(1.75rem, 4vw, 3.25rem);
		border-right: 1px solid var(--wp--preset--color--line);
	}

	.dm-design-offre-item:nth-child(even) {
		padding-left: clamp(1.75rem, 4vw, 3.25rem);
	}
}

.dm-design-demo {
	background: var(--wp--preset--color--base);
}

:is(.dm-design-demo--intro, .dm-design-demo-intro) {
	position: relative;
	padding-bottom: clamp(1.35rem, 3.5vh, 2.25rem);
}

:is(.dm-design-demo--gallery, .dm-design-demo-gallery) {
	padding-top: clamp(2rem, 5vh, 3.25rem);
}

.dm-design-demo > .is-style-titre-section,
.dm-design-demo h2.is-style-titre-section {
	max-width: 16em;
}

.dm-design-demo-lede,
.dm-design-demo-lede.wp-block-paragraph {
	margin: 1.35rem 0 0;
	max-width: min(54rem, 100%);
	font-size: clamp(0.975rem, 1.15vw, 1.0625rem);
	line-height: 1.65;
	color: var(--wp--preset--color--contrast-2);
}

.dm-design-demo-legend,
.dm-design-demo-legend.wp-block-paragraph {
	box-sizing: border-box;
	width: 100%;
	max-width: 32rem;
	margin: 1.1rem 0 0 auto;
	padding: 0;
	text-align: right;
	font-size: 0.8125rem;
	line-height: 1.45;
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--neutral);
}

@media (min-width: 800px) {
	.dm-design-demo-legend,
	.dm-design-demo-legend.wp-block-paragraph {
		position: absolute;
		right: var(--dm-page-gutter);
		bottom: clamp(1.35rem, 3.5vh, 2.25rem);
		width: min(32rem, 40%);
		max-width: min(32rem, 40%);
		margin: 0;
	}
}

.dm-design-demo-embed,
.dm-design-demo-embed.wp-block-group,
.wp-block-group.alignfull.dm-design-demo-embed {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	border-bottom: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
	background: var(--wp--preset--color--base);
	box-shadow: none;
	overflow: hidden;
}

.dm-design-demo-embed-title,
.dm-design-demo-embed h2.dm-design-demo-embed-title,
.dm-design-demo-embed .wp-block-heading.dm-design-demo-embed-title {
	margin: 0;
	padding: 1.05rem var(--dm-page-gutter) 0.85rem;
	max-width: none;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.15rem, 1.7vw, 1.45rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.2;
	color: var(--wp--preset--color--contrast);
}

.dm-design-demo-embed iframe,
iframe.dm-bezier-frame {
	display: block;
	width: 100%;
	height: 100dvh;
	min-height: 100dvh;
	border: 0;
	background: var(--wp--preset--color--base);
}

.dm-design-demo-photos,
.dm-design-demo-photos.wp-block-group,
.dm-design-demo-photos.is-layout-flow,
.dm-design-demo-photos.is-layout-default {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.75rem 1.5rem !important;
	margin: clamp(2rem, 5vh, 3.25rem) 0 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.dm-design-demo-photo,
.dm-design-demo-photo.wp-block-group {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.dm-design-demo-photo.is-layout-flow,
.dm-design-demo-photo.is-layout-default {
	gap: 0 !important;
}

.dm-design-demo-photo .wp-block-image,
.dm-design-demo-photo figure {
	margin: 0 0 0.85rem;
}

.dm-design-demo-photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: var(--wp--preset--color--base-alt);
}

.dm-design-demo-kicker,
.dm-design-demo-kicker.wp-block-paragraph {
	margin: 0 0 0.3rem;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--wp--preset--color--neutral);
}

.dm-design-demo-photo p:not(.dm-design-demo-kicker) {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--wp--preset--color--contrast-2);
}

.dm-design-demo .wp-block-buttons {
	margin-top: clamp(1.75rem, 4vh, 2.5rem);
}

@media (min-width: 720px) {
	.dm-design-demo-photos,
	.dm-design-demo-photos.wp-block-group,
	.dm-design-demo-photos.is-layout-flow,
	.dm-design-demo-photos.is-layout-default {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (max-width: 719px) {
	.dm-design-demo-embed iframe,
	iframe.dm-bezier-frame {
		height: 100dvh;
		min-height: 100dvh;
	}
}

/* Design — Fabrication numérique, 3 procédés */
.dm-design-procedes {
	background: var(--wp--preset--color--base);
}

.dm-design-procedes > .is-style-titre-section,
.dm-design-procedes h2.is-style-titre-section {
	max-width: 16em;
}

.dm-design-procedes-intro,
.dm-design-procedes-intro.wp-block-paragraph {
	max-width: 40rem;
	margin: 1.15rem 0 0;
	font-size: clamp(0.975rem, 1.15vw, 1.0625rem);
	line-height: 1.65;
	color: var(--wp--preset--color--contrast-2);
}

.dm-design-procedes-grid,
.dm-design-procedes-grid.wp-block-group,
.dm-design-procedes-grid.is-layout-flow,
.dm-design-procedes-grid.is-layout-default {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem 1.75rem !important;
	margin: clamp(2.5rem, 6vh, 4rem) 0 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.dm-design-procedes-item,
.dm-design-procedes-item.wp-block-group {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.dm-design-procedes-item.is-layout-flow,
.dm-design-procedes-item.is-layout-default {
	gap: 0 !important;
}

.dm-design-procedes-item .wp-block-image,
.dm-design-procedes-item figure {
	margin: 0 0 1.15rem;
}

.dm-design-procedes-item img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: var(--wp--preset--color--base-alt);
	border-radius: 0;
	box-shadow: none;
}

.dm-design-procedes-item:nth-child(2) img {
	object-position: 18% 50%;
}

.dm-design-procedes-item h3,
.dm-design-procedes-item h3.wp-block-heading {
	margin: 0 0 0.55rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.2rem, 1.7vw, 1.5rem);
	font-weight: 500;
	letter-spacing: -0.025em;
	line-height: 1.2;
	color: var(--wp--preset--color--contrast);
}

.dm-design-procedes-item p:not(.dm-design-procedes-tags) {
	margin: 0 0 0.75rem;
	max-width: 28rem;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast-2);
}

.dm-design-procedes-tags,
.dm-design-procedes-tags.wp-block-paragraph {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.45;
	color: var(--wp--preset--color--neutral);
}

@media (min-width: 720px) {
	.dm-design-procedes-grid,
	.dm-design-procedes-grid.wp-block-group,
	.dm-design-procedes-grid.is-layout-flow,
	.dm-design-procedes-grid.is-layout-default {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1100px) {
	.dm-design-procedes-grid,
	.dm-design-procedes-grid.wp-block-group,
	.dm-design-procedes-grid.is-layout-flow,
	.dm-design-procedes-grid.is-layout-default {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/* Design — Réalisations, mosaïque éditoriale Gutenberg */
.dm-design-realisations {
	background: var(--wp--preset--color--base);
}

.dm-design-realisations > .is-style-titre-section,
.dm-design-realisations h2.is-style-titre-section {
	max-width: 14em;
}

.dm-design-realisations-intro,
.dm-design-realisations-intro.wp-block-paragraph {
	max-width: 38rem;
	margin: 1.15rem 0 0;
	font-size: clamp(0.975rem, 1.15vw, 1.0625rem);
	line-height: 1.65;
	color: var(--wp--preset--color--contrast-2);
}

.dm-design-mosaic,
.dm-design-mosaic.wp-block-group,
.dm-design-mosaic.is-layout-flow,
.dm-design-mosaic.is-layout-default {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	grid-auto-flow: dense;
	align-items: start;
	gap: 0.45rem !important;
	margin: clamp(2.25rem, 5.5vh, 3.5rem) 0 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	background: transparent;
	box-shadow: none;
	box-sizing: border-box;
}

.dm-design-mosaic > .wp-block-group,
.dm-design-mosaic-item {
	position: relative;
	display: block !important;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	overflow: hidden;
	background: transparent;
	box-shadow: none;
	aspect-ratio: auto;
	box-sizing: border-box;
}

.dm-design-mosaic > .wp-block-group.is-layout-flow,
.dm-design-mosaic > .wp-block-group.is-layout-default,
.dm-design-mosaic-item.is-layout-flow,
.dm-design-mosaic-item.is-layout-default {
	gap: 0 !important;
}

.dm-design-mosaic .wp-block-image,
.dm-design-mosaic figure {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	width: 100%;
	height: auto;
}

.dm-design-mosaic img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: center;
	border-radius: 0;
	background: var(--wp--preset--color--base-alt);
	vertical-align: top;
}

.dm-design-mosaic-item::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(18, 18, 18, 0.5);
	opacity: 0;
	transition: opacity 0.28s ease;
	pointer-events: none;
	z-index: 1;
}

.dm-design-mosaic h3,
.dm-design-mosaic .wp-block-heading {
	position: absolute;
	left: 0.85rem;
	right: 0.85rem;
	bottom: 2.05rem;
	z-index: 2;
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(0.95rem, 1.2vw, 1.15rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.2;
	color: #fff;
	opacity: 0;
	transform: translateY(0.35rem);
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.dm-design-mosaic h3 a,
.dm-design-mosaic .wp-block-heading a {
	color: inherit;
	text-decoration: none;
}

.dm-design-mosaic .is-style-label-technique,
.dm-design-mosaic-tech {
	position: absolute;
	left: 0.85rem;
	right: 0.85rem;
	bottom: 0.7rem;
	z-index: 2;
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.82);
	opacity: 0;
	transform: translateY(0.35rem);
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.dm-design-mosaic-item:hover::after,
.dm-design-mosaic-item:focus-within::after {
	opacity: 1;
}

.dm-design-mosaic-item:hover h3,
.dm-design-mosaic-item:hover .wp-block-heading,
.dm-design-mosaic-item:hover .is-style-label-technique,
.dm-design-mosaic-item:focus-within h3,
.dm-design-mosaic-item:focus-within .wp-block-heading,
.dm-design-mosaic-item:focus-within .is-style-label-technique {
	opacity: 1;
	transform: translateY(0);
}

@media (hover: none) {
	.dm-design-mosaic-item::after {
		opacity: 1;
		background: linear-gradient(to top, rgba(18, 18, 18, 0.62) 0%, rgba(18, 18, 18, 0.12) 42%, transparent 70%);
	}

	.dm-design-mosaic-item h3,
	.dm-design-mosaic-item .wp-block-heading,
	.dm-design-mosaic-item .is-style-label-technique {
		opacity: 1;
		transform: none;
	}
}

.editor-styles-wrapper .dm-design-mosaic-item::after {
	opacity: 1;
	background: linear-gradient(to top, rgba(18, 18, 18, 0.55) 0%, transparent 55%);
}

.editor-styles-wrapper .dm-design-mosaic-item h3,
.editor-styles-wrapper .dm-design-mosaic-item .wp-block-heading,
.editor-styles-wrapper .dm-design-mosaic-item .is-style-label-technique {
	opacity: 1;
	transform: none;
	color: #fff;
}

@media (min-width: 640px) {
	.dm-design-mosaic,
	.dm-design-mosaic.wp-block-group,
	.dm-design-mosaic.is-layout-flow,
	.dm-design-mosaic.is-layout-default {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dm-design-mosaic > .is-style-large,
	.dm-design-mosaic-item.is-style-large,
	.dm-design-mosaic > .is-style-wide,
	.dm-design-mosaic-item.is-style-wide {
		grid-column: span 2;
		grid-row: auto;
		aspect-ratio: auto;
		height: auto;
	}
}

@media (min-width: 1100px) {
	.dm-design-mosaic,
	.dm-design-mosaic.wp-block-group,
	.dm-design-mosaic.is-layout-flow,
	.dm-design-mosaic.is-layout-default {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.dm-design-mosaic > .is-style-large,
	.dm-design-mosaic-item.is-style-large,
	.dm-design-mosaic > .is-style-wide,
	.dm-design-mosaic-item.is-style-wide {
		grid-column: span 2;
		grid-row: auto;
		aspect-ratio: auto;
		height: auto;
	}

	.dm-design-mosaic > .dm-mosaic-span-23,
	.dm-design-mosaic-item.dm-mosaic-span-23 {
		grid-column: 2 / span 2;
	}
}

.dm-design-mosaic.dm-mosaic-packed,
.dm-design-mosaic.dm-mosaic-packed.wp-block-group,
.dm-design-mosaic.dm-mosaic-packed.is-layout-flow,
.dm-design-mosaic.dm-mosaic-packed.is-layout-default {
	grid-auto-rows: 1px;
	align-items: stretch;
}

.dm-design-mosaic.dm-mosaic-packed .wp-block-image,
.dm-design-mosaic.dm-mosaic-packed figure,
.dm-design-mosaic.dm-mosaic-packed img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dm-design-mosaic img[src*="Vase-diagrid-impression-3d-detail"] {
	object-position: 18% 48%;
}

.dm-design-mosaic img[src*="Tablette-fractale-voronoi-decoupe-laser-datamorphoz"] {
	object-position: 42% 50%;
}

/* Design — Pour qui ? */
.dm-design-pourqui,
.wp-block-group.alignfull.dm-design-pourqui {
	background: var(--wp--preset--color--base);
}

.dm-design-pourqui-intro,
.dm-design-pourqui-intro.wp-block-group,
.dm-design-pourqui-intro.is-layout-flow,
.dm-design-pourqui-intro.is-layout-constrained {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin-bottom: clamp(4.25rem, 10vh, 7rem);
}

.dm-design-pourqui-intro > * {
	margin-block-start: 0;
}

.dm-design-pourqui-intro .is-style-sous-titre {
	grid-column: 1 / -1;
}

.dm-design-pourqui-intro h2 {
	max-width: 14em;
	margin: 0;
}

.dm-design-pourqui-lede,
.dm-design-pourqui-lede.wp-block-paragraph {
	margin: 1.25rem 0 0;
	max-width: 38rem;
	font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

@media (min-width: 900px) {
	.dm-design-pourqui-intro,
	.dm-design-pourqui-intro.wp-block-group,
	.dm-design-pourqui-intro.is-layout-flow,
	.dm-design-pourqui-intro.is-layout-constrained {
		grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.8fr);
		column-gap: clamp(2rem, 5vw, 4.75rem);
		align-items: start;
	}

	.dm-design-pourqui-lede,
	.dm-design-pourqui-lede.wp-block-paragraph {
		margin: 0;
		max-width: none;
		padding-bottom: 0.15rem;
		align-self: end;
	}
}

.dm-design-pourqui-rows,
.dm-design-pourqui-rows.wp-block-group,
.dm-design-pourqui-rows.is-layout-flow,
.dm-design-pourqui-rows.is-layout-constrained {
	display: flex;
	flex-direction: column;
	gap: 0 !important;
	margin: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.dm-design-pourqui-row,
.dm-design-pourqui-row.wp-block-group {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem 0;
	margin: 0;
	padding: clamp(2.75rem, 7vh, 4.5rem) 0;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.dm-design-pourqui-row:last-child {
	border-bottom: 0;
}

.dm-design-pourqui-row > * {
	margin-block-start: 0;
}

.dm-design-pourqui-public,
.dm-design-pourqui-copy,
.dm-design-pourqui-public.wp-block-group,
.dm-design-pourqui-copy.wp-block-group {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.dm-design-pourqui-num,
.dm-design-pourqui-num.wp-block-paragraph {
	margin: 0 0 0.45rem;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	color: var(--wp--preset--color--neutral);
}

.dm-design-pourqui-public h3 {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.2rem, 2vw, 1.55rem);
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.15;
	text-transform: uppercase;
}

.dm-design-pourqui-meta,
.dm-design-pourqui-meta.wp-block-paragraph {
	margin: 0.7rem 0 0;
	max-width: 28rem;
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.5;
	color: var(--wp--preset--color--neutral);
}

.dm-design-pourqui-hook,
.dm-design-pourqui-copy h3.dm-design-pourqui-hook {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.35rem, 2.2vw, 1.85rem);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.18;
	text-transform: none;
}

.dm-design-pourqui-body,
.dm-design-pourqui-body.wp-block-paragraph {
	margin: 0.85rem 0 0;
	max-width: 36rem;
	font-size: 0.9375rem;
	line-height: 1.62;
	color: var(--wp--preset--color--contrast-2);
}

@media (min-width: 880px) {
	.dm-design-pourqui-row,
	.dm-design-pourqui-row.wp-block-group {
		grid-template-columns: minmax(14rem, 0.42fr) minmax(0, 0.58fr);
		align-items: start;
		column-gap: clamp(2.5rem, 7vw, 6.5rem);
		padding: clamp(3.25rem, 8vh, 5.5rem) 0;
	}
}

/* Design — CTA final */
.dm-design-cta,
.wp-block-group.alignfull.dm-design-cta {
	background: var(--wp--preset--color--base);
	padding-top: clamp(5.75rem, 16vh, 10.5rem);
	padding-bottom: clamp(5.75rem, 16vh, 10.5rem);
	margin-bottom: 0 !important;
	margin-block-end: 0 !important;
	border-top: 0;
}

.dm-design-cta-inner,
.dm-design-cta-inner.wp-block-group,
.dm-design-cta-inner.is-layout-flow {
	max-width: none;
}

.dm-design-cta-inner > * {
	margin-block-start: 0;
}

.dm-design-cta-inner h2 {
	max-width: 16em;
	margin: 0;
}

.dm-design-cta-lede,
.dm-design-cta-lede.wp-block-paragraph {
	margin: 1.35rem 0 0;
	max-width: 34rem;
	font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

.dm-design-cta .wp-block-buttons {
	margin: 2rem 0 0;
}

.dm-design-cta .wp-block-button__link {
	padding: 0.7rem 1.25rem;
	font-size: 0.9375rem;
	letter-spacing: 0.01em;
}

@media (max-width: 599px) {
	.dm-design-cta,
	.wp-block-group.alignfull.dm-design-cta {
		padding-top: clamp(4.5rem, 14vh, 7.5rem);
		padding-bottom: clamp(4.5rem, 14vh, 7.5rem);
	}
}

/* Back to top — light arrow, all pages */

.dm-to-top {
	appearance: none;
	position: fixed;
	right: max(1rem, env(safe-area-inset-right, 0px));
	bottom: max(1.15rem, env(safe-area-inset-bottom, 0px));
	z-index: 35;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.65rem;
	height: 2.65rem;
	margin: 0;
	padding: 0;
	cursor: pointer;
	color: var(--wp--preset--color--contrast);
	background: rgba(250, 250, 251, 0.72);
	border: 1px solid rgba(10, 10, 10, 0.16);
	border-radius: 50%;
	box-shadow: 0 6px 18px rgba(10, 10, 10, 0.06);
	backdrop-filter: blur(8px) saturate(140%);
	-webkit-backdrop-filter: blur(8px) saturate(140%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(0, 8px, 0);
	transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease, background 0.2s ease, border-color 0.2s ease;
}

.dm-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
}

.dm-to-top:hover {
	background: rgba(250, 250, 251, 0.94);
	border-color: rgba(10, 10, 10, 0.32);
}

.dm-to-top:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast);
	outline-offset: 3px;
}

.dm-to-top svg {
	display: block;
	width: 0.95rem;
	height: 0.95rem;
}

body.dm-nav-locked .dm-to-top {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

@media (min-width: 880px) {
	.dm-to-top {
		right: max(1.35rem, env(safe-area-inset-right, 0px));
		bottom: 1.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dm-to-top {
		transition: none;
		transform: none;
	}
}

@media print {
	.dm-to-top {
		display: none !important;
	}
}

/* Industrie — Approche */

.dm-industrie-approche,
.wp-block-group.alignfull.dm-industrie-approche {
	background: var(--wp--preset--color--base);
}

.dm-industrie-approche-split,
.dm-industrie-approche-split.wp-block-group {
	display: grid;
	gap: clamp(1.75rem, 4vw, 3.25rem);
	align-items: stretch;
}

@media (min-width: 900px) {
	.dm-industrie-approche-split,
	.dm-industrie-approche-split.wp-block-group {
		grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
	}
}

.dm-industrie-approche-copy,
.dm-industrie-approche-copy.wp-block-group,
.dm-industrie-approche-copy.is-layout-flow,
.dm-industrie-approche-copy.wp-block-group-is-layout-flow {
	display: flex;
	flex-direction: column;
	max-width: 34rem;
	min-height: 100%;
	height: 100%;
}

.dm-industrie-approche-copy > * {
	margin-block-start: 0;
}

.dm-industrie-approche-copy h2.is-style-titre-section {
	max-width: none;
	margin: 0 0 1.5rem;
}

.dm-industrie-approche-copy > p:not(.is-style-sous-titre):not(.dm-industrie-approche-link) {
	margin: 0 0 1.85rem;
	line-height: 1.65;
	color: var(--wp--preset--color--contrast-2);
}

.dm-industrie-approche-points,
.dm-industrie-approche-points.wp-block-group,
.dm-industrie-approche-points.is-layout-flow {
	display: grid !important;
	grid-template-columns: 1fr;
	justify-items: stretch;
	gap: 0.9rem;
	margin: 0;
	padding: 0.95rem 0 0;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.dm-industrie-approche-points > * {
	margin-block-start: 0;
}

.dm-industrie-approche-points::before,
.dm-industrie-approche-points::after {
	display: none;
}

.dm-industrie-approche-point,
.dm-industrie-approche-point.wp-block-paragraph {
	position: relative;
	display: block;
	width: max-content;
	max-width: 100%;
	margin: 0;
	padding: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: 0.9375rem;
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.35;
	color: var(--wp--preset--color--contrast);
}

.dm-industrie-approche-point:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 0.2rem;
	bottom: -0.7rem;
	width: 1.45rem;
	height: 6px;
	opacity: 0.38;
	background: currentColor;
	clip-path: polygon(0 44%, 70% 44%, 70% 10%, 100% 50%, 70% 90%, 70% 56%, 0 56%);
	transform: rotate(90deg);
	transform-origin: center;
}

@media (min-width: 640px) {
	.dm-industrie-approche-points,
	.dm-industrie-approche-points.wp-block-group,
	.dm-industrie-approche-points.is-layout-flow {
		grid-template-columns: max-content minmax(1.7rem, 1fr) max-content minmax(1.7rem, 1fr) max-content;
		column-gap: 0;
		align-items: center;
		justify-items: start;
		width: 100%;
	}

	.dm-industrie-approche-point:nth-child(1) {
		grid-column: 1;
		justify-self: start;
	}

	.dm-industrie-approche-point:nth-child(2) {
		grid-column: 3;
		justify-self: start;
	}

	.dm-industrie-approche-point:nth-child(3) {
		grid-column: 5;
		justify-self: start;
	}

	.dm-industrie-approche-point:not(:last-child)::after {
		content: none;
		display: none;
	}

	.dm-industrie-approche-points::before,
	.dm-industrie-approche-points::after {
		content: "";
		display: block;
		grid-row: 1;
		width: 1.45rem;
		height: 6px;
		justify-self: center;
		align-self: center;
		opacity: 0.38;
		background: currentColor;
		clip-path: polygon(0 44%, 70% 44%, 70% 10%, 100% 50%, 70% 90%, 70% 56%, 0 56%);
	}

	.dm-industrie-approche-points::before {
		grid-column: 2;
	}

	.dm-industrie-approche-points::after {
		grid-column: 4;
	}
}

.dm-industrie-approche-link,
.dm-industrie-approche-link.wp-block-paragraph {
	margin-top: auto;
	margin-bottom: 0;
	padding-top: 2rem;
}

.dm-industrie-approche-link a {
	text-decoration: none;
	font-size: 0.875rem;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--contrast);
}

.dm-industrie-approche-link a:hover,
.dm-industrie-approche-link a:focus-visible {
	color: var(--wp--preset--color--sage);
}

.dm-industrie-approche-visual,
.dm-industrie-approche-visual.wp-block-group {
	min-width: 0;
}

.dm-industrie-approche-visual > * {
	margin-block-start: 0;
}

.dm-industrie-approche-shot,
.dm-industrie-approche-shot.wp-block-image {
	margin: 0;
	min-width: 0;
}

.dm-industrie-approche-shot img {
	display: block;
	width: 100%;
	height: auto;
	background: var(--wp--preset--color--base);
}

/* Industrie — Méthode */

.dm-industrie-methode,
.wp-block-group.alignfull.dm-industrie-methode {
	background: var(--wp--preset--color--base);
	overflow-x: hidden;
}

.dm-industrie-methode-intro,
.dm-industrie-methode-intro.wp-block-group {
	max-width: 42rem;
}

.dm-industrie-methode-intro > * {
	margin-block-start: 0;
}

.dm-industrie-methode-intro h2.is-style-titre-section {
	margin: 0 0 1.5rem;
}

.dm-industrie-methode-intro > p:not(.is-style-sous-titre) {
	margin: 0;
	max-width: 40rem;
	line-height: 1.65;
	color: var(--wp--preset--color--contrast-2);
}

.dm-industrie-methode-steps,
.dm-industrie-methode-steps.wp-block-group {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin: clamp(2.75rem, 6vw, 4.75rem) 0 0;
	padding: 0;
	border-top: 1px solid rgba(10, 10, 10, 0.1);
}

.dm-industrie-methode-steps > * {
	margin-block-start: 0;
}

.dm-industrie-methode-step,
.dm-industrie-methode-step.wp-block-group {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	margin: 0;
	padding: 1.45rem 0;
	border-bottom: 1px solid rgba(10, 10, 10, 0.08);
}

.dm-industrie-methode-step > * {
	margin-block-start: 0;
}

.dm-industrie-methode-num,
.dm-industrie-methode-num.wp-block-paragraph {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	line-height: 1;
	color: rgba(10, 10, 10, 0.38);
}

.dm-industrie-methode-title,
.dm-industrie-methode-title.wp-block-heading {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.05rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}

.dm-industrie-methode-body,
.dm-industrie-methode-body.wp-block-paragraph {
	margin: 0.15rem 0 0;
	max-width: 18rem;
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast-2);
}

@media (min-width: 900px) {
	.dm-industrie-methode-steps,
	.dm-industrie-methode-steps.wp-block-group {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		border-bottom: 1px solid rgba(10, 10, 10, 0.1);
	}

	.dm-industrie-methode-step,
	.dm-industrie-methode-step.wp-block-group {
		padding: 1.75rem 1.35rem 1.85rem 0;
		border-bottom: none;
		border-right: 1px solid rgba(10, 10, 10, 0.08);
	}

	.dm-industrie-methode-step:not(:first-child) {
		padding-left: 1.35rem;
	}

	.dm-industrie-methode-step:last-child {
		border-right: none;
		padding-right: 0;
	}
}

.dm-industrie-methode,
.wp-block-group.dm-industrie-methode,
section.dm-industrie-methode {
	overflow: visible !important;
}

.dm-industrie-methode-visual,
.dm-industrie-methode-visual.wp-block-group,
.wp-block-group.alignfull.dm-industrie-methode-visual {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100vw !important;
	max-width: 100vw !important;
	height: 75vh;
	margin-top: clamp(2.5rem, 5vw, 4rem);
	margin-bottom: 0;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 0 !important;
	overflow: hidden;
	background: #1a1a1a;
	view-timeline-name: --dm-methode-pin;
	view-timeline-axis: block;
}

.dm-industrie-methode-visual > * {
	margin-block-start: 0;
	height: 100%;
}

.dm-industrie-methode-visual .wp-block-image,
.dm-industrie-methode-visual figure,
.dm-industrie-methode-visual .dm-industrie-methode-shot,
.dm-industrie-methode-visual .dm-industrie-methode-shot.wp-block-image {
	position: absolute;
	inset: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	overflow: hidden;
}

.dm-industrie-methode-visual img,
.dm-industrie-methode-visual .wp-block-image img,
.dm-industrie-methode-shot img,
.dm-industrie-methode-shot.wp-block-image img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100vh !important;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	animation-name: dm-methode-pin;
	animation-duration: auto;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-timeline: --dm-methode-pin;
	animation-range: cover 0% cover 100%;
}

@keyframes dm-methode-pin {
	from {
		transform: translate3d(0, -100vh, 0);
	}
	to {
		transform: translate3d(0, 75vh, 0);
	}
}

.editor-styles-wrapper .dm-industrie-methode-visual img,
.editor-styles-wrapper .dm-industrie-methode-visual .wp-block-image img {
	height: 100% !important;
	animation: none;
	transform: none;
}

.dm-industrie-methode-note,
.dm-industrie-methode-note.wp-block-paragraph {
	margin: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--neutral);
}

/* Industrie — Projet calage
   Même structure que filtration : gouttières, colonnes, image 4:3.
   Texte à gauche, visuel à droite. */

.dm-industrie-calage.alignfull,
.wp-block-group.alignfull.dm-industrie-calage {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.dm-industrie-calage,
.wp-block-group.alignfull.dm-industrie-calage {
	background: var(--wp--preset--color--base);
	padding-top: var(--dm-section-space);
	padding-bottom: var(--dm-section-space);
}

.dm-industrie-calage-inner,
.dm-industrie-calage-inner.wp-block-group,
.dm-industrie-calage .dm-industrie-calage-inner,
.dm-industrie-filtration-inner,
.dm-industrie-filtration-inner.wp-block-group,
.dm-industrie-filtration .dm-industrie-filtration-inner {
	box-sizing: border-box;
	width: auto;
	max-width: none;
	padding-left: var(--dm-page-gutter) !important;
	padding-right: var(--dm-page-gutter) !important;
}

.dm-industrie-calage-cols,
.dm-industrie-calage-cols.wp-block-columns,
.dm-industrie-calage-inner > .wp-block-columns,
.dm-industrie-filtration-cols,
.dm-industrie-filtration-cols.wp-block-columns,
.dm-industrie-filtration-inner > .wp-block-columns {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: clamp(3.5rem, 8vw, 7.5rem) !important;
	width: 100%;
	max-width: none;
	margin: 0;
}

.dm-industrie-calage-media,
.dm-industrie-calage-media.wp-block-column,
.dm-industrie-calage .dm-industrie-calage-media,
.dm-industrie-filtration-media,
.dm-industrie-filtration-media.wp-block-column,
.dm-industrie-filtration .dm-industrie-filtration-media {
	display: block;
	flex: 1 1 52% !important;
	flex-basis: 52% !important;
	width: auto;
	max-width: none;
	min-width: 0;
	height: auto;
	padding: 0;
}

.dm-industrie-calage-media,
.dm-industrie-calage-media.wp-block-column,
.dm-industrie-calage .dm-industrie-calage-media {
	margin-left: auto;
}

.dm-industrie-calage-copy,
.dm-industrie-calage-copy.wp-block-column,
.dm-industrie-calage .dm-industrie-calage-copy,
.dm-industrie-filtration-copy,
.dm-industrie-filtration-copy.wp-block-column,
.dm-industrie-filtration .dm-industrie-filtration-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 1 48% !important;
	flex-basis: 48% !important;
	width: auto;
	max-width: none;
	min-width: 0;
	padding: 0;
}

@media (max-width: 781px) {
	.dm-industrie-calage-cols,
	.dm-industrie-calage-cols.wp-block-columns,
	.dm-industrie-calage-inner > .wp-block-columns,
	.dm-industrie-filtration-cols,
	.dm-industrie-filtration-cols.wp-block-columns,
	.dm-industrie-filtration-inner > .wp-block-columns {
		flex-direction: column;
		flex-wrap: wrap;
		align-items: stretch;
		gap: 1.15rem;
	}

	.dm-industrie-calage-copy,
	.dm-industrie-calage-copy.wp-block-column,
	.dm-industrie-calage .dm-industrie-calage-copy,
	.dm-industrie-filtration-copy,
	.dm-industrie-filtration-copy.wp-block-column,
	.dm-industrie-filtration .dm-industrie-filtration-copy {
		flex-basis: 100%;
		width: 100%;
		max-width: none;
		order: 0;
	}

	.dm-industrie-calage-media,
	.dm-industrie-calage-media.wp-block-column,
	.dm-industrie-calage .dm-industrie-calage-media,
	.dm-industrie-filtration-media,
	.dm-industrie-filtration-media.wp-block-column,
	.dm-industrie-filtration .dm-industrie-filtration-media {
		flex-basis: 100%;
		width: 100%;
		max-width: none;
		order: 1;
		height: auto;
	}
}

.dm-industrie-calage-copy > *,
.dm-industrie-filtration-copy > * {
	margin-block-start: 0;
}

.dm-industrie-calage-media > *,
.dm-industrie-filtration-media > * {
	margin-block-start: 0;
	min-width: 0;
}

.dm-industrie-calage-copy h2.is-style-titre-section,
.dm-industrie-filtration-copy h2.is-style-titre-section {
	margin: 0 0 0.85rem;
	font-size: clamp(1.55rem, 2.6vw, 2.25rem);
}

.dm-industrie-calage-copy > p:not(.is-style-sous-titre),
.dm-industrie-filtration-copy > p:not(.is-style-sous-titre) {
	margin: 0 0 0.7rem;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast-2);
}

.dm-industrie-calage-copy > p:not(.is-style-sous-titre):last-of-type,
.dm-industrie-filtration-copy > p:not(.is-style-sous-titre):last-of-type {
	margin-bottom: 0;
}

.dm-industrie-calage-logo,
.dm-industrie-calage-logo.wp-block-image {
	display: none !important;
}

.dm-industrie-calage-shot,
.dm-industrie-calage-shot.wp-block-image,
.dm-industrie-filtration-shot,
.dm-industrie-filtration-shot.wp-block-image {
	position: relative;
	display: block;
	box-sizing: content-box;
	width: 100%;
	height: 0;
	padding: 0 0 75%;
	margin: 0;
	overflow: hidden;
	background: var(--wp--preset--color--base-alt);
}

.dm-industrie-calage-shot img,
.dm-industrie-calage-shot.wp-block-image img,
.dm-industrie-filtration-shot img,
.dm-industrie-filtration-shot.wp-block-image img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	object-position: center;
}

.dm-industrie-calage-shot figcaption,
.dm-industrie-calage-shot .wp-element-caption {
	display: none !important;
}

.dm-industrie-calage .dm-industrie-calage-steps,
.dm-industrie-filtration .dm-industrie-filtration-steps {
	margin-top: clamp(2.25rem, 4.5vw, 3.25rem);
}

.dm-industrie-calage-steps,
.dm-industrie-calage-steps.wp-block-group,
.dm-industrie-calage-steps.is-layout-flow,
.dm-industrie-calage .dm-industrie-calage-steps,
.dm-industrie-filtration-steps,
.dm-industrie-filtration-steps.wp-block-group,
.dm-industrie-filtration-steps.is-layout-flow,
.dm-industrie-filtration .dm-industrie-filtration-steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.35rem;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	border: 0;
}

.dm-industrie-calage-steps > *,
.dm-industrie-filtration-steps > * {
	margin-block-start: 0;
}

.dm-industrie-calage-step,
.dm-industrie-calage-step.wp-block-group,
.dm-industrie-filtration-step,
.dm-industrie-filtration-step.wp-block-group {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.dm-industrie-calage-step > *,
.dm-industrie-filtration-step > * {
	margin-block-start: 0;
}

.dm-industrie-calage-num,
.dm-industrie-calage-num.wp-block-paragraph,
.dm-industrie-filtration-num,
.dm-industrie-filtration-num.wp-block-paragraph {
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1;
	color: rgba(10, 10, 10, 0.28);
}

.dm-industrie-calage-step-shot,
.dm-industrie-calage-step-shot.wp-block-image,
.dm-industrie-filtration-step-shot,
.dm-industrie-filtration-step-shot.wp-block-image {
	position: relative;
	display: block !important;
	box-sizing: content-box !important;
	width: 100%;
	height: 0 !important;
	padding: 0 0 56.25% !important;
	margin: 0 !important;
	overflow: hidden;
}

.dm-industrie-calage-step-shot img,
.dm-industrie-calage-step-shot.wp-block-image img,
.dm-industrie-filtration-step-shot img,
.dm-industrie-filtration-step-shot.wp-block-image img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover;
	object-position: center;
}

.dm-industrie-calage-title,
.dm-industrie-calage-title.wp-block-heading,
.dm-industrie-filtration-title,
.dm-industrie-filtration-title.wp-block-heading {
	margin: 0.1rem 0 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height: 1.25;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}

.dm-industrie-calage-body,
.dm-industrie-calage-body.wp-block-paragraph,
.dm-industrie-filtration-body,
.dm-industrie-filtration-body.wp-block-paragraph {
	margin: 0;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--wp--preset--color--contrast-2);
}

@media (min-width: 640px) {
	.dm-industrie-calage-steps,
	.dm-industrie-calage-steps.wp-block-group,
	.dm-industrie-filtration-steps,
	.dm-industrie-filtration-steps.wp-block-group {
		grid-template-columns: 1fr 1fr;
		gap: 1.75rem 2.25rem;
	}
}

@media (min-width: 900px) {
	.dm-industrie-calage-steps,
	.dm-industrie-calage-steps.wp-block-group,
	.dm-industrie-filtration-steps,
	.dm-industrie-filtration-steps.wp-block-group {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 0 2.75rem;
	}

	.dm-industrie-calage-step,
	.dm-industrie-calage-step.wp-block-group,
	.dm-industrie-filtration-step,
	.dm-industrie-filtration-step.wp-block-group {
		position: relative;
		padding: 0;
		border: 0;
	}

	.dm-industrie-calage-step:not(:last-child)::after,
	.dm-industrie-filtration-step:not(:last-child)::after {
		content: "";
		position: absolute;
		top: 0;
		right: -1.375rem;
		bottom: 0;
		width: 1px;
		background: rgba(10, 10, 10, 0.12);
	}
}

.dm-industrie-calage-outro,
.dm-industrie-calage-outro.wp-block-paragraph,
.dm-industrie-calage .dm-industrie-calage-outro,
.dm-industrie-filtration-outro,
.dm-industrie-filtration-outro.wp-block-paragraph,
.dm-industrie-filtration .dm-industrie-filtration-outro {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin-top: clamp(1.5rem, 3vw, 2.1rem);
	margin-bottom: 0;
	border: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast-2);
}

.dm-industrie-calage-outro::before,
.dm-industrie-filtration-outro::before {
	content: "";
	display: block;
	width: 2.75rem;
	height: 1px;
	margin: 0 0 0.75rem;
	background: rgba(10, 10, 10, 0.28);
}

/* Industrie — Projet filtration
   Couleurs charcoal uniquement. Le calage des colonnes / 4:3 est partagé plus haut. */

.dm-industrie-filtration.alignfull,
.wp-block-group.alignfull.dm-industrie-filtration {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.dm-industrie-filtration,
.wp-block-group.alignfull.dm-industrie-filtration {
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--ink-inverse);
	padding-top: var(--dm-section-space);
	padding-bottom: var(--dm-section-space);
}

.dm-industrie-filtration-variants {
	display: none !important;
}

.dm-industrie-filtration .is-style-sous-titre,
.dm-industrie-filtration .is-style-sous-titre.wp-block-paragraph {
	color: rgba(248, 248, 246, 0.42);
}

.dm-industrie-filtration h2.is-style-titre-section,
.dm-industrie-filtration .wp-block-heading {
	color: inherit;
}

.dm-industrie-filtration .dm-industrie-filtration-copy > p:not(.is-style-sous-titre) {
	color: color-mix(in srgb, var(--wp--preset--color--ink-inverse) 78%, transparent);
}

.dm-industrie-filtration-num,
.dm-industrie-filtration-num.wp-block-paragraph {
	color: color-mix(in srgb, var(--wp--preset--color--ink-inverse) 32%, transparent);
}

.dm-industrie-filtration-title,
.dm-industrie-filtration-title.wp-block-heading {
	color: var(--wp--preset--color--ink-inverse);
}

.dm-industrie-filtration-body,
.dm-industrie-filtration-body.wp-block-paragraph {
	color: color-mix(in srgb, var(--wp--preset--color--ink-inverse) 72%, transparent);
}

.dm-industrie-filtration-step:not(:last-child)::after {
	background: color-mix(in srgb, var(--wp--preset--color--ink-inverse) 16%, transparent);
}

.dm-industrie-filtration .dm-industrie-filtration-outro,
.dm-industrie-filtration-outro.wp-block-paragraph {
	color: color-mix(in srgb, var(--wp--preset--color--ink-inverse) 72%, transparent);
}

.dm-industrie-filtration-outro::before {
	background: color-mix(in srgb, var(--wp--preset--color--ink-inverse) 32%, transparent);
}

/* Light sections alternate Neutre (#FFFFFF) then Chaud (#F8F8F6).
   Dark bands keep charcoal and restart the count. */
:is(.wp-block-post-content, .entry-content) > :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) {
	background-color: var(--wp--preset--color--base) !important;
}

:is(.wp-block-post-content, .entry-content) > :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) {
	background-color: var(--wp--preset--color--base-alt) !important;
}

:is(.wp-block-post-content, .entry-content) > :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) {
	background-color: var(--wp--preset--color--base) !important;
}

:is(.wp-block-post-content, .entry-content) > :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) {
	background-color: var(--wp--preset--color--base-alt) !important;
}

:is(.wp-block-post-content, .entry-content) > :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) {
	background-color: var(--wp--preset--color--base) !important;
}

:is(.wp-block-post-content, .entry-content) > :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) {
	background-color: var(--wp--preset--color--base-alt) !important;
}

:is(.wp-block-post-content, .entry-content) > :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) {
	background-color: var(--wp--preset--color--base) !important;
}

:is(.wp-block-post-content, .entry-content) > :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) + :is(.dm-section, .wp-block-datamorphoz-cta):not(:is(.dm-section-dark, .dm-cta-band, .dm-industrie-filtration, .dm-design-fabrication, .dm-hero-immersive)) {
	background-color: var(--wp--preset--color--base-alt) !important;
}

.dm-section-dark,
.dm-cta-band,
.dm-industrie-filtration,
.dm-design-fabrication {
	background: var(--wp--preset--color--charcoal) !important;
	background-color: var(--wp--preset--color--charcoal) !important;
	color: var(--wp--preset--color--ink-inverse);
}

/* À propos — page 27–28 sept. 2026 */
.dm-apropos-hero,
.dm-apropos-studio,
.dm-apropos-quote,
.dm-apropos-ilona,
.dm-apropos-manifeste,
.dm-apropos-cta {
	scroll-margin-top: calc(var(--dm-header-height) + 0.75rem);
}

.dm-apropos-hero.dm-hero-immersive {
	overflow: hidden;
}

.dm-apropos-hero.dm-hero-immersive .wp-block-cover__image-background {
	object-position: 70% 48%;
}

.dm-apropos-hero.dm-hero-immersive > .wp-block-cover__background {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(248, 248, 246, 0.16) 40%, rgba(248, 248, 246, 0) 100%) !important;
	opacity: 1 !important;
}

.dm-apropos-hero.dm-hero-immersive .is-style-sous-titre,
.dm-apropos-hero.dm-hero-immersive .is-style-sous-titre.wp-block-paragraph {
	color: rgba(10, 10, 10, 0.38);
	margin-bottom: 1rem !important;
}

.dm-apropos-hero.dm-hero-immersive .dm-hero-title,
.dm-apropos-hero.dm-hero-immersive h1 {
	max-width: 14em;
	color: var(--wp--preset--color--contrast);
}

.dm-apropos-hero.dm-hero-immersive .dm-hero-lead,
.dm-apropos-hero.dm-hero-immersive p:not(.is-style-sous-titre) {
	max-width: 38rem;
	margin-bottom: 0.95rem;
	color: var(--wp--preset--color--contrast-2);
}

.dm-apropos-hero.dm-hero-immersive .wp-block-buttons {
	margin-top: 1.5rem;
}

.dm-apropos-hero.dm-hero-immersive .wp-block-button__link {
	background: var(--wp--preset--color--sage) !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	border-color: var(--wp--preset--color--sage) !important;
}

.dm-apropos-hero.dm-hero-immersive .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	border-color: var(--wp--preset--color--contrast) !important;
}

.dm-apropos-studio-split,
.dm-apropos-studio-split.wp-block-group {
	display: grid;
	gap: clamp(1.75rem, 3.5vw, 2.75rem);
	align-items: start;
}

@media (min-width: 960px) {
	.dm-apropos-studio-split,
	.dm-apropos-studio-split.wp-block-group {
		grid-template-columns: minmax(0, 30%) minmax(0, 70%);
		align-items: center !important;
	}
}

.dm-apropos-studio-copy > * {
	margin-block-start: 0;
}

.dm-apropos-studio-copy h2 {
	margin: 0 0 1.25rem;
}

.dm-apropos-studio-copy > p:not(.is-style-sous-titre) {
	margin: 0;
	max-width: none;
	font-size: clamp(0.9375rem, 1.08vw, 1.0625rem);
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

.dm-apropos-pillars,
.dm-apropos-pillars.wp-block-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.75rem 0;
	align-items: start !important;
	align-self: center;
}

.dm-apropos-pillars > *,
.dm-apropos-pillars > * + *,
.dm-apropos-pillars.wp-block-group > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

@media (min-width: 960px) {
	.dm-apropos-pillars,
	.dm-apropos-pillars.wp-block-group {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 0;
		align-items: start !important;
	}
}

.dm-apropos-pillar {
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	padding: 0 1.15rem;
	border-left: 1px solid rgba(10, 10, 10, 0.12);
}

@media (max-width: 959px) {
	.dm-apropos-pillar:nth-child(odd) {
		border-left: 0;
		padding-left: 0;
	}

	.dm-apropos-pillar:nth-child(-n+2) {
		padding-bottom: 1.75rem;
	}
}

.dm-apropos-pillar > * {
	margin-block-start: 0 !important;
}

.dm-apropos-picto,
.dm-apropos-picto.wp-block-image,
.dm-apropos-pillar .wp-block-image {
	display: block !important;
	margin: 0 0 1.1rem !important;
	margin-block-start: 0 !important;
	width: 2.25rem;
	height: 2.25rem;
	flex: 0 0 2.25rem;
	aspect-ratio: 1 / 1;
	line-height: 0;
	overflow: visible;
}

.dm-apropos-picto img,
.dm-apropos-pillar .wp-block-image img {
	display: block;
	width: 2.25rem;
	height: 2.25rem;
	max-width: none;
	object-fit: contain;
	object-position: center;
	vertical-align: top;
}

.dm-apropos-pillar h3 {
	margin: 0 0 0.65rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
}

.dm-apropos-pillar p {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast-2);
}

.dm-apropos-quote.dm-section {
	position: relative;
	overflow: hidden;
	min-height: 85vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: clamp(5.5rem, 14vh, 9rem) !important;
	padding-bottom: clamp(5.5rem, 14vh, 9rem) !important;
	background-color: #f3f0ea !important;
}

.dm-apropos-quote::before,
.dm-apropos-quote::after {
	content: "";
	position: absolute;
	pointer-events: none;
	z-index: 0;
}

.dm-apropos-quote::before {
	inset: -3%;
	background: url("../images/apropos-quote-bg.jpg") center / cover no-repeat;
	opacity: 1;
	animation: dm-quote-drift-a 48s ease-in-out infinite alternate;
}

.dm-apropos-quote::after {
	inset: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.08) 45%, rgba(255, 255, 255, 0.22) 100%);
	opacity: 1;
	animation: none;
}

@keyframes dm-quote-drift-a {
	from { transform: scale(1); }
	to { transform: scale(1.05); }
}

@keyframes dm-quote-drift-b {
	from { transform: none; }
	to { transform: none; }
}

.dm-apropos-quote-inner,
.dm-apropos-quote-inner.wp-block-group,
.dm-apropos-quote > .alignwide.dm-apropos-quote-inner {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: center;
	padding: 2.5rem 1.25rem;
}

.dm-apropos-quote-inner::before {
	content: "";
	position: absolute;
	inset: -3.5rem -4rem;
	z-index: -1;
	pointer-events: none;
	background: radial-gradient(ellipse 62% 54% at 50% 46%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.12) 55%, rgba(255, 255, 255, 0) 76%);
}

.dm-apropos-quote-inner > * {
	margin-block-start: 0 !important;
}

.dm-apropos-quote-inner .is-style-sous-titre,
.dm-apropos-quote-inner .is-style-sous-titre.wp-block-paragraph {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 1.75rem !important;
	color: rgba(85, 102, 73, 0.78);
}

.dm-apropos-quote-inner .is-style-sous-titre::before {
	width: 2.15rem;
	background: currentColor;
}

.dm-apropos-quote-inner h2 {
	position: relative;
	margin: 0 auto 1.5rem;
	width: 100%;
	max-width: 18em;
	font-size: clamp(1.85rem, 4.2vw, 3.25rem);
	font-weight: 500;
	letter-spacing: -0.038em;
	line-height: 1.18;
	text-align: center;
	color: var(--wp--preset--color--contrast);
	animation: dm-quote-rise 1.35s ease both;
}

.dm-apropos-quote-inner h2::before,
.dm-apropos-quote-inner h2::after {
	content: "";
	display: block;
	margin-inline: auto;
	background: url("../images/apropos-quote-mark.svg") center / contain no-repeat;
	opacity: 0.88;
}

.dm-apropos-quote-inner h2::before {
	width: 2.65rem;
	height: 2.35rem;
	margin-bottom: 1.15rem;
}

.dm-apropos-quote-inner h2::after {
	width: 1.85rem;
	height: 1.65rem;
	margin-top: 1.15rem;
	transform: rotate(180deg);
	opacity: 0.72;
}

.dm-apropos-quote-lede,
.dm-apropos-quote-lede.wp-block-paragraph {
	margin: 0 auto;
	max-width: 36em;
	font-size: clamp(0.875rem, 1.05vw, 1rem);
	line-height: 1.55;
	color: var(--wp--preset--color--contrast-2);
	animation: dm-quote-rise 1.35s ease 0.12s both;
}

@keyframes dm-quote-rise {
	from { opacity: 0; transform: translateY(0.85rem); }
	to { opacity: 1; transform: none; }
}

@media (max-width: 719px) {
	.dm-apropos-quote.dm-section {
		min-height: 75vh;
		padding-top: clamp(4.5rem, 12vh, 7rem) !important;
		padding-bottom: clamp(4.5rem, 12vh, 7rem) !important;
	}

	.dm-apropos-quote-inner {
		padding: 1.5rem 0.25rem;
	}

	.dm-apropos-quote-inner h2 {
		font-size: clamp(1.55rem, 7vw, 2.05rem);
	}

	.dm-apropos-quote-inner h2::before {
		width: 2.15rem;
		height: 1.9rem;
		margin-bottom: 0.9rem;
	}

	.dm-apropos-quote-inner h2::after {
		width: 1.55rem;
		height: 1.35rem;
		margin-top: 0.9rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dm-apropos-quote::before,
	.dm-apropos-quote::after,
	.dm-apropos-quote-inner h2,
	.dm-apropos-quote-lede {
		animation: none;
	}
}

.dm-apropos-ilona-split,
.dm-apropos-ilona-split.wp-block-group {
	display: grid;
	gap: clamp(2rem, 5vw, 4.5rem);
	align-items: start;
}

@media (min-width: 900px) {
	.dm-apropos-ilona-split,
	.dm-apropos-ilona-split.wp-block-group {
		grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	}
}

.dm-apropos-ilona-media > *,
.dm-apropos-ilona-copy > * {
	margin-block-start: 0;
}

.dm-apropos-ilona-shot,
.dm-apropos-ilona-shot.wp-block-image {
	margin: 0;
	width: 100%;
	max-width: none;
}

.dm-apropos-ilona-shot img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	object-position: 50% 50%;
}

.dm-apropos-ilona-copy h2 {
	margin: 0 0 1.5rem;
	max-width: 18em;
}

.dm-apropos-ilona-copy > p:not(.is-style-sous-titre):not(.dm-apropos-textlink) {
	margin: 0 0 1rem;
	max-width: 38rem;
	font-size: clamp(0.9375rem, 1.08vw, 1.0625rem);
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

.dm-apropos-textlink,
.dm-apropos-textlink.wp-block-paragraph {
	margin: 1.35rem 0 0;
	font-size: 0.9375rem;
	font-weight: 500;
}

.dm-apropos-textlink a {
	color: inherit;
	text-decoration: none;
}

.dm-apropos-textlink a:hover {
	text-decoration: underline;
}

.dm-apropos-manifeste-split,
.dm-apropos-manifeste-split.wp-block-group {
	display: grid;
	gap: clamp(1.75rem, 3.5vw, 2.75rem);
	align-items: start;
}

.dm-apropos-manifeste-split > *,
.dm-apropos-manifeste-split > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

@media (min-width: 960px) {
	.dm-apropos-manifeste-split,
	.dm-apropos-manifeste-split.wp-block-group {
		grid-template-columns: minmax(0, 30%) minmax(0, 70%);
		align-items: start;
	}
}

.dm-apropos-manifeste-copy > * {
	margin-block-start: 0;
}

.dm-apropos-manifeste-copy h2 {
	margin: 0;
	max-width: 9.5em;
}

.dm-apropos-convictions,
.dm-apropos-convictions.wp-block-group {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1.75rem, 3.5vw, 2.75rem) clamp(1.5rem, 3vw, 2.5rem);
	counter-reset: dm-conviction;
	align-items: start;
}

.dm-apropos-convictions > *,
.dm-apropos-convictions > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

@media (min-width: 720px) {
	.dm-apropos-convictions,
	.dm-apropos-convictions.wp-block-group {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 960px) {
	.dm-apropos-convictions,
	.dm-apropos-convictions.wp-block-group {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.dm-apropos-conviction {
	counter-increment: dm-conviction;
}

.dm-apropos-conviction > * {
	margin-block-start: 0 !important;
}

.dm-apropos-conviction h3 {
	margin: 0 0 0.7rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.15rem, 1.6vw, 1.35rem);
	font-weight: 500;
	letter-spacing: -0.03em;
	line-height: 1.2;
}

.dm-apropos-conviction h3::before {
	content: counter(dm-conviction, decimal-leading-zero) " \2014";
	display: block;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--kicker, 0.6875rem);
	font-weight: 500;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
	color: rgba(10, 10, 10, 0.38);
	margin: 0 0 0.7rem;
}

.dm-apropos-conviction p {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast-2);
}

.wp-block-cover.dm-apropos-cta,
.dm-apropos-cta.wp-block-cover {
	min-height: 50vh !important;
	padding-top: clamp(1.5rem, 4vh, 2.5rem) !important;
	padding-bottom: clamp(1.5rem, 4vh, 2.5rem) !important;
	color: var(--wp--preset--color--contrast);
}

.wp-block-cover.dm-apropos-cta .wp-block-cover__image-background {
	object-position: 78% 50%;
}

.wp-block-cover.dm-apropos-cta > .wp-block-cover__background {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.62) 32%, rgba(255, 255, 255, 0.12) 58%, rgba(255, 255, 255, 0) 72%) !important;
	opacity: 1 !important;
}

.wp-block-cover.dm-apropos-cta .wp-block-cover__inner-container {
	width: 100% !important;
	max-width: none !important;
	padding-left: 0;
	padding-right: 0;
	color: var(--wp--preset--color--contrast);
}

.wp-block-cover.dm-apropos-cta > .wp-block-cover__inner-container > .alignwide,
.wp-block-cover.dm-apropos-cta .dm-apropos-cta-split {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: var(--dm-page-gutter) !important;
	padding-right: var(--dm-page-gutter) !important;
	box-sizing: border-box;
}

.dm-apropos-cta-split,
.dm-apropos-cta-split.wp-block-group {
	display: grid;
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: center;
	min-height: calc(50vh - 5rem);
}

@media (min-width: 900px) {
	.dm-apropos-cta-split,
	.dm-apropos-cta-split.wp-block-group {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	}
}

.dm-apropos-cta-copy > * {
	margin-block-start: 0;
}

.dm-apropos-cta-copy .is-style-sous-titre,
.dm-apropos-cta-copy .is-style-sous-titre.wp-block-paragraph {
	color: rgba(10, 10, 10, 0.38);
	margin-bottom: 0.75rem !important;
}

.dm-apropos-cta-copy h3,
.dm-apropos-cta-copy h3.is-style-titre-section,
.dm-apropos-cta-copy .is-style-titre-section.wp-block-heading:is(h3) {
	margin: 0 0 1rem;
	max-width: 16em;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.5rem, 2.6vw, 2.15rem);
	font-weight: 500;
	letter-spacing: -0.035em;
	line-height: 1.12;
	color: var(--wp--preset--color--contrast);
}

.is-style-sous-titre + h3.is-style-titre-section,
.dm-apropos-cta-copy .is-style-sous-titre + h3 {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.dm-apropos-cta-copy > p:not(.is-style-sous-titre) {
	margin: 0 0 0.7rem;
	max-width: 32rem;
	font-size: clamp(0.9375rem, 1.08vw, 1.0625rem);
	line-height: 1.55;
	color: var(--wp--preset--color--contrast-2);
}

.dm-apropos-cta-copy .wp-block-buttons {
	margin: 1.35rem 0 0;
}

.dm-apropos-cta .wp-block-button__link {
	background: var(--wp--preset--color--sage) !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	border-color: var(--wp--preset--color--sage) !important;
}

.dm-apropos-cta .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	border-color: var(--wp--preset--color--contrast) !important;
}

.dm-apropos-cta-claim,
.dm-apropos-cta-claim.wp-block-paragraph {
	margin: 0;
	justify-self: end;
	align-self: start;
	padding-top: 0.35rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	line-height: 1.45;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-inverse);
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.28);
}

.dm-apropos-cta-claim::before {
	content: "";
	display: block;
	width: 1.35rem;
	height: 1px;
	margin: 0 0 0.75rem auto;
	background: currentColor;
}

/* Expertises — reconstruction 29 sept. 2026 */

.dm-xp-hero.dm-hero-immersive {
	min-height: 100vh !important;
	min-height: 100dvh !important;
	overflow: hidden;
	position: relative !important;
	align-items: stretch !important;
	padding: 0 !important;
}

.dm-xp-hero.dm-hero-immersive .wp-block-cover__inner-container {
	position: relative !important;
	z-index: 1;
	width: 100% !important;
	max-width: none !important;
	min-height: 100%;
	box-sizing: border-box;
	padding-bottom: 6.75rem;
}

.dm-xp-hero.dm-hero-immersive .wp-block-cover__image-background {
	object-position: 58% 46%;
}

.dm-xp-hero.dm-hero-immersive > .wp-block-cover__background {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.78) 0%, rgba(248, 248, 246, 0.28) 46%, rgba(248, 248, 246, 0) 100%) !important;
	opacity: 1 !important;
}

.dm-xp-hero.dm-hero-immersive .is-style-sous-titre {
	color: rgba(10, 10, 10, 0.38);
	margin-bottom: 1rem !important;
}

.dm-xp-hero.dm-hero-immersive .dm-hero-title,
.dm-xp-hero.dm-hero-immersive h1 {
	max-width: 14em;
	color: var(--wp--preset--color--contrast);
}

.dm-xp-hero.dm-hero-immersive .dm-hero-lead {
	max-width: 38rem;
	color: var(--wp--preset--color--contrast-2);
}

.dm-xp-hero.dm-hero-immersive .wp-block-buttons {
	margin-top: 1.75rem;
	margin-bottom: 0;
}

.dm-xp-hero.dm-hero-immersive .wp-block-button__link {
	background: var(--wp--preset--color--sage) !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	border: 0;
	border-radius: 0 !important;
}

.dm-xp-hero.dm-hero-immersive .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--ink-inverse) !important;
}

.dm-xp-hero .dm-xp-toc,
.dm-xp-hero .dm-xp-toc.wp-block-group,
.dm-xp-toc,
.dm-xp-toc.wp-block-group {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: stretch;
	gap: 0;
	width: 100%;
	max-width: none !important;
	margin: 0;
	padding: 0 0.85rem;
	border-top: 1px solid rgba(26, 26, 26, 0.1);
	background: rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.dm-xp-toc > *,
.dm-xp-toc > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.dm-xp-toc p,
.dm-xp-toc p.wp-block-paragraph {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	margin: 0;
	padding: 1.05rem 0.85rem;
	text-align: center;
	color: var(--wp--preset--color--contrast) !important;
}

.dm-xp-toc p + p {
	border-left: 1px solid rgba(26, 26, 26, 0.16);
}

.dm-xp-toc p + p::before {
	content: none;
	display: none;
}

.dm-xp-toc a {
	display: block;
	width: 100%;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	line-height: 1.35;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	white-space: normal;
	color: var(--wp--preset--color--contrast) !important;
}

.dm-xp-toc a:hover {
	color: var(--wp--preset--color--sage) !important;
}

.dm-xp-toc a::before {
	display: inline;
	margin-right: 0.45em;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.08em;
}

.dm-xp-toc > p:nth-child(1) a::before { content: "01 \2014\00a0"; }
.dm-xp-toc > p:nth-child(2) a::before { content: "02 \2014\00a0"; }
.dm-xp-toc > p:nth-child(3) a::before { content: "03 \2014\00a0"; }
.dm-xp-toc > p:nth-child(4) a::before { content: "04 \2014\00a0"; }
.dm-xp-toc > p:nth-child(5) a::before { content: "05 \2014\00a0"; }

#conception-algorithmique .is-style-sous-titre::before,
#optimisation-simulation .is-style-sous-titre::before,
#geometries-fabrication .is-style-sous-titre::before,
#recherche-appliquee .is-style-sous-titre::before,
#outils-numeriques .is-style-sous-titre::before {
	width: auto;
	height: auto;
	background-color: transparent;
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-size: 1.85rem 1px;
	background-position: right center;
	padding-right: calc(0.7rem + 1.85rem);
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.08em;
}

#conception-algorithmique .is-style-sous-titre::before { content: "01"; }
#optimisation-simulation .is-style-sous-titre::before { content: "02"; }
#geometries-fabrication .is-style-sous-titre::before { content: "03"; }
#recherche-appliquee .is-style-sous-titre::before { content: "04"; }
#outils-numeriques .is-style-sous-titre::before { content: "05"; }

@media (max-width: 720px) {
	.dm-xp-hero .dm-xp-toc,
	.dm-xp-hero .dm-xp-toc.wp-block-group,
	.dm-xp-toc,
	.dm-xp-toc.wp-block-group {
		grid-template-columns: 1fr;
		padding: 0.35rem 1.25rem;
	}

	.dm-xp-toc p + p {
		border-left: 0;
		border-top: 1px solid rgba(26, 26, 26, 0.16);
	}

	.dm-xp-hero.dm-hero-immersive .wp-block-cover__inner-container {
		padding-bottom: 18rem;
	}
}

.dm-xp-chapter,
.dm-xp-research,
.dm-xp-proofs,
.dm-xp-cta {
	scroll-margin-top: calc(var(--dm-header-height) + 0.75rem);
}

.dm-xp-chapter {
	min-height: 90vh;
}

.dm-xp-alt {
	background: var(--wp--preset--color--base-alt);
}

.dm-xp-split,
.dm-xp-split.wp-block-group {
	display: grid;
	gap: clamp(1.75rem, 3.5vw, 3.25rem);
	align-items: start;
}

.dm-xp-split > *,
.dm-xp-split > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

@media (min-width: 960px) {
	.dm-xp-split,
	.dm-xp-split.wp-block-group {
		grid-template-columns: minmax(0, 40%) minmax(0, 60%);
	}
}

.dm-xp-media-col,
.dm-xp-media-col.wp-block-group {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 0;
}

.dm-xp-media-col > *,
.dm-xp-media-col > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.dm-xp-media-col .dm-xp-pictos,
.dm-xp-media-col .dm-xp-pictos.wp-block-group {
	margin-top: 0;
	grid-template-columns: 1fr 1fr;
	min-width: 0;
	overflow-x: visible;
}

.dm-xp-media-col .dm-xp-picto,
.dm-xp-media-col .dm-xp-picto.wp-block-group {
	min-width: 0;
	padding: 0.95rem 0.85rem 1.05rem;
}

.dm-xp-media-col .dm-xp-picto:nth-child(2n) {
	border-right: 0;
}

.dm-xp-copy,
.dm-xp-copy.wp-block-group {
	gap: 0;
}

.dm-xp-copy > * {
	margin-block-start: 0 !important;
}

.dm-xp-copy h2 {
	margin: 0 0 1rem;
	max-width: 12em;
}

.dm-xp-copy .dm-xp-lede,
.dm-xp-copy .dm-xp-lede.wp-block-paragraph {
	margin: 0 0 1rem;
	max-width: 28rem;
	font-size: clamp(0.9875rem, 1.1vw, 1.125rem);
	line-height: 1.4;
	color: var(--wp--preset--color--contrast);
}

.dm-xp-copy p:not(.is-style-sous-titre):not(.dm-xp-lede):not(.dm-xp-textlink) {
	margin: 0;
	max-width: 32rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(0.875rem, 1vw, 1rem);
	font-weight: 400;
	line-height: 1.6;
	color: var(--wp--preset--color--contrast-2);
}

.dm-xp-copy > p:not(.is-style-sous-titre):not(.dm-xp-lede):not(.dm-xp-textlink) + p:not(.is-style-sous-titre):not(.dm-xp-lede) {
	margin-top: 0.9rem;
}

.dm-xp-copy h3 {
	margin: 1.35rem 0 0.4rem;
	margin-block-start: 1.35rem !important;
	max-width: 32rem;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.05rem, 1.2vw, 1.2rem);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1.25;
	color: var(--wp--preset--color--contrast);
}

.dm-xp-copy .dm-xp-general,
.dm-xp-copy .dm-xp-general.wp-block-group,
.dm-xp-copy .dm-xp-detail,
.dm-xp-copy .dm-xp-detail.wp-block-group {
	max-width: 32rem;
	margin: 0;
}

.dm-xp-copy .dm-xp-general > *,
.dm-xp-copy .dm-xp-general > * + *,
.dm-xp-copy .dm-xp-detail > *,
.dm-xp-copy .dm-xp-detail > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.dm-xp-copy .dm-xp-general > p + p {
	margin-top: 0.9rem !important;
}

.dm-xp-copy .dm-xp-accordion,
.dm-xp-copy .dm-xp-accordion.wp-block-group {
	display: flex !important;
	flex-direction: column;
	gap: 0;
	max-width: 32rem;
	margin: 1.15rem 0 0;
}

.dm-xp-copy .dm-xp-detail,
.dm-xp-copy .dm-xp-detail.wp-block-group {
	display: block !important;
	width: 100%;
	border-top: 1px solid rgba(10, 10, 10, 0.12);
}

.dm-xp-copy .dm-xp-accordion > .dm-xp-detail:last-child {
	border-bottom: 1px solid rgba(10, 10, 10, 0.12);
}

.dm-xp-copy .dm-xp-detail h3 {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.85rem;
	margin: 0;
	margin-block-start: 0 !important;
	padding: 0.7rem 0;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(0.875rem, 1vw, 1rem);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.45;
	color: var(--wp--preset--color--contrast);
	transition: color 0.2s ease;
}

.dm-xp-copy .dm-xp-detail h3::after {
	content: "\2192";
	flex: 0 0 auto;
	font-weight: 400;
	opacity: 0.5;
	transform: rotate(0deg);
	transition: transform 0.22s ease, opacity 0.2s ease;
}

.dm-xp-copy .dm-xp-detail.is-open h3,
.dm-xp-copy .dm-xp-detail h3:hover {
	color: var(--wp--preset--color--sage);
}

.dm-xp-copy .dm-xp-detail.is-open h3::after {
	transform: rotate(90deg);
	opacity: 0.85;
}

.dm-xp-copy .dm-xp-detail > p {
	display: none !important;
	max-width: 32rem;
	padding: 0 0 0.9rem;
}

.dm-xp-copy .dm-xp-detail.is-open > p {
	display: block !important;
}

.editor-styles-wrapper .dm-xp-copy .dm-xp-detail > p {
	display: block !important;
}

.dm-xp-copy .dm-xp-sub,
.dm-xp-copy .dm-xp-sub.wp-block-group {
	margin: 1.35rem 0 0;
	max-width: 32rem;
	cursor: pointer;
	transition: transform 0.28s ease;
}

.dm-xp-copy .dm-xp-sub > *,
.dm-xp-copy .dm-xp-sub > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.dm-xp-copy .dm-xp-sub h3 {
	margin: 0 0 0.4rem;
	margin-block-start: 0 !important;
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(0.875rem, 1vw, 1rem);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.45;
	transition: color 0.2s ease;
}

.dm-xp-copy .dm-xp-sub:hover {
	transform: translateX(0.4rem);
}

.dm-xp-copy .dm-xp-sub:hover h3,
.dm-xp-copy .dm-xp-sub.is-active h3 {
	color: var(--wp--preset--color--sage);
}

.dm-xp-copy .wp-block-buttons {
	margin: 1.75rem 0 0;
}

.dm-xp-copy .wp-block-button__link,
.dm-xp-cta .wp-block-button__link {
	background: var(--wp--preset--color--sage) !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	border: 0;
	border-radius: 0 !important;
}

.dm-xp-copy .wp-block-button__link:hover,
.dm-xp-cta .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--ink-inverse) !important;
}

.dm-xp-textlink,
.dm-xp-textlink.wp-block-paragraph {
	margin: 1.35rem 0 0;
	font-size: 0.9375rem;
	font-weight: 500;
}

.dm-xp-textlink a {
	color: inherit;
	text-decoration: none;
}

.dm-xp-textlink a:hover {
	color: var(--wp--preset--color--sage);
}

.dm-xp-media,
.dm-xp-media.wp-block-group {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	min-width: 0;
}

.dm-xp-stage,
.dm-xp-stage.wp-block-group {
	position: relative;
	width: 100%;
	height: clamp(16rem, 52vh, 36.25rem);
	background: #ffffff;
	overflow: hidden;
}

.dm-xp-alt .dm-xp-stage {
	background: #ffffff;
}

.dm-xp-slides,
.dm-xp-slides.wp-block-group {
	position: relative;
	width: 100%;
	height: 100%;
}

.dm-xp-slides > *,
.dm-xp-slides > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.dm-xp-slide,
.dm-xp-slide.wp-block-group {
	position: absolute;
	inset: 0;
	display: flex !important;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.45s ease;
	padding: 0;
	box-sizing: border-box;
}

.dm-xp-slide.is-active,
.dm-xp-slide.is-active.wp-block-group {
	opacity: 1 !important;
	pointer-events: auto !important;
	z-index: 1;
}

.dm-xp-slide .wp-block-image,
.dm-xp-slide figure {
	margin: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.dm-xp-slide img,
.dm-xp-slide svg,
.dm-xp-slide video {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
}

.dm-xp-slide figcaption,
.dm-xp-slide-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.dm-xp-chrome {
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
}

.dm-xp-counter {
	position: absolute;
	top: 0.85rem;
	right: 1rem;
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	color: #1a1a1a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.dm-xp-chrome .dm-xp-prev,
.dm-xp-chrome .dm-xp-next {
	pointer-events: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5rem;
	height: 2.5rem;
	border: 0;
	border-radius: 50%;
	background: #ffffff;
	color: #1a1a1a;
	box-shadow: 0 8px 24px rgba(26, 26, 26, 0.12);
	cursor: pointer;
	font-size: 1.35rem;
	line-height: 1;
}

.dm-xp-chrome .dm-xp-prev { left: 0.85rem; }
.dm-xp-chrome .dm-xp-next { right: 0.85rem; }

.dm-xp-chrome .dm-xp-prev:hover,
.dm-xp-chrome .dm-xp-next:hover {
	color: var(--wp--preset--color--sage);
}

.dm-xp-meta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 1rem 1.25rem;
	align-items: start;
	min-height: 4.25rem;
}

.dm-xp-meta-title {
	margin: 0 0 0.35rem;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--wp--preset--color--contrast);
}

.dm-xp-meta-text {
	margin: 0;
	max-width: 34rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--wp--preset--color--contrast-2);
}

.dm-xp-thumbs {
	display: flex;
	gap: 0.4rem;
}

.dm-xp-thumb {
	appearance: none;
	border: 1px solid transparent;
	padding: 0;
	width: 4.25rem;
	height: 2.85rem;
	overflow: hidden;
	background: #ffffff;
	cursor: pointer;
}

.dm-xp-thumb.is-active {
	border-color: var(--wp--preset--color--sage);
}

.dm-xp-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dm-xp-pictos,
.dm-xp-pictos.wp-block-group {
	display: grid;
	grid-template-columns: repeat(4, minmax(12rem, 1fr));
	gap: 0;
	margin-top: clamp(1.75rem, 3.5vh, 2.75rem);
	border-top: 1px solid rgba(26, 26, 26, 0.12);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

#conception-algorithmique .dm-xp-pictos,
#conception-algorithmique .dm-xp-pictos.wp-block-group {
	grid-template-columns: repeat(3, minmax(12rem, 1fr));
}

.dm-xp-pictos > *,
.dm-xp-pictos > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.dm-xp-picto,
.dm-xp-picto.wp-block-group {
	position: relative;
	display: grid !important;
	grid-template-columns: 2.5rem minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	column-gap: 0.85rem;
	align-items: start;
	padding: 1.15rem 1.1rem 1.25rem;
	min-width: 14rem;
	cursor: pointer;
	color: #3a3a3a;
	border-right: 1px solid rgba(26, 26, 26, 0.08);
	transition: color 0.2s ease, transform 0.28s ease;
}

.dm-xp-picto:last-child {
	border-right: 0;
}

.dm-xp-picto .wp-block-image,
.dm-xp-picto figure {
	grid-row: 1 / span 2;
	margin: 0;
	width: 2.5rem;
	height: 2.5rem;
	background-color: currentColor;
	-webkit-mask-image: var(--dm-xp-mask);
	mask-image: var(--dm-xp-mask);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	transition: background-color 0.2s ease;
}

.dm-xp-picto img,
.dm-xp-picto svg {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	opacity: 0;
}

.dm-xp-picto-label,
.dm-xp-picto-label.wp-block-paragraph {
	grid-column: 2;
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.3;
	text-transform: none;
	color: inherit;
}

.dm-xp-picto-desc,
.dm-xp-picto-desc.wp-block-paragraph {
	grid-column: 2;
	margin: 0.25rem 0 0;
	font-size: 0.75rem;
	line-height: 1.45;
	color: var(--wp--preset--color--contrast-2);
}

.dm-xp-picto::after {
	content: "→";
	grid-column: 3;
	grid-row: 1;
	align-self: start;
	font-size: 0.95rem;
	line-height: 1.3;
	color: inherit;
	opacity: 0.55;
}

.dm-xp-picto.is-active::before {
	content: "";
	position: absolute;
	left: 1.1rem;
	right: 1.1rem;
	bottom: 0;
	height: 1px;
	background: var(--wp--preset--color--sage);
}

.dm-xp-picto.is-active,
.dm-xp-picto.is-copy-open {
	color: var(--wp--preset--color--sage);
}

.dm-xp-picto.is-copy-open::before {
	content: "";
	position: absolute;
	left: 1.1rem;
	right: 1.1rem;
	bottom: 0;
	height: 1px;
	background: var(--wp--preset--color--sage);
}

.dm-xp-picto:hover {
	color: var(--wp--preset--color--sage);
	transform: translateX(0.4rem);
}

@media (prefers-reduced-motion: reduce) {
	.dm-xp-picto,
	.dm-xp-copy .dm-xp-sub {
		transition: color 0.2s ease;
	}

	.dm-xp-picto:hover,
	.dm-xp-copy .dm-xp-sub:hover {
		transform: none;
	}
}

@media (max-width: 959px) {
	.dm-xp-pictos,
	.dm-xp-pictos.wp-block-group {
		display: flex;
		flex-wrap: nowrap;
	}

	.dm-xp-meta {
		grid-template-columns: 1fr;
	}
}

.dm-xp-g-parametrique { --dm-xp-mask: url("../images/xp-pictos/parametrique.png"); }
.dm-xp-g-procedurale { --dm-xp-mask: url("../images/xp-pictos/procedurale.png"); }
.dm-xp-g-generative { --dm-xp-mask: url("../images/xp-pictos/generative.png"); }
.dm-xp-g-automatisation { --dm-xp-mask: url("../images/xp-pictos/automatisation.svg"); }
.dm-xp-g-vue { --dm-xp-mask: url("../images/xp-pictos/vue.png"); }
.dm-xp-g-ensoleillement { --dm-xp-mask: url("../images/xp-pictos/ensoleillement.png"); }
.dm-xp-g-cfd { --dm-xp-mask: url("../images/xp-pictos/cfd.svg"); }
.dm-xp-g-lumiere { --dm-xp-mask: url("../images/xp-pictos/lumiere.png"); }
.dm-xp-g-multicritere { --dm-xp-mask: url("../images/xp-pictos/multicritere.svg"); }
.dm-xp-g-complexes { --dm-xp-mask: url("../images/xp-pictos/complexes.svg"); }
.dm-xp-g-bio { --dm-xp-mask: url("../images/xp-pictos/bio.svg"); }
.dm-xp-g-additive { --dm-xp-mask: url("../images/xp-pictos/additive.svg"); }
.dm-xp-g-cnc { --dm-xp-mask: url("../images/xp-pictos/cnc.svg"); }
.dm-xp-g-configurateurs { --dm-xp-mask: url("../images/xp-pictos/configurateurs.png"); }
.dm-xp-g-workflows { --dm-xp-mask: url("../images/xp-pictos/workflows.svg"); }
.dm-xp-g-applications { --dm-xp-mask: url("../images/xp-pictos/applications.png"); }
.dm-xp-g-donnees { --dm-xp-mask: url("../images/xp-pictos/donnees.svg"); }

.dm-xp-research {
	min-height: 0;
	--dm-xp-research-gap: 0.85rem;
}

.dm-xp-research-copy h2 {
	margin: 0 0 0.85rem;
	max-width: 14em;
}

.dm-xp-research-copy > p:not(.is-style-sous-titre) {
	max-width: 36rem;
	color: var(--wp--preset--color--contrast-2);
}

.dm-xp-research-copy .dm-xp-general,
.dm-xp-research-copy .dm-xp-general.wp-block-group {
	margin: 0.7rem 0 0;
	max-width: 38rem;
}

.dm-xp-research-copy .dm-xp-general > p {
	margin: 0;
	color: var(--wp--preset--color--contrast-2);
}

.dm-xp-research-copy .dm-xp-general > p + p {
	margin-top: 0.55rem;
}

.dm-xp-keywords,
.dm-xp-keywords.wp-block-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem 0;
	margin: 0.85rem 0 1.35rem;
}

.dm-xp-keywords > *,
.dm-xp-keywords > * + *,
.dm-xp-research-grid > * + *,
.dm-xp-research-side > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.dm-xp-keyword,
.dm-xp-keyword.wp-block-paragraph {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 0.6875rem;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
	color: #556649;
	pointer-events: none;
}

.dm-xp-keyword:first-child::before {
	content: "";
	display: block;
	width: 1.15rem;
	height: 1px;
	margin-right: 0.7rem;
	background: #556649;
}

.dm-xp-keyword + .dm-xp-keyword::before {
	content: "";
	display: block;
	width: 0.28rem;
	height: 0.28rem;
	margin: 0 0.85rem;
	border-radius: 50%;
	background: #556649;
}

.dm-xp-research-grid,
.dm-xp-research-grid.wp-block-group {
	display: grid;
	gap: var(--dm-xp-research-gap);
	align-items: start;
}

.dm-xp-research-side,
.dm-xp-research-side.wp-block-group {
	display: flex;
	flex-direction: column;
	gap: var(--dm-xp-research-gap);
	min-width: 0;
	min-height: 0;
}

.dm-xp-research-grid .wp-block-image,
.dm-xp-research-grid figure {
	display: flex;
	flex-direction: column;
	margin: 0 !important;
	min-width: 0;
	width: 100%;
	height: auto;
}

.dm-xp-research-grid img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center center;
	aspect-ratio: 4 / 3;
}

.dm-xp-research-main,
.dm-xp-research-main.wp-block-image {
	width: 100%;
}

.dm-xp-research-main img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.dm-xp-research-grid figcaption,
.dm-xp-research-grid .wp-element-caption {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	margin: 0.45rem 0 0;
	padding: 0;
	font-size: 0.75rem;
	letter-spacing: 0.02em;
	line-height: 1.35;
	text-align: left;
	color: #556649;
}

.dm-xp-research-grid figcaption::before,
.dm-xp-research-grid .wp-element-caption::before {
	content: "";
	flex: 0 0 1.1rem;
	width: 1.1rem;
	height: 1px;
	background: #556649;
}

@media (min-width: 800px) {
	.dm-xp-research-grid,
	.dm-xp-research-grid.wp-block-group {
		grid-template-columns: minmax(0, 62fr) minmax(0, 38fr);
		align-items: stretch;
	}

	.dm-xp-research-main,
	.dm-xp-research-main.wp-block-image {
		height: 100%;
	}

	.dm-xp-research-main img {
		flex: none;
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}

	.dm-xp-research-side,
	.dm-xp-research-side.wp-block-group {
		height: auto;
		align-self: stretch;
	}

	.dm-xp-research-side .wp-block-image,
	.dm-xp-research-side figure {
		flex: 1 1 0;
		min-height: 0;
		width: 100%;
	}

	.dm-xp-research-side img {
		flex: 1 1 auto;
		width: 100%;
		height: 100%;
		min-height: 0;
		aspect-ratio: auto;
		object-fit: cover;
	}
}

.dm-xp-proofs-grid,
.dm-xp-proofs-grid.wp-block-group {
	display: grid;
	gap: 1.5rem;
	margin-top: 2rem;
	align-items: start;
}

.dm-xp-proofs-grid > *,
.dm-xp-proofs-grid > * + *,
.dm-xp-proofs-grid.is-layout-flow > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

@media (min-width: 800px) {
	.dm-xp-proofs-grid,
	.dm-xp-proofs-grid.wp-block-group {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.dm-xp-proof,
.dm-xp-proof.wp-block-group {
	position: relative;
	display: flex !important;
	flex-direction: column;
	gap: 0.45rem;
	cursor: pointer;
}

.dm-xp-proof > *,
.dm-xp-proof > * + * {
	margin-block-start: 0 !important;
	margin-top: 0 !important;
}

.dm-xp-proof .wp-block-image,
.dm-xp-proof figure {
	margin: 0 0 0.35rem !important;
}

.dm-xp-proof img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: opacity 0.25s ease;
}

.dm-xp-proof:hover img {
	opacity: 0.88;
}

.dm-xp-proof h3 {
	margin: 0;
	font-size: clamp(1.15rem, 1.5vw, 1.4rem);
}

.dm-xp-proof a {
	color: inherit;
	text-decoration: none;
}

.dm-xp-proof h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.dm-xp-proof a:hover,
.dm-xp-proof:hover h3 a {
	color: var(--wp--preset--color--sage);
}

.dm-xp-proof-tags,
.dm-xp-proof-tags.wp-block-paragraph {
	margin: 0;
	padding: 0;
	font-size: 0.6875rem;
	letter-spacing: 0.1em;
	line-height: 1.45;
	text-transform: uppercase;
	color: #556649;
}

.dm-xp-proof-desc,
.dm-xp-proof-desc.wp-block-paragraph {
	margin: 0.15rem 0 0;
	max-width: 28em;
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--wp--preset--color--contrast-2);
}

.dm-xp-cta .wp-block-button__link {
	background: var(--wp--preset--color--sage) !important;
	color: var(--wp--preset--color--ink-inverse) !important;
	border-color: var(--wp--preset--color--sage) !important;
	border-radius: 0 !important;
}

.dm-xp-cta .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast) !important;
	border-color: var(--wp--preset--color--contrast) !important;
}

.dm-xp-cta h2 {
	max-width: 14em;
}

.dm-xp-cta > p:not(.is-style-sous-titre) {
	max-width: 36rem;
	color: var(--wp--preset--color--contrast-2);
}

/* Chapitres Expertises — accordéon colonne gauche + ticks sous le visuel */
@media (min-width: 960px) {
	.dm-xp-chapter .dm-xp-split,
	.dm-xp-chapter .dm-xp-split.wp-block-group {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}
}

.dm-xp-chapter .dm-xp-pictos,
.dm-xp-chapter .dm-xp-pictos.wp-block-group {
	display: none !important;
}

.dm-xp-chapter .dm-xp-copy .dm-xp-accordion,
.dm-xp-chapter .dm-xp-copy .dm-xp-accordion.wp-block-group {
	margin: 2.75rem 0 0 !important;
	margin-block-start: 2.75rem !important;
	max-width: 32rem;
}

.dm-xp-chapter .dm-xp-copy .dm-xp-detail,
.dm-xp-chapter .dm-xp-copy .dm-xp-detail.wp-block-group {
	border-top: 0;
	border-bottom: 1px solid rgba(10, 10, 10, 0.12);
	background: transparent;
}

.dm-xp-chapter .dm-xp-copy .dm-xp-accordion > .dm-xp-detail:last-child {
	border-bottom: 1px solid rgba(10, 10, 10, 0.12);
}

.dm-xp-chapter .dm-xp-copy .dm-xp-detail.is-open,
.dm-xp-chapter .dm-xp-copy .dm-xp-detail.is-open.wp-block-group {
	background: transparent;
}

.dm-xp-chapter .dm-xp-copy .dm-xp-detail h3 {
	align-items: center;
	justify-content: flex-start;
	padding: 0.85rem 0.95rem;
	font-weight: 500;
}

.dm-xp-chapter .dm-xp-copy .dm-xp-detail.is-open h3 {
	background: rgba(85, 102, 73, 0.1);
	border-left: 3px solid var(--wp--preset--color--sage);
}

.dm-xp-chapter .dm-xp-copy .dm-xp-detail h3::before {
	content: "";
	flex: 0 0 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	background-color: currentColor;
	-webkit-mask-image: var(--dm-xp-mask);
	mask-image: var(--dm-xp-mask);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.dm-xp-chapter .dm-xp-copy .dm-xp-detail h3::after {
	content: "+";
	flex: 0 0 auto;
	margin-left: auto;
	font-size: 1.15rem;
	font-weight: 400;
	line-height: 1;
	opacity: 0.5;
	transform: none;
}

.dm-xp-chapter .dm-xp-copy .dm-xp-detail.is-open h3::after {
	content: "\2212";
	opacity: 0.7;
	transform: none;
}

.dm-xp-chapter .dm-xp-copy .dm-xp-detail > p {
	padding: 0.75rem 0.95rem 1rem calc(0.95rem + 3px + 1.25rem + 0.85rem);
	font-size: 0.875rem;
	background: transparent;
}

.dm-xp-chapter .dm-xp-copy .dm-xp-detail > p:not(:last-of-type) {
	padding-bottom: 0.4rem;
}

.dm-xp-chapter .dm-xp-copy .dm-xp-detail > p + p {
	padding-top: 0;
}

.dm-xp-chapter .dm-xp-copy .wp-block-buttons {
	margin: 2.75rem 0 0 !important;
	margin-block-start: 2.75rem !important;
}

.dm-xp-chapter .dm-xp-more .wp-block-button__link {
	background: var(--wp--preset--color--sage) !important;
	color: var(--wp--preset--color--base) !important;
	border: 1px solid var(--wp--preset--color--sage) !important;
	border-radius: 0 !important;
	padding: 0.55rem 0.9rem;
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.dm-xp-chapter .dm-xp-more .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
	border-color: var(--wp--preset--color--contrast) !important;
}

.dm-xp-chapter .dm-xp-meta {
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-areas:
		"copy copy"
		"ticks thumbs";
	gap: 0.55rem 1.35rem;
	align-items: start;
	min-height: 0;
}

.dm-xp-chapter .dm-xp-meta-copy {
	display: block !important;
	grid-area: copy;
	min-width: 0;
	padding-top: 0.15rem;
}

.dm-xp-chapter .dm-xp-meta-title {
	margin: 0 0 0.2rem;
}

.dm-xp-chapter .dm-xp-meta-text {
	max-width: 42rem;
}

.dm-xp-chapter .dm-xp-ticks {
	grid-area: ticks;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding-top: 0.55rem;
}

.dm-xp-chapter .dm-xp-tick {
	appearance: none;
	display: block;
	width: 1.55rem;
	height: 2px;
	padding: 0;
	border: 0;
	background: rgba(26, 26, 26, 0.18);
	cursor: pointer;
}

.dm-xp-chapter .dm-xp-tick.is-active {
	width: 2.35rem;
	height: 3px;
	background: var(--wp--preset--color--sage);
}

.dm-xp-chapter .dm-xp-thumbs {
	grid-area: thumbs;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.dm-xp-chapter .dm-xp-thumb {
	width: 7.25rem;
	height: 4.6rem;
}

.dm-xp-chapter .dm-xp-thumbs.is-all .dm-xp-thumb {
	width: 4.85rem;
	height: 3.1rem;
}

@media (max-width: 959px) {
	.dm-xp-chapter .dm-xp-meta {
		grid-template-columns: 1fr;
		grid-template-areas:
			"copy"
			"ticks"
			"thumbs";
	}

	.dm-xp-chapter .dm-xp-thumbs {
		justify-content: flex-start;
	}
}