/**
 * Bande pleine largeur (type section Approche accueil) — UNE section par page.
 */

.ed-editorial-spotlight {
	position: relative;
	width: 100vw;
	max-width: none;
	margin: 0 calc(50% - 50vw);
	padding: 0;
	overflow: hidden;
	background: linear-gradient(180deg, #131210 0%, #0c0b0a 100%);
	color: rgba(255, 255, 255, 0.92);
	border: none;
}

.ed-editorial-spotlight::before {
	content: "";
	position: absolute;
	top: 10%;
	left: -8%;
	width: min(1200px, 95vw);
	height: min(900px, 75vh);
	background: radial-gradient(
		ellipse 80% 70% at 38% 48%,
		rgba(var(--o3w-accent-rgb), 0.12) 0%,
		rgba(var(--o3w-accent-rgb), 0.04) 42%,
		transparent 72%
	);
	pointer-events: none;
}

.ed-editorial-spotlight__decor {
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: space-between;
	padding: 0 var(--ed-shell-pad-x, 96px);
	pointer-events: none;
	opacity: 0.08;
}

.ed-editorial-spotlight__decor span {
	flex-shrink: 0;
	width: 1px;
	height: 100%;
	background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.18) 35%, rgba(255, 255, 255, 0.18) 65%, transparent 100%);
}

.ed-editorial-spotlight__inner {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	max-width: var(--ed-shell-max, 1680px);
	margin-inline: auto;
	padding: clamp(88px, 11vh, 120px) var(--ed-shell-pad-x, 96px);
}

/* ——— Typo claire (priorité sur .o3w-editorial { color: ink }) ——— */
.o3w-editorial .ed-editorial-spotlight,
.o3w-editorial .ed-editorial-spotlight .ed-shell-body__main,
.o3w-editorial .ed-editorial-spotlight .ed-prose,
.o3w-editorial .ed-editorial-spotlight .ed-expertises-hub__body {
	color: rgba(255, 255, 255, 0.88);
}

.o3w-editorial .ed-editorial-spotlight .o3w-display,
.o3w-editorial .ed-editorial-spotlight .ed-shell-hero__title,
.o3w-editorial .ed-editorial-spotlight .ed-drawer-section__head,
.o3w-editorial .ed-editorial-spotlight .ed-drawer-section__title,
.o3w-editorial .ed-editorial-spotlight .ed-expertises-stance__title,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-editorial__title,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-editorial__project-title,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-featured__title,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-card--primary .ed-portfolio-card__title,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-card--primary .ed-portfolio-card__body-link {
	color: rgba(255, 255, 255, 0.96);
}

.o3w-editorial .ed-editorial-spotlight .ed-home-kicker,
.o3w-editorial .ed-editorial-spotlight .ed-shell-band__kicker,
.o3w-editorial .ed-editorial-spotlight .ed-shell-body__label,
.o3w-editorial .ed-editorial-spotlight .ed-expertises-stance__label,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-editorial__sector,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-featured__kicker,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-card--primary .ed-portfolio-card__sector {
	color: rgba(255, 255, 255, 0.45);
}

.o3w-editorial .ed-editorial-spotlight .ed-portfolio-featured__kicker {
	border-bottom-color: rgba(255, 255, 255, 0.14);
}

.o3w-editorial .ed-editorial-spotlight .ed-expertises-stance {
	border-top-color: rgba(255, 255, 255, 0.1);
}

.o3w-editorial .ed-editorial-spotlight .ed-expertises-stance__text,
.o3w-editorial .ed-editorial-spotlight .ed-expertises-stance__text--secondary,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-editorial__lead,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-editorial__tagline,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-editorial__excerpt,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-editorial__meta {
	color: rgba(255, 255, 255, 0.68);
}

.o3w-editorial .ed-editorial-spotlight .ed-shell-hero__lead,
.o3w-editorial .ed-editorial-spotlight .ed-shell-hero__intro p,
.o3w-editorial .ed-editorial-spotlight .ed-shell-band__lead,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-featured__lede,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-featured__list li,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-card--primary .ed-portfolio-card__tagline,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-card--primary .ed-portfolio-card__intro,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-card--primary .ed-portfolio-card__role,
.o3w-editorial .ed-editorial-spotlight .ed-drawer-list__text,
.o3w-editorial .ed-editorial-spotlight .ed-legal-prose--dark,
.o3w-editorial .ed-editorial-spotlight .ed-legal-prose--dark p {
	color: rgba(255, 255, 255, 0.68);
}

.o3w-editorial .ed-editorial-spotlight .ed-legal-spotlight__title {
	color: rgba(255, 255, 255, 0.96);
}

.o3w-editorial .ed-editorial-spotlight .ed-legal-spotlight__kicker {
	color: rgba(255, 255, 255, 0.45);
}

.o3w-editorial .ed-editorial-spotlight .ed-drawer-list__link {
	color: rgba(255, 255, 255, 0.92);
}

