{"id":5385,"date":"2025-12-09T08:03:35","date_gmt":"2025-12-09T08:03:35","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5385"},"modified":"2025-12-16T08:34:22","modified_gmt":"2025-12-16T08:34:22","slug":"people-our-commitment-to-care","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/fr\/sustainability-in-landu\/people-our-commitment-to-care\/","title":{"rendered":"People: Our Commitment to Care"},"content":{"rendered":"<div class=\"landu-banner\">\n<div class=\"chemical-bg\">\n        <!-- \u5206\u5b50\u7ed3\u6784\u88c5\u9970 --><\/p>\n<div class=\"molecule molecule-1\">\n<div class=\"atom atom-c\"><\/div>\n<div class=\"atom atom-h\"><\/div>\n<div class=\"atom atom-o\"><\/div>\n<div class=\"bond bond-1\"><\/div>\n<div class=\"bond bond-2\"><\/div>\n<\/p><\/div>\n<div class=\"molecule molecule-2\">\n<div class=\"atom atom-c\"><\/div>\n<div class=\"atom atom-o\"><\/div>\n<div class=\"atom atom-h\"><\/div>\n<div class=\"bond bond-3\"><\/div>\n<\/p><\/div>\n<div class=\"molecule molecule-3\">\n<div class=\"atom atom-o\"><\/div>\n<div class=\"atom atom-h\"><\/div>\n<div class=\"atom atom-c\"><\/div>\n<div class=\"bond bond-4\"><\/div>\n<div class=\"bond bond-5\"><\/div>\n<\/p><\/div>\n<p>        <!-- \u6d6e\u52a8\u7c92\u5b50 --><\/p>\n<div class=\"particle particle-1\"><\/div>\n<div class=\"particle particle-2\"><\/div>\n<div class=\"particle particle-3\"><\/div>\n<div class=\"particle particle-4\"><\/div>\n<div class=\"particle particle-5\"><\/div>\n<p>        <!-- \u5316\u5b66\u94fe\u6761 --><\/p>\n<div class=\"chain chain-1\"><\/div>\n<div class=\"chain chain-2\"><\/div>\n<\/p><\/div>\n<div class=\"banner-content\">\n<div class=\"title-section\">\n<h1 class=\"main-title\">People &amp; Plan\u00e8te : Notre promesse de protection<\/h1>\n<div class=\"chemical-formula\">HPMC &#8211; C<sub>8<\/sub>H<sub>15<\/sub>NO<sub>6<\/sub><\/div>\n<\/p><\/div>\n<div class=\"description\">\n<p>LANDU d\u00e9fend l'innovation verte, en s\u00e9lectionnant des ressources renouvelables pour cr\u00e9er des solutions \u00e9cologiques qui minimisent l'impact environnemental. En collaboration avec nos partenaires, nous construisons un avenir durable, garantissant un futur plus propre et plus s\u00fbr pour tous.<\/p>\n<\/p><\/div>\n<div class=\"innovation-badge\">\n            <span class=\"badge-text\">Green Innovation<\/span>\n        <\/div>\n<\/p><\/div>\n<style scoped=\"\">\n        .landu-banner {\n            position: relative;\n            width: 100%;\n            height: 500px;\n            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 25%, #00b4db 50%, #4ecdc4 75%, #44a08d 100%);\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-family: 'Arial', 'Microsoft YaHei', sans-serif;\n        }<\/p>\n<p>        .chemical-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            opacity: 0.15;\n        }<\/p>\n<p>        \/* \u5206\u5b50\u7ed3\u6784 *\/\n        .molecule {\n            position: absolute;\n            animation: float 8s ease-in-out infinite;\n        }<\/p>\n<p>        .molecule-1 {\n            top: 15%;\n            left: 10%;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .molecule-2 {\n            top: 60%;\n            right: 15%;\n            animation-delay: -2s;\n        }<\/p>\n<p>        .molecule-3 {\n            bottom: 20%;\n            left: 20%;\n            animation-delay: -4s;\n        }<\/p>\n<p>        .atom {\n            position: absolute;\n            border-radius: 50%;\n            animation: rotate 12s linear infinite;\n        }<\/p>\n<p>        .atom-c {\n            width: 16px;\n            height: 16px;\n            background: #fff;\n            box-shadow: 0 0 15px rgba(255,255,255,0.8);\n        }<\/p>\n<p>        .atom-h {\n            width: 8px;\n            height: 8px;\n            background: #e8f4f8;\n            top: -25px;\n            left: 20px;\n        }<\/p>\n<p>        .atom-o {\n            width: 12px;\n            height: 12px;\n            background: #b3e5fc;\n            top: 25px;\n            left: -15px;\n        }<\/p>\n<p>        .bond {\n            position: absolute;\n            background: rgba(255,255,255,0.6);\n            border-radius: 2px;\n        }<\/p>\n<p>        .bond-1 {\n            width: 25px;\n            height: 2px;\n            top: 8px;\n            left: 16px;\n            transform: rotate(45deg);\n        }<\/p>\n<p>        .bond-2 {\n            width: 20px;\n            height: 2px;\n            top: 16px;\n            left: -8px;\n            transform: rotate(-30deg);\n        }<\/p>\n<p>        .bond-3, .bond-4, .bond-5 {\n            width: 18px;\n            height: 1px;\n            background: rgba(255,255,255,0.4);\n        }<\/p>\n<p>        \/* \u6d6e\u52a8\u7c92\u5b50 *\/\n        .particle {\n            position: absolute;\n            background: rgba(255,255,255,0.6);\n            border-radius: 50%;\n            animation: drift 15s ease-in-out infinite;\n        }<\/p>\n<p>        .particle-1 {\n            width: 4px;\n            height: 4px;\n            top: 25%;\n            left: 30%;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .particle-2 {\n            width: 6px;\n            height: 6px;\n            top: 70%;\n            right: 25%;\n            animation-delay: -3s;\n        }<\/p>\n<p>        .particle-3 {\n            width: 3px;\n            height: 3px;\n            top: 40%;\n            left: 70%;\n            animation-delay: -6s;\n        }<\/p>\n<p>        .particle-4 {\n            width: 5px;\n            height: 5px;\n            top: 80%;\n            left: 60%;\n            animation-delay: -9s;\n        }<\/p>\n<p>        .particle-5 {\n            width: 4px;\n            height: 4px;\n            top: 10%;\n            right: 40%;\n            animation-delay: -12s;\n        }<\/p>\n<p>        \/* \u5316\u5b66\u94fe\u6761 *\/\n        .chain {\n            position: absolute;\n            width: 200px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%);\n            animation: chainMove 20s linear infinite;\n        }<\/p>\n<p>        .chain-1 {\n            top: 30%;\n            left: -100px;\n            transform: rotate(15deg);\n        }<\/p>\n<p>        .chain-2 {\n            bottom: 40%;\n            right: -100px;\n            transform: rotate(-20deg);\n            animation-delay: -10s;\n        }<\/p>\n<p>        \/* Banner\u5185\u5bb9 *\/\n        .banner-content {\n            position: relative;\n            z-index: 10;\n            text-align: center;\n            max-width: 900px;\n            padding: 40px 30px;\n            color: white;\n        }<\/p>\n<p>        .title-section {\n            margin-bottom: 30px;\n        }<\/p>\n<p>        .main-title {\n            font-size: 2.8rem;\n            font-weight: 700;\n            line-height: 1.2;\n            margin-bottom: 15px;\n            text-shadow: 0 4px 20px rgba(0,0,0,0.3);\n            letter-spacing: 0.5px;\n            background: linear-gradient(45deg, #ffffff, #e3f2fd);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }<\/p>\n<p>        .chemical-formula {\n            font-size: 1.1rem;\n            font-weight: 300;\n            color: #b3e5fc;\n            font-family: 'Courier New', monospace;\n            text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n            margin-bottom: 10px;\n        }<\/p>\n<p>        .chemical-formula sub {\n            font-size: 0.8em;\n        }<\/p>\n<p>        .description {\n            margin: 30px 0;\n        }<\/p>\n<p>        .description p {\n            font-size: 1.1rem;\n            line-height: 1.7;\n            color: rgba(255,255,255,0.95);\n            text-shadow: 0 2px 8px rgba(0,0,0,0.2);\n            font-weight: 300;\n        }<\/p>\n<p>        .innovation-badge {\n            display: inline-block;\n            margin-top: 25px;\n        }<\/p>\n<p>        .badge-text {\n            background: rgba(255,255,255,0.15);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255,255,255,0.2);\n            border-radius: 25px;\n            padding: 8px 20px;\n            font-size: 0.9rem;\n            font-weight: 500;\n            color: white;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }<\/p>\n<p>        \/* \u52a8\u753b *\/\n        @keyframes float {\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-20px) rotate(180deg); }\n        }<\/p>\n<p>        @keyframes rotate {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }<\/p>\n<p>        @keyframes drift {\n            0%, 100% { \n                transform: translate(0, 0) scale(1);\n                opacity: 0.6;\n            }\n            25% { \n                transform: translate(30px, -20px) scale(1.2);\n                opacity: 0.8;\n            }\n            50% { \n                transform: translate(-20px, -40px) scale(0.8);\n                opacity: 1;\n            }\n            75% { \n                transform: translate(40px, -10px) scale(1.1);\n                opacity: 0.7;\n            }\n        }<\/p>\n<p>        @keyframes chainMove {\n            from { transform: translateX(-100px) rotate(15deg); }\n            to { transform: translateX(calc(100vw + 100px)) rotate(15deg); }\n        }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 768px) {\n            .landu-banner {\n                height: 400px;\n            }<\/p>\n<p>            .main-title {\n                font-size: 2.2rem;\n            }<\/p>\n<p>            .description p {\n                font-size: 1rem;\n            }<\/p>\n<p>            .banner-content {\n                padding: 30px 20px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .landu-banner {\n                height: 350px;\n            }<\/p>\n<p>            .main-title {\n                font-size: 1.8rem;\n            }<\/p>\n<p>            .chemical-formula {\n                font-size: 1rem;\n            }<\/p>\n<p>            .description p {\n                font-size: 0.95rem;\n            }\n        }\n    <\/style>\n<\/div>\n<div class=\"landu-content-section\">\n    <!-- Safety First Section --><\/p>\n<div class=\"content-card\">\n<div class=\"card-content\">\n<div class=\"text-content\">\n<div class=\"tag-line\">Safety First: Our Priority<\/div>\n<h2 class=\"section-title\">Excellence en milieu de travail : Notre fondation<\/h2>\n<p class=\"section-description\">\n                    Un environnement s\u00e9curis\u00e9 et sain favorise des op\u00e9rations durables et attire des talents de premier ordre qui conduisent au succ\u00e8s dans des environnements o\u00f9 la s\u00e9curit\u00e9 permet une performance optimale.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/fr\/sustainability-in-landu\/people-our-commitment-to-care\/safety-first-our-priority\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>En savoir plus<\/span><\/p>\n<div class=\"btn-particles\"><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<div class=\"image-content\">\n<div class=\"image-wrapper\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Saleswomen-in-the-Office.jpg\" alt=\"\u00c9quipe du bureau LANDU\" class=\"content-image\"><\/p>\n<div class=\"chemical-overlay\">\n<div class=\"molecule-small mol-1\"><\/div>\n<div class=\"molecule-small mol-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Corporate Culture Section --><\/p>\n<div class=\"content-card reverse\">\n<div class=\"card-content\">\n<div class=\"image-content\">\n<div class=\"image-wrapper\">\n                    <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/diverse-business-team-leader-discuss-financial-pap-2025-03-27-01-57-40-utc-scaled.jpg\" alt=\"LANDU Testing Equipment\" class=\"content-image\"><\/p>\n<div class=\"chemical-overlay\">\n<div class=\"molecule-small mol-3\"><\/div>\n<div class=\"molecule-small mol-4\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"text-content\">\n<div class=\"tag-line\">Strong Corporate Culture: Our Foundation<\/div>\n<h2 class=\"section-title\">Leadership culturel : Notre force motrice<\/h2>\n<p class=\"section-description\">\n                    Nous construisons des environnements dynamiques aliment\u00e9s par la connaissance du march\u00e9, une innovation r\u00e9volutionnaire et l'agilit\u00e9 d'anticiper et de mener le changement transformationnel.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/fr\/sustainability-in-landu\/people-our-commitment-to-care\/strong-corporate-culture-our-foundation\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>En savoir plus<\/span><\/p>\n<div class=\"btn-particles\"><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Ethics Section --><\/p>\n<div class=\"content-card\">\n<div class=\"card-content\">\n<div class=\"text-content\">\n<div class=\"tag-line\">Ethics and Whistleblowing: Core Integrity<\/div>\n<h2 class=\"section-title\">Leadership transparent : Notre norme<\/h2>\n<p class=\"section-description\">\n                    Nous pr\u00f4nons l'honn\u00eatet\u00e9 totale, le dialogue ouvert et des cadres de responsabilit\u00e9 complets qui amplifient chaque voix tout en maintenant des normes \u00e9thiques exceptionnelles.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/fr\/sustainability-in-landu\/people-our-commitment-to-care\/integrity-in-action\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>En savoir plus<\/span><\/p>\n<div class=\"btn-particles\"><\/div>\n<p>                    <\/a>\n                <\/div>\n<\/p><\/div>\n<div class=\"image-content\">\n<div class=\"image-wrapper\">\n                    <img loading=\"lazy\" height=\"1706\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/in-a-boardroom-an-asian-team-meets-at-a-desk-pre-2025-03-08-17-33-54-utc-scaled.jpg\" alt=\"Syst\u00e8me de surveillance LANDU\" class=\"content-image\"><\/p>\n<div class=\"chemical-overlay\">\n<div class=\"molecule-small mol-5\"><\/div>\n<div class=\"molecule-small mol-6\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Background Elements --><\/p>\n<div class=\"section-bg-elements\">\n<div class=\"bg-particle bp-1\"><\/div>\n<div class=\"bg-particle bp-2\"><\/div>\n<div class=\"bg-particle bp-3\"><\/div>\n<div class=\"bg-chain\"><\/div>\n<\/p><\/div>\n<style scoped=\"\">\n        .landu-content-section {\n            position: relative;\n            background: linear-gradient(180deg, #f8fbff 0%, #ffffff 50%, #f0f9ff 100%);\n            padding: 80px 0;\n            overflow: hidden;\n        }<\/p>\n<p>        .content-card {\n            max-width: 1200px;\n            margin: 0 auto 120px auto;\n            padding: 0 30px;\n            position: relative;\n        }<\/p>\n<p>        .content-card:last-child {\n            margin-bottom: 80px;\n        }<\/p>\n<p>        .card-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n            background: rgba(255,255,255,0.8);\n            backdrop-filter: blur(20px);\n            border-radius: 24px;\n            padding: 60px;\n            box-shadow: \n                0 20px 60px rgba(0,0,0,0.1),\n                0 0 0 1px rgba(255,255,255,0.2);\n            border: 1px solid rgba(178, 223, 219, 0.3);\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .card-content::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(circle at 30% 70%, rgba(78, 205, 196, 0.05) 0%, transparent 70%);\n            pointer-events: none;\n        }<\/p>\n<p>        .reverse .card-content {\n            grid-template-columns: 1fr 1fr;\n        }<\/p>\n<p>        .reverse .text-content {\n            order: 2;\n        }<\/p>\n<p>        .reverse .image-content {\n            order: 1;\n        }<\/p>\n<p>        .text-content {\n            position: relative;\n            z-index: 2;\n        }<\/p>\n<p>        .tag-line {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: #2a5298;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            margin-bottom: 15px;\n            position: relative;\n            display: inline-block;\n        }<\/p>\n<p>        .tag-line::after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 40px;\n            height: 2px;\n            background: linear-gradient(90deg, #4ecdc4, #2a5298);\n            border-radius: 2px;\n        }<\/p>\n<p>        .section-title {\n            font-size: 2.2rem;\n            font-weight: 700;\n            color: #1a365d;\n            line-height: 1.3;\n            margin-bottom: 25px;\n            background: linear-gradient(135deg, #1a365d 0%, #2a5298 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }<\/p>\n<p>        .section-description {\n            font-size: 1.1rem;\n            line-height: 1.7;\n            color: #4a5568;\n            margin-bottom: 35px;\n            font-weight: 400;\n        }<\/p>\n<p>        .cta-container {\n            margin-top: 30px;\n        }<\/p>\n<p>        .learn-more-btn {\n            display: inline-flex;\n            align-items: center;\n            padding: 14px 32px;\n            background: linear-gradient(135deg, #4ecdc4 0%, #2a5298 100%);\n            color: white;\n            text-decoration: none;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 8px 25px rgba(78, 205, 196, 0.3);\n        }<\/p>\n<p>        .learn-more-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 12px 35px rgba(78, 205, 196, 0.4);\n        }<\/p>\n<p>        .learn-more-btn span {\n            position: relative;\n            z-index: 2;\n        }<\/p>\n<p>        .btn-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: \n                radial-gradient(circle at 20% 50%, rgba(255,255,255,0.2) 0%, transparent 50%),\n                radial-gradient(circle at 80% 50%, rgba(255,255,255,0.1) 0%, transparent 50%);\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }<\/p>\n<p>        .learn-more-btn:hover .btn-particles {\n            opacity: 1;\n        }<\/p>\n<p>        .image-content {\n            position: relative;\n        }<\/p>\n<p>        .image-wrapper {\n            position: relative;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.15);\n            transition: transform 0.3s ease;\n        }<\/p>\n<p>        .image-wrapper:hover {\n            transform: scale(1.02);\n        }<\/p>\n<p>        .content-image {\n            width: 100%;\n            height: 300px;\n            object-fit: cover;\n            display: block;\n        }<\/p>\n<p>        .chemical-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            pointer-events: none;\n        }<\/p>\n<p>        .molecule-small {\n            position: absolute;\n            width: 8px;\n            height: 8px;\n            background: rgba(255,255,255,0.8);\n            border-radius: 50%;\n            box-shadow: 0 0 10px rgba(255,255,255,0.6);\n            animation: moleculeFloat 6s ease-in-out infinite;\n        }<\/p>\n<p>        .mol-1 {\n            top: 20%;\n            left: 15%;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .mol-2 {\n            bottom: 25%;\n            right: 20%;\n            animation-delay: -2s;\n        }<\/p>\n<p>        .mol-3 {\n            top: 30%;\n            right: 15%;\n            animation-delay: -1s;\n        }<\/p>\n<p>        .mol-4 {\n            bottom: 20%;\n            left: 25%;\n            animation-delay: -3s;\n        }<\/p>\n<p>        .mol-5 {\n            top: 25%;\n            left: 20%;\n            animation-delay: -0.5s;\n        }<\/p>\n<p>        .mol-6 {\n            bottom: 30%;\n            right: 25%;\n            animation-delay: -2.5s;\n        }<\/p>\n<p>        \/* Background Elements *\/\n        .section-bg-elements {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            pointer-events: none;\n            z-index: 0;\n        }<\/p>\n<p>        .bg-particle {\n            position: absolute;\n            background: radial-gradient(circle, rgba(78, 205, 196, 0.1) 0%, transparent 70%);\n            border-radius: 50%;\n            animation: bgFloat 20s ease-in-out infinite;\n        }<\/p>\n<p>        .bp-1 {\n            width: 200px;\n            height: 200px;\n            top: 10%;\n            right: 5%;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .bp-2 {\n            width: 150px;\n            height: 150px;\n            top: 60%;\n            left: 3%;\n            animation-delay: -7s;\n        }<\/p>\n<p>        .bp-3 {\n            width: 180px;\n            height: 180px;\n            bottom: 15%;\n            right: 8%;\n            animation-delay: -14s;\n        }<\/p>\n<p>        .bg-chain {\n            position: absolute;\n            top: 50%;\n            left: -100px;\n            width: 300px;\n            height: 1px;\n            background: linear-gradient(90deg, transparent 0%, rgba(78, 205, 196, 0.2) 50%, transparent 100%);\n            transform: rotate(25deg);\n            animation: chainDrift 30s linear infinite;\n        }<\/p>\n<p>        \/* Animations *\/\n        @keyframes moleculeFloat {\n            0%, 100% {\n                transform: translate(0, 0) scale(1);\n                opacity: 0.8;\n            }\n            50% {\n                transform: translate(10px, -15px) scale(1.2);\n                opacity: 1;\n            }\n        }<\/p>\n<p>        @keyframes bgFloat {\n            0%, 100% {\n                transform: translate(0, 0) scale(1);\n                opacity: 0.3;\n            }\n            33% {\n                transform: translate(30px, -20px) scale(1.1);\n                opacity: 0.5;\n            }\n            66% {\n                transform: translate(-20px, 15px) scale(0.9);\n                opacity: 0.4;\n            }\n        }<\/p>\n<p>        @keyframes chainDrift {\n            from {\n                transform: translateX(-100px) rotate(25deg);\n            }\n            to {\n                transform: translateX(calc(100vw + 200px)) rotate(25deg);\n            }\n        }<\/p>\n<p>        \/* Responsive Design *\/\n        @media (max-width: 968px) {\n            .card-content {\n                grid-template-columns: 1fr;\n                gap: 40px;\n                padding: 40px;\n            }<\/p>\n<p>            .reverse .text-content,\n            .reverse .image-content {\n                order: unset;\n            }<\/p>\n<p>            .content-card {\n                margin-bottom: 80px;\n                padding: 0 20px;\n            }<\/p>\n<p>            .section-title {\n                font-size: 1.8rem;\n            }\n        }<\/p>\n<p>        @media (max-width: 640px) {\n            .landu-content-section {\n                padding: 60px 0;\n            }<\/p>\n<p>            .card-content {\n                padding: 30px 20px;\n                border-radius: 16px;\n            }<\/p>\n<p>            .section-title {\n                font-size: 1.6rem;\n            }<\/p>\n<p>            .section-description {\n                font-size: 1rem;\n            }<\/p>\n<p>            .content-image {\n                height: 250px;\n            }<\/p>\n<p>            .content-card {\n                margin-bottom: 60px;\n                padding: 0 15px;\n            }\n        }\n    <\/style>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>People &amp; Planet: Our Promise of Protection HPMC &#8211; C8H15NO6 LANDU champions green innovation, selecting renewable resources to craft eco-friendly solutions that minimize environmental impact. Together with our partners, we build a sustainable tomorrow, safeguarding a cleaner, more secure future for everyone. Green Innovation Safety First: Our Priority Workplace Excellence: Our Foundation A secure, healthy [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5381,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5385","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/comments?post=5385"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5385\/revisions"}],"predecessor-version":[{"id":5386,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5385\/revisions\/5386"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/fr\/wp-json\/wp\/v2\/media?parent=5385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}