{"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\/fi\/sustainability-in-landu\/people-our-commitment-to-care\/","title":{"rendered":"Ihmiset: Sitoutumisemme v\u00e4litt\u00e4miseen"},"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\">Ihmiset ja planeetta: Valaistuksemme suojauksesta<\/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 edist\u00e4\u00e4 vihre\u00e4\u00e4 innovaatiota valitsemalla uusiutuvia resursseja ekologisten ratkaisujen luomiseen, jotka minimoivat ymp\u00e4rist\u00f6vaikutukset. Yhdess\u00e4 kumppaneidemme kanssa rakennamme kest\u00e4v\u00e4\u00e4 huomista, suojellen puhtaampaa ja turvallisempaa tulevaisuutta kaikille.<\/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\">Turvallisuus ensin: Meid\u00e4n prioriteettimme<\/div>\n<h2 class=\"section-title\">Ty\u00f6paikan erinomaisuus: Perustamme<\/h2>\n<p class=\"section-description\">\n                    Turvallinen ja terveellinen ymp\u00e4rist\u00f6 edist\u00e4\u00e4 kest\u00e4v\u00e4\u00e4 toimintaa ja houkuttelee huipputason osaajia, jotka ajavat menestyst\u00e4 ymp\u00e4rist\u00f6iss\u00e4, joissa turvallisuus mahdollistaa huippusuorituksen.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/fi\/sustainability-in-landu\/people-our-commitment-to-care\/safety-first-our-priority\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Lis\u00e4tietoja<\/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-toimiston tiimi\" 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\">Kulttuurinen johtajuus: Ajurimme<\/h2>\n<p class=\"section-description\">\n                    Rakennamme dynaamisia ymp\u00e4rist\u00f6j\u00e4, joita ohjaa markkinan\u00e4kemykset, l\u00e4pimurtoinnovaatio ja ketteryys ennakoida ja johtaa muutosprosesseja.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/fi\/sustainability-in-landu\/people-our-commitment-to-care\/strong-corporate-culture-our-foundation\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Lis\u00e4tietoja<\/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\">Eettisyys ja ilmiantaminen: Ydinintegriteetti<\/div>\n<h2 class=\"section-title\">L\u00e4pin\u00e4kyv\u00e4 johtajuus: Standardimme<\/h2>\n<p class=\"section-description\">\n                    Kannatamme t\u00e4ydellist\u00e4 rehellisyytt\u00e4, avointa vuoropuhelua ja kattavia vastuullisuuskehyksi\u00e4, jotka vahvistavat jokaisen \u00e4\u00e4nen ja yll\u00e4pit\u00e4v\u00e4t poikkeuksellisia eettisi\u00e4 standardeja.\n                <\/p>\n<div class=\"cta-container\">\n                    <a href=\"https:\/\/hpmc.ae\/fi\/sustainability-in-landu\/people-our-commitment-to-care\/integrity-in-action\/\" class=\"learn-more-btn\" target=\"_blank\"><br \/>\n                        <span>Lis\u00e4tietoja<\/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-seurantaj\u00e4rjestelm\u00e4\" 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\/fi\/wp-json\/wp\/v2\/pages\/5385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/comments?post=5385"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5385\/revisions"}],"predecessor-version":[{"id":5386,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5385\/revisions\/5386"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/media?parent=5385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}