{"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\/id\/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; Planet: Janji Perlindungan Kami<\/h1>\n<div class=\"chemical-formula\">HPMC \u2013 C<sub>8<\/sub>H<sub>15<\/sub>NO<sub>6<\/sub><\/div>\n<\/p><\/div>\n<div class=\"description\">\n<p>LANDU mendukung inovasi hijau, memilih sumber daya terbarukan untuk menciptakan solusi ramah lingkungan yang meminimalkan dampak terhadap lingkungan. Bersama mitra kami, kami membangun masa depan yang berkelanjutan, melindungi masa depan yang lebih bersih dan lebih aman untuk semua.<\/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\">Keunggulan Tempat Kerja: Fondasi Kami<\/h2>\n<p class=\"section-description\">\n                    Lingkungan yang aman dan sehat mendorong operasi berkelanjutan dan menarik talenta terbaik yang mendorong keberhasilan di lingkungan di mana keselamatan memungkinkan kinerja terbaik.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/id\/sustainability-in-landu\/people-our-commitment-to-care\/safety-first-our-priority\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Pelajari Lebih Lanjut<\/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=\"Tim Kantor 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\">Kepemimpinan Budaya: Kekuatan Penggerak Kami<\/h2>\n<p class=\"section-description\">\n                    Kami membangun lingkungan dinamis yang didukung oleh wawasan pasar, inovasi terobosan, dan kelincahan untuk mengantisipasi dan memimpin perubahan transformasional.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/id\/sustainability-in-landu\/people-our-commitment-to-care\/strong-corporate-culture-our-foundation\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Pelajari Lebih Lanjut<\/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\">Kepemimpinan Transparan: Standar Kami<\/h2>\n<p class=\"section-description\">\n                    Kami mendukung kejujuran penuh, dialog terbuka, dan kerangka akuntabilitas yang komprehensif yang memperkuat setiap suara sekaligus menjaga standar etika yang luar biasa.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/id\/sustainability-in-landu\/people-our-commitment-to-care\/integrity-in-action\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Pelajari Lebih Lanjut<\/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=\"Sistem Pemantauan 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>Orang &amp; Planet: Janji Perlindungan Kami HPMC \u2013 C8H15NO6 LANDU mendukung inovasi hijau, memilih sumber daya terbarukan untuk menciptakan solusi ramah lingkungan yang meminimalkan dampak terhadap lingkungan. Bersama mitra kami, kami membangun masa depan yang berkelanjutan, melindungi masa depan yang lebih bersih dan lebih aman untuk semua orang. Inovasi Hijau Keamanan Utama: Prioritas Kami Keunggulan Tempat Kerja: Fondasi Kami Sebuah tempat kerja yang aman dan sehat [\u2026]<\/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\/id\/wp-json\/wp\/v2\/pages\/5385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/comments?post=5385"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5385\/revisions"}],"predecessor-version":[{"id":5386,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5385\/revisions\/5386"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/media?parent=5385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}