/* ==========================================================================
   NotreAccord — styles du thème
   Référence : maquette Figma « NEW NA SITE 26 sept », écran 1440 px.
   Les valeurs fixes (px) sont celles de la maquette ; clamp() les adapte
   aux écrans plus petits (aucune maquette mobile fournie).
   ========================================================================== */

:root {
	--na-blue: #124197;
	--na-blue-700: #0d2e6a;
	--na-blue-300: #88a0cb;
	--na-blue-200: #b8c6e0;
	--na-blue-100: #e7ecf5;
	--na-cream: #fff9f2;
	--na-ink: #222426;
	--na-ink-2: #302f2f;
	--na-navy: #05122a;
	--na-line: #c9d4dd;

	--na-serif: "Playfair Display", Georgia, "Times New Roman", serif;
	--na-sans: Lexend, system-ui, -apple-system, "Segoe UI", sans-serif;
	--na-footer-font: Poppins, var(--na-sans); /* Maquette : Poppins dans le pied de page uniquement. */

	--na-gutter: clamp(20px, 4.444vw, 64px);
	--na-pad-x: max(var(--na-gutter), calc((100% - 1312px) / 2));
	--na-header-h: 88px;
	--na-top: calc(var(--na-header-h) + 36px); /* 124 px : haut des pages, sous l'en-tête fixe */
	--na-sky: #c9d4dd;
	--na-ice: #e7ecf5;
	--na-h2: clamp(32px, 1.4rem + 1.9vw, 48px);
	--na-h3: clamp(24px, calc(21.77px + 0.5714vw), 30px); /* 30 px à 1440 */

	--logo-iso: var(--na-blue);
	--logo-txt: var(--na-ink);

	--na-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 18l6-6M13 6l6 6'/%3E%3C/svg%3E");
	--na-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}

/* ---------- Base ---------- */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--na-header-h) + 16px); }

body {
	margin: 0;
	font-family: var(--na-sans);
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4;
	color: var(--na-ink);
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img, svg, video { display: block; max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote { margin: 0; }
a { color: inherit; }
button { font: inherit; color: inherit; }
strong, b { font-weight: 700; }
:focus-visible { outline: 3px solid var(--na-blue); outline-offset: 3px; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.na-skip {
	position: fixed; left: 16px; top: -100px; z-index: 100;
	padding: 12px 18px; border-radius: 8px;
	background: var(--na-blue); color: #fff;
	font-weight: 600; text-decoration: none;
}
.na-skip:focus { top: 16px; }

.na-logo { width: 208px; height: auto; }
.na-logo__iso { fill: var(--logo-iso); transition: fill .3s; }
.na-logo__txt { fill: var(--logo-txt); transition: fill .3s; }

/* Le contenu des sections gère lui-même ses espacements. */
:where(.na-main) .wp-block-group > * { margin-block: 0; }
.na-main .wp-block-group .wp-block-image { margin: 0; }

/* ---------- Titres et éléments communs ---------- */
.na-title {
	font-family: var(--na-serif);
	font-weight: 600;
	font-size: var(--na-h2);
	line-height: 1.333;
	color: var(--na-blue);
}

/* Boutons (composant « button / Solid ») */
.wp-block-button__link,
.wp-element-button,
.na-header__cta,
.na-menu__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 56px;
	padding: 15px 23px; /* bordure 1px comprise : 56 px de haut comme le composant Figma (contour intérieur) */
	border: 1px solid var(--na-blue);
	border-radius: 8px;
	background: var(--na-blue);
	color: #fff;
	font-family: var(--na-sans);
	font-weight: 600;
	font-size: 18px;
	line-height: 1;
	text-transform: lowercase;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s, border-color .2s;
}
.wp-block-button__link:hover,
.wp-element-button:hover,
.na-header__cta:hover,
.na-menu__cta:hover { background: var(--na-blue-700); border-color: var(--na-blue-700); color: #fff; }

.na-btn-arrow .wp-block-button__link::before,
.na-link a::before {
	content: "";
	flex: none;
	width: 24px;
	height: 24px;
	background: currentColor;
	-webkit-mask: var(--na-arrow) center / 24px no-repeat;
	mask: var(--na-arrow) center / 24px no-repeat;
	transition: transform .2s;
}
.na-btn-arrow .wp-block-button__link:hover::before,
.na-link a:hover::before { transform: translateX(3px); }

/* Lien fléché (composant « button / link ») */
.na-link a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 0;
	color: var(--na-blue);
	font-weight: 300;
	text-decoration: none;
}
.na-link a:hover { text-decoration: underline; text-underline-offset: 4px; }

.na-main .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 16px; }

/* ==========================================================================
   En-tête
   ========================================================================== */
.na-header {
	position: fixed;
	top: var(--wp-admin--admin-bar--height, 0px);
	left: 0;
	right: 0;
	z-index: 40;
	height: var(--na-header-h);
	color: var(--na-ink);
	transition: background-color .3s, color .3s;
}
.na-header__inner {
	position: relative;
	height: 100%;
	max-width: 1440px;
	margin-inline: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 40px;
}
.na-header__logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.na-header__burger {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin-left: auto;
	margin-right: -6px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

/* Variante sombre (textes blancs) puis « protection » claire au défilement ; « Protection = OUI » : voile dès le haut. */
.has-dark-header .na-header:not(.is-scrolled) { color: #fff; --logo-iso: #fff; --logo-txt: #fff; }
.na-header.is-scrolled,
.na-header.is-protected {
	background: rgba(255, 255, 255, .5);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}
.na-header--dark.is-protected:not(.is-scrolled) { background: rgba(21, 21, 21, .1); }
.has-header-space .na-main { padding-top: var(--na-header-h); }

/* En-tête détaillé (« Light / Dark ») : logo à gauche, menu, bouton */
.na-header--full .na-header__logo { position: static; transform: none; flex: none; }
.na-header--full .na-header__logo .na-logo { width: 208px; }
.na-nav { margin: 0 64px 0 auto; }
.na-nav__list { display: flex; gap: 64px; list-style: none; margin: 0; padding: 0; }
.na-nav__list > li { position: relative; }
.na-nav__list > li > a { display: flex; align-items: center; gap: 16px; padding: 4px 0; font-weight: 600; font-size: 16px; line-height: 1; color: inherit; text-decoration: none; white-space: nowrap; }
.na-nav__list > .menu-item-has-children > a::after { content: ""; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--na-chevron) center / 24px no-repeat; mask: var(--na-chevron) center / 24px no-repeat; transition: transform .2s; }
.na-nav__list > .is-open > a::after { transform: rotate(180deg); }
.na-nav__list > li > a:hover { text-decoration: underline; text-underline-offset: 6px; }
.na-nav .sub-menu { position: absolute; top: calc(100% + 18px); left: -24px; z-index: 2; min-width: 300px; margin: 0; padding: 12px 0; list-style: none; border-radius: 8px; background: #fff; box-shadow: 0 12px 40px rgba(5, 18, 42, .14); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .2s, transform .2s, visibility .2s; }
.na-nav .sub-menu::before { content: ""; position: absolute; inset: -18px 0 100%; }
.na-nav .is-open > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.na-nav .sub-menu a { display: block; padding: 10px 24px; font-size: 16px; line-height: 1.35; color: var(--na-ink); text-decoration: none; }
.na-nav .sub-menu a:hover, .na-nav .sub-menu .current-menu-item > a { color: var(--na-blue); background: var(--na-ice); }
.na-nav__list > .current-menu-item > a, .na-nav__list > .current-menu-ancestor > a { text-decoration: underline; text-underline-offset: 6px; }
.na-header--full .na-header__burger { display: none; }

/* Menu burger (panneau latéral, <dialog> natif : focus et Échap gérés par le navigateur) */
.na-menu {
	position: fixed;
	inset: 0 0 0 auto;
	width: min(480px, 100%);
	max-width: none;
	height: 100dvh;
	max-height: none;
	margin: 0 0 0 auto;
	padding: 0;
	border: 0;
	background: #fff;
	color: var(--na-ink);
	overflow-y: auto;
}
.na-menu:focus { outline: none; }
.na-menu::backdrop { background: rgba(5, 18, 42, .45); }
.na-menu[open] { animation: na-slide-in .3s ease-out; }
@keyframes na-slide-in { from { transform: translateX(100%); } }
.na-menu__panel { min-height: 100%; display: flex; flex-direction: column; gap: 32px; padding: 24px 40px 40px; }
.na-menu__top { display: flex; align-items: center; justify-content: space-between; }
.na-menu__logo { width: 160px; }
.na-menu__close { display: grid; place-items: center; width: 44px; height: 44px; margin-right: -8px; padding: 0; border: 0; background: none; cursor: pointer; }
.na-menu__list, .na-menu__list ul { list-style: none; margin: 0; padding: 0; }
.na-menu__list > li { border-bottom: 1px solid var(--na-blue-200); }
.na-menu__list > li > a { display: block; padding: 18px 0; font-weight: 600; font-size: 20px; line-height: 1.3; color: var(--na-ink); text-decoration: none; }
.na-menu__list .sub-menu { padding-bottom: 14px; }
.na-menu__list .sub-menu a { display: block; padding: 6px 0; font-size: 17px; line-height: 1.4; color: var(--na-blue); text-decoration: none; }
.na-menu__list a:hover { text-decoration: underline; text-underline-offset: 4px; }
.na-menu__cta { align-self: flex-start; margin-top: auto; }

/* ==========================================================================
   Sections de la page d'accueil
   ========================================================================== */

/* Bandeau (Frame 372) */
.na-hero {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: clamp(560px, 53.61vw, 772px);
	padding: clamp(150px, 19.17vw, 276px) var(--na-gutter) 80px;
	overflow: hidden;
	background: #50607a;
}
.na-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(0, 0, 0, .09); }
.na-main .na-hero__bg { position: absolute; inset: 0; z-index: -2; margin: 0; }
.na-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 84%; }
.na-hero__title {
	max-width: 1049px;
	font-family: var(--na-serif);
	font-style: italic;
	font-weight: 600;
	font-size: clamp(40px, 6.25vw, 90px);
	line-height: 1.111;
	color: #fff;
	text-align: center;
	text-transform: lowercase;
}

/* Introduction */
.na-intro { padding: clamp(48px, 6.11vw, 88px) clamp(20px, 8.61vw, 124px); }
.na-intro__text {
	max-width: 1192px;
	margin-inline: auto;
	font-family: var(--na-serif);
	font-weight: 400;
	font-size: clamp(24px, 1rem + 1.75vw, 40px);
	line-height: 1.3;
	color: var(--na-ink);
	text-align: center;
}

/* Cartes métiers (block-metiers) */
.na-metiers {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 40px;
	padding: 40px max(40px, calc((100% - 1360px) / 2));
}
.na-card { display: flex; flex-direction: column; min-height: 626px; }
.na-main .na-card__img { aspect-ratio: 310 / 200; overflow: hidden; background: var(--na-blue-200); }
.na-card__img img { width: 100%; height: 100%; object-fit: cover; }
.na-main .na-card__title { margin-top: 40px; font-family: var(--na-sans); font-weight: 700; font-size: var(--na-h3); line-height: 1.25; color: var(--na-blue); }
.na-main .na-card__text { margin-top: 8px; }
.na-card + .na-card .na-card__text { font-size: 19px; line-height: 24px; } /* maquette : 19 px sur les cartes 2 à 4 */
.na-main .na-card .na-link { margin-top: 8px; padding-bottom: 40px; }

/* La médiation en 4 étapes (reve) */
.na-etapes { display: grid; grid-template-columns: minmax(0, 686fr) minmax(0, 754fr); align-items: center; min-height: 700px; }
.na-main .na-etapes__img { position: relative; align-self: stretch; min-height: 700px; }
.na-etapes__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.na-etapes__content { padding: 40px 64px 40px clamp(32px, 8vw, 115px); }
.na-main .na-etapes .na-title { margin-bottom: 16px; }
.na-steps { list-style: none; padding: 0; counter-reset: na-step; display: grid; gap: 8px; max-width: 575px; }
.na-steps li {
	counter-increment: na-step;
	display: flex;
	align-items: center;
	gap: 24px;
	min-height: 115px;
	padding: 20px 0;
	color: var(--na-blue-700);
}
.na-steps li::before {
	content: counter(na-step, decimal-leading-zero);
	flex: none;
	min-width: 76px;
	font-weight: 700;
	font-size: clamp(44px, calc(36.57px + 1.905vw), 64px);
	line-height: 1;
	letter-spacing: -.05em;
	color: var(--na-blue-300);
}

/* Chiffres clés (KPIs) */
.na-kpis {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 40px clamp(32px, 6.11vw, 88px);
	padding: clamp(56px, 6.11vw, 88px) var(--na-pad-x);
}
.na-kpi { display: flex; flex-direction: column; gap: 24px; text-align: center; }
.na-main .na-kpi__value { font-family: var(--na-serif); font-weight: 600; font-size: var(--na-h2); line-height: 1.333; color: var(--na-blue); }

/* Damier texte + photo (BLOCK-dammier) */
.na-damier { display: grid; grid-template-columns: 1fr 1fr; min-height: 700px; }
.na-damier__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	padding: 40px clamp(20px, 4.44vw, 64px);
	background: var(--na-cream);
	text-align: center;
}
.na-content-logo { display: block; }
.na-main .na-damier__title { max-width: 592px; font-family: var(--na-sans); font-weight: 700; font-size: var(--na-h3); line-height: 1.25; color: var(--na-blue); }
.na-damier__text { max-width: 592px; }
.na-damier .wp-block-buttons { justify-content: center; }
.na-main .na-damier__img { position: relative; min-height: 700px; }
.na-damier__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }

