{"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\/nl\/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\">Mensen &amp; Planeet: Onze Belofte van Bescherming<\/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 bevordert groene innovatie door hernieuwbare bronnen te selecteren om milieuvriendelijke oplossingen te cre\u00ebren die de ecologische impact minimaliseren. Samen met onze partners bouwen we aan een duurzame toekomst, waarbij we een schonere en veiligere toekomst voor iedereen beschermen.<\/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\">Werkplek Excellentie: Onze Basis<\/h2>\n<p class=\"section-description\">\n                    Een veilige, gezonde omgeving stimuleert duurzame operaties en trekt top talent aan die succes stimuleren in omgevingen waar veiligheid optimale prestaties mogelijk maakt.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/nl\/sustainability-in-landu\/people-our-commitment-to-care\/safety-first-our-priority\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Lees Meer<\/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=\"LANDU Kantoorteam\" 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\">cURL Too many subrequests.<\/div>\n<h2 class=\"section-title\">Cultureel Leiderschap: Onze Drijfveer<\/h2>\n<p class=\"section-description\">\n                    We bouwen dynamische omgevingen, aangedreven door marktinzichten, baanbrekende innovatie en de flexibiliteit om transformatieve veranderingen te anticiperen en te leiden.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/nl\/sustainability-in-landu\/people-our-commitment-to-care\/strong-corporate-culture-our-foundation\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Lees Meer<\/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\">Transparant Leiderschap: Onze Norm<\/h2>\n<p class=\"section-description\">\n                    We staan voor volledige eerlijkheid, open dialoog en uitgebreide verantwoordingskaders die elke stem versterken terwijl we uitzonderlijke ethische normen handhaven.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/nl\/sustainability-in-landu\/people-our-commitment-to-care\/integrity-in-action\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Lees Meer<\/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=\"LANDU Monitoring Systeem\" 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\/nl\/wp-json\/wp\/v2\/pages\/5385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/nl\/wp-json\/wp\/v2\/comments?post=5385"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/nl\/wp-json\/wp\/v2\/pages\/5385\/revisions"}],"predecessor-version":[{"id":5386,"href":"https:\/\/hpmc.ae\/nl\/wp-json\/wp\/v2\/pages\/5385\/revisions\/5386"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/nl\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/nl\/wp-json\/wp\/v2\/media?parent=5385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}