.o3w-editorial .ed-editorial-spotlight .ed-drawer-list__meta,
.o3w-editorial .ed-editorial-spotlight .ed-drawer-list__meta a {
	color: rgba(255, 255, 255, 0.42);
}

.o3w-editorial .ed-editorial-spotlight .ed-drawer-list__link:hover,
.o3w-editorial .ed-editorial-spotlight .ed-drawer-list__meta a:hover {
	color: #fff;
}

.o3w-editorial .ed-editorial-spotlight .ed-portfolio-featured__list li::before {
	color: rgba(255, 255, 255, 0.45);
}

.o3w-editorial .ed-editorial-spotlight .ed-portfolio-featured__link,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-editorial__cta,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-card--primary .ed-portfolio-card__cta {
	color: rgba(255, 255, 255, 0.88);
}

.o3w-editorial .ed-editorial-spotlight .ed-portfolio-featured__link:hover,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-editorial__cta:hover,
.o3w-editorial .ed-editorial-spotlight .ed-portfolio-card--primary .ed-portfolio-card__cta:hover {
	color: #fff;
}

.o3w-editorial .ed-editorial-spotlight a:not(.ed-portfolio-card__body-link):not(.ed-drawer-list__link) {
	color: rgba(255, 255, 255, 0.88);
}

.o3w-editorial .ed-editorial-spotlight a:not(.ed-portfolio-card__body-link):not(.ed-drawer-list__link):hover {
	color: #fff;
}

/* Typo bande sombre — alignée section Approche accueil */
.ed-editorial-spotlight--expertises-identity .ed-expertises-stance__title,
.ed-editorial-spotlight--about-intro .ed-expertises-stance__title,
.ed-editorial-spotlight--journal-exergue .ed-expertises-stance__title {
	margin: 0 0 36px;
	max-width: 18ch;
	font-size: clamp(2.5rem, 5vw, 4.75rem);
	line-height: 1.02;
	letter-spacing: -0.035em;
}

/* Typo kicker : variables globales (--o3w-kicker-size) */

.ed-editorial-spotlight--expertises-identity .ed-expertises-stance__text,
.ed-editorial-spotlight--about-intro .ed-expertises-stance__text,
.ed-editorial-spotlight--journal-exergue .ed-expertises-stance__text {
	max-width: 36rem;
	font-size: 17px;
	line-height: 1.7;
	letter-spacing: -0.005em;
}

.ed-editorial-spotlight--expertises-identity .ed-expertises-stance__text--secondary,
.ed-editorial-spotlight--about-intro .ed-expertises-stance__text--secondary,
.ed-editorial-spotlight--journal-exergue .ed-expertises-stance__text--secondary {
	margin-bottom: 0;
}

.ed-editorial-spotlight--expertises-identity .ed-expertises-stance,
.ed-editorial-spotlight--about-intro .ed-expertises-stance,
.ed-editorial-spotlight--journal-exergue .ed-expertises-stance {
	padding: 0;
	border: none;
}

.ed-editorial-spotlight--about-intro .ed-about-stance--intro .ed-expertises-stance__main {
	max-width: none;
}

.ed-editorial-spotlight--about-intro .ed-editorial-split {
	column-gap: clamp(48px, 6vw, 80px);
}

/* Réalisations — section Tourisme (bande noire) */
.ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__header {
	padding: 0;
	border: none;
}

.ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__title {
	margin-bottom: clamp(28px, 3.5vh, 36px);
}

.ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__hero {
	border-bottom-color: rgba(255, 255, 255, 0.12);
}

.ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__placeholder {
	border-color: rgba(255, 255, 255, 0.14);
	color: rgba(255, 255, 255, 0.35);
}

.o3w-editorial .ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__body-link,
.o3w-editorial .ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__visual-link,
.o3w-editorial .ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__wide-link,
.o3w-editorial .ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__compact-link {
	color: rgba(255, 255, 255, 0.92);
}

.o3w-editorial .ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__wide-link:hover .ed-portfolio-editorial__cta,
.o3w-editorial .ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__body-link:hover .ed-portfolio-editorial__cta,
.o3w-editorial .ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__visual-link:hover .ed-portfolio-editorial__project-title,
.o3w-editorial .ed-editorial-spotlight--realisations-tourism .ed-portfolio-editorial__compact-link:hover .ed-portfolio-editorial__project-title {
	color: #fff;
}

/* Corps portfolio : pas de padding latéral sur le shell (sections pleine largeur) */
.ed-shell-body--portfolio {
	padding: 0;
}

@media (max-width: 1024px) {
	.ed-editorial-spotlight__decor {
		padding-inline: var(--ed-shell-pad-x, 48px);
	}
}

@media (max-width: 640px) {
	.ed-editorial-spotlight__decor {
		display: none;
	}

	.ed-editorial-spotlight__inner {
		padding-inline: var(--ed-shell-pad-x, 24px);
	}
}