{"id":1078,"date":"2021-10-29T09:02:13","date_gmt":"2021-10-29T07:02:13","guid":{"rendered":"https:\/\/www.laguerre-chimie-peinture.fr\/accueil\/"},"modified":"2026-07-16T21:55:17","modified_gmt":"2026-07-16T19:55:17","slug":"accueil","status":"publish","type":"page","link":"https:\/\/laguerre-groupe.fr\/en\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n\n\n\n\n\n\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_8 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone et_flex_column_24_24_ultraWide\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">    <div class=\"lgh-page\" id=\"contenu-principal\">\n        <style>\n            :root {\n                --lgh-ink: #081b32;\n                --lgh-navy: #0b2748;\n                --lgh-blue: #174f8a;\n                --lgh-blue-light: #2eaee2;\n                --lgh-green: #9fc51b;\n                --lgh-cyan: #13a2e2;\n                --lgh-orange: #e88316;\n                --lgh-magenta: #ba44a8;\n                --lgh-paper: #f4f7fa;\n                --lgh-white: #ffffff;\n                --lgh-text: #3d4c5e;\n                --lgh-muted: #6d7b8b;\n                --lgh-line: #dce5ee;\n                --lgh-shadow: 0 22px 60px rgba(8, 27, 50, .11);\n                --lgh-shadow-hover: 0 30px 75px rgba(8, 27, 50, .18);\n                --lgh-radius: 27px;\n                --lgh-container: 1240px;\n            }\n\n            body.laguerre-home-en-template #main-content {\n                padding-top: 0 !important;\n                background: #ffffff !important;\n            }\n\n            body.laguerre-home-en-template #main-content > .container {\n                width: 100% !important;\n                max-width: none !important;\n                padding: 0 !important;\n            }\n\n            body.laguerre-home-en-template #left-area {\n                width: 100% !important;\n                padding: 0 !important;\n                float: none !important;\n            }\n\n            body.laguerre-home-en-template #sidebar,\n            body.laguerre-home-en-template .et_post_meta_wrapper,\n            body.laguerre-home-en-template .post-meta {\n                display: none !important;\n            }\n\n            body.laguerre-home-en-template #main-content .container::before {\n                display: none !important;\n            }\n\n            .lgh-page,\n            .lgh-page * {\n                box-sizing: border-box;\n            }\n\n            .lgh-page {\n                position: relative;\n                width: 100vw;\n                max-width: 100vw;\n                margin-left: calc(50% - 50vw);\n                overflow: hidden;\n                color: var(--lgh-text);\n                background: var(--lgh-white);\n                font-family: \"Montserrat\", Arial, Helvetica, sans-serif;\n                font-size: 16px;\n                line-height: 1.7;\n                -webkit-font-smoothing: antialiased;\n                text-rendering: optimizeLegibility;\n            }\n\n            .lgh-page img,\n            .lgh-page svg,\n            .lgh-page video {\n                display: block;\n                max-width: 100%;\n            }\n\n            .lgh-page a {\n                text-decoration: none;\n            }\n\n            .lgh-container {\n                position: relative;\n                z-index: 2;\n                width: min(calc(100% - 48px), var(--lgh-container));\n                margin: 0 auto;\n            }\n\n            .lgh-section {\n                position: relative;\n                padding: 112px 0;\n            }\n\n            .lgh-kicker {\n                display: inline-flex;\n                align-items: center;\n                gap: 12px;\n                margin: 0 0 18px;\n                color: var(--lgh-blue);\n                font-size: 12px;\n                font-weight: 800;\n                letter-spacing: .18em;\n                line-height: 1.2;\n                text-transform: uppercase;\n            }\n\n            .lgh-kicker::before {\n                width: 34px;\n                height: 3px;\n                border-radius: 999px;\n                background: linear-gradient(90deg, var(--lgh-blue-light), var(--lgh-green));\n                content: \"\";\n            }\n\n            .lgh-kicker--light {\n                color: rgba(255,255,255,.86);\n            }\n\n            .lgh-title {\n                max-width: 900px;\n                margin: 0;\n                color: var(--lgh-ink);\n                font-size: clamp(34px, 4.3vw, 62px);\n                font-weight: 800;\n                letter-spacing: -.047em;\n                line-height: 1.08;\n                text-wrap: balance;\n            }\n\n            .lgh-lead {\n                max-width: 820px;\n                margin: 24px 0 0;\n                color: var(--lgh-muted);\n                font-size: clamp(17px, 1.55vw, 21px);\n                line-height: 1.76;\n            }\n\n            .lgh-button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                gap: 11px;\n                min-height: 54px;\n                padding: 15px 25px;\n                border: 1px solid transparent;\n                border-radius: 999px;\n                font-size: 14px;\n                font-weight: 800;\n                line-height: 1.15;\n                text-decoration: none !important;\n                transition: transform .25s ease, box-shadow .25s ease, color .25s ease, background .25s ease, border-color .25s ease;\n            }\n\n            .lgh-button:hover {\n                transform: translateY(-3px);\n            }\n\n            .lgh-button svg {\n                width: 18px;\n                height: 18px;\n                transition: transform .25s ease;\n            }\n\n            .lgh-button:hover svg {\n                transform: translateX(3px);\n            }\n\n            .lgh-button--white {\n                color: var(--lgh-navy) !important;\n                background: #ffffff;\n                box-shadow: 0 15px 34px rgba(0,0,0,.20);\n            }\n\n            .lgh-button--white:hover {\n                color: #ffffff !important;\n                border-color: rgba(255,255,255,.8);\n                background: transparent;\n            }\n\n            .lgh-button--outline {\n                color: #ffffff !important;\n                border-color: rgba(255,255,255,.48);\n                background: rgba(255,255,255,.06);\n                backdrop-filter: blur(10px);\n            }\n\n            .lgh-button--outline:hover {\n                border-color: #ffffff;\n                background: rgba(255,255,255,.14);\n            }\n\n            \/* HERO VIDEO *\/\n            .lgh-hero {\n                position: relative;\n                display: flex;\n                align-items: center;\n                min-height: clamp(650px, 84vh, 880px);\n                overflow: hidden;\n                isolation: isolate;\n                background:\n                    radial-gradient(circle at 82% 20%, rgba(46,174,226,.30), transparent 25%),\n                    linear-gradient(120deg, #06162b, #174f8a);\n            }\n\n            .lgh-hero-video,\n            .lgh-hero-fallback {\n                position: absolute;\n                inset: 0;\n                z-index: -3;\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n\n            .lgh-hero-fallback {\n                background:\n                    radial-gradient(circle at 80% 17%, rgba(46,174,226,.35), transparent 28%),\n                    radial-gradient(circle at 72% 85%, rgba(159,197,27,.19), transparent 22%),\n                    linear-gradient(118deg, #06162b 0%, #0b2748 55%, #174f8a 100%);\n            }\n\n            .lgh-hero-overlay {\n                position: absolute;\n                inset: 0;\n                z-index: -2;\n                background:\n                    linear-gradient(90deg, rgba(5,20,39,.93) 0%, rgba(5,20,39,.78) 46%, rgba(5,20,39,.30) 78%, rgba(5,20,39,.42) 100%),\n                    linear-gradient(0deg, rgba(4,17,33,.48), transparent 55%);\n            }\n\n            .lgh-hero-grid {\n                display: grid;\n                grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);\n                gap: 75px;\n                align-items: center;\n                padding: 110px 0;\n            }\n\n            .lgh-hero h1 {\n                max-width: 900px;\n                margin: 0;\n                color: #ffffff !important;\n                font-size: clamp(48px, 6.3vw, 88px);\n                font-weight: 800;\n                letter-spacing: -.06em;\n                line-height: .99;\n                text-wrap: balance;\n            }\n\n            .lgh-hero-intro {\n                max-width: 760px;\n                margin: 30px 0 0;\n                color: rgba(255,255,255,.80);\n                font-size: clamp(18px, 1.7vw, 22px);\n                line-height: 1.7;\n            }\n\n            .lgh-hero-actions {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 14px;\n                margin-top: 40px;\n            }\n\n            .lgh-hero-side {\n                justify-self: end;\n                width: min(410px, 100%);\n                padding: 34px;\n                border: 1px solid rgba(255,255,255,.21);\n                border-radius: 30px;\n                background: rgba(255,255,255,.10);\n                box-shadow: 0 30px 70px rgba(0,0,0,.26);\n                backdrop-filter: blur(17px);\n            }\n\n            .lgh-hero-logo {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                min-height: 142px;\n                padding: 20px;\n                border-radius: 20px;\n                background: rgba(255,255,255,.96);\n            }\n\n            .lgh-hero-logo img {\n                width: min(310px, 100%);\n                height: auto;\n            }\n\n            .lgh-hero-note {\n                margin: 25px 0 0;\n                color: rgba(255,255,255,.77);\n                font-size: 13px;\n                line-height: 1.65;\n            }\n\n            .lgh-hero-note strong {\n                display: block;\n                margin-bottom: 5px;\n                color: #ffffff;\n                font-size: 17px;\n                font-weight: 800;\n            }\n\n            .lgh-video-control {\n                position: absolute;\n                right: max(22px, calc((100vw - var(--lgh-container)) \/ 2));\n                bottom: 26px;\n                z-index: 5;\n                display: inline-flex;\n                align-items: center;\n                gap: 9px;\n                min-height: 42px;\n                padding: 10px 15px;\n                border: 1px solid rgba(255,255,255,.35);\n                border-radius: 999px;\n                cursor: pointer;\n                color: #ffffff;\n                background: rgba(6,22,43,.62);\n                backdrop-filter: blur(12px);\n                font: inherit;\n                font-size: 11px;\n                font-weight: 800;\n                letter-spacing: .06em;\n                text-transform: uppercase;\n                transition: background .2s ease, border-color .2s ease;\n            }\n\n            .lgh-video-control:hover {\n                border-color: #ffffff;\n                background: rgba(6,22,43,.84);\n            }\n\n            .lgh-video-control svg {\n                width: 16px;\n                height: 16px;\n            }\n\n            .lgh-video-control .lgh-icon-play {\n                display: none;\n            }\n\n            .lgh-video-control.is-paused .lgh-icon-play {\n                display: block;\n            }\n\n            .lgh-video-control.is-paused .lgh-icon-pause {\n                display: none;\n            }\n\n            \/* KEY FIGURES *\/\n            .lgh-figures {\n                position: relative;\n                z-index: 5;\n                margin-top: -56px;\n            }\n\n            .lgh-figures-inner {\n                display: grid;\n                grid-template-columns: repeat(5, minmax(0, 1fr));\n                overflow: hidden;\n                border: 1px solid var(--lgh-line);\n                border-radius: 24px;\n                background: #ffffff;\n                box-shadow: var(--lgh-shadow);\n            }\n\n            .lgh-figure {\n                position: relative;\n                min-height: 145px;\n                padding: 28px 25px;\n                border-left: 1px solid var(--lgh-line);\n            }\n\n            .lgh-figure:first-child {\n                border-left: 0;\n            }\n\n            .lgh-figure::before {\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 4px;\n                background: var(--figure-accent, var(--lgh-blue));\n                content: \"\";\n            }\n\n            .lgh-figure strong {\n                display: block;\n                color: var(--lgh-ink);\n                font-size: clamp(28px, 3vw, 42px);\n                font-weight: 900;\n                letter-spacing: -.045em;\n                line-height: 1;\n            }\n\n            .lgh-figure span {\n                display: block;\n                margin-top: 10px;\n                color: var(--lgh-muted);\n                font-size: 11px;\n                font-weight: 800;\n                letter-spacing: .055em;\n                line-height: 1.45;\n                text-transform: uppercase;\n            }\n\n            \/* EXPERTISES *\/\n            .lgh-expertise {\n                padding-top: 120px;\n                background: #ffffff;\n            }\n\n            .lgh-section-heading {\n                display: grid;\n                grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);\n                gap: 70px;\n                align-items: end;\n                margin-bottom: 58px;\n            }\n\n            .lgh-section-heading .lgh-lead {\n                margin: 0;\n                font-size: 17px;\n            }\n\n            .lgh-expertise-grid {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: 24px;\n            }\n\n            .lgh-expertise-card {\n                --expert-accent: #174f8a;\n                --expert-soft: #e9f2fa;\n                position: relative;\n                display: grid;\n                grid-template-columns: 135px minmax(0, 1fr);\n                gap: 30px;\n                min-height: 355px;\n                padding: 34px;\n                border: 1px solid var(--lgh-line);\n                border-radius: var(--lgh-radius);\n                overflow: hidden;\n                color: var(--lgh-text);\n                background:\n                    radial-gradient(circle at 101% -10%, var(--expert-soft) 0, var(--expert-soft) 26%, transparent 26.3%),\n                    #ffffff;\n                box-shadow: 0 12px 36px rgba(8,27,50,.055);\n                transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n            }\n\n            .lgh-expertise-card:hover {\n                transform: translateY(-7px);\n                border-color: var(--expert-accent);\n                box-shadow: var(--lgh-shadow-hover);\n            }\n\n            .lgh-expertise-card::before {\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 5px;\n                background: var(--expert-accent);\n                content: \"\";\n            }\n\n            .lgh-expertise-visual {\n                position: relative;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                min-width: 0;\n            }\n\n            .lgh-expertise-icon {\n                display: grid;\n                place-items: center;\n                width: 108px;\n                height: 108px;\n                margin-bottom: 22px;\n                border-radius: 30px;\n                color: #ffffff;\n                background:\n                    radial-gradient(circle at 30% 24%, rgba(255,255,255,.30), transparent 27%),\n                    var(--expert-accent);\n                box-shadow: 0 18px 35px rgba(8,27,50,.16);\n                transform: rotate(-5deg);\n                transition: transform .3s ease;\n            }\n\n            .lgh-expertise-card:hover .lgh-expertise-icon {\n                transform: rotate(0deg) scale(1.04);\n            }\n\n            .lgh-expertise-icon svg {\n                width: 48px;\n                height: 48px;\n            }\n\n            .lgh-expertise-number {\n                color: var(--expert-accent);\n                font-size: 13px;\n                font-weight: 900;\n                letter-spacing: .16em;\n            }\n\n            .lgh-expertise-copy {\n                display: flex;\n                flex-direction: column;\n                min-width: 0;\n            }\n\n            .lgh-expertise-eyebrow {\n                display: block;\n                margin: 0 0 9px;\n                color: var(--expert-accent);\n                font-size: 10px;\n                font-weight: 800;\n                letter-spacing: .14em;\n                line-height: 1.3;\n                text-transform: uppercase;\n            }\n\n            .lgh-expertise-card h3 {\n                margin: 0;\n                color: var(--lgh-ink);\n                font-size: clamp(24px, 2.5vw, 35px);\n                font-weight: 800;\n                letter-spacing: -.04em;\n                line-height: 1.12;\n            }\n\n            .lgh-expertise-card p {\n                margin: 18px 0 24px;\n                color: var(--lgh-muted);\n                font-size: 14px;\n                line-height: 1.72;\n            }\n\n            .lgh-card-link {\n                display: inline-flex;\n                align-items: center;\n                gap: 9px;\n                width: fit-content;\n                margin-top: auto;\n                color: var(--expert-accent) !important;\n                font-size: 13px;\n                font-weight: 800;\n            }\n\n            .lgh-card-link svg {\n                width: 16px;\n                height: 16px;\n                transition: transform .25s ease;\n            }\n\n            .lgh-card-link:hover svg {\n                transform: translateX(4px);\n            }\n\n            \/* SINCE 1860 *\/\n            .lgh-since {\n                overflow: hidden;\n                background:\n                    radial-gradient(circle at 88% 17%, rgba(46,174,226,.22), transparent 24%),\n                    linear-gradient(130deg, var(--lgh-ink), var(--lgh-navy));\n                color: #ffffff;\n            }\n\n            .lgh-since-grid {\n                display: grid;\n                grid-template-columns: minmax(340px, .78fr) minmax(0, 1.22fr);\n                gap: 78px;\n                align-items: center;\n            }\n\n            .lgh-since-visual {\n                position: relative;\n                min-height: 560px;\n                border: 1px solid rgba(255,255,255,.14);\n                border-radius: 32px;\n                overflow: hidden;\n                background:\n                    radial-gradient(circle at 35% 28%, rgba(46,174,226,.35), transparent 23%),\n                    radial-gradient(circle at 65% 68%, rgba(159,197,27,.18), transparent 25%),\n                    rgba(255,255,255,.055);\n                box-shadow: 0 30px 75px rgba(0,0,0,.22);\n            }\n\n            .lgh-since-year {\n                position: absolute;\n                top: 45px;\n                left: 45px;\n                color: #ffffff;\n                font-size: clamp(70px, 10vw, 145px);\n                font-weight: 900;\n                letter-spacing: -.075em;\n                line-height: .9;\n            }\n\n            .lgh-since-year span {\n                display: block;\n                margin-top: 16px;\n                color: var(--lgh-cyan);\n                font-size: 12px;\n                font-weight: 800;\n                letter-spacing: .18em;\n                line-height: 1.3;\n                text-transform: uppercase;\n            }\n\n            .lgh-molecule-network {\n                position: absolute;\n                right: -10px;\n                bottom: 15px;\n                width: 86%;\n                height: auto;\n                opacity: .96;\n            }\n\n            .lgh-since-content .lgh-title {\n                color: #ffffff !important;\n            }\n\n            .lgh-since-content .lgh-lead {\n                color: rgba(255,255,255,.72);\n            }\n\n            .lgh-history-text {\n                margin-top: 30px;\n                column-count: 2;\n                column-gap: 40px;\n            }\n\n            .lgh-history-text p {\n                margin: 0 0 20px;\n                color: rgba(255,255,255,.78);\n                font-size: 14px;\n                line-height: 1.8;\n                break-inside: avoid;\n            }\n\n            .lgh-history-points {\n                display: grid;\n                grid-template-columns: repeat(3, minmax(0, 1fr));\n                gap: 12px;\n                margin-top: 28px;\n            }\n\n            .lgh-history-point {\n                padding: 18px;\n                border: 1px solid rgba(255,255,255,.14);\n                border-radius: 17px;\n                color: #ffffff;\n                background: rgba(255,255,255,.055);\n                font-size: 11px;\n                font-weight: 800;\n                letter-spacing: .06em;\n                line-height: 1.45;\n                text-align: center;\n                text-transform: uppercase;\n            }\n\n            \/* PRESENTATION VIDEO *\/\n            .lgh-film {\n                background: var(--lgh-paper);\n            }\n\n            .lgh-film-grid {\n                display: grid;\n                grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr);\n                gap: 62px;\n                align-items: center;\n            }\n\n            .lgh-video-card {\n                position: relative;\n                aspect-ratio: 16 \/ 9;\n                border-radius: 30px;\n                overflow: hidden;\n                background: var(--lgh-ink);\n                box-shadow: var(--lgh-shadow);\n            }\n\n            .lgh-presentation-video {\n                width: 100%;\n                height: 100%;\n                border: 0;\n                background: var(--lgh-ink);\n                object-fit: contain;\n            }\n\n            .lgh-presentation-video:focus-visible {\n                outline: 4px solid var(--lgh-cyan);\n                outline-offset: -4px;\n            }\n\n            .lgh-video-poster,\n            .lgh-video-frame {\n                position: absolute;\n                inset: 0;\n                width: 100%;\n                height: 100%;\n                border: 0;\n            }\n\n            .lgh-video-poster {\n                cursor: pointer;\n                border: 0;\n                padding: 0;\n                background: var(--lgh-ink);\n            }\n\n            .lgh-video-poster img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                opacity: .72;\n                transition: transform .55s ease, opacity .3s ease;\n            }\n\n            .lgh-video-poster::after {\n                position: absolute;\n                inset: 0;\n                background:\n                    linear-gradient(0deg, rgba(8,27,50,.75), transparent 62%),\n                    linear-gradient(90deg, rgba(8,27,50,.24), transparent);\n                content: \"\";\n            }\n\n            .lgh-video-poster:hover img {\n                transform: scale(1.035);\n                opacity: .84;\n            }\n\n            .lgh-play {\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                z-index: 2;\n                display: grid;\n                place-items: center;\n                width: 88px;\n                height: 88px;\n                border: 1px solid rgba(255,255,255,.65);\n                border-radius: 50%;\n                color: var(--lgh-navy);\n                background: #ffffff;\n                box-shadow: 0 20px 45px rgba(0,0,0,.28);\n                transform: translate(-50%, -50%);\n                transition: transform .25s ease, background .25s ease, color .25s ease;\n            }\n\n            .lgh-play svg {\n                width: 30px;\n                height: 30px;\n                margin-left: 4px;\n            }\n\n            .lgh-video-poster:hover .lgh-play {\n                color: #ffffff;\n                background: var(--lgh-cyan);\n                transform: translate(-50%, -50%) scale(1.06);\n            }\n\n            .lgh-video-label {\n                position: absolute;\n                right: 27px;\n                bottom: 24px;\n                left: 27px;\n                z-index: 2;\n                color: #ffffff;\n                text-align: left;\n            }\n\n            .lgh-video-label small {\n                display: block;\n                margin-bottom: 5px;\n                color: var(--lgh-cyan);\n                font-size: 10px;\n                font-weight: 800;\n                letter-spacing: .13em;\n                text-transform: uppercase;\n            }\n\n            .lgh-video-label strong {\n                display: block;\n                color: #ffffff;\n                font-size: clamp(17px, 2vw, 24px);\n                font-weight: 800;\n                line-height: 1.3;\n            }\n\n            .lgh-film-copy .lgh-lead {\n                font-size: 17px;\n            }\n\n            .lgh-film-features {\n                display: grid;\n                gap: 12px;\n                margin: 30px 0 0;\n                padding: 0;\n                list-style: none;\n            }\n\n            .lgh-film-features li {\n                display: grid;\n                grid-template-columns: 43px minmax(0, 1fr);\n                gap: 14px;\n                align-items: center;\n                padding: 15px 17px;\n                border: 1px solid var(--lgh-line);\n                border-radius: 15px;\n                background: #ffffff;\n            }\n\n            .lgh-film-features span {\n                display: grid;\n                place-items: center;\n                width: 43px;\n                height: 43px;\n                border-radius: 13px;\n                color: #ffffff;\n                background: var(--feature-accent, var(--lgh-blue));\n                font-size: 12px;\n                font-weight: 900;\n            }\n\n            .lgh-film-features strong {\n                color: var(--lgh-ink);\n                font-size: 13px;\n                line-height: 1.45;\n            }\n\n            .lgh-film-copy .lgh-button {\n                margin-top: 30px;\n                color: #ffffff !important;\n                background: var(--lgh-blue);\n                box-shadow: 0 14px 30px rgba(23,79,138,.24);\n            }\n\n            .lgh-film-copy .lgh-button:hover {\n                background: var(--lgh-navy);\n            }\n\n            \/* METHOD *\/\n            .lgh-method {\n                background: #ffffff;\n            }\n\n            .lgh-method-grid {\n                display: grid;\n                grid-template-columns: repeat(4, minmax(0, 1fr));\n                gap: 18px;\n                margin-top: 54px;\n            }\n\n            .lgh-method-card {\n                position: relative;\n                min-height: 280px;\n                padding: 29px;\n                border: 1px solid var(--lgh-line);\n                border-radius: 22px;\n                overflow: hidden;\n                background: #ffffff;\n                box-shadow: 0 10px 30px rgba(8,27,50,.05);\n                transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n            }\n\n            .lgh-method-card:hover {\n                transform: translateY(-6px);\n                border-color: var(--method-accent, var(--lgh-blue));\n                box-shadow: var(--lgh-shadow);\n            }\n\n            .lgh-method-number {\n                display: grid;\n                place-items: center;\n                width: 53px;\n                height: 53px;\n                margin-bottom: 27px;\n                border-radius: 16px;\n                color: #ffffff;\n                background: var(--method-accent, var(--lgh-blue));\n                box-shadow: 0 14px 28px rgba(8,27,50,.15);\n                font-size: 13px;\n                font-weight: 900;\n            }\n\n            .lgh-method-card h3 {\n                margin: 0;\n                color: var(--lgh-ink);\n                font-size: 21px;\n                font-weight: 800;\n                letter-spacing: -.03em;\n                line-height: 1.28;\n            }\n\n            .lgh-method-card p {\n                margin: 14px 0 0;\n                color: var(--lgh-muted);\n                font-size: 13px;\n                line-height: 1.7;\n            }\n\n\n            \/* SLIDER FINAL \u2014 LEMARCHAND FR\u00c8RES *\/\n            .lgh-brand-slider {\n                position: relative;\n                z-index: 4;\n                display: block !important;\n                width: 100%;\n                min-height: 530px;\n                overflow: hidden;\n                visibility: visible !important;\n                opacity: 1 !important;\n                background: #ffffff;\n            }\n\n            .lgh-brand-slider,\n            .lgh-brand-slider * {\n                visibility: visible;\n            }\n\n            .lgh-brand-slider-shell {\n                position: relative;\n                min-height: 530px;\n                overflow: hidden;\n                isolation: isolate;\n                background:\n                    radial-gradient(circle at 83% 18%, rgba(46,174,226,.34), transparent 26%),\n                    radial-gradient(circle at 17% 88%, rgba(232,131,22,.20), transparent 25%),\n                    linear-gradient(118deg, #06162b 0%, #0b2748 54%, #174f8a 100%);\n            }\n\n            .lgh-brand-slider-shell::before {\n                position: absolute;\n                inset: 0;\n                z-index: -2;\n                opacity: .13;\n                background-image:\n                    linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px),\n                    linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px);\n                background-size: 72px 72px;\n                mask-image: linear-gradient(90deg, #000, transparent 48%, #000);\n                content: \"\";\n            }\n\n            .lgh-brand-slider-shell::after {\n                position: absolute;\n                right: -170px;\n                bottom: -230px;\n                z-index: -1;\n                width: 580px;\n                height: 580px;\n                border: 1px solid rgba(255,255,255,.13);\n                border-radius: 50%;\n                box-shadow:\n                    0 0 0 70px rgba(255,255,255,.026),\n                    0 0 0 140px rgba(255,255,255,.017);\n                content: \"\";\n            }\n\n            .lgh-brand-track {\n                position: relative;\n                display: flex;\n                width: 100%;\n            }\n\n            .lgh-brand-slide {\n                position: relative;\n                display: grid;\n                grid-template-columns: minmax(350px, .78fr) minmax(0, 1.22fr);\n                gap: 75px;\n                align-items: center;\n                width: 100%;\n                min-height: 530px;\n                padding: 78px 0;\n            }\n\n            .lgh-brand-logo-panel {\n                position: relative;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                min-height: 330px;\n                padding: 48px;\n                border: 1px solid rgba(255,255,255,.24);\n                border-radius: 32px;\n                overflow: hidden;\n                background: rgba(255,255,255,.95);\n                box-shadow: 0 30px 75px rgba(0,0,0,.25);\n            }\n\n            .lgh-brand-logo-panel::before,\n            .lgh-brand-logo-panel::after {\n                position: absolute;\n                border-radius: 50%;\n                content: \"\";\n            }\n\n            .lgh-brand-logo-panel::before {\n                top: -72px;\n                left: -72px;\n                width: 190px;\n                height: 190px;\n                background: rgba(46,174,226,.13);\n            }\n\n            .lgh-brand-logo-panel::after {\n                right: -55px;\n                bottom: -55px;\n                width: 155px;\n                height: 155px;\n                background: rgba(232,131,22,.12);\n            }\n\n            .lgh-brand-logo-panel img {\n                position: relative;\n                z-index: 2;\n                width: min(430px, 100%);\n                height: auto;\n                object-fit: contain;\n                filter: drop-shadow(0 12px 18px rgba(8,27,50,.13));\n            }\n\n            .lgh-brand-wordmark {\n                position: absolute;\n                right: 26px;\n                bottom: 20px;\n                left: 26px;\n                z-index: 2;\n                color: var(--lgh-navy);\n                font-size: 11px;\n                font-weight: 900;\n                letter-spacing: .2em;\n                line-height: 1.3;\n                text-align: center;\n                text-transform: uppercase;\n                opacity: .68;\n            }\n\n            .lgh-brand-copy {\n                position: relative;\n                z-index: 2;\n                max-width: 690px;\n            }\n\n            .lgh-brand-copy .lgh-title {\n                color: #ffffff !important;\n            }\n\n            .lgh-brand-copy p {\n                max-width: 690px;\n                margin: 25px 0 0;\n                color: rgba(255,255,255,.76);\n                font-size: clamp(16px, 1.5vw, 19px);\n                line-height: 1.78;\n            }\n\n            .lgh-brand-copy .lgh-button {\n                margin-top: 33px;\n            }\n\n            .lgh-brand-meta {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 11px;\n                margin-top: 27px;\n            }\n\n            .lgh-brand-chip {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                min-height: 38px;\n                padding: 9px 14px;\n                border: 1px solid rgba(255,255,255,.16);\n                border-radius: 999px;\n                color: rgba(255,255,255,.83);\n                background: rgba(255,255,255,.07);\n                font-size: 10px;\n                font-weight: 800;\n                letter-spacing: .07em;\n                line-height: 1.25;\n                text-transform: uppercase;\n                backdrop-filter: blur(8px);\n            }\n\n            .lgh-brand-chip::before {\n                width: 8px;\n                height: 8px;\n                border-radius: 50%;\n                background: var(--brand-chip, var(--lgh-cyan));\n                box-shadow: 0 0 0 5px color-mix(in srgb, var(--brand-chip, var(--lgh-cyan)) 19%, transparent);\n                content: \"\";\n            }\n\n            .lgh-brand-slider-ui {\n                position: absolute;\n                right: max(24px, calc((100vw - var(--lgh-container)) \/ 2));\n                bottom: 30px;\n                z-index: 5;\n                display: flex;\n                align-items: center;\n                gap: 13px;\n                color: rgba(255,255,255,.70);\n                font-size: 10px;\n                font-weight: 800;\n                letter-spacing: .11em;\n                text-transform: uppercase;\n            }\n\n            .lgh-brand-progress {\n                position: relative;\n                width: 105px;\n                height: 2px;\n                overflow: hidden;\n                border-radius: 999px;\n                background: rgba(255,255,255,.22);\n            }\n\n            .lgh-brand-progress::after {\n                position: absolute;\n                inset: 0;\n                width: 100%;\n                border-radius: inherit;\n                background: linear-gradient(90deg, var(--lgh-cyan), var(--lgh-green));\n                content: \"\";\n            }\n\n            @media (max-width: 980px) {\n                .lgh-brand-slide {\n                    grid-template-columns: 1fr;\n                    gap: 44px;\n                    min-height: 0;\n                    padding: 78px 0 90px;\n                }\n\n                .lgh-brand-logo-panel {\n                    width: min(680px, 100%);\n                    min-height: 280px;\n                }\n            }\n\n            @media (max-width: 610px) {\n                .lgh-brand-slide {\n                    padding: 62px 0 82px;\n                }\n\n                .lgh-brand-logo-panel {\n                    min-height: 220px;\n                    padding: 32px 24px;\n                    border-radius: 23px;\n                }\n\n                .lgh-brand-copy p {\n                    font-size: 15px;\n                }\n\n                .lgh-brand-slider-ui {\n                    right: 14px;\n                    bottom: 18px;\n                }\n\n                .lgh-brand-progress {\n                    width: 72px;\n                }\n            }\n\n            \/* CTA *\/\n            .lgh-cta-wrap {\n                padding: 0 0 112px;\n                background: #ffffff;\n            }\n\n            .lgh-cta {\n                position: relative;\n                display: grid;\n                grid-template-columns: minmax(0, 1fr) auto;\n                gap: 48px;\n                align-items: center;\n                padding: 60px 62px;\n                border-radius: 31px;\n                overflow: hidden;\n                background:\n                    radial-gradient(circle at 90% 10%, rgba(46,174,226,.25), transparent 27%),\n                    linear-gradient(125deg, var(--lgh-ink), var(--lgh-blue));\n                box-shadow: 0 30px 75px rgba(8,27,50,.20);\n            }\n\n            .lgh-cta::after {\n                position: absolute;\n                right: -90px;\n                bottom: -115px;\n                width: 290px;\n                height: 290px;\n                border: 42px solid rgba(159,197,27,.15);\n                border-radius: 50%;\n                content: \"\";\n            }\n\n            .lgh-cta-copy,\n            .lgh-cta-actions {\n                position: relative;\n                z-index: 2;\n            }\n\n            .lgh-cta h2 {\n                max-width: 800px;\n                margin: 0;\n                color: #ffffff !important;\n                font-size: clamp(31px, 3.7vw, 51px);\n                font-weight: 800;\n                letter-spacing: -.047em;\n                line-height: 1.12;\n            }\n\n            .lgh-cta p {\n                max-width: 730px;\n                margin: 18px 0 0;\n                color: rgba(255,255,255,.72);\n                font-size: 16px;\n            }\n\n            .lgh-cta-actions {\n                display: flex;\n                flex-direction: column;\n                gap: 12px;\n                min-width: 248px;\n            }\n\n            \/* REVEAL *\/\n            .lgh-page.lgh-js [data-reveal] {\n                opacity: 0;\n                transform: translateY(28px);\n                transition: opacity .75s ease, transform .75s cubic-bezier(.2,.75,.2,1);\n            }\n\n            .lgh-page.lgh-js [data-reveal].is-visible {\n                opacity: 1;\n                transform: none;\n            }\n\n            .lgh-page.lgh-js .lgh-brand-slider,\n            .lgh-page.lgh-js .lgh-brand-slider .lgh-brand-logo-panel,\n            .lgh-page.lgh-js .lgh-brand-slider .lgh-brand-copy {\n                opacity: 1 !important;\n                visibility: visible !important;\n                transform: none !important;\n            }\n\n            .lgh-page.lgh-js [data-delay=\"1\"] { transition-delay: .08s; }\n            .lgh-page.lgh-js [data-delay=\"2\"] { transition-delay: .16s; }\n            .lgh-page.lgh-js [data-delay=\"3\"] { transition-delay: .24s; }\n            .lgh-page.lgh-js [data-delay=\"4\"] { transition-delay: .32s; }\n\n            \/* RESPONSIVE *\/\n            @media (max-width: 1100px) {\n                .lgh-hero-grid,\n                .lgh-since-grid,\n                .lgh-film-grid {\n                    grid-template-columns: 1fr;\n                    gap: 54px;\n                }\n\n                .lgh-hero-side {\n                    justify-self: start;\n                    width: min(690px, 100%);\n                }\n\n                .lgh-figures-inner {\n                    grid-template-columns: repeat(3, minmax(0, 1fr));\n                }\n\n                .lgh-figure:nth-child(4),\n                .lgh-figure:nth-child(5) {\n                    border-top: 1px solid var(--lgh-line);\n                }\n\n                .lgh-figure:nth-child(4) {\n                    border-left: 0;\n                }\n\n                .lgh-section-heading {\n                    grid-template-columns: 1fr;\n                    gap: 20px;\n                }\n\n                .lgh-method-grid {\n                    grid-template-columns: repeat(2, minmax(0, 1fr));\n                }\n\n                .lgh-since-visual {\n                    min-height: 480px;\n                }\n            }\n\n            @media (max-width: 850px) {\n                .lgh-section {\n                    padding: 82px 0;\n                }\n\n                .lgh-container {\n                    width: min(calc(100% - 34px), var(--lgh-container));\n                }\n\n                .lgh-hero {\n                    min-height: 680px;\n                }\n\n                .lgh-hero-grid {\n                    padding: 86px 0 105px;\n                }\n\n                .lgh-hero h1 {\n                    font-size: clamp(43px, 11vw, 68px);\n                }\n\n                .lgh-figures {\n                    margin-top: -42px;\n                }\n\n                .lgh-figures-inner {\n                    grid-template-columns: repeat(2, minmax(0, 1fr));\n                }\n\n                .lgh-figure:nth-child(3) {\n                    border-top: 1px solid var(--lgh-line);\n                    border-left: 0;\n                }\n\n                .lgh-figure:nth-child(4) {\n                    border-left: 1px solid var(--lgh-line);\n                }\n\n                .lgh-figure:nth-child(5) {\n                    grid-column: 1 \/ -1;\n                    border-left: 0;\n                }\n\n                .lgh-expertise-grid {\n                    grid-template-columns: 1fr;\n                }\n\n                .lgh-history-text {\n                    column-count: 1;\n                }\n\n                .lgh-cta {\n                    grid-template-columns: 1fr;\n                    padding: 49px 39px;\n                }\n\n                .lgh-cta-actions {\n                    flex-direction: row;\n                    flex-wrap: wrap;\n                }\n            }\n\n            @media (max-width: 610px) {\n                .lgh-page {\n                    font-size: 15px;\n                }\n\n                .lgh-section {\n                    padding: 68px 0;\n                }\n\n                .lgh-container {\n                    width: min(calc(100% - 26px), var(--lgh-container));\n                }\n\n                .lgh-hero {\n                    min-height: auto;\n                }\n\n                .lgh-hero-grid {\n                    padding: 69px 0 96px;\n                    gap: 38px;\n                }\n\n                .lgh-hero-side,\n                .lgh-expertise-card,\n                .lgh-since-visual,\n                .lgh-video-card,\n                .lgh-cta {\n                    border-radius: 22px;\n                }\n\n                .lgh-hero-side {\n                    padding: 25px;\n                }\n\n                .lgh-hero-actions,\n                .lgh-cta-actions {\n                    display: grid;\n                    grid-template-columns: 1fr;\n                }\n\n                .lgh-button {\n                    width: 100%;\n                }\n\n                .lgh-video-control {\n                    right: 14px;\n                    bottom: 15px;\n                }\n\n                .lgh-video-control span {\n                    display: none;\n                }\n\n                .lgh-figures-inner {\n                    grid-template-columns: 1fr 1fr;\n                    border-radius: 20px;\n                }\n\n                .lgh-figure {\n                    min-height: 125px;\n                    padding: 23px 18px;\n                }\n\n                .lgh-figure strong {\n                    font-size: 29px;\n                }\n\n                .lgh-expertise {\n                    padding-top: 88px;\n                }\n\n                .lgh-expertise-card {\n                    grid-template-columns: 1fr;\n                    gap: 20px;\n                    min-height: 0;\n                    padding: 27px 23px;\n                }\n\n                .lgh-expertise-visual {\n                    align-items: flex-start;\n                }\n\n                .lgh-expertise-icon {\n                    width: 88px;\n                    height: 88px;\n                    margin-bottom: 13px;\n                    border-radius: 24px;\n                }\n\n                .lgh-expertise-icon svg {\n                    width: 40px;\n                    height: 40px;\n                }\n\n                .lgh-since-visual {\n                    min-height: 400px;\n                }\n\n                .lgh-since-year {\n                    top: 32px;\n                    left: 27px;\n                    font-size: 77px;\n                }\n\n                .lgh-history-points {\n                    grid-template-columns: 1fr;\n                }\n\n                .lgh-play {\n                    width: 68px;\n                    height: 68px;\n                }\n\n                .lgh-method-grid {\n                    grid-template-columns: 1fr;\n                }\n\n                .lgh-cta-wrap {\n                    padding-bottom: 68px;\n                }\n\n                .lgh-cta {\n                    padding: 39px 25px;\n                }\n            }\n\n            @media (prefers-reduced-motion: reduce) {\n                .lgh-page *,\n                .lgh-page *::before,\n                .lgh-page *::after {\n                    scroll-behavior: auto !important;\n                    animation-duration: .01ms !important;\n                    animation-iteration-count: 1 !important;\n                    transition-duration: .01ms !important;\n                }\n            }\n        <\/style>\n\n        <header class=\"lgh-hero\" aria-labelledby=\"lgh-page-title\">\n            <div class=\"lgh-hero-fallback\" aria-hidden=\"true\"><\/div>\n\n            <video\n                class=\"lgh-hero-video\"\n                autoplay\n                muted\n                loop\n                playsinline\n                preload=\"metadata\"\n                aria-hidden=\"true\"\n            >\n                <source\n                    src=\"https:\/\/laguerre-groupe.fr\/wp-content\/uploads\/2025\/03\/Slider-Laguerre-2.mp4\"\n                    type=\"video\/mp4\"\n                >\n            <\/video>\n\n            <div class=\"lgh-hero-overlay\" aria-hidden=\"true\"><\/div>\n\n            <div class=\"lgh-container\">\n                <div class=\"lgh-hero-grid\">\n                    <div data-reveal>\n                        <span class=\"lgh-kicker lgh-kicker--light\">Industrial group since 1860<\/span>\n                        <h1 id=\"lgh-page-title\">Chemistry supporting your industrial performance<\/h1>\n                        <p class=\"lgh-hero-intro\">\n                            The LAGUERRE Group develops, formulates and manufactures technical solutions\n                            for industry, construction, printing, vehicle care\n                            and specialty-chemical applications.\n                        <\/p>\n\n                        <div class=\"lgh-hero-actions\">\n                            <a class=\"lgh-button lgh-button--white\" href=\"#six-domaines\">\n                                Discover our expertise\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/a>\n                            <a class=\"lgh-button lgh-button--outline\" href=\"https:\/\/laguerre-groupe.fr\/en\/contact\/\">\n                                Discuss a project\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <aside class=\"lgh-hero-side\" data-reveal data-delay=\"2\" aria-label=\"LAGUERRE Group overview\">\n                        <div class=\"lgh-hero-logo\">\n                            <img loading=\"lazy\"\n                                src=\"https:\/\/laguerre-groupe.fr\/wp-content\/uploads\/2025\/01\/Laguerre-groupe-vecto.png\"\n                                alt=\"LAGUERRE Group\"\n                                width=\"640\"\n                                height=\"349\"\n                                decoding=\"async\"\n                            >\n                        <\/div>\n\n                        <p class=\"lgh-hero-note\">\n                            An independent family-owned company based in Normandy,\n                            combining technical expertise, manufacturing and research &amp; development.\n                        <\/p>\n                    <\/aside>\n                <\/div>\n            <\/div>\n\n            <button class=\"lgh-video-control\" type=\"button\" aria-label=\"Pause the background video\">\n                <svg class=\"lgh-icon-pause\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M8 6v12M16 6v12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linecap=\"round\"\/>\n                <\/svg>\n                <svg class=\"lgh-icon-play\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M8 5l11 7-11 7V5z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n                <span>Pause video<\/span>\n            <\/button>\n        <\/header>\n\n        <main>\n            <section class=\"lgh-figures\" aria-label=\"Key figures for the group\">\n                <div class=\"lgh-container\">\n                    <div class=\"lgh-figures-inner\" data-reveal>\n                        <div class=\"lgh-figure\" style=\"--figure-accent: var(--lgh-blue)\">\n                            <strong>1860<\/strong>\n                            <span>Founded<\/span>\n                        <\/div>\n                        <div class=\"lgh-figure\" style=\"--figure-accent: var(--lgh-cyan)\">\n                            <strong>60<\/strong>\n                            <span>Employees and areas of expertise<\/span>\n                        <\/div>\n                        <div class=\"lgh-figure\" style=\"--figure-accent: var(--lgh-green)\">\n                            <strong>&gt;18 M\u20ac<\/strong>\n                            <span>Annual revenue<\/span>\n                        <\/div>\n                        <div class=\"lgh-figure\" style=\"--figure-accent: var(--lgh-orange)\">\n                            <strong>3 %<\/strong>\n                            <span>of revenue invested in R&amp;D<\/span>\n                        <\/div>\n                        <div class=\"lgh-figure\" style=\"--figure-accent: var(--lgh-magenta)\">\n                            <strong>2 ISO<\/strong>\n                            <span>Quality and environmental certifications<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"lgh-section lgh-expertise\" id=\"six-domaines\" aria-labelledby=\"lgh-expertise-title\">\n                <div class=\"lgh-container\">\n                    <div class=\"lgh-section-heading\">\n                        <div data-reveal>\n                            <span class=\"lgh-kicker\">Products and services<\/span>\n                            <h2 class=\"lgh-title\" id=\"lgh-expertise-title\">Six areas of expertise<\/h2>\n                        <\/div>\n\n                        <p class=\"lgh-lead\" data-reveal data-delay=\"1\">\n                            The LAGUERRE Group develops, formulates and manufactures technical solutions\n                            tailored to the requirements of industry, construction, printing\n                            and professional maintenance.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"lgh-expertise-grid\">\n                                                    <article\n                                class=\"lgh-expertise-card\"\n                                style=\"--expert-accent: #174f8a; --expert-soft: #e9f2fa;\"\n                                data-reveal\n                                data-delay=\"1\"\n                            >\n                                <div class=\"lgh-expertise-visual\" aria-hidden=\"true\">\n                                    <span class=\"lgh-expertise-icon\">\n                                                                                    <svg viewBox=\"0 0 64 64\">\n                                                <path d=\"M13 38l21-21 13 13-21 21H13V38z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\n                                                <path d=\"M35 16l5-5 13 13-5 5M18 45h10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n                                                <path d=\"M49 42c0 5-4 9-9 9 0-5 4-9 9-9z\" fill=\"currentColor\" opacity=\".72\"\/>\n                                            <\/svg>\n                                                                            <\/span>\n                                    <span class=\"lgh-expertise-number\">01<\/span>\n                                <\/div>\n\n                                <div class=\"lgh-expertise-copy\">\n                                    <span class=\"lgh-expertise-eyebrow\">Coatings<\/span>\n                                    <h3>Coatings<\/h3>\n                                    <p>The LAGUERRE Group develops and manufactures coatings that enhance appearance, adhesion, corrosion resistance, abrasion resistance and wettability, while adapting surface properties to mechanical and environmental constraints.<\/p>\n\n                                    <a class=\"lgh-card-link\" href=\"https:\/\/laguerre-groupe.fr\/en\/coatings\/\">\n                                        View products                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n                                                    <article\n                                class=\"lgh-expertise-card\"\n                                style=\"--expert-accent: #13a2e2; --expert-soft: #e7f7fd;\"\n                                data-reveal\n                                data-delay=\"2\"\n                            >\n                                <div class=\"lgh-expertise-visual\" aria-hidden=\"true\">\n                                    <span class=\"lgh-expertise-icon\">\n                                                                                    <svg viewBox=\"0 0 64 64\">\n                                                <path d=\"M10 45h44M15 37h34M21 29h22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n                                                <path d=\"M32 9s10 11 10 19a10 10 0 01-20 0c0-8 10-19 10-19z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"\/>\n                                            <\/svg>\n                                                                            <\/span>\n                                    <span class=\"lgh-expertise-number\">02<\/span>\n                                <\/div>\n\n                                <div class=\"lgh-expertise-copy\">\n                                    <span class=\"lgh-expertise-eyebrow\">Surface protection<\/span>\n                                    <h3>Surface Treatment<\/h3>\n                                    <p>The LAGUERRE Group designs and manufactures solutions ranging from strippers for construction and industry to acid or alkaline corrosion inhibitors, etching agents, rust removers, blackening products and solutions for removing organic deposits.<\/p>\n\n                                    <a class=\"lgh-card-link\" href=\"https:\/\/laguerre-groupe.fr\/en\/surface-treatment\/\">\n                                        View products                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n                                                    <article\n                                class=\"lgh-expertise-card\"\n                                style=\"--expert-accent: #ba44a8; --expert-soft: #faedf8;\"\n                                data-reveal\n                                data-delay=\"1\"\n                            >\n                                <div class=\"lgh-expertise-visual\" aria-hidden=\"true\">\n                                    <span class=\"lgh-expertise-icon\">\n                                                                                    <svg viewBox=\"0 0 64 64\">\n                                                <path d=\"M16 21h32a7 7 0 017 7v15H9V28a7 7 0 017-7z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"\/>\n                                                <path d=\"M19 9h26v12H19zM18 43h28v12H18z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\n                                                <circle cx=\"46\" cy=\"31\" r=\"2.5\" fill=\"currentColor\"\/>\n                                            <\/svg>\n                                                                            <\/span>\n                                    <span class=\"lgh-expertise-number\">03<\/span>\n                                <\/div>\n\n                                <div class=\"lgh-expertise-copy\">\n                                    <span class=\"lgh-expertise-eyebrow\">Graphic arts<\/span>\n                                    <h3>Inks &amp; Print<\/h3>\n                                    <p>The LAGUERRE Group develops and manufactures dampening additives and cleaning products for offset, rotogravure and flexographic printing professionals.<\/p>\n\n                                    <a class=\"lgh-card-link\" href=\"https:\/\/laguerre-groupe.fr\/en\/inks-print\/\">\n                                        View products                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n                                                    <article\n                                class=\"lgh-expertise-card\"\n                                style=\"--expert-accent: #79a91f; --expert-soft: #f0f7e4;\"\n                                data-reveal\n                                data-delay=\"2\"\n                            >\n                                <div class=\"lgh-expertise-visual\" aria-hidden=\"true\">\n                                    <span class=\"lgh-expertise-icon\">\n                                                                                    <svg viewBox=\"0 0 64 64\">\n                                                <path d=\"M12 38l5-14a7 7 0 016-4h18a7 7 0 016 6l2 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\n                                                <path d=\"M10 38h44v11H10z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\n                                                <circle cx=\"20\" cy=\"49\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"\/>\n                                                <circle cx=\"44\" cy=\"49\" r=\"5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"\/>\n                                                <path d=\"M20 31h24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/span>\n                                    <span class=\"lgh-expertise-number\">04<\/span>\n                                <\/div>\n\n                                <div class=\"lgh-expertise-copy\">\n                                    <span class=\"lgh-expertise-eyebrow\">Automotive care<\/span>\n                                    <h3>Vehicle Care<\/h3>\n                                    <p>The LAGUERRE Group develops and manufactures a complete professional range, from detergents and vehicle-care products to maintenance solutions and application equipment.<\/p>\n\n                                    <a class=\"lgh-card-link\" href=\"https:\/\/laguerre-groupe.fr\/en\/vehicle-care\/\">\n                                        View products                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n                                                    <article\n                                class=\"lgh-expertise-card\"\n                                style=\"--expert-accent: #e88316; --expert-soft: #fdf1e4;\"\n                                data-reveal\n                                data-delay=\"1\"\n                            >\n                                <div class=\"lgh-expertise-visual\" aria-hidden=\"true\">\n                                    <span class=\"lgh-expertise-icon\">\n                                                                                    <svg viewBox=\"0 0 64 64\">\n                                                <path d=\"M12 53V25l13 7V20l13 7V12h14v41H12z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\n                                                <path d=\"M20 42h6M34 42h6M46 33h6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n                                            <\/svg>\n                                                                            <\/span>\n                                    <span class=\"lgh-expertise-number\">05<\/span>\n                                <\/div>\n\n                                <div class=\"lgh-expertise-copy\">\n                                    <span class=\"lgh-expertise-eyebrow\">Contract manufacturing<\/span>\n                                    <h3>Tolling Agreement &amp; R&amp;D<\/h3>\n                                    <p>A signatory to the Responsible Care charter, the LAGUERRE Group formulates, manufactures, packages and stores products under contract to meet your requirements, in compliance with ICPE and HSE regulations and within an ISO 9001 management system.<\/p>\n\n                                    <a class=\"lgh-card-link\" href=\"https:\/\/laguerre-groupe.fr\/en\/tolling-agreement-and-rd\/\">\n                                        Discover our expertise                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n                                                    <article\n                                class=\"lgh-expertise-card\"\n                                style=\"--expert-accent: #b2a700; --expert-soft: #f7f5df;\"\n                                data-reveal\n                                data-delay=\"2\"\n                            >\n                                <div class=\"lgh-expertise-visual\" aria-hidden=\"true\">\n                                    <span class=\"lgh-expertise-icon\">\n                                                                                    <svg viewBox=\"0 0 64 64\">\n                                                <path d=\"M24 9h16M27 9v14L13 49a5 5 0 004 7h30a5 5 0 004-7L37 23V9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                                <path d=\"M21 43h22M25 35h14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n                                                <circle cx=\"27\" cy=\"48\" r=\"2\" fill=\"currentColor\"\/>\n                                                <circle cx=\"38\" cy=\"39\" r=\"2\" fill=\"currentColor\"\/>\n                                            <\/svg>\n                                                                            <\/span>\n                                    <span class=\"lgh-expertise-number\">06<\/span>\n                                <\/div>\n\n                                <div class=\"lgh-expertise-copy\">\n                                    <span class=\"lgh-expertise-eyebrow\">Specialty chemicals<\/span>\n                                    <h3>Specialties<\/h3>\n                                    <p>The LAGUERRE Group develops and manufactures fine and specialty chemicals for a wide range of industries, providing innovative solutions for specific technical requirements and sustainability objectives.<\/p>\n\n                                    <a class=\"lgh-card-link\" href=\"https:\/\/laguerre-groupe.fr\/en\/specialties\/\">\n                                        View products                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n                                            <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"lgh-section lgh-since\" aria-labelledby=\"lgh-since-title\">\n                <div class=\"lgh-container\">\n                    <div class=\"lgh-since-grid\">\n                        <div class=\"lgh-since-visual\" data-reveal>\n                            <div class=\"lgh-since-year\">\n                                1860\n                                <span>A French industrial heritage<\/span>\n                            <\/div>\n\n                            <svg class=\"lgh-molecule-network\" viewBox=\"0 0 520 360\" aria-hidden=\"true\">\n                                <g fill=\"none\" stroke=\"rgba(255,255,255,.30)\" stroke-width=\"6\" stroke-linecap=\"round\">\n                                    <path d=\"M68 250L158 188L247 244L340 162L434 218\"\/>\n                                    <path d=\"M158 188L185 90L282 66L340 162\"\/>\n                                    <path d=\"M247 244L268 319\"\/>\n                                <\/g>\n                                <g>\n                                    <circle cx=\"68\" cy=\"250\" r=\"33\" fill=\"#9fc51b\"\/>\n                                    <circle cx=\"158\" cy=\"188\" r=\"52\" fill=\"#2eaee2\"\/>\n                                    <circle cx=\"247\" cy=\"244\" r=\"38\" fill=\"#ba44a8\"\/>\n                                    <circle cx=\"340\" cy=\"162\" r=\"49\" fill=\"#174f8a\"\/>\n                                    <circle cx=\"434\" cy=\"218\" r=\"31\" fill=\"#e88316\"\/>\n                                    <circle cx=\"185\" cy=\"90\" r=\"26\" fill=\"#ba44a8\"\/>\n                                    <circle cx=\"282\" cy=\"66\" r=\"36\" fill=\"#13a2e2\"\/>\n                                    <circle cx=\"268\" cy=\"319\" r=\"25\" fill=\"#b2a700\"\/>\n                                    <circle cx=\"53\" cy=\"235\" r=\"9\" fill=\"rgba(255,255,255,.55)\"\/>\n                                    <circle cx=\"139\" cy=\"165\" r=\"14\" fill=\"rgba(255,255,255,.48)\"\/>\n                                    <circle cx=\"324\" cy=\"139\" r=\"13\" fill=\"rgba(255,255,255,.48)\"\/>\n                                <\/g>\n                            <\/svg>\n                        <\/div>\n\n                        <div class=\"lgh-since-content\" data-reveal data-delay=\"1\">\n                            <span class=\"lgh-kicker lgh-kicker--light\">LAGUERRE, since 1860<\/span>\n                            <h2 class=\"lgh-title\" id=\"lgh-since-title\">Quality and efficiency for successful formulation.<\/h2>\n\n                            <div class=\"lgh-history-text\">\n                                <p>\n                                    The LAGUERRE Group is headquartered near the River Seine in Saint-\u00c9tienne-du-Rouvray, Normandy.\n                                    The Group specialises in the manufacture of chemical products including paints,\n                                    varnishes, thinners, solvents, PVC additives, detergents, industrial-effluent treatments\n                                    and process-water solutions for professional and consumer markets.\n                                <\/p>\n                                <p>\n                                    Our paints for industry, construction and flooring may be Ecolabel-certified,\n                                    water-based or formulated with or without solvents. To meet your requirements,\n                                    we operate modern, high-performance production equipment.\n                                <\/p>\n                                <p>\n                                    Our research and development laboratories and quality-control laboratories\n                                    contribute to the development of products that comply with current standards.\n                                    Our production site is fully bunded to meet applicable environmental requirements.\n                                <\/p>\n                                <p>\n                                    All classified installations comply with the applicable prefectural orders,\n                                    including Order 1432 governing the storage of flammable liquids.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"lgh-history-points\" aria-label=\"Group strengths\">\n                                <div class=\"lgh-history-point\">Modern production equipment<\/div>\n                                <div class=\"lgh-history-point\">R&amp;D and quality-control laboratories<\/div>\n                                <div class=\"lgh-history-point\">Controlled industrial site<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"lgh-section lgh-film\" aria-labelledby=\"lgh-film-title\">\n                <div class=\"lgh-container\">\n                    <div class=\"lgh-film-grid\">\n                        <div class=\"lgh-video-card\" data-reveal>\n                            <video\n                                class=\"lgh-presentation-video\"\n                                controls\n                                playsinline\n                                preload=\"metadata\"\n                                aria-label=\"LAGUERRE Group presentation video\"\n                            >\n                                <source\n                                    src=\"https:\/\/laguerre-groupe.fr\/wp-content\/uploads\/2026\/07\/presentation_groupe_laguerre_v1-1080p.mp4\"\n                                    type=\"video\/mp4\"\n                                >\n                                Your browser cannot play this video.\n                                <a href=\"https:\/\/laguerre-groupe.fr\/wp-content\/uploads\/2026\/07\/presentation_groupe_laguerre_v1-1080p.mp4\">\n                                    Open the presentation video\n                                <\/a>\n                            <\/video>\n                        <\/div>\n\n                        <div class=\"lgh-film-copy\" data-reveal data-delay=\"1\">\n                            <span class=\"lgh-kicker\">Discover the Group on video<\/span>\n                            <h2 class=\"lgh-title\" id=\"lgh-film-title\">People, expertise and industrial capabilities<\/h2>\n                            <p class=\"lgh-lead\">\n                                A video introduction to the Group\u2019s history, activities, production capabilities\n                                and the expertise brought together to support customer projects.\n                            <\/p>\n\n                            <ul class=\"lgh-film-features\">\n                                <li style=\"--feature-accent: var(--lgh-cyan)\">\n                                    <span>01<\/span>\n                                    <strong>An independent family-owned company since 1860<\/strong>\n                                <\/li>\n                                <li style=\"--feature-accent: var(--lgh-green)\">\n                                    <span>02<\/span>\n                                    <strong>Laboratories, equipment and integrated manufacturing<\/strong>\n                                <\/li>\n                                <li style=\"--feature-accent: var(--lgh-orange)\">\n                                    <span>03<\/span>\n                                    <strong>Expertise dedicated to demanding industrial applications<\/strong>\n                                <\/li>\n                            <\/ul>\n\n                            <a class=\"lgh-button\" href=\"https:\/\/laguerre-groupe.fr\/en\/the-group\/\">\n                                Discover the Group\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"lgh-section lgh-method\" aria-labelledby=\"lgh-method-title\">\n                <div class=\"lgh-container\">\n                    <span class=\"lgh-kicker\" data-reveal>From concept to production<\/span>\n                    <h2 class=\"lgh-title\" id=\"lgh-method-title\" data-reveal>An integrated organisation to secure every project<\/h2>\n                    <p class=\"lgh-lead\" data-reveal data-delay=\"1\">\n                        The Group brings together on one site all the expertise required to assess,\n                        develop, manufacture, test and package chemical solutions.\n                    <\/p>\n\n                    <div class=\"lgh-method-grid\">\n                        <article class=\"lgh-method-card\" style=\"--method-accent: var(--lgh-cyan)\" data-reveal>\n                            <span class=\"lgh-method-number\">01<\/span>\n                            <h3>Understand your requirements<\/h3>\n                            <p>Analysis of the application, required performance, volumes and regulatory constraints.<\/p>\n                        <\/article>\n\n                        <article class=\"lgh-method-card\" style=\"--method-accent: var(--lgh-green)\" data-reveal data-delay=\"1\">\n                            <span class=\"lgh-method-number\">02<\/span>\n                            <h3>Formulate and develop<\/h3>\n                            <p>Testing, raw-material selection, optimisation and validation in the R&amp;D and quality-control laboratories.<\/p>\n                        <\/article>\n\n                        <article class=\"lgh-method-card\" style=\"--method-accent: var(--lgh-orange)\" data-reveal data-delay=\"2\">\n                            <span class=\"lgh-method-number\">03<\/span>\n                            <h3>Manufacture and control<\/h3>\n                            <p>Production, dispersion, mixing or milling in a structured and controlled industrial environment.<\/p>\n                        <\/article>\n\n                        <article class=\"lgh-method-card\" style=\"--method-accent: var(--lgh-magenta)\" data-reveal data-delay=\"3\">\n                            <span class=\"lgh-method-number\">04<\/span>\n                            <h3>Package and deliver<\/h3>\n                            <p>Appropriate formats, traceability, compliant storage and logistics organised around your project.<\/p>\n                        <\/article>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"lgh-cta-wrap\" aria-labelledby=\"lgh-cta-title\">\n                <div class=\"lgh-container\">\n                    <div class=\"lgh-cta\" data-reveal>\n                        <div class=\"lgh-cta-copy\">\n                            <h2 id=\"lgh-cta-title\">Do you have a technical requirement or a manufacturing project?<\/h2>\n                            <p>\n                                Tell us about your application, constraints and expected volumes.\n                                The LAGUERRE Group team will direct you to the right area of expertise.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"lgh-cta-actions\">\n                            <a class=\"lgh-button lgh-button--white\" href=\"https:\/\/laguerre-groupe.fr\/en\/contact\/\">\n                                Contact the Group\n                                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                    <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/a>\n                            <a class=\"lgh-button lgh-button--outline\" href=\"https:\/\/laguerre-groupe.fr\/en\/our-commitments\/\">\n                                Our commitments\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section\n                class=\"lgh-brand-slider\"\n                aria-labelledby=\"lgh-lemarchand-title\"\n                aria-roledescription=\"carousel\"\n                aria-label=\"Lemarchand Fr\u00e8res presentation\"\n            >\n                <div class=\"lgh-brand-slider-shell\">\n                    <div class=\"lgh-container\">\n                        <div class=\"lgh-brand-track\">\n                            <article\n                                class=\"lgh-brand-slide\"\n                                role=\"group\"\n                                aria-roledescription=\"slide\"\n                                aria-label=\"1 of 1\"\n                            >\n                                <div class=\"lgh-brand-logo-panel\">\n                                    <img\n                                        src=\"https:\/\/laguerre-groupe.fr\/wp-content\/uploads\/2021\/10\/lemarchand-1.png\"\n                                        alt=\"Lemarchand Fr\u00e8res\"\n                                        width=\"500\"\n                                        height=\"177\"\n                                        loading=\"lazy\"\n                                        decoding=\"async\"\n                                    >\n                                    <span class=\"lgh-brand-wordmark\" aria-hidden=\"true\">LEMARCHAND FR\u00c8RES<\/span>\n                                <\/div>\n\n                                <div class=\"lgh-brand-copy\">\n                                    <span class=\"lgh-kicker lgh-kicker--light\">Complementary expertise<\/span>\n                                    <h2 class=\"lgh-title\" id=\"lgh-lemarchand-title\">Lemarchand Fr\u00e8res<\/h2>\n                                    <p>\n                                        For 50 years, Lemarchand Fr\u00e8res has specialised in products designed for the specific needs\n                                        of agricultural infrastructure, helping customers protect and preserve\n                                        buildings and equipment.\n                                    <\/p>\n\n                                    <div class=\"lgh-brand-meta\" aria-label=\"Areas of expertise\">\n                                        <span class=\"lgh-brand-chip\" style=\"--brand-chip: var(--lgh-cyan)\">Agricultural buildings<\/span>\n                                        <span class=\"lgh-brand-chip\" style=\"--brand-chip: var(--lgh-green)\">Equipment protection<\/span>\n                                        <span class=\"lgh-brand-chip\" style=\"--brand-chip: var(--lgh-orange)\">Solutions for 50 years<\/span>\n                                    <\/div>\n\n                                    <a\n                                        class=\"lgh-button lgh-button--white\"\n                                        href=\"https:\/\/gifel-mousse.fr\/\"\n                                        target=\"_blank\"\n                                        rel=\"noopener noreferrer\"\n                                    >\n                                        Learn more\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                                            <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"lgh-brand-slider-ui\" aria-hidden=\"true\">\n                        <span>01<\/span>\n                        <span class=\"lgh-brand-progress\"><\/span>\n                        <span>01<\/span>\n                    <\/div>\n                <\/div>\n            <\/section>\n        <\/main>\n\n        <script>\n            (function () {\n                var root = document.querySelector('.lgh-page');\n                if (!root) return;\n\n                root.classList.add('lgh-js');\n\n                var revealItems = root.querySelectorAll('[data-reveal]');\n\n                if (!('IntersectionObserver' in window)) {\n                    revealItems.forEach(function (item) {\n                        item.classList.add('is-visible');\n                    });\n                } else {\n                    var observer = new IntersectionObserver(function (entries) {\n                        entries.forEach(function (entry) {\n                            if (entry.isIntersecting) {\n                                entry.target.classList.add('is-visible');\n                                observer.unobserve(entry.target);\n                            }\n                        });\n                    }, {\n                        threshold: 0.12,\n                        rootMargin: '0px 0px -50px 0px'\n                    });\n\n                    revealItems.forEach(function (item) {\n                        observer.observe(item);\n                    });\n                }\n\n                root.querySelectorAll('a[href^=\"#\"]').forEach(function (anchor) {\n                    anchor.addEventListener('click', function (event) {\n                        var target = document.querySelector(anchor.getAttribute('href'));\n                        if (!target) return;\n\n                        event.preventDefault();\n                        target.scrollIntoView({\n                            behavior: window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth',\n                            block: 'start'\n                        });\n                    });\n                });\n\n                var heroVideo = root.querySelector('.lgh-hero-video');\n                var videoControl = root.querySelector('.lgh-video-control');\n\n                if (heroVideo && videoControl) {\n                    var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n                    if (reducedMotion) {\n                        heroVideo.pause();\n                        videoControl.classList.add('is-paused');\n                        videoControl.setAttribute('aria-label', 'Play the background video');\n                        var reducedLabel = videoControl.querySelector('span');\n                        if (reducedLabel) reducedLabel.textContent = 'Play video';\n                    }\n\n                    videoControl.addEventListener('click', function () {\n                        var label = videoControl.querySelector('span');\n\n                        if (heroVideo.paused) {\n                            var playPromise = heroVideo.play();\n\n                            if (playPromise !== undefined) {\n                                playPromise.catch(function () {\n                                    return;\n                                });\n                            }\n\n                            videoControl.classList.remove('is-paused');\n                            videoControl.setAttribute('aria-label', 'Pause the background video');\n                            if (label) label.textContent = 'Pause video';\n                        } else {\n                            heroVideo.pause();\n                            videoControl.classList.add('is-paused');\n                            videoControl.setAttribute('aria-label', 'Play the background video');\n                            if (label) label.textContent = 'Play video';\n                        }\n                    });\n                }\n\n            })();\n        <\/script>\n    <\/div>\n    <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1078","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/laguerre-groupe.fr\/en\/wp-json\/wp\/v2\/pages\/1078","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laguerre-groupe.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laguerre-groupe.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laguerre-groupe.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laguerre-groupe.fr\/en\/wp-json\/wp\/v2\/comments?post=1078"}],"version-history":[{"count":36,"href":"https:\/\/laguerre-groupe.fr\/en\/wp-json\/wp\/v2\/pages\/1078\/revisions"}],"predecessor-version":[{"id":2556,"href":"https:\/\/laguerre-groupe.fr\/en\/wp-json\/wp\/v2\/pages\/1078\/revisions\/2556"}],"wp:attachment":[{"href":"https:\/\/laguerre-groupe.fr\/en\/wp-json\/wp\/v2\/media?parent=1078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}