{"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\/cs\/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\">Spolupracovat pro udr\u017eiteln\u00fd pokrok<\/span><br \/>\n                    <span class=\"title-connector\"><br \/>\n                        <span class=\"connector-line\"><\/span><br \/>\n                        <span class=\"connector-text\">Lid\u00e9, partne\u0159i a spole\u010dnost<\/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: Bezpe\u010dnost na prvn\u00edm m\u00edst\u011b, \u0159e\u0161en\u00ed zam\u011b\u0159en\u00e1 na lidi a dopad na komunitu<\/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\">P\u0159\u00edstup zam\u011b\u0159en\u00fd na lidi<\/span>\n                    <\/div>\n<div class=\"cluster-details\">\n                        <span class=\"detail-item\">Nulov\u00e9 zran\u011bn\u00ed<\/span><br \/>\n                        <span class=\"detail-separator\">\u2022<\/span><br \/>\n                        <span class=\"detail-item\">Rozvoj zam\u011bstnanc\u016f<\/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\">Udr\u017eiteln\u00e1 z\u00e1kaznick\u00e1 \u0159e\u0161en\u00ed<\/span>\n                    <\/div>\n<div class=\"cluster-details\">\n                        <span class=\"detail-item\">Biopolymer\u016f<\/span><br \/>\n                        <span class=\"detail-separator\">\u2022<\/span><br \/>\n                        <span class=\"detail-item\">Bezpe\u010dn\u00e1 chemie<\/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\">Vzd\u011bl\u00e1v\u00e1n\u00ed komunity a environment\u00e1ln\u00ed akce<\/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\">Zelen\u00e9 inovace<\/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\">Udr\u017eiteln\u00e1 chemick\u00e1 \u0159e\u0161en\u00ed<\/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\">Collaborating With<\/span><br \/>\n                    <span class=\"title-highlight\">Employees<\/span><br \/>\n                <\/h2>\n<p class=\"ecosystem-subtitle\">Empowering Our Workforce: Partnership in Action<\/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\">Safety Excellence<\/h3>\n<p class=\"sphere-subtitle\">Our Unwavering Standard<\/p>\n<\/p><\/div>\n<div class=\"sphere-content\">\n<div class=\"content-highlight\">\n                                Creating secure, healthy workplaces drives operational continuity and attracts dedicated, exceptional professionals who thrive in protected environments.\n                            <\/div>\n<div class=\"content-body\">\n<p>LANDU p\u011bstuje kulturu bezpe\u010dnosti zam\u011b\u0159enou na prevenci, kter\u00e1 m\u00e1 za c\u00edl eliminovat pracovn\u00ed \u00farazy a chr\u00e1nit v\u0161echny zainteresovan\u00e9 strany p\u0159i prevenci provozn\u00edch p\u0159eru\u0161en\u00ed. Dosahujeme toho prost\u0159ednictv\u00edm strategick\u00e9ho dohledu nad riziky, systematick\u00fdch program\u016f ochrany zdrav\u00ed a komplexn\u00edho zapojen\u00ed t\u00fdmu.<\/p>\n<p>Safety forms the backbone of every LANDU operation, powered by forward-thinking practices including hazard assessments, protective protocols, and our unwavering &#8220;safety-first&#8221; philosophy.<\/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=\"Prodejn\u00ed person\u00e1l LANDU\" 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=\"Prodejn\u00ed t\u00fdm LANDU\" 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\">Vynikaj\u00edc\u00ed inkluze a rozmanitost<\/h3>\n<p class=\"sphere-subtitle\">Maximalizace glob\u00e1ln\u00edho potenci\u00e1lu talent\u016f<\/p>\n<\/p><\/div>\n<div class=\"sphere-content\">\n<div class=\"content-highlight\">\n                                LANDU champions building secure, diverse, and welcoming environments that maximize our global talent potential.\n                            <\/div>\n<div class=\"content-body\">\n<p>Podporujeme pracovi\u0161t\u011b, kde se ka\u017ed\u00fd c\u00edt\u00ed v\u00e1\u017een\u00fd a je povzbuzov\u00e1n k p\u0159isp\u00edv\u00e1n\u00ed inovativn\u00edmi n\u00e1pady a v\u00fdzv\u00e1m konven\u010dn\u00edho my\u0161len\u00ed. Tato oddanost zaji\u0161\u0165uje, \u017ee v\u0161ichni \u010dlenov\u00e9 t\u00fdmu d\u016fsledn\u011b praktikuj\u00ed vz\u00e1jemn\u00fd respekt, p\u0159ij\u00edmaj\u00ed rozd\u00edly ve v\u011bku, etnick\u00e9m p\u016fvodu, z\u00e1zem\u00ed, genderov\u00e9 identit\u011b a orientaci, zat\u00edmco udr\u017euj\u00ed profesion\u00e1ln\u00ed a d\u016fstojn\u00e9 interakce p\u0159i napl\u0148ov\u00e1n\u00ed spole\u010dn\u00fdch c\u00edl\u016f.<\/p>\n<p>We continuously evaluate workforce diversity, actively track advancement, and persistently challenge ourselves toward improvement.<\/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\">Community Partnership<\/h3>\n<p class=\"sphere-subtitle\">Budov\u00e1n\u00ed smyslupln\u00fdch spojen\u00ed<\/p>\n<\/p><\/div>\n<div class=\"sphere-content\">\n<div class=\"content-highlight\">\n                                At LANDU, we prioritize meaningful connections with local neighborhoods, particularly surrounding our operational sites and manufacturing facilities.\n                            <\/div>\n<div class=\"content-body\">\n<p>We consistently evaluate facility performance to ensure communities remain informed and engaged. While our primary mission centers on secure, responsible chemical supply and maintaining productive stakeholder relationships, our community outreach programs reinforce our dedication to broader societal impact.<\/p>\n<p>Proaktivn\u011b spolupracujeme s \u010dleny t\u00fdmu, klienty a dodavateli na podpo\u0159e udr\u017eiteln\u00e9ho rozvoje. Prost\u0159ednictv\u00edm dobrovolnick\u00fdch iniciativ, aktivn\u00ed \u00fa\u010dasti a firemn\u00edch p\u0159\u00edsp\u011bvk\u016f umo\u017e\u0148ujeme programy podpory komunity, kter\u00e9 n\u00e1m pom\u00e1haj\u00ed napl\u0148ovat na\u0161e soci\u00e1ln\u00ed z\u00e1vazky.<\/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\">Veden\u00ed soci\u00e1ln\u00edho dopadu<\/h3>\n<p class=\"sphere-subtitle\">Udr\u017eiteln\u00e1 budoucnost v\u00fdstavby<\/p>\n<\/p><\/div>\n<div class=\"sphere-content\">\n<div class=\"content-highlight\">\n                                LANDU ensures our workplace culture positively influences employee wellness by delivering supportive, inclusive environments featuring purposeful work and continuous feedback.\n                            <\/div>\n<div class=\"content-body\">\n<p>Our corporate responsibility represents a cornerstone of our \"dedication to sustainable future building,\" where we engage employees, communities, and society to drive shared advancement.<\/p>\n<p>Na\u0161e metodologie klade d\u016fraz na praktick\u00e9 akce prost\u0159ednictv\u00edm dobrovolnick\u00e9 pr\u00e1ce, aktivn\u00edho zapojen\u00ed a firemn\u00edho darov\u00e1n\u00ed, podporuj\u00edc\u00ed iniciativy zapojen\u00ed komunity.<\/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\/cs\/wp-json\/wp\/v2\/pages\/5333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/cs\/wp-json\/wp\/v2\/comments?post=5333"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/cs\/wp-json\/wp\/v2\/pages\/5333\/revisions"}],"predecessor-version":[{"id":5334,"href":"https:\/\/hpmc.ae\/cs\/wp-json\/wp\/v2\/pages\/5333\/revisions\/5334"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/cs\/wp-json\/wp\/v2\/pages\/5385"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/cs\/wp-json\/wp\/v2\/media?parent=5333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}