{"id":5333,"date":"2025-12-08T05:24:08","date_gmt":"2025-12-08T05:24:08","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5333"},"modified":"2025-12-10T03:37:11","modified_gmt":"2025-12-10T03:37:11","slug":"strong-corporate-culture-our-foundation","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/it\/sustainability-in-landu\/people-our-commitment-to-care\/strong-corporate-culture-our-foundation\/","title":{"rendered":"Strong Corporate Culture: Our Foundation"},"content":{"rendered":"<div class=\"lemonx-visual-block\" data-block-id=\"4\">\n<div class=\"sustainable-progress-banner\">\n    <!-- Dynamic Background Ecosystem --><\/p>\n<div class=\"background-ecosystem\">\n        <!-- Eco Layers --><\/p>\n<div class=\"eco-layers\">\n<div class=\"layer layer-1\"><\/div>\n<div class=\"layer layer-2\"><\/div>\n<div class=\"layer layer-3\"><\/div>\n<\/p><\/div>\n<p>        <!-- Connection Network --><\/p>\n<div class=\"connection-network\">\n<div class=\"connection-node node-1\">\n<div class=\"node-core\"><\/div>\n<div class=\"node-pulse\"><\/div>\n<\/p><\/div>\n<div class=\"connection-node node-2\">\n<div class=\"node-core\"><\/div>\n<div class=\"node-pulse\"><\/div>\n<\/p><\/div>\n<div class=\"connection-node node-3\">\n<div class=\"node-core\"><\/div>\n<div class=\"node-pulse\"><\/div>\n<\/p><\/div>\n<div class=\"connection-line line-1\"><\/div>\n<div class=\"connection-line line-2\"><\/div>\n<div class=\"connection-line line-3\"><\/div>\n<\/p><\/div>\n<p>        <!-- Bio Molecules --><\/p>\n<div class=\"bio-molecules\">\n<div class=\"molecule mol-1\"><\/div>\n<div class=\"molecule mol-2\"><\/div>\n<div class=\"molecule mol-3\"><\/div>\n<div class=\"molecule mol-4\"><\/div>\n<div class=\"molecule mol-5\"><\/div>\n<\/p><\/div>\n<p>        <!-- Energy Waves --><\/p>\n<div class=\"energy-waves\">\n<div class=\"wave wave-1\"><\/div>\n<div class=\"wave wave-2\"><\/div>\n<div class=\"wave wave-3\"><\/div>\n<\/p><\/div>\n<p>        <!-- Floating Elements --><\/p>\n<div class=\"floating-elements\">\n<div class=\"float-element fe-1\"><\/div>\n<div class=\"float-element fe-2\"><\/div>\n<div class=\"float-element fe-3\"><\/div>\n<div class=\"float-element fe-4\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Main Content --><\/p>\n<div class=\"banner-content\">\n<div class=\"content-wrapper\">\n            <!-- Hero Section --><\/p>\n<div class=\"hero-section\">\n<h1 class=\"hero-title\">\n                    <span class=\"title-line primary\">Collaborate for Sustainable Progress<\/span><br \/>\n                    <span class=\"title-connector\"><br \/>\n                        <span class=\"connector-line\"><\/span><br \/>\n                        <span class=\"connector-text\">People, Partners &amp; Society<\/span><br \/>\n                        <span class=\"connector-line\"><\/span><br \/>\n                    <\/span><br \/>\n                <\/h1>\n<div class=\"hero-subtitle\">\n<p class=\"subtitle-text\">LANDU: Safety First, People-Focused Solutions &amp; Community Impact<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Key Points Grid --><\/p>\n<div class=\"key-points-ecosystem\">\n<div class=\"point-cluster cluster-1\">\n<div class=\"cluster-core\">\n<div class=\"core-accent\"><\/div>\n<p>                        <span class=\"cluster-label\">People-First Approach<\/span>\n                    <\/div>\n<div class=\"cluster-details\">\n                        <span class=\"detail-item\">Zero Injuries<\/span><br \/>\n                        <span class=\"detail-separator\">\u2022<\/span><br \/>\n                        <span class=\"detail-item\">Employee Development<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"point-cluster cluster-2\">\n<div class=\"cluster-core\">\n<div class=\"core-accent\"><\/div>\n<p>                        <span class=\"cluster-label\">Sustainable Customer Solutions<\/span>\n                    <\/div>\n<div class=\"cluster-details\">\n                        <span class=\"detail-item\">Biopolymers<\/span><br \/>\n                        <span class=\"detail-separator\">\u2022<\/span><br \/>\n                        <span class=\"detail-item\">Safe Chemistry<\/span>\n                    <\/div>\n<\/p><\/div>\n<div class=\"point-cluster cluster-3\">\n<div class=\"cluster-core\">\n<div class=\"core-accent\"><\/div>\n<p>                        <span class=\"cluster-label\">Community Education &amp; Environmental Action<\/span>\n                    <\/div>\n<div class=\"cluster-details\">\n                        <span class=\"detail-item\">Knowledge Sharing<\/span><br \/>\n                        <span class=\"detail-separator\">\u2022<\/span><br \/>\n                        <span class=\"detail-item\">Green Innovation<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Brand Signature --><\/p>\n<div class=\"brand-signature\">\n<div class=\"signature-content\">\n                <span class=\"brand-name\">LANDU<\/span><br \/>\n                <span class=\"brand-tagline\">Sustainable Chemical Solutions<\/span>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style scoped=\"\">\n        .sustainable-progress-banner {\n            position: relative;\n            width: 100%;\n            height: 50vh;\n            min-height: 500px;\n            background: linear-gradient(\n                135deg, \n                #0f3d2c 0%, \n                #1e5d4a 15%, \n                #2d7f5f 30%, \n                #4a9d7a 45%, \n                #6bb896 60%, \n                #8fd4b2 75%, \n                #b8e6ce 85%, \n                #d4edda 95%, \n                #e8f5e8 100%\n            );\n            overflow: hidden;\n            font-family: 'Inter', 'Helvetica Neue', sans-serif;\n            color: #ffffff;\n        }<\/p>\n<p>        \/* Background Ecosystem *\/\n        .background-ecosystem {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n        }<\/p>\n<p>        \/* Eco Layers *\/\n        .eco-layers {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .layer {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(40px);\n            animation: layerPulse 12s ease-in-out infinite;\n        }<\/p>\n<p>        .layer-1 {\n            width: 500px;\n            height: 500px;\n            background: radial-gradient(circle, rgba(46, 204, 113, 0.3) 0%, transparent 70%);\n            top: -150px;\n            right: -150px;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .layer-2 {\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(39, 174, 96, 0.25) 0%, transparent 70%);\n            bottom: -100px;\n            left: -100px;\n            animation-delay: -4s;\n        }<\/p>\n<p>        .layer-3 {\n            width: 350px;\n            height: 350px;\n            background: radial-gradient(circle, rgba(52, 152, 219, 0.2) 0%, transparent 70%);\n            top: 40%;\n            left: 40%;\n            animation-delay: -8s;\n        }<\/p>\n<p>        \/* Connection Network *\/\n        .connection-network {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .connection-node {\n            position: absolute;\n            width: 20px;\n            height: 20px;\n            animation: nodeFloat 8s ease-in-out infinite;\n        }<\/p>\n<p>        .node-1 {\n            top: 25%;\n            left: 20%;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .node-2 {\n            top: 60%;\n            right: 25%;\n            animation-delay: -3s;\n        }<\/p>\n<p>        .node-3 {\n            bottom: 30%;\n            left: 60%;\n            animation-delay: -6s;\n        }<\/p>\n<p>        .node-core {\n            width: 8px;\n            height: 8px;\n            background: rgba(255, 255, 255, 0.8);\n            border-radius: 50%;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }<\/p>\n<p>        .node-pulse {\n            width: 20px;\n            height: 20px;\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            border-radius: 50%;\n            position: absolute;\n            top: 0;\n            left: 0;\n            animation: nodePulse 2s ease-in-out infinite;\n        }<\/p>\n<p>        .connection-line {\n            position: absolute;\n            height: 1px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(255, 255, 255, 0.4) 20%, \n                rgba(46, 204, 113, 0.6) 50%, \n                rgba(255, 255, 255, 0.4) 80%, \n                transparent 100%\n            );\n            animation: lineFlow 15s linear infinite;\n        }<\/p>\n<p>        .line-1 {\n            width: 200px;\n            top: 30%;\n            left: 25%;\n            transform: rotate(45deg);\n        }<\/p>\n<p>        .line-2 {\n            width: 150px;\n            top: 65%;\n            right: 30%;\n            transform: rotate(-30deg);\n            animation-delay: -5s;\n        }<\/p>\n<p>        .line-3 {\n            width: 180px;\n            bottom: 35%;\n            left: 45%;\n            transform: rotate(15deg);\n            animation-delay: -10s;\n        }<\/p>\n<p>        \/* Bio Molecules *\/\n        .bio-molecules {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .molecule {\n            position: absolute;\n            width: 6px;\n            height: 6px;\n            background: rgba(255, 255, 255, 0.7);\n            border-radius: 50%;\n            animation: moleculeDrift 20s linear infinite;\n        }<\/p>\n<p>        .mol-1 {\n            top: 15%;\n            left: 10%;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .mol-2 {\n            top: 35%;\n            right: 15%;\n            animation-delay: -4s;\n        }<\/p>\n<p>        .mol-3 {\n            bottom: 25%;\n            left: 25%;\n            animation-delay: -8s;\n        }<\/p>\n<p>        .mol-4 {\n            top: 70%;\n            left: 70%;\n            animation-delay: -12s;\n        }<\/p>\n<p>        .mol-5 {\n            top: 10%;\n            right: 35%;\n            animation-delay: -16s;\n        }<\/p>\n<p>        \/* Energy Waves *\/\n        .energy-waves {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .wave {\n            position: absolute;\n            height: 2px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(46, 204, 113, 0.6) 50%, \n                transparent 100%\n            );\n            animation: waveMove 25s linear infinite;\n        }<\/p>\n<p>        .wave-1 {\n            width: 300px;\n            top: 20%;\n            left: -150px;\n            transform: rotate(10deg);\n        }<\/p>\n<p>        .wave-2 {\n            width: 250px;\n            bottom: 40%;\n            right: -125px;\n            transform: rotate(-20deg);\n            animation-delay: -8s;\n        }<\/p>\n<p>        .wave-3 {\n            width: 200px;\n            top: 60%;\n            left: -100px;\n            transform: rotate(5deg);\n            animation-delay: -16s;\n        }<\/p>\n<p>        \/* Floating Elements *\/\n        .floating-elements {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .float-element {\n            position: absolute;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 50%;\n            animation: elementFloat 18s ease-in-out infinite;\n        }<\/p>\n<p>        .fe-1 {\n            width: 60px;\n            height: 60px;\n            top: 12%;\n            left: 8%;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .fe-2 {\n            width: 40px;\n            height: 40px;\n            top: 75%;\n            right: 12%;\n            animation-delay: -6s;\n        }<\/p>\n<p>        .fe-3 {\n            width: 50px;\n            height: 50px;\n            bottom: 15%;\n            left: 15%;\n            animation-delay: -12s;\n        }<\/p>\n<p>        .fe-4 {\n            width: 35px;\n            height: 35px;\n            top: 45%;\n            right: 20%;\n            animation-delay: -18s;\n        }<\/p>\n<p>        \/* Main Content *\/\n        .banner-content {\n            position: relative;\n            z-index: 10;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            padding: 40px;\n            text-align: center;\n        }<\/p>\n<p>        .content-wrapper {\n            width: 100%;\n            max-width: 1200px;\n        }<\/p>\n<p>        \/* Hero Section *\/\n        .hero-section {\n            margin-bottom: 50px;\n        }<\/p>\n<p>        .hero-title {\n            margin: 0 0 30px 0;\n            line-height: 1.1;\n        }<\/p>\n<p>        .title-line {\n            display: block;\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 600;\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .title-line.primary {\n            background: linear-gradient(135deg, #ffffff 0%, #e8f5e8 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            text-shadow: 0 4px 20px rgba(0,0,0,0.3);\n        }<\/p>\n<p>        .title-connector {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 25px;\n            margin-top: 20px;\n        }<\/p>\n<p>        .connector-line {\n            width: 80px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent);\n        }<\/p>\n<p>        .connector-text {\n            font-size: clamp(1.5rem, 3vw, 2rem);\n            font-weight: 300;\n            color: rgba(255,255,255,0.95);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }<\/p>\n<p>        .hero-subtitle {\n            margin-top: 25px;\n        }<\/p>\n<p>        .subtitle-text {\n            font-size: clamp(1.2rem, 2.5vw, 1.6rem);\n            font-weight: 300;\n            color: rgba(255,255,255,0.9);\n            line-height: 1.5;\n            margin: 0;\n            text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n        }<\/p>\n<p>        \/* Key Points Ecosystem *\/\n        .key-points-ecosystem {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin-top: 40px;\n        }<\/p>\n<p>        .point-cluster {\n            background: rgba(255,255,255,0.12);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(255,255,255,0.2);\n            border-radius: 20px;\n            padding: 25px 30px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }<\/p>\n<p>        .point-cluster::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(46, 204, 113, 0.1) 0%, rgba(39, 174, 96, 0.1) 100%);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .point-cluster:hover {\n            transform: translateY(-8px) scale(1.02);\n            border-color: rgba(255,255,255,0.4);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n        }<\/p>\n<p>        .point-cluster:hover::before {\n            opacity: 1;\n        }<\/p>\n<p>        .cluster-core {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 15px;\n            position: relative;\n            z-index: 2;\n        }<\/p>\n<p>        .core-accent {\n            width: 8px;\n            height: 8px;\n            background: linear-gradient(135deg, #2ecc71, #27ae60);\n            border-radius: 50%;\n            position: relative;\n        }<\/p>\n<p>        .core-accent::after {\n            content: '';\n            position: absolute;\n            top: -4px;\n            left: -4px;\n            right: -4px;\n            bottom: -4px;\n            border: 1px solid rgba(46, 204, 113, 0.4);\n            border-radius: 50%;\n            animation: coreGlow 3s ease-in-out infinite;\n        }<\/p>\n<p>        .cluster-label {\n            font-size: 1rem;\n            font-weight: 600;\n            color: rgba(255,255,255,0.95);\n            line-height: 1.3;\n        }<\/p>\n<p>        .cluster-details {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            flex-wrap: wrap;\n            justify-content: center;\n            position: relative;\n            z-index: 2;\n        }<\/p>\n<p>        .detail-item {\n            font-size: 0.9rem;\n            color: rgba(255,255,255,0.8);\n            font-weight: 400;\n        }<\/p>\n<p>        .detail-separator {\n            color: rgba(46, 204, 113, 0.6);\n            font-weight: 300;\n        }<\/p>\n<p>        \/* Brand Signature *\/\n        .brand-signature {\n            position: absolute;\n            bottom: 25px;\n            right: 40px;\n        }<\/p>\n<p>        .signature-content {\n            text-align: right;\n        }<\/p>\n<p>        .brand-name {\n            display: block;\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: rgba(255,255,255,0.9);\n            text-transform: uppercase;\n            letter-spacing: 0.2em;\n            text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n        }<\/p>\n<p>        .brand-tagline {\n            display: block;\n            font-size: 0.9rem;\n            font-weight: 300;\n            color: rgba(255,255,255,0.7);\n            margin-top: 4px;\n            letter-spacing: 0.1em;\n        }<\/p>\n<p>        \/* Animations *\/\n        @keyframes layerPulse {\n            0%, 100% { \n                transform: scale(1);\n                opacity: 0.6;\n            }\n            50% { \n                transform: scale(1.1);\n                opacity: 0.8;\n            }\n        }<\/p>\n<p>        @keyframes nodeFloat {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n        }<\/p>\n<p>        @keyframes nodePulse {\n            0%, 100% { \n                transform: scale(1);\n                opacity: 0.3;\n            }\n            50% { \n                transform: scale(1.5);\n                opacity: 0.8;\n            }\n        }<\/p>\n<p>        @keyframes lineFlow {\n            0% { transform: translateX(-200px) scaleX(0); }\n            50% { transform: translateX(0) scaleX(1); }\n            100% { transform: translateX(200px) scaleX(0); }\n        }<\/p>\n<p>        @keyframes moleculeDrift {\n            0% { \n                transform: translate(0, 0);\n                opacity: 0;\n            }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { \n                transform: translate(100px, -150px);\n                opacity: 0;\n            }\n        }<\/p>\n<p>        @keyframes waveMove {\n            0% { transform: translateX(-300px) rotate(10deg); }\n            100% { transform: translateX(calc(100vw + 300px)) rotate(10deg); }\n        }<\/p>\n<p>        @keyframes elementFloat {\n            0%, 100% { \n                transform: translate(0, 0) rotate(0deg);\n                opacity: 0.4;\n            }\n            25% { \n                transform: translate(20px, -15px) rotate(90deg);\n                opacity: 0.7;\n            }\n            50% { \n                transform: translate(-15px, 25px) rotate(180deg);\n                opacity: 0.6;\n            }\n            75% { \n                transform: translate(25px, 10px) rotate(270deg);\n                opacity: 0.8;\n            }\n        }<\/p>\n<p>        @keyframes coreGlow {\n            0%, 100% { \n                transform: scale(1);\n                opacity: 0.6;\n            }\n            50% { \n                transform: scale(1.3);\n                opacity: 1;\n            }\n        }<\/p>\n<p>        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .sustainable-progress-banner {\n                min-height: 450px;\n            }<\/p>\n<p>            .banner-content {\n                padding: 30px 20px;\n            }<\/p>\n<p>            .title-connector {\n                flex-direction: column;\n                gap: 15px;\n            }<\/p>\n<p>            .connector-line {\n                width: 60px;\n            }<\/p>\n<p>            .key-points-ecosystem {\n                grid-template-columns: 1fr;\n                gap: 20px;\n                margin-top: 30px;\n            }<\/p>\n<p>            .point-cluster {\n                padding: 20px 25px;\n            }<\/p>\n<p>            .brand-signature {\n                position: static;\n                margin-top: 30px;\n                text-align: center;\n            }<\/p>\n<p>            .signature-content {\n                text-align: center;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .sustainable-progress-banner {\n                min-height: 400px;\n            }<\/p>\n<p>            .point-cluster {\n                padding: 18px 20px;\n            }<\/p>\n<p>            .cluster-details {\n                flex-direction: column;\n                gap: 8px;\n            }<\/p>\n<p>            .detail-separator {\n                display: none;\n            }<\/p>\n<p>            .brand-name {\n                font-size: 1.5rem;\n            }\n        }\n    <\/style>\n<\/div>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"5\">\n<div class=\"collaboration-ecosystem-section\">\n    <!-- Background Environment --><\/p>\n<div class=\"section-environment\">\n<div class=\"eco-gradient\"><\/div>\n<div class=\"floating-network\">\n<div class=\"network-node n-1\"><\/div>\n<div class=\"network-node n-2\"><\/div>\n<div class=\"network-node n-3\"><\/div>\n<div class=\"network-connection c-1\"><\/div>\n<div class=\"network-connection c-2\"><\/div>\n<\/p><\/div>\n<div class=\"bio-particles\">\n<div class=\"particle bp-1\"><\/div>\n<div class=\"particle bp-2\"><\/div>\n<div class=\"particle bp-3\"><\/div>\n<div class=\"particle bp-4\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Main Header --><\/p>\n<div class=\"ecosystem-header\">\n<div class=\"container\">\n<div class=\"header-content\">\n<h2 class=\"ecosystem-title\">\n                    <span class=\"title-primary\">Collaborare Con<\/span><br \/>\n                    <span class=\"title-highlight\">Dipendenti<\/span><br \/>\n                <\/h2>\n<p class=\"ecosystem-subtitle\">Potenziare la Nostra Forza Lavoro: Partnership in Azione<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Content Ecosystem --><\/p>\n<div class=\"content-ecosystem\">\n<div class=\"container\">\n<p>            <!-- Safety Excellence Hub --><\/p>\n<div class=\"ecosystem-hub safety-hub\">\n<div class=\"hub-structure\">\n<div class=\"content-sphere\">\n<div class=\"sphere-header\">\n<div class=\"sphere-indicator safety-indicator\"><\/div>\n<h3 class=\"sphere-title\">Eccellenza nella Sicurezza<\/h3>\n<p class=\"sphere-subtitle\">Il nostro standard intransigente<\/p>\n<\/p><\/div>\n<div class=\"sphere-content\">\n<div class=\"content-highlight\">\n                                Creare ambienti di lavoro sicuri e sani favorisce la continuit\u00e0 operativa e attira professionisti dedicati ed eccezionali che prosperano in ambienti protetti.\n                            <\/div>\n<div class=\"content-body\">\n<p>LANDU cultivates a prevention-focused safety culture designed to eliminate workplace incidents and protect all stakeholders while preventing operational disruptions. We achieve this through strategic risk oversight, systematic health protection programs, and comprehensive team involvement.<\/p>\n<p>La sicurezza costituisce la spina dorsale di ogni operazione LANDU, alimentata da pratiche lungimiranti tra cui valutazioni dei rischi, protocolli protettivi e la nostra ferma filosofia \"sicurezza prima di tutto\".<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"visual-sphere\">\n<div class=\"image-ecosystem\">\n                            <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-sales-personnel.jpg\" alt=\"LANDU Sales Personnel\" class=\"ecosystem-image\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-pattern\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Diversity Excellence Hub --><\/p>\n<div class=\"ecosystem-hub diversity-hub reverse\">\n<div class=\"hub-structure\">\n<div class=\"visual-sphere\">\n<div class=\"image-ecosystem\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-sales-force.jpg\" alt=\"LANDU Sales Force\" class=\"ecosystem-image\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-pattern\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"content-sphere\">\n<div class=\"sphere-header\">\n<div class=\"sphere-indicator diversity-indicator\"><\/div>\n<h3 class=\"sphere-title\">Inclusion &amp; Diversity Excellence<\/h3>\n<p class=\"sphere-subtitle\">Maximizing Global Talent Potential<\/p>\n<\/p><\/div>\n<div class=\"sphere-content\">\n<div class=\"content-highlight\">\n                                LANDU promuove la costruzione di ambienti sicuri, diversificati e accoglienti che massimizzano il potenziale dei talenti globali.\n                            <\/div>\n<div class=\"content-body\">\n<p>We foster workplaces where everyone feels valued and encouraged to contribute innovative ideas and challenge conventional thinking. This dedication ensures all team members consistently practice mutual respect, embracing differences in age, ethnicity, background, gender identity, and orientation while maintaining professional, dignified interactions as we advance shared objectives.<\/p>\n<p>Valutiamo continuamente la diversit\u00e0 della forza lavoro, monitoriamo attivamente i avanzamenti e ci sfidiamo costantemente a migliorare.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Community Partnership Hub --><\/p>\n<div class=\"ecosystem-hub community-hub\">\n<div class=\"hub-structure\">\n<div class=\"content-sphere\">\n<div class=\"sphere-header\">\n<div class=\"sphere-indicator community-indicator\"><\/div>\n<h3 class=\"sphere-title\">Partnership Comunitaria<\/h3>\n<p class=\"sphere-subtitle\">Building Meaningful Connections<\/p>\n<\/p><\/div>\n<div class=\"sphere-content\">\n<div class=\"content-highlight\">\n                                In LANDU, diamo priorit\u00e0 a connessioni significative con i quartieri locali, in particolare intorno ai nostri siti operativi e impianti di produzione.\n                            <\/div>\n<div class=\"content-body\">\n<p>Valutiamo costantemente le prestazioni degli impianti per garantire che le comunit\u00e0 rimangano informate e coinvolte. Mentre la nostra missione principale si concentra sulla fornitura sicura e responsabile di prodotti chimici e sul mantenimento di relazioni produttive con gli stakeholder, i nostri programmi di sensibilizzazione comunitaria rafforzano il nostro impegno per un impatto sociale pi\u00f9 ampio.<\/p>\n<p>We proactively partner with team members, clients, and vendors to advance sustainable development. Through volunteer initiatives, active participation, and corporate contributions, these efforts enable community support programs, helping us fulfill our social commitments.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"visual-sphere\">\n<div class=\"image-ecosystem\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/landu-professional-service-69.jpg\" alt=\"LANDU Professional Service\" class=\"ecosystem-image\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-pattern\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Social Impact Hub --><\/p>\n<div class=\"ecosystem-hub impact-hub reverse\">\n<div class=\"hub-structure\">\n<div class=\"visual-sphere\">\n<div class=\"image-ecosystem\">\n                            <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-\u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0438-\u043e\u0442\u0434\u0435\u043b\u0430-\u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439-\u0438-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043e\u043a.jpg\" alt=\"LANDU R&amp;D Team\" class=\"ecosystem-image\"><\/p>\n<div class=\"image-overlay\">\n<div class=\"overlay-pattern\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"content-sphere\">\n<div class=\"sphere-header\">\n<div class=\"sphere-indicator impact-indicator\"><\/div>\n<h3 class=\"sphere-title\">Social Impact Leadership<\/h3>\n<p class=\"sphere-subtitle\">Sustainable Future Building<\/p>\n<\/p><\/div>\n<div class=\"sphere-content\">\n<div class=\"content-highlight\">\n                                LANDU garantisce che la cultura del nostro ambiente di lavoro influenzi positivamente il benessere dei dipendenti offrendo ambienti di supporto, inclusivi, caratterizzati da lavoro significativo e feedback continuo.\n                            <\/div>\n<div class=\"content-body\">\n<p>La nostra responsabilit\u00e0 aziendale rappresenta una pietra miliare della nostra \"dedizione alla costruzione di un futuro sostenibile\", coinvolgendo dipendenti, comunit\u00e0 e societ\u00e0 per promuovere uno sviluppo condiviso.<\/p>\n<p>Our methodology emphasizes practical action through volunteer work, active involvement, and corporate giving, supporting community engagement initiatives.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style scoped=\"\">\n        .collaboration-ecosystem-section {\n            position: relative;\n            background: #ffffff;\n            font-family: 'Inter', 'Helvetica Neue', sans-serif;\n            overflow: hidden;\n            color: #1a365d;\n        }<\/p>\n<p>        \/* Background Environment *\/\n        .section-environment {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }<\/p>\n<p>        .eco-gradient {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: \n                radial-gradient(ellipse at 20% 30%, rgba(46, 204, 113, 0.05) 0%, transparent 60%),\n                radial-gradient(ellipse at 80% 70%, rgba(39, 174, 96, 0.04) 0%, transparent 60%),\n                radial-gradient(ellipse at 50% 50%, rgba(52, 152, 219, 0.03) 0%, transparent 50%);\n        }<\/p>\n<p>        .floating-network {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .network-node {\n            position: absolute;\n            width: 12px;\n            height: 12px;\n            background: rgba(46, 204, 113, 0.3);\n            border-radius: 50%;\n            animation: networkPulse 4s ease-in-out infinite;\n        }<\/p>\n<p>        .n-1 {\n            top: 20%;\n            left: 15%;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .n-2 {\n            top: 60%;\n            right: 20%;\n            animation-delay: -1.5s;\n        }<\/p>\n<p>        .n-3 {\n            bottom: 25%;\n            left: 60%;\n            animation-delay: -3s;\n        }<\/p>\n<p>        .network-connection {\n            position: absolute;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(46, 204, 113, 0.2), transparent);\n            animation: connectionFlow 8s linear infinite;\n        }<\/p>\n<p>        .c-1 {\n            width: 200px;\n            top: 25%;\n            left: 20%;\n            transform: rotate(30deg);\n        }<\/p>\n<p>        .c-2 {\n            width: 150px;\n            bottom: 30%;\n            right: 25%;\n            transform: rotate(-20deg);\n            animation-delay: -4s;\n        }<\/p>\n<p>        .bio-particles {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .particle {\n            position: absolute;\n            width: 3px;\n            height: 3px;\n            background: rgba(39, 174, 96, 0.4);\n            border-radius: 50%;\n            animation: particleFloat 15s linear infinite;\n        }<\/p>\n<p>        .bp-1 {\n            top: 10%;\n            left: 10%;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .bp-2 {\n            top: 40%;\n            right: 15%;\n            animation-delay: -5s;\n        }<\/p>\n<p>        .bp-3 {\n            bottom: 20%;\n            left: 30%;\n            animation-delay: -10s;\n        }<\/p>\n<p>        .bp-4 {\n            top: 70%;\n            right: 40%;\n            animation-delay: -12s;\n        }<\/p>\n<p>        \/* Container *\/\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 40px;\n            position: relative;\n            z-index: 2;\n        }<\/p>\n<p>        \/* Ecosystem Header *\/\n        .ecosystem-header {\n            padding: 100px 0 80px;\n            text-align: center;\n        }<\/p>\n<p>        .ecosystem-title {\n            font-size: clamp(3rem, 5vw, 4.5rem);\n            font-weight: 300;\n            line-height: 1.1;\n            margin: 0 0 25px 0;\n            color: #1a365d;\n        }<\/p>\n<p>        .title-primary {\n            display: block;\n            font-weight: 200;\n        }<\/p>\n<p>        .title-highlight {\n            display: block;\n            background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-weight: 400;\n            margin-top: 10px;\n        }<\/p>\n<p>        .ecosystem-subtitle {\n            font-size: clamp(1.3rem, 2.5vw, 1.7rem);\n            color: #64748b;\n            margin: 0;\n            font-weight: 300;\n        }<\/p>\n<p>        \/* Content Ecosystem *\/\n        .content-ecosystem {\n            padding-bottom: 100px;\n        }<\/p>\n<p>        .ecosystem-hub {\n            margin-bottom: 120px;\n            position: relative;\n        }<\/p>\n<p>        .ecosystem-hub:last-child {\n            margin-bottom: 0;\n        }<\/p>\n<p>        .hub-structure {\n            display: grid;\n            grid-template-columns: 1.3fr 1fr;\n            gap: 80px;\n            align-items: center;\n        }<\/p>\n<p>        .ecosystem-hub.reverse .hub-structure {\n            grid-template-columns: 1fr 1.3fr;\n        }<\/p>\n<p>        .ecosystem-hub.reverse .content-sphere {\n            order: 2;\n        }<\/p>\n<p>        .ecosystem-hub.reverse .visual-sphere {\n            order: 1;\n        }<\/p>\n<p>        \/* Content Sphere *\/\n        .content-sphere {\n            position: relative;\n        }<\/p>\n<p>        .sphere-header {\n            margin-bottom: 35px;\n        }<\/p>\n<p>        .sphere-indicator {\n            width: 6px;\n            height: 60px;\n            border-radius: 3px;\n            margin-bottom: 20px;\n            position: relative;\n        }<\/p>\n<p>        .safety-indicator {\n            background: linear-gradient(180deg, #e74c3c, #c0392b);\n        }<\/p>\n<p>        .diversity-indicator {\n            background: linear-gradient(180deg, #3498db, #2980b9);\n        }<\/p>\n<p>        .community-indicator {\n            background: linear-gradient(180deg, #f39c12, #e67e22);\n        }<\/p>\n<p>        .impact-indicator {\n            background: linear-gradient(180deg, #2ecc71, #27ae60);\n        }<\/p>\n<p>        .sphere-indicator::after {\n            content: '';\n            position: absolute;\n            top: -5px;\n            left: -3px;\n            width: 12px;\n            height: 70px;\n            background: inherit;\n            border-radius: 6px;\n            filter: blur(8px);\n            opacity: 0.4;\n        }<\/p>\n<p>        .sphere-title {\n            font-size: clamp(2rem, 3.5vw, 2.8rem);\n            font-weight: 600;\n            color: #1a365d;\n            margin: 0 0 8px 0;\n            line-height: 1.2;\n        }<\/p>\n<p>        .sphere-subtitle {\n            font-size: 1.2rem;\n            color: #27ae60;\n            font-weight: 400;\n            margin: 0;\n        }<\/p>\n<p>        .sphere-content {\n            margin-top: 30px;\n        }<\/p>\n<p>        .content-highlight {\n            font-size: 1.3rem;\n            font-weight: 500;\n            color: #2ecc71;\n            line-height: 1.6;\n            margin-bottom: 25px;\n            padding: 25px;\n            background: linear-gradient(135deg, rgba(46, 204, 113, 0.05) 0%, rgba(39, 174, 96, 0.03) 100%);\n            border-left: 4px solid #2ecc71;\n            border-radius: 8px;\n        }<\/p>\n<p>        .content-body {\n            color: #374151;\n            line-height: 1.7;\n        }<\/p>\n<p>        .content-body p {\n            font-size: 1.05rem;\n            margin-bottom: 20px;\n            font-weight: 400;\n        }<\/p>\n<p>        .content-body p:last-child {\n            margin-bottom: 0;\n        }<\/p>\n<p>        \/* Visual Sphere *\/\n        .visual-sphere {\n            position: relative;\n            height: 400px;\n        }<\/p>\n<p>        .image-ecosystem {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            border-radius: 24px;\n            overflow: hidden;\n            background: #f8fafc;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        }<\/p>\n<p>        .ecosystem-image {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center top;\n            transition: transform 0.5s ease;\n        }<\/p>\n<p>        .image-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(46, 204, 113, 0.1) 0%, rgba(39, 174, 96, 0.05) 100%);\n            opacity: 0;\n            transition: opacity 0.5s ease;\n        }<\/p>\n<p>        .overlay-pattern {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: \n                radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),\n                radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);\n        }<\/p>\n<p>        .image-ecosystem:hover {\n            transform: translateY(-12px) scale(1.02);\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15);\n        }<\/p>\n<p>        .image-ecosystem:hover .ecosystem-image {\n            transform: scale(1.05);\n        }<\/p>\n<p>        .image-ecosystem:hover .image-overlay {\n            opacity: 1;\n        }<\/p>\n<p>        \/* Animations *\/\n        @keyframes networkPulse {\n            0%, 100% {\n                transform: scale(1);\n                opacity: 0.6;\n            }\n            50% {\n                transform: scale(1.5);\n                opacity: 1;\n            }\n        }<\/p>\n<p>        @keyframes connectionFlow {\n            0%, 100% {\n                opacity: 0;\n                transform: scaleX(0);\n            }\n            50% {\n                opacity: 1;\n                transform: scaleX(1);\n            }\n        }<\/p>\n<p>        @keyframes particleFloat {\n            0% {\n                transform: translate(0, 0);\n                opacity: 0;\n            }\n            10% {\n                opacity: 1;\n            }\n            90% {\n                opacity: 1;\n            }\n            100% {\n                transform: translate(80px, -120px);\n                opacity: 0;\n            }\n        }<\/p>\n<p>        \/* Responsive Design *\/\n        @media (max-width: 1200px) {\n            .container {\n                padding: 0 30px;\n            }<\/p>\n<p>            .hub-structure {\n                gap: 60px;\n            }<\/p>\n<p>            .visual-sphere {\n                height: 350px;\n            }\n        }<\/p>\n<p>        @media (max-width: 968px) {\n            .container {\n                padding: 0 25px;\n            }<\/p>\n<p>            .ecosystem-header {\n                padding: 80px 0 60px;\n            }<\/p>\n<p>            .ecosystem-hub {\n                margin-bottom: 80px;\n            }<\/p>\n<p>            .hub-structure,\n            .ecosystem-hub.reverse .hub-structure {\n                grid-template-columns: 1fr;\n                gap: 50px;\n            }<\/p>\n<p>            .ecosystem-hub.reverse .content-sphere,\n            .ecosystem-hub.reverse .visual-sphere {\n                order: unset;\n            }<\/p>\n<p>            .visual-sphere {\n                height: 300px;\n            }\n        }<\/p>\n<p>        @media (max-width: 640px) {\n            .container {\n                padding: 0 20px;\n            }<\/p>\n<p>            .ecosystem-header {\n                padding: 60px 0 50px;\n            }<\/p>\n<p>            .ecosystem-hub {\n                margin-bottom: 60px;\n            }<\/p>\n<p>            .hub-structure {\n                gap: 40px;\n            }<\/p>\n<p>            .visual-sphere {\n                height: 250px;\n            }<\/p>\n<p>            .content-highlight {\n                font-size: 1.1rem;\n                padding: 20px;\n            }<\/p>\n<p>            .content-body p {\n                font-size: 1rem;\n            }<\/p>\n<p>            .sphere-indicator {\n                height: 40px;\n            }\n        }\n    <\/style>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Collaborate for Sustainable Progress People, Partners &amp; Society LANDU: Safety First, People-Focused Solutions &amp; Community Impact People-First Approach Zero Injuries \u2022 Employee Development Sustainable Customer Solutions Biopolymers \u2022 Safe Chemistry Community Education &amp; Environmental Action Knowledge Sharing \u2022 Green Innovation LANDU Sustainable Chemical Solutions Collaborating With Employees Empowering Our Workforce: Partnership in Action Safety Excellence [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5385,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5333","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/pages\/5333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/comments?post=5333"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/pages\/5333\/revisions"}],"predecessor-version":[{"id":5334,"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/pages\/5333\/revisions\/5334"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/pages\/5385"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/it\/wp-json\/wp\/v2\/media?parent=5333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}