/* Pages secteurs : section « Pourquoi c'est important » et scène photo + portail. */
.lg-why { gap: clamp(2rem, 6vw, 6rem) !important; align-items: flex-start; }
.lg-why > .wp-block-column:first-child { flex: 0 0 38%; }
.lg-why h2 { font-size: clamp(1.75rem, 2.7vw, 2.6rem); overflow-wrap: normal; hyphens: manual; }
.lg-why > .wp-block-column:last-child p { font-size: 1.0625rem; line-height: 1.7; margin: 0 0 1.1em; }
.lg-why > .wp-block-column:last-child p:last-child { margin-bottom: 0; }

.lg-split--scene { align-items: center; gap: clamp(2rem, 6vw, 5.5rem) !important; }
.lg-split--scene > .wp-block-column:last-child { flex: 0 0 52%; }

.lg-scene { position: relative; margin: 0; padding: 0 0 56px; container-type: inline-size; }
.lg-scene > * { margin: 0 !important; }
.lg-scene .wp-block-image img { display: block; width: 100%; aspect-ratio: 4 / 3.3; object-fit: cover; object-position: var(--focal, center); border-radius: 26px; box-shadow: 0 40px 80px -48px rgba(0, 30, 38, .55); }
.lg-scene .wp-block-image::after { content: ""; position: absolute; inset: 0 0 56px; border-radius: 26px; background: linear-gradient(180deg, rgba(0, 25, 32, 0) 45%, rgba(0, 25, 32, .38)); pointer-events: none; }
.lg-scene .lg-phone { transform-origin: 100% 100%; position: absolute; right: -14px; bottom: 0; z-index: 2; width: 214px; transform: rotate(3deg); box-shadow: 0 50px 80px -30px rgba(0, 20, 26, .75), inset 0 0 0 1.5px rgba(255, 255, 255, .14); }
.lg-scene__chip { position: absolute; left: -18px; top: 28px; z-index: 2; display: flex; align-items: center; gap: 12px; max-width: 290px; padding: 12px 16px 12px 12px; border-radius: 16px; background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 20px 40px -24px rgba(0, 30, 38, .55); font-size: 13px; line-height: 1.35; color: var(--nf-slate, #44545A); }
.lg-scene__chip i { flex: none; width: 34px; height: 34px; border-radius: 50%; background: #2C9A62 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5a10 10 0 0 1 14 0M8.5 16a5 5 0 0 1 7 0'/%3E%3Ccircle cx='12' cy='19.5' r='.6' fill='white'/%3E%3C/svg%3E") center / 18px no-repeat; box-shadow: 0 0 0 5px rgba(44, 154, 98, .16); }
.lg-scene__chip b { display: block; font-size: 14px; color: var(--nf-ink, #0F2A33); }
.lg-scene__log { position: absolute; left: 22px; bottom: 80px; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(0, 35, 44, .72); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .01em; }
.lg-scene__log::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--lg-orange, #DD7A3E); box-shadow: 0 0 0 4px rgba(221, 122, 62, .25); }

@media (max-width: 1100px) {
	.lg-scene .lg-phone { right: 10px; }
	.lg-scene__chip { left: 10px; }
}
@media (max-width: 781px) {
	.lg-why > .wp-block-column:first-child, .lg-split--scene > .wp-block-column:last-child { flex-basis: 100%; }
	.lg-scene { padding-bottom: 40px; }
	.lg-scene .wp-block-image::after { inset: 0 0 40px; }
	.lg-scene .wp-block-image img { aspect-ratio: 4 / 3.6; border-radius: 20px; }
	.lg-scene .lg-phone { right: 6px; transform: rotate(3deg) scale(.66); transform-origin: 100% 100%; }
	.lg-scene__chip { top: 14px; left: 10px; max-width: 220px; padding: 9px 12px 9px 9px; font-size: 11.5px; gap: 9px; }
	.lg-scene__chip i { width: 28px; height: 28px; background-size: 15px; }
	.lg-scene__chip b { font-size: 12.5px; }
	.lg-scene__log { left: 12px; bottom: 56px; font-size: 11px; }
}
@container (max-width: 560px) {
	.lg-scene .lg-phone { right: 4px; transform: rotate(3deg) scale(.72); }
	.lg-scene__chip { top: 14px; left: 12px; max-width: 58%; }
}
@container (max-width: 400px) {
	.lg-scene .lg-phone { transform: rotate(3deg) scale(.6); }
	.lg-scene__chip { max-width: 56%; padding: 8px 10px 8px 8px; font-size: 11px; gap: 8px; }
	.lg-scene__chip i { width: 26px; height: 26px; background-size: 14px; }
	.lg-scene__chip b { font-size: 12px; }
	.lg-scene__log { display: none; }
}
.lg-scene--evenements .wp-block-image img { object-position: 0 50%; }