/* Argumentaire 3 colonnes (BLOCK-ARGUMENTAIRE) */
.na-args { padding: 64px var(--na-pad-x) 36px; }
.na-main .na-args .na-title { margin-bottom: 47px; }
.na-args__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.na-arg { padding: 29px 0 32px; border-top: 3px solid var(--na-blue-200); } /* bordure intérieure comme dans Figma */
.na-main .na-arg__title { font-family: var(--na-sans); font-weight: 700; font-size: 23px; line-height: 1.25; color: var(--na-blue); }
.na-main .na-arg__text { margin-top: 24px; color: var(--na-blue); }

/* Histoires de médiation (BLOCK-USAGES) */
.na-cases { padding: 64px var(--na-pad-x); border-top: 1px solid var(--na-blue-300); }
.na-main .na-cases .na-title { margin-bottom: 32px; text-align: center; }
.na-cases__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.na-case {
	--case-color: #2a4360;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	min-height: 336px;
	padding: 42px 20px 56px;
	border-bottom: 10px solid var(--case-color);
	border-radius: 24px;
	background: var(--na-cream);
	text-align: center;
}
.na-case--2 { --case-color: #788ba7; }
.na-case--3 { --case-color: #838b7f; }
.na-case--4 { --case-color: #f7a99a; }
.na-case__type { color: var(--na-navy); }
.na-case__link { font-size: 15px; line-height: 1.4; }
.na-case__link a { font-weight: 700; color: #000; text-decoration: underline; }
.na-main .na-case__title { padding-inline: 10px; font-family: var(--na-serif); font-weight: 600; font-size: 23px; line-height: 1.333; color: var(--na-blue); }

/* Avis clients (temoignages) */
.na-testimonials { padding: 64px var(--na-gutter); }
.na-testimonials__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 292px)); justify-content: center; gap: 56px clamp(40px, 8.6vw, 124px); }
.na-testimonial { display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; color: #000; }
.na-main .na-testimonial__img { width: 137px; }
.na-testimonial__img img { width: 137px; height: 162px; object-fit: cover; }
.na-testimonial__name { font-weight: 700; font-size: 23px; line-height: 1.25; }
.na-testimonial__quote { line-height: 25px; }

/* Partenaires et clients (carrousel-clients) */
.na-partners { padding: 64px 0; overflow: hidden; background: var(--na-cream); }
.na-main .na-partners .na-title { margin-bottom: 88px; padding-inline: var(--na-gutter); text-align: center; }
.na-logos { position: relative; }
.na-logos__track { display: flex; align-items: center; gap: 100px; width: max-content; min-height: 97px; padding-inline: 64px 0; }
.na-logos.is-static .na-logos__track { width: auto; flex-wrap: wrap; justify-content: center; gap: 40px 64px; padding-inline: var(--na-gutter); }
.na-logos.is-animated .na-logos__track { animation: na-marquee 45s linear infinite; }
.na-logos.is-paused .na-logos__track,
.na-logos:hover .na-logos__track,
.na-logos:focus-within .na-logos__track { animation-play-state: paused; }
@keyframes na-marquee { to { transform: translateX(-50%); } }
.na-main .na-logos__item { flex: none; }
.na-logos__item img { width: auto; height: 63px; }
.na-logos__item:nth-child(9n+3) img { height: 50px; }
.na-logos__item:nth-child(9n+4) img { height: 62px; }
.na-logos__item:nth-child(9n+5) img { height: 70px; }
.na-logos__item:nth-child(9n+6) img { height: 64px; }
.na-logos__item:nth-child(9n+7) img,
.na-logos__item:nth-child(9n+8) img { height: 57px; }
.na-logos__item:nth-child(9n+9) img { height: 81px; }
.na-logos__toggle {
	position: absolute;
	right: var(--na-gutter);
	bottom: calc(100% + 24px);
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid var(--na-blue-200);
	border-radius: 50%;
	background: #fff;
	color: var(--na-blue);
	cursor: pointer;
}
.na-logos__toggle::before { content: ""; width: 10px; height: 12px; border-inline: 3px solid currentColor; }
.na-logos.is-paused .na-logos__toggle::before { width: 0; height: 0; margin-left: 4px; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent currentColor; }

/* Points de vue (BLOCK-POINTOFVUE) */
.na-pdv { padding: 64px 0; overflow: hidden; border-top: 1px solid var(--na-blue-200); }
.na-main .na-pdv .na-title { margin-bottom: 32px; padding-inline: var(--na-gutter); text-align: center; }
.na-main .na-pdv__track {
	display: flex;
	gap: 63px;
	margin: 0;
	padding: 0 max(var(--na-gutter), calc(50% - 543.5px));
	list-style: none;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	cursor: grab;
}
.na-pdv__track::-webkit-scrollbar { display: none; }
.na-pdv__track.is-dragging { cursor: grabbing; user-select: none; }
.na-pdv__track.is-dragging a { pointer-events: none; }
.na-pdv__track > li { flex: 0 0 512px; margin: 0; }
.na-pdv__img { margin: 0; overflow: hidden; }
.na-pdv__img img { width: 100%; transition: transform .4s ease; }
.na-pdv__track > li:hover .na-pdv__img img { transform: scale(1.03); }
.na-main .na-pdv__title {
	margin-top: 19px;
	padding-inline: 20px;
	font-family: var(--na-serif);
	font-weight: 600;
	font-size: 23px;
	line-height: 1.333;
	color: var(--na-ink-2);
	text-align: center;
	min-height: 76px;
}
.na-pdv__title a { text-decoration: none; }
.na-pdv__title a:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Questions fréquentes (BLOCK-FAQ) */
.na-faq { padding: clamp(56px, 6.11vw, 88px) clamp(20px, 8.61vw, 124px); border-top: 1px solid var(--na-blue-200); }
.na-main .na-faq .na-title { margin-bottom: 40px; line-height: 1.2; text-align: center; }
.na-faq__list { max-width: 1192px; margin-inline: auto; border-bottom: 1px solid var(--na-blue-200); }
.na-faq__item { border-top: 1px solid var(--na-blue-200); }
.na-faq__item summary {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 33.6px 10px; /* pas de 104,4 px entre questions, comme la maquette */
	list-style: none;
	cursor: pointer;
	font-weight: 400;
	font-size: clamp(19px, calc(16.77px + 0.5714vw), 25px);
	line-height: 36px;
	color: var(--na-ink-2);
}
.na-faq__item summary::-webkit-details-marker { display: none; }
.na-faq__item summary::after {
	content: "";
	flex: none;
	width: 24px;
	height: 24px;
	background: var(--na-ink);
	-webkit-mask: var(--na-chevron) center / 24px no-repeat;
	mask: var(--na-chevron) center / 24px no-repeat;
	transition: transform .2s;
}
.na-faq__item[open] summary::after { transform: rotate(180deg); }
.na-faq__item > :not(summary) { max-width: 900px; padding: 0 10px 34px; }
.na-main .na-faq .wp-block-buttons { justify-content: center; margin-top: 40px; }

/* ==========================================================================
   Pied de page
   ========================================================================== */
.na-footer {
	padding: 64px var(--na-pad-x) 0;
	border-top: 1px solid var(--na-line);
	background: var(--na-blue-100);
	color: var(--na-ink-2);
	font-family: var(--na-footer-font);
	font-weight: 400;
}
.na-footer__top { display: grid; grid-template-columns: repeat(3, minmax(0, 349fr)) minmax(0, 194fr); gap: 24px; padding-bottom: 24px; }
.na-footer__title { margin-bottom: 24px; font-family: inherit; font-weight: 600; font-size: 18px; line-height: 1.5; color: var(--na-ink-2); }
.na-footer ul { list-style: none; margin: 0; padding: 0; }
.na-footer__links { display: grid; gap: 16px; }
.na-footer__lines { display: grid; gap: 8px; }
.na-footer__links li,
.na-footer__lines li { font-size: 16px; line-height: 1.5; }
.na-footer a { text-decoration: none; }
.na-footer a:hover { text-decoration: underline; text-underline-offset: 3px; }
.na-footer__social { display: flex; gap: 24px; margin-top: 24px !important; }
.na-footer__social a { display: block; color: #000; }
.na-footer__social .na-icon { width: 48px; height: 48px; }
.na-footer__ffcm { display: flex; align-items: flex-end; justify-content: flex-end; }
.na-footer__ffcm img { width: 137px; height: auto; }
.na-footer__bottom { padding: 40px 0; border-top: 1px solid var(--na-blue-300); }

/* ==========================================================================
   Pages intérieures, articles, listes
   ========================================================================== */
.na-page__header { max-width: 1312px; margin-inline: auto; padding: clamp(40px, 5vw, 72px) var(--na-gutter) 32px; }
.na-page__title { font-family: var(--na-serif); font-style: italic; font-weight: 600; font-size: clamp(40px, 1.6rem + 3vw, 68px); line-height: 1.1; color: var(--na-blue); }
.na-article__cat a { font-weight: 600; font-size: 15px; color: var(--na-blue); text-decoration: none; text-transform: uppercase; letter-spacing: .04em; }
.na-article__cat + .na-page__title { margin-top: 12px; }
.na-article__meta { margin-top: 16px; font-size: 15px; color: #5b5f66; }
.na-article__cover { max-width: 1312px; margin: 0 auto 48px; padding-inline: var(--na-gutter); }
.na-article__cover img { width: 100%; border-radius: 8px; }

.na-prose { max-width: 840px; margin-inline: auto; padding: 0 var(--na-gutter) 88px; }
.na-prose > * + * { margin-top: 1.1em; }
.na-prose h2 { margin-top: 1.6em; font-family: var(--na-serif); font-weight: 600; font-size: clamp(28px, 1.2rem + 1.2vw, 36px); line-height: 1.3; color: var(--na-blue); }
.na-prose h3 { margin-top: 1.4em; font-weight: 700; font-size: 23px; line-height: 1.25; color: var(--na-blue); }
.na-prose a { color: var(--na-blue); text-underline-offset: 3px; }
.na-prose ul, .na-prose ol { padding-left: 1.3em; }
.na-prose li + li { margin-top: .4em; }
.na-prose img { border-radius: 8px; }
.na-prose .alignwide { max-width: 1312px; margin-inline: calc(50% - min(656px, 50vw - var(--na-gutter))); }
.na-prose .alignfull { margin-inline: calc(50% - 50vw); max-width: 100vw; }

.na-posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)); gap: 48px 40px; max-width: 1312px; margin: 0 auto; padding: 0 var(--na-gutter) 64px; list-style: none; }
.na-posts__link { display: flex; flex-direction: column; gap: 12px; text-decoration: none; }
.na-posts__img { width: 100%; aspect-ratio: 512 / 355; object-fit: cover; border-radius: 4px; }
.na-posts__date { font-size: 15px; color: #5b5f66; }
.na-posts__title { font-family: var(--na-serif); font-weight: 600; font-size: 23px; line-height: 1.333; color: var(--na-ink-2); }
.na-posts__link:hover .na-posts__title { text-decoration: underline; text-underline-offset: 4px; }
.na-pagination { max-width: 1312px; margin: 0 auto; padding: 0 var(--na-gutter) 88px; }
.na-pagination .nav-links { display: flex; gap: 8px; }
.na-pagination .page-numbers { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border: 1px solid var(--na-blue-200); border-radius: 8px; text-decoration: none; }
.na-pagination .page-numbers.current { background: var(--na-blue); border-color: var(--na-blue); color: #fff; }

/* ==========================================================================
   Pages intérieures (maquette Figma, écran 1440 px)
   ========================================================================== */
.na-theme--inter { --ltop: #f7e1d5; --att: #2a4360; }
.na-theme--intra { --ltop: #beddee; --att: #788ba7; }
.na-theme--familiale { --ltop: #d9ddd3; --att: #838b7f; }
.na-theme--prescripteurs { --ltop: #c65f3b; --att: #f7a99a; }

/* Titre de page (H1 Playfair italique) */
.na-main .na-ptitle { max-width: 1312px; margin-inline: auto; font-family: var(--na-serif); font-style: italic; font-weight: 600; font-size: clamp(40px, 1.6rem + 3vw, 68px); line-height: 1.1; color: var(--na-blue); text-align: center; }
.na-main .wp-block-buttons.na-center { justify-content: center; }
.na-ph { background: var(--na-sky); }

/* Lien retour */
.na-back a { display: inline-flex; align-items: center; gap: 24px; font-family: var(--na-serif); font-weight: 600; font-size: 23px; line-height: 1.35; color: var(--na-blue); text-decoration: none; }
.na-back a::before { content: ""; flex: none; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--na-arrow) center / 24px no-repeat; mask: var(--na-arrow) center / 24px no-repeat; transform: scaleX(-1); }
.na-back a:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Bandeau gris-bleu (fiche médiateur, article, étude) */
.na-bar { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: var(--na-top) clamp(20px, 5vw, 40px) 40px; background: var(--na-sky); }
.na-bar .na-back a { gap: 8px; padding: 8px 0; }
.single-mediateur .na-bar { padding-bottom: 32px; }
.single-mediateur .na-bar .na-back a { font-family: var(--na-sans); font-weight: 300; font-size: 18px; line-height: 1.4; color: var(--na-ink); }
.na-bar__label { font-weight: 700; font-size: var(--na-h3); line-height: 1.25; color: #fff; text-align: right; }

/* Bandeau couleur + titre + photo (pages « La médiation pour… ») */
.na-ltop { padding-top: var(--na-top); background: var(--ltop); }
.na-main .na-ltop__title { position: relative; z-index: 1; max-width: 1312px; margin-inline: auto; padding-inline: var(--na-gutter); font-family: var(--na-serif); font-style: italic; font-weight: 600; font-size: clamp(40px, 1.6rem + 3vw, 68px); line-height: 1.1; color: var(--na-blue); text-align: center; }
.na-theme--prescripteurs .na-ltop__title { color: #fff; }
.na-main .na-ltop .na-ltop__media { margin-top: -40px; aspect-ratio: 1440 / 640; overflow: hidden; }
.na-ltop__media img { width: 100%; height: 100%; object-fit: cover; }
.na-ltop__media--duo { display: flex; justify-content: space-between; }
.na-main .na-ltop__img { width: 43.2%; height: 100%; }
.na-ltop__img img { width: 100%; height: 100%; object-fit: cover; }

/* Introduction grand format */
.na-intro--lg { padding: 64px clamp(20px, 8.61vw, 124px); }
.na-intro--lg .na-intro__text { max-width: 960px; font-size: clamp(26px, calc(16px + 2.2223vw), 48px); line-height: 1.2; }
.na-intro--career { padding: 88px var(--na-gutter); }
.na-intro--career .na-intro__text { max-width: 862px; color: #000; }

/* Damier : variantes texte aligné à gauche, chapô, image vide */
.na-damier--start .na-damier__content { align-items: flex-start; text-align: left; }
.na-damier--start .na-damier__content > * { width: 100%; max-width: 592px; }
.na-damier--start .wp-block-buttons { justify-content: flex-start; }
.na-main .na-damier__title--serif { font-family: var(--na-serif); font-weight: 400; font-size: clamp(28px, calc(16px + 1.6667vw), 40px); line-height: 1.3; color: var(--na-ink); }
.na-damier__body { display: flex; flex-direction: column; gap: 12px; }
.na-main .na-damier__lead { margin-bottom: 4px; font-family: var(--na-serif); font-weight: 600; font-size: 23px; line-height: 1.35; }
.na-damier__body ul, .na-damier__body ol, .na-col ul, .na-col ol, .na-fiche__body ul, .na-fiche__body ol { margin: 0; padding-left: 1.4em; }
:is(.na-damier__body, .na-col, .na-fiche__body, .na-step__text, .na-benefits__card, .na-signs__item) li + li { margin-top: 12px; } /* espacement de paragraphe de la maquette */
.na-main .na-damier .na-ph { min-height: 700px; }

/* Liste d'offres / de formations */
.na-offres { display: grid; grid-template-columns: minmax(0, 414fr) minmax(0, 866fr); gap: 32px; padding: 88px var(--na-pad-x); }
.na-offres--forma { grid-template-columns: minmax(0, 386fr) minmax(0, 862fr); gap: 64px; }
.na-offre { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 24px; align-items: start; gap: 0 88px; padding: 31px 0 32px; border-top: 1px solid var(--na-blue-200); }
.na-offre::after { content: ""; width: 24px; height: 24px; background: var(--na-ink); -webkit-mask: var(--na-arrow) center / 24px no-repeat; mask: var(--na-arrow) center / 24px no-repeat; transition: transform .2s; }
.na-offre:hover::after { transform: translateX(3px); }
.na-main .na-offre__title { font-weight: 700; font-size: 23px; line-height: 1.25; color: var(--na-blue); }
.na-offre__title a { color: inherit; text-decoration: none; }
.na-offre__title a::after { content: ""; position: absolute; inset: 0; }
.na-offre:hover .na-offre__title a { text-decoration: underline; text-underline-offset: 4px; }
.na-offre__text, .na-offre__meta { color: #3b4147; }
.na-offre__head { display: flex; flex-direction: column; gap: 16px; }
.na-main .na-forma__text { margin-top: 40px; font-weight: 400; font-size: 23px; line-height: 1.4; color: #545f68; }
.na-main .wp-block-group .na-forma__logo { width: 151px; margin-top: 32px; }

/* Les résultats attendus / Modalités d'intervention */
.na-att { display: flex; flex-direction: column; align-items: center; gap: 40px; min-height: 592px; padding: 64px var(--na-gutter) 54px; background: var(--att); } /* bloc de 592 px fixe dans la maquette, contenu qui déborde de 10 px en bas */
.na-main .na-att__title { color: #fff; text-align: center; }
.na-main .na-att__sub { margin-top: -30px; font-weight: 700; font-size: var(--na-h3); line-height: 1.25; color: #fff; text-align: center; }
.na-att__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 304px)); justify-content: center; gap: 32px; width: 100%; }
.na-att__card { display: flex; flex-direction: column; gap: 8px; min-height: 284px; padding: 32px; border-radius: 24px; background: var(--na-cream); }
.na-att__num { font-weight: 700; font-size: clamp(44px, calc(32px + 1.9445vw), 60px); line-height: 1.25; color: #1a2d4e; }
.na-att__text { font-weight: 700; font-size: 23px; line-height: 1.25; color: var(--na-ink); }
.na-modal { padding: 40px var(--na-pad-x) 123px; }
.na-main .na-modal .na-title { margin-bottom: 40px; text-align: center; }
.na-att__grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.na-att__grid--5 .na-att__card { gap: 24px; min-height: 308px; padding: 32px 24px; }

/* Argumentaire : variantes */
.na-main .na-args--ink .na-arg__text { color: var(--na-ink); }
.na-args--ink { min-height: 592px; } /* bloc de 592 px dans la maquette */
.na-args--notitle { min-height: 417px; }

/* Page offre */
.na-otop { padding-top: var(--na-top); background: var(--ltop); }
.na-otop > .na-back { padding-inline: var(--na-pad-x); }
.na-otop__head { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; height: 160px; margin-top: 72px; padding-inline: var(--na-pad-x); } /* hauteur fixe : la photo reste à 462 px du haut, comme la maquette */
.na-main .na-otop__title { font-weight: 600; font-size: clamp(32px, 1.4rem + 1.9vw, 48px); line-height: 1.33; color: var(--na-blue); }
.na-otop__lead { font-family: var(--na-serif); font-size: clamp(22px, calc(16px + .9723vw), 30px); line-height: 1.33; }
.na-main .na-otop .na-otop__media { margin-top: 75px; aspect-ratio: 1440 / 640; overflow: hidden; }
.na-otop__media img { width: 100%; height: 100%; object-fit: cover; }
.na-signs { display: flex; flex-direction: column; gap: 40px; padding: 88px var(--na-gutter); }
.na-signs__item { width: 100%; max-width: 850px; margin-inline: auto; }
.na-main .na-signs__title { font-family: var(--na-serif); font-weight: 600; font-size: 23px; line-height: 1.35; color: var(--na-blue); }
.na-signs__item > p { margin-top: 16px; }
.na-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; padding: 64px var(--na-pad-x) 0; }
.na-main .na-benefits .na-title { margin-bottom: 32px; text-align: center; }
.na-benefits__card { display: flex; flex-direction: column; gap: 24px; min-height: 267px; padding: 40px 64px 32px; border-radius: 24px; background: var(--na-cream); }
.na-benefits__card ul { margin: 0; padding-left: 1.4em; }
.na-usages { padding: 64px var(--na-pad-x); border-top: 1px solid var(--na-blue-200); }
.na-main .na-usages .na-title { margin-bottom: 32px; text-align: center; }
.na-usages__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.na-usage { --case-color: #2a4360; display: flex; flex-direction: column; gap: 8px; min-height: 336px; padding: 42px 30px 56px; border-bottom: 10px solid var(--case-color); border-radius: 24px; background: var(--na-cream); text-align: center; }
.na-usage__title { font-weight: 700; color: var(--na-navy); }
.na-usage__text { font-size: 15px; line-height: 1.4; }

/* Annuaire des médiateurs */
.na-mbanner { padding: var(--na-top) var(--na-gutter) 48px; background: var(--na-sky); text-align: center; }
.na-mbanner__kicker { font-weight: 700; font-size: var(--na-h3); line-height: 1.25; color: #fff; }
.na-mbanner__text { margin-top: 8px; font-family: var(--na-serif); font-size: clamp(24px, calc(16px + 1.6667vw), 40px); line-height: 1.2; color: var(--na-blue); }
.na-annuaire { padding: 64px var(--na-pad-x) 96px; }
.na-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 65px; }
.na-chip { --chip: var(--na-blue); display: inline-flex; align-items: center; min-height: 45px; padding: 9px 23px; border: 1px solid var(--na-sky); border-radius: 999px; background: #fff; font-family: var(--na-sans); font-weight: 300; font-size: 18px; line-height: 1.4; color: var(--chip); text-decoration: none; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s; }
.na-chip--0 { --chip: #1a2d4e; }
.na-chip--1 { --chip: #6b7a94; }
.na-chip--2 { --chip: #59654a; }
.na-chip--3 { --chip: #f7a99a; }
.na-chip:hover { border-color: var(--chip); }
.na-chip[aria-pressed="true"], .na-chip.is-active { border-color: var(--chip); background: var(--chip); color: #fff; }
.na-main .na-meds__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 280px)); justify-content: space-between; gap: 64px 32px; margin: 64px 0 0; padding: 0; list-style: none; }
.na-meds__grid > li[hidden] { display: none; }
.na-main .na-med__img { margin: 0; overflow: hidden; background: var(--na-sky); }
.na-med__img img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: transform .4s; }
.na-meds__grid > li:hover .na-med__img img { transform: scale(1.03); }
.na-main .na-med__name { margin-top: 17px; font-family: var(--na-serif); font-weight: 600; font-size: 23px; line-height: 1.333; color: var(--na-blue); }
.na-med__name a { text-decoration: none; }
.na-main .na-med__text { margin-top: 25px; font-size: 15px; line-height: 1.4; }
.na-med__text p { margin: 0; }
.na-main .na-med__more { display: inline-block; margin-top: 16px; width: 24px; height: 24px; overflow: hidden; font-size: 0; color: var(--na-ink); }
.na-med__more::before { content: ""; display: block; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--na-arrow) center / 24px no-repeat; mask: var(--na-arrow) center / 24px no-repeat; }

/* Fiche médiateur, profil (carrière) */
.na-fiche__top { display: grid; grid-template-columns: minmax(0, 704fr) minmax(0, 736fr); min-height: 718px; }
.na-fiche__img { position: relative; margin: 0; background: var(--na-sky); }
.na-fiche__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.na-fiche__panel { display: flex; flex-direction: column; align-items: flex-start; padding: 64px; background: var(--na-cream); }
.na-fiche__name { font-family: var(--na-serif); font-weight: 600; font-size: clamp(34px, 1.4rem + 1.9vw, 48px); line-height: 1.3333; color: var(--na-blue); }
.na-fiche__role { margin-top: 16px; font-weight: 700; }
.na-fiche__quote { margin: 40px 0 0; padding: 0; }
.na-fiche__quote::before { content: ""; display: block; width: 39px; height: 30px; margin-bottom: 16px; background: #b8c6e0; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 30'%3E%3Cpath d='M9.348 29.754C7.6 29.754 6.156 29.412 5.016 28.728C3.876 28.044 2.926 27.132 2.166 25.992C1.406 24.776 0.836 23.408 0.456 21.888C0.152 20.368 0 19 0 17.784C0 14.06 0.95 10.64 2.85 7.524C4.826 4.408 7.828 1.9 11.856 0L12.882 2.052C10.602 3.04 8.626 4.56 6.954 6.612C5.282 8.664 4.37 10.754 4.218 12.882C4.066 14.022 4.142 15.086 4.446 16.074C5.814 14.782 7.486 14.136 9.462 14.136C11.666 14.136 13.528 14.858 15.048 16.302C16.568 17.67 17.328 19.57 17.328 22.002C17.328 24.282 16.53 26.144 14.934 27.588C13.414 29.032 11.552 29.754 9.348 29.754ZM30.096 29.754C28.348 29.754 26.904 29.412 25.764 28.728C24.624 28.044 23.674 27.132 22.914 25.992C22.154 24.776 21.584 23.408 21.204 21.888C20.9 20.368 20.748 19 20.748 17.784C20.748 14.06 21.698 10.64 23.598 7.524C25.574 4.408 28.576 1.9 32.604 0L33.63 2.052C31.35 3.04 29.374 4.56 27.702 6.612C26.03 8.664 25.118 10.754 24.966 12.882C24.814 14.022 24.89 15.086 25.194 16.074C26.562 14.782 28.234 14.136 30.21 14.136C32.414 14.136 34.276 14.858 35.796 16.302C37.316 17.67 38.076 19.57 38.076 22.002C38.076 24.282 37.278 26.144 35.682 27.588C34.162 29.032 32.3 29.754 30.096 29.754Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 30'%3E%3Cpath d='M9.348 29.754C7.6 29.754 6.156 29.412 5.016 28.728C3.876 28.044 2.926 27.132 2.166 25.992C1.406 24.776 0.836 23.408 0.456 21.888C0.152 20.368 0 19 0 17.784C0 14.06 0.95 10.64 2.85 7.524C4.826 4.408 7.828 1.9 11.856 0L12.882 2.052C10.602 3.04 8.626 4.56 6.954 6.612C5.282 8.664 4.37 10.754 4.218 12.882C4.066 14.022 4.142 15.086 4.446 16.074C5.814 14.782 7.486 14.136 9.462 14.136C11.666 14.136 13.528 14.858 15.048 16.302C16.568 17.67 17.328 19.57 17.328 22.002C17.328 24.282 16.53 26.144 14.934 27.588C13.414 29.032 11.552 29.754 9.348 29.754ZM30.096 29.754C28.348 29.754 26.904 29.412 25.764 28.728C24.624 28.044 23.674 27.132 22.914 25.992C22.154 24.776 21.584 23.408 21.204 21.888C20.9 20.368 20.748 19 20.748 17.784C20.748 14.06 21.698 10.64 23.598 7.524C25.574 4.408 28.576 1.9 32.604 0L33.63 2.052C31.35 3.04 29.374 4.56 27.702 6.612C26.03 8.664 25.118 10.754 24.966 12.882C24.814 14.022 24.89 15.086 25.194 16.074C26.562 14.782 28.234 14.136 30.21 14.136C32.414 14.136 34.276 14.858 35.796 16.302C37.316 17.67 38.076 19.57 38.076 22.002C38.076 24.282 37.278 26.144 35.682 27.588C34.162 29.032 32.3 29.754 30.096 29.754Z'/%3E%3C/svg%3E") center / contain no-repeat; } /* guillemet vectoriel de la maquette */
.na-fiche__quote p { max-width: 544px; font-family: var(--na-serif); font-size: clamp(24px, 1rem + 1.2vw, 32px); line-height: 1.3; }
.na-fiche__panel .wp-block-buttons { margin-top: auto; padding-top: 40px; } /* bouton calé en bas du panneau comme dans la maquette */
.na-fiche__body { display: flex; flex-direction: column; gap: 12px; max-width: calc(864px + 2 * var(--na-gutter)); margin-inline: auto; padding: 64px var(--na-gutter) 88px; color: var(--na-ink-2); }
.na-fiche__body--flush { padding-top: 0; padding-bottom: 8px; }
.na-main .na-fiche__h { margin: 12px 0; font-family: var(--na-serif); font-weight: 600; font-size: 23px; line-height: 1.35; color: var(--na-blue); }
.na-main .na-fiche__h:first-child { margin-top: 0; }
.na-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 64px; margin: 12px 0 0; padding: 40px; border-radius: 24px; background: var(--na-cream); }
.na-main .na-facts__title { font-family: var(--na-serif); font-weight: 600; font-size: 23px; line-height: 1.35; color: var(--na-blue); }
.na-facts__text { margin-top: 16px; font-size: 15px; line-height: 1.4; }
.na-fiche__body > .wp-block-buttons { margin-top: 12px; }

/* Bandeau photo + titre (formations, carrière) */
.na-phero { position: relative; isolation: isolate; display: flex; justify-content: center; min-height: clamp(420px, 52.8vw, 760px); padding: 139px var(--na-gutter) 64px; overflow: hidden; }
.na-main .na-phero__bg { position: absolute; inset: 0; z-index: -1; margin: 0; }
.na-phero__bg img { width: 100%; height: 100%; object-fit: cover; }
.na-main .na-phero__title { max-width: 860px; }

/* Bandeau « Un besoin de formation spécifique ? » */
.na-band { display: grid; grid-template-columns: minmax(0, 499px) minmax(0, 475px) auto; justify-content: center; align-items: center; gap: 32px; min-height: 152px; padding: 0 var(--na-pad-x); border-top: 1px solid var(--na-blue-200); }
.na-band__title { font-weight: 600; font-size: clamp(28px, calc(19.2px + 1.4445vw), 40px); line-height: 1.25; color: var(--na-blue); }
.na-band__text { font-family: var(--na-serif); font-size: clamp(20px, calc(16px + .9723vw), 30px); line-height: 1.3; }

/* Points de vue (page blog et catégories) */
.na-blog { padding: var(--na-top) var(--na-pad-x) 96px; }
.na-blog .na-filters { gap: 24px; margin-top: 48px; }
.na-main .na-blog__h { margin: 56px 0 16px; }
.na-main .na-blog__h--center { margin-top: 96px; margin-bottom: 40px; text-align: center; }
.na-main .na-une__list { margin: 0; padding: 0; list-style: none; }
.na-une__list > li { display: grid; grid-template-columns: minmax(0, 639fr) minmax(0, 673fr); }
.na-main .na-une__img { margin: 0; aspect-ratio: 639 / 524; overflow: hidden; }
.na-une__img img { width: 100%; height: 100%; object-fit: cover; }
.na-une__body { display: flex; flex-direction: column; justify-content: center; gap: 40px; padding: 40px 64px; background: var(--na-ice); }
.na-main .na-une__title { font-family: var(--na-serif); font-weight: 700; font-size: clamp(24px, 1rem + 1vw, 30px); line-height: 1.3333; color: var(--na-blue); }
.na-une__title a, .na-cards__title a { text-decoration: none; }
.na-une__title a:hover, .na-cards__title a:hover { text-decoration: underline; text-underline-offset: 4px; }
.na-une__text p, .na-cards__text p { margin: 0; }
.na-more-arrow { display: inline-block; width: 24px; height: 24px; overflow: hidden; font-size: 0; color: var(--na-ink); }
.na-more-arrow::before { content: ""; display: block; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--na-arrow) center / 24px no-repeat; mask: var(--na-arrow) center / 24px no-repeat; }
.na-main .na-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 63px 64px; margin: 0; padding: 0; list-style: none; }
.na-main .na-cards__img { margin: 0; aspect-ratio: 395 / 274; overflow: hidden; background: var(--na-sky); }
.na-cards__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.na-cards > li:hover .na-cards__img img { transform: scale(1.03); }
.na-main .na-cards__title { margin-top: 16px; font-weight: 700; font-size: 23px; line-height: 1.25; color: var(--na-blue); }
.na-main .na-cards__text { margin-top: 16px; font-size: 15px; line-height: 1.4; }
.na-loadmore { display: flex; justify-content: center; margin-top: 64px; }
.na-loadmore a { display: inline-flex; align-items: center; gap: 8px; min-height: 56px; padding: 16px 24px; border-radius: 8px; background: var(--na-blue); color: #fff; font-weight: 600; font-size: 18px; line-height: 1; text-transform: lowercase; text-decoration: none; }
.na-loadmore a::before { content: ""; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--na-arrow) center / 24px no-repeat; mask: var(--na-arrow) center / 24px no-repeat; }
.na-loadmore a:hover { background: var(--na-blue-700); }
.na-blog .na-pagination { padding: 64px 0 0; }
.na-empty { margin-top: 48px; text-align: center; }

/* Pages de texte (qui sommes-nous, légal, médiateur, pourquoi) */
.na-text-page { padding: var(--na-top) var(--na-gutter) 88px; }
.na-col { display: flex; flex-direction: column; gap: 24px; max-width: 864px; margin: clamp(48px, 10.5vw, 152px) auto 0; }
.na-main .na-legal__h { font-family: var(--na-serif); font-weight: 600; font-size: 23px; line-height: 1.35; color: var(--na-blue); }
.na-main .na-ph--wide { max-width: 1312px; margin: clamp(48px, 10.5vw, 152px) auto 0; aspect-ratio: 1312 / 606; }
.na-ph--wide + .na-col { margin-top: 83px; }
/* Sommaire « Sections » : menu déroulant qui s'ouvre par-dessus le texte (maquette), sans décaler la page. */
.na-col { position: relative; }
.na-toc { position: relative; z-index: 5; height: 0; margin-top: -24px; }
.na-toc summary { position: absolute; right: 0; bottom: 18px; display: flex; align-items: center; gap: 8px; padding: 6px 16px; border: 1px solid var(--na-blue-200); border-radius: 999px; background: #fff; font-family: var(--na-serif); font-weight: 600; font-size: 18px; line-height: 1.35; color: var(--na-blue); list-style: none; cursor: pointer; }
.na-toc summary::-webkit-details-marker { display: none; }
.na-toc summary::after { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--na-chevron) center / 20px no-repeat; mask: var(--na-chevron) center / 20px no-repeat; }
.na-toc[open] summary::after { transform: rotate(180deg); }
.na-toc ol { position: absolute; top: 13px; left: 32px; width: min(800px, calc(100% - 64px)); margin: 0; padding: 24px 32px 24px 64px; border-radius: 24px; background: var(--na-cream); box-shadow: 0 12px 40px rgba(5, 18, 42, .12); }
.na-toc li + li { margin-top: 12px; }
.na-toc a { color: var(--na-ink); text-underline-offset: 3px; }
.na-legal__h { scroll-margin-top: calc(var(--na-header-h) + 24px); }
.na-col__part { display: flex; flex-direction: column; gap: 12px; }
.na-col .wp-block-spacer, .na-col__part .wp-block-spacer { margin: 0; }
.na-text-page > .wp-block-buttons { margin-top: 88px; }
.na-main .na-lead { max-width: 864px; margin: clamp(48px, 10.5vw, 152px) auto 0; font-family: var(--na-serif); font-size: clamp(22px, calc(16px + .9723vw), 30px); line-height: 1.33; }
.na-founder { display: grid; grid-template-columns: minmax(0, 588fr) minmax(0, 724fr); align-items: center; max-width: 1312px; margin: 40px auto 0; overflow: hidden; border-radius: 24px; background: var(--na-ice); }
.na-lead + .na-founder { margin-top: 33px; }
.na-founder + .wp-block-buttons { margin-top: 40px; }
.na-founder--reverse { grid-template-columns: minmax(0, 724fr) minmax(0, 588fr); }
.na-main .na-founder__img { height: 100%; margin: 0; }
.na-founder__img img { width: 100%; height: 100%; min-height: 560px; object-fit: cover; }
.na-founder__text { display: flex; flex-direction: column; gap: 12px; padding: 48px 72px; }
.na-founder--reverse .na-founder__text { padding-inline: 64px; }
.na-main .na-founder__name { margin-bottom: 28px; font-family: var(--na-serif); font-weight: 600; font-size: 23px; line-height: 1.35; color: var(--na-blue); }

/* Manifesto */
.na-manif { display: grid; grid-template-columns: minmax(0, 644fr) minmax(0, 796fr); min-height: 1139px; }
.na-main .na-manif__img { position: relative; margin: 0; }
.na-manif__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.na-manif__content { display: flex; flex-direction: column; gap: 12px; padding: var(--na-top) 64px 40px 88px; }
.na-main .na-manif__content .na-ptitle { margin: 0 0 92px; text-align: left; }

/* Avis clients */
.na-reviews-page { padding: var(--na-top) var(--na-pad-x) 96px; }
.na-reviews { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 96px; }
.na-review { display: flex; flex-direction: column; min-height: 338px; padding: 32px; border-radius: 24px; background: var(--na-cream); }
.na-stars { --rating: 5; width: 120px; height: 24px; background: linear-gradient(90deg, var(--na-ink) calc(var(--rating) / 5 * 100%), var(--na-sky) 0); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z'/%3E%3C/svg%3E") left center / 24px repeat-x; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z'/%3E%3C/svg%3E") left center / 24px repeat-x; }
.na-main .na-review__quote { flex: 1; margin-top: 24px; font-weight: 400; font-size: 23px; line-height: 1.4; }
.na-main .na-review__name { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--na-blue-200); font-family: var(--na-serif); font-weight: 600; font-size: 23px; line-height: 1.35; color: var(--na-blue); }

/* Contact et formulaires */
.na-ctop { padding: var(--na-top) var(--na-gutter) 32px; }
.na-contact { display: grid; grid-template-columns: minmax(0, 418fr) minmax(0, 862fr); align-items: start; gap: 32px; padding: 64px var(--na-pad-x) 88px; }
.na-contact__aside { padding-right: 32px; }
.na-main .na-contact__intro { font-weight: 700; font-size: 23px; line-height: 1.25; }
.na-main .na-contact__label { margin-top: 40px; font-weight: 400; font-size: 23px; line-height: 25px; color: #545f68; }
.na-main .na-contact__mail { margin-top: 8px; font-weight: 700; font-size: 23px; line-height: 25px; color: var(--na-blue); }
.na-contact__mail a { text-decoration: none; }
.na-main .wp-block-group .na-contact__logo { width: 151px; margin-top: 40px; }
.na-form { padding: 64px; border-radius: 24px; background: var(--na-cream); }
.na-formsec { padding: 64px var(--na-gutter) 88px; }
.na-formsec .na-form { max-width: 864px; margin-inline: auto; padding: 64px; background: var(--na-ice); }
.na-form__intro { margin-bottom: 40px; max-width: 704px; font-weight: 700; font-size: 23px; line-height: 1.35; }
.na-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; padding: 32px 0; border-block: 1px solid var(--na-blue-200); }
.na-form__field { grid-column: 1 / -1; }
.na-form__field.is-half { grid-column: auto; }
.na-form label { display: block; margin-bottom: 4px; font-weight: 700; font-size: 15px; line-height: 21px; color: #0d465e; }
.na-form input[type="text"], .na-form input[type="email"], .na-form input[type="tel"], .na-form input[type="file"], .na-form select, .na-form textarea { display: block; width: 100%; min-height: 64px; padding: 18px 20px; border: 1px solid var(--na-blue-300); border-radius: 16px; background: #fff; font: 300 18px/1.4 var(--na-sans); color: #141616; }
.na-form textarea { height: 64px; min-height: 64px; resize: vertical; } /* champ d'une ligne dans la maquette, agrandissable */
.na-form--candidature textarea { height: 129px; }
.na-form select { appearance: none; padding-right: 56px; background: #fff var(--na-chevron) no-repeat right 20px center / 24px; }
.na-form :is(input, select, textarea):focus-visible { outline: 2px solid var(--na-blue); outline-offset: 1px; border-color: var(--na-blue); }
.na-form__consent { display: flex; align-items: flex-start; gap: 16px; margin-top: 40px; }
.na-form__consent input { flex: none; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--na-blue); }
.na-form__consent label { margin: 0; font-weight: 300; font-size: 18px; line-height: 1.4; color: var(--na-ink); }
.na-form__consent a { color: inherit; text-underline-offset: 3px; }
.na-form__submit { margin-top: 40px; text-align: center; }
.na-btn-icon::before { content: ""; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--na-arrow) center / 24px no-repeat; mask: var(--na-arrow) center / 24px no-repeat; }
.na-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.na-form__notice { margin-bottom: 24px; padding: 16px 20px; border-radius: 8px; font-weight: 400; }
.na-form__notice.is-ok { background: #e3f1e6; color: #1d5b2c; }
.na-form__notice.is-error { background: #fbe6e3; color: #8a2216; }
.na-dialog { width: min(800px, calc(100% - 32px)); max-height: calc(100% - 32px); padding: 32px; border: 0; border-radius: 24px; background: var(--na-cream); }
.na-dialog::backdrop { background: rgba(5, 18, 42, .45); }
.na-dialog__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.na-dialog__title { font-family: var(--na-serif); font-weight: 600; font-size: 28px; line-height: 1.3; color: var(--na-blue); }
.na-dialog__close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; }
.na-dialog .na-form { padding: 0; }

/* Étude de cas */
.na-main .na-etude__title { margin-top: 64px; padding-inline: var(--na-gutter); }
.na-step { display: grid; grid-template-columns: minmax(0, 415fr) minmax(0, 865fr); gap: 32px; margin: 0 max(var(--na-gutter), calc((100% - 1312px) / 2)); padding: 39px 0 0; border-top: 1px solid var(--na-blue-200); }
.na-step + .na-step { margin-top: 32px; }
.na-etude__title + .na-step { margin-top: 104px; }
.na-etude > .na-step:last-child { margin-bottom: 152px; }
.na-step__text { max-width: 801px; }
.na-step__num { font-weight: 500; font-size: clamp(36px, calc(25.6px + 1.5556vw), 48px); line-height: 1.25; color: var(--na-sky); }
.na-main .na-step__title { margin-top: 8px; font-weight: 700; font-size: var(--na-h3); line-height: 1.25; color: var(--na-blue); }
.na-step__text { display: flex; flex-direction: column; gap: 12px; color: #000; }
.na-step__text ul { margin: 0; padding-left: 1.4em; }
.na-cases--archive { padding-top: var(--na-top); }
.na-main .na-cases--archive .na-ptitle { margin-bottom: 48px; }

/* Article */
.na-article__header { max-width: 1192px; margin: 64px auto 0; padding-inline: var(--na-gutter); text-align: center; }
.na-article__header .na-article__meta { margin-top: 16px; }
.na-article .na-article__cover { max-width: calc(866px + 2 * var(--na-gutter)); margin: 16px auto; }
.na-article .na-prose { max-width: calc(864px + 2 * var(--na-gutter)); padding-top: 88px; }
.na-article .na-prose > * + * { margin-top: 12px; }
.na-article .na-prose > h2, .na-article .na-prose > h2 + * { margin-top: 16px; }
.na-article .na-prose h2 { font-size: 23px; line-height: 1.35; }
.na-article .na-article__cover img { width: 100%; border-radius: 0; }

/* Page Questions fréquentes */
.na-faq--page { padding-top: 48px; border-top: 0; }
.na-main .na-faqpage__h { max-width: 1192px; margin: 0 auto 24px; font-weight: 700; font-size: 23px; line-height: 1.25; color: var(--na-blue); }

/* ==========================================================================
   Adaptation aux écrans (aucune maquette mobile : adaptation SEO Design)
   ========================================================================== */
@media (max-width: 1180px) {
	.na-header--full .na-nav { display: none; }
	.na-header--full .na-header__burger { display: grid; margin-left: 16px; }
	.na-header--full .na-header__cta { margin-left: auto; }
	.na-att__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.na-att__grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.na-main .na-meds__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.na-facts { gap: 32px; }
	.na-offre { gap: 0 40px; }
	.na-metiers { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
	.na-card { min-height: 0; }
	.na-cases__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.na-case { min-height: 0; }
}

@media (max-width: 900px) {
	.na-offres, .na-offres--forma, .na-contact { grid-template-columns: 1fr; gap: 32px; }
	.na-offre { grid-template-columns: minmax(0, 1fr) 24px; gap: 8px 24px; }
	.na-offre > :nth-child(2) { grid-row: 2; }
	.na-offre::after { grid-column: 2; grid-row: 1 / span 2; }
	.na-otop__head, .na-benefits, .na-band { grid-template-columns: 1fr; }
	.na-otop__head { height: auto; }
	.na-benefits__card { min-height: 0; }
	.na-att__grid--5 .na-att__card { min-height: 0; }
	.na-benefits__card { height: auto; padding: 32px; }
	.na-usages__grid, .na-reviews, .na-main .na-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px; }
	.na-main .na-meds__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 24px; }
	.na-fiche__top, .na-manif, .na-founder, .na-founder--reverse, .na-une__list > li, .na-step { grid-template-columns: 1fr; }
	.na-fiche__img { aspect-ratio: 1; max-height: 560px; }
	.na-fiche__panel { padding: 48px var(--na-gutter); }
	.na-manif { min-height: 0; }
	.na-main .na-manif__img { aspect-ratio: 4 / 5; max-height: 560px; }
	.na-manif__content { padding: 48px var(--na-gutter) 64px; }
	.na-main .na-manif__content .na-ptitle { margin-bottom: 32px; }
	.na-founder--reverse .na-founder__img { order: -1; }
	.na-founder__img img { min-height: 0; aspect-ratio: 588 / 600; }
	.na-founder__text, .na-founder--reverse .na-founder__text { padding: 40px 32px; }
	.na-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.na-une__body { padding: 32px; }
	.na-step { gap: 16px; }
	.na-main .na-damier .na-ph { min-height: 280px; }
	.na-ltop__media--duo .na-ltop__img { width: 49%; }
	.na-etapes { grid-template-columns: 1fr; min-height: 0; }
	.na-main .na-etapes__img { min-height: 0; aspect-ratio: 4 / 3; max-height: 460px; width: 100%; }
	.na-etapes__content { padding: 48px var(--na-gutter) 56px; }
	.na-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.na-damier { grid-template-columns: 1fr; min-height: 0; }
	.na-damier__content { padding-block: 56px; }
	.na-main .na-damier__img { min-height: 0; aspect-ratio: 720 / 700; max-height: 560px; width: 100%; }
	.na-args__grid { grid-template-columns: 1fr; gap: 0; }
	.na-main .na-args .na-title { margin-bottom: 32px; }
	.na-testimonials__grid { grid-template-columns: minmax(0, 420px); }
	.na-main .na-partners .na-title { margin-bottom: 56px; }
	.na-logos__track { gap: 64px; }
	.na-logos__item img { transform: scale(.85); }
	.na-main .na-pdv__track { gap: 20px; padding-inline: 9vw; scroll-snap-type: x mandatory; cursor: auto; }
	.na-pdv__track > li { flex-basis: 82vw; scroll-snap-align: center; }
	.na-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; }
	.na-footer__ffcm { justify-content: flex-start; }
}

@media (max-width: 600px) {
	:root { --na-header-h: 72px; }
	.na-header--full .na-header__logo .na-logo { width: 150px; }
	.na-att { padding-inline: 20px; }
	.na-att__grid, .na-att__grid--5, .na-usages__grid, .na-reviews, .na-main .na-cards, .na-form__grid { grid-template-columns: 1fr; }
	.na-att__card { min-height: 0; }
	.na-main .na-att__sub { margin-top: -24px; }
	.na-form__field.is-half { grid-column: 1 / -1; }
	.na-formsec .na-form, .na-form { padding: 24px; }
	.na-bar { flex-direction: column; align-items: flex-start; gap: 8px; }
	.na-bar__label { text-align: left; }
	.na-facts { grid-template-columns: 1fr; gap: 20px; padding: 24px; }
	.na-header__inner { padding: 12px 20px; }
	.na-header__cta { min-height: 40px; padding: 10px 14px; font-size: 15px; }
	.na-header__logo .na-logo { width: 150px; }
	.na-metiers { grid-template-columns: 1fr; padding-inline: 20px; }
	.na-main .na-card__title { margin-top: 24px; }
	.na-cases__grid { grid-template-columns: 1fr; }
	.na-kpis { gap: 40px 16px; }
	.na-steps li { gap: 16px; min-height: 0; padding: 16px 0; }
	.na-steps li::before { min-width: 56px; }
	.na-faq__item summary { padding-block: 24px; line-height: 1.35; }
	.na-footer__top { grid-template-columns: 1fr; }
	.na-menu__panel { padding: 20px 24px 32px; }
	/* Repasse mobile : titres de page plus compacts. */
	.na-main .na-ptitle, .na-page__title, .na-main .na-ltop__title { font-size: 34px; line-height: 1.12; }
	/* Respirations entre sections réduites. */
	.na-offres, .na-signs, .na-intro--career { padding-block: 56px; }
	.na-text-page, .na-formsec, .na-contact { padding-bottom: 56px; }
	.na-blog, .na-annuaire, .na-reviews-page, .na-modal { padding-bottom: 64px; }
	/* Formations et carrière : titre au-dessus de l'illustration. */
	.na-phero { flex-direction: column; justify-content: flex-start; min-height: 0; padding: var(--na-top) 0 0; }
	.na-main .na-phero__title { order: 1; padding-inline: var(--na-gutter); }
	.na-main .na-phero__bg { position: relative; inset: auto; z-index: 0; order: 2; margin-top: 24px; aspect-ratio: 4 / 3; }
	/* Bandeau « Un besoin de formation spécifique ? ». */
	.na-band { gap: 20px; padding-block: 48px; }
	/* Filtres sur une seule ligne qui défile. */
	.na-filters, .na-blog .na-filters { flex-wrap: nowrap; justify-content: flex-start; gap: 12px; overflow-x: auto; margin-inline: calc(-1 * var(--na-gutter)); padding: 2px var(--na-gutter) 6px; scrollbar-width: none; }
	.na-filters::-webkit-scrollbar { display: none; }
	.na-chip { flex: none; min-height: 44px; padding: 8px 18px; font-size: 16px; white-space: nowrap; }
	/* Histoires de médiation : cartes qui défilent sur le côté. */
	.na-cases__grid { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(-1 * var(--na-pad-x)); padding: 0 var(--na-pad-x) 8px; scrollbar-width: none; }
	.na-cases__grid::-webkit-scrollbar { display: none; }
	.na-case { flex: 0 0 82%; scroll-snap-align: center; }
	/* Résultats attendus : cartes compactes, numéro à gauche. */
	.na-att__grid:not(.na-att__grid--5) { gap: 12px; }
	.na-att__grid:not(.na-att__grid--5) .na-att__card { flex-direction: row; align-items: baseline; gap: 16px; padding: 20px 24px; }
	.na-att__grid:not(.na-att__grid--5) .na-att__num { flex: none; min-width: 52px; font-size: 36px; line-height: 1.1; }
	.na-att__grid:not(.na-att__grid--5) .na-att__text { font-size: 19px; line-height: 1.3; }
	/* Règlement : sommaire en haut du texte. */
	.na-toc { order: -1; height: auto; margin: 0; }
	.na-toc summary { position: static; display: inline-flex; }
	.na-toc ol { top: calc(100% + 8px); left: 0; width: 100%; padding: 20px 24px 20px 44px; }
	/* Pied de page : liens sur deux colonnes. */
	.na-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
	.na-footer__top > :nth-child(n+3) { grid-column: 1 / -1; }
	/* Menu : zones de clic plus confortables. */
	.na-menu__list .sub-menu a { padding: 9px 0; }
	/* Articles et études de cas. */
	.na-article .na-prose { padding-top: 40px; }
	.na-etude__title + .na-step { margin-top: 48px; }
	.na-etude > .na-step:last-child { margin-bottom: 64px; }
	.na-step { padding-top: 24px; }
	.na-main .na-phero > .na-phero__bg.wp-block-image { margin-top: 32px; }
	/* Fenêtre d'inscription : plus large sur téléphone. */
	.na-dialog { width: calc(100% - 16px); max-height: calc(100% - 16px); padding: 24px 20px; }
}

@media (max-width: 480px) {
	.na-header__cta { display: none; }
}

/* Mouvement réduit : pas d'animation ni de défilement automatique. */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Éditeur : les logos s'affichent sur plusieurs lignes, sans défilement. */
.na-logos__track.block-editor-block-list__block { width: auto; flex-wrap: wrap; justify-content: center; gap: 40px 64px; }
.editor-styles-wrapper .na-hero__title { color: #fff; }