{"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\/et\/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: Our Promise of Protection<\/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 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.<\/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\">Ohutus Esikohal: Meie Prioriteet<\/div>\n<h2 class=\"section-title\">Workplace Excellence: Our Foundation<\/h2>\n<p class=\"section-description\">\n                    A secure, healthy environment fuels sustainable operations and attracts top-tier talent who drive success in environments where safety enables peak performance.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/et\/sustainability-in-landu\/people-our-commitment-to-care\/safety-first-our-priority\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Loe rohkem<\/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 Office Team\" 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\">Cultural Leadership: Our Driving Force<\/h2>\n<p class=\"section-description\">\n                    We build dynamic environments powered by market insight, breakthrough innovation, and the agility to anticipate and lead transformational change.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/et\/sustainability-in-landu\/people-our-commitment-to-care\/strong-corporate-culture-our-foundation\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Loe rohkem<\/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\">Transparent Leadership: Our Standard<\/h2>\n<p class=\"section-description\">\n                    We champion complete honesty, open dialogue, and comprehensive accountability frameworks that amplify every voice while upholding exceptional ethical standards.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/et\/sustainability-in-landu\/people-our-commitment-to-care\/integrity-in-action\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Loe rohkem<\/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 System\" 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>Inimesed ja planeet: Meie kaitse lubadus HPMC \u2013 C8H15NO6 LANDU edendab rohelist innovatsiooni, valides taastuvressursse, et luua keskkonnas\u00f5bralikke lahendusi, mis v\u00e4hendavad keskkonnam\u00f5ju. Koos meie partneritega ehitame j\u00e4tkusuutlikku homset, kaitstes puhtamat ja turvalisemat tulevikku k\u00f5igile. Roheline innovatsioon Ohutus esikohal: Meie prioriteet T\u00f6\u00f6kohtade tipptase: Meie alusv\u00e4\u00e4rtus Turvaline, terve [\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\/et\/wp-json\/wp\/v2\/pages\/5385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/comments?post=5385"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/pages\/5385\/revisions"}],"predecessor-version":[{"id":5386,"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/pages\/5385\/revisions\/5386"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/et\/wp-json\/wp\/v2\/media?parent=5385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}