{"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\/sk\/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\">Spolupracova\u0165 pre udr\u017eate\u013en\u00fd pokrok<\/span><br \/>\n                    <span class=\"title-connector\"><br \/>\n                        <span class=\"connector-line\"><\/span><br \/>\n                        <span class=\"connector-text\">\u013dudia, partneri a spolo\u010dnos\u0165<\/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\u010dnos\u0165 na prvom mieste, rie\u0161enia zameran\u00e9 na \u013eud\u00ed a vplyv 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\">Pr\u00edstup zameran\u00fd na \u013eud\u00ed<\/span>\n                    <\/div>\n<div class=\"cluster-details\">\n                        <span class=\"detail-item\">Nula zranen\u00ed<\/span><br \/>\n                        <span class=\"detail-separator\">\u2022<\/span><br \/>\n                        <span class=\"detail-item\">Rozvoj zamestnancov<\/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\u017eate\u013en\u00e9 rie\u0161enia pre z\u00e1kazn\u00edkov<\/span>\n                    <\/div>\n<div class=\"cluster-details\">\n                        <span class=\"detail-item\">Biopolym\u00e9ry<\/span><br \/>\n                        <span class=\"detail-separator\">\u2022<\/span><br \/>\n                        <span class=\"detail-item\">Bezpe\u010dn\u00e1 ch\u00e9mia<\/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\">Vzdel\u00e1vanie komunity a environment\u00e1lne aktivity<\/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\">Udr\u017eate\u013en\u00e9 chemick\u00e9 rie\u0161enia<\/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 pestuje kult\u00faru bezpe\u010dnosti zameran\u00fa na prevenciu, ktor\u00e1 m\u00e1 za cie\u013e eliminova\u0165 pracovn\u00e9 incidenty a chr\u00e1ni\u0165 v\u0161etk\u00fdch zainteresovan\u00fdch, pri\u010dom zabra\u0148uje prev\u00e1dzkovej preru\u0161eniu. Dosahujeme to prostredn\u00edctvom strategick\u00e9ho doh\u013eadu nad rizikami, syst\u00e9mov\u00fdch programov ochrany zdravia a komplexn\u00e9ho zapojenia t\u00edmu.<\/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=\"Predajn\u00fd 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=\"Predajn\u00e1 sila 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\">Excelencia v za\u010dle\u0148ovan\u00ed a rozmanitosti<\/h3>\n<p class=\"sphere-subtitle\">Maximaliz\u00e1cia glob\u00e1lneho potenci\u00e1lu talentov<\/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 pracovisk\u00e1, kde sa ka\u017ed\u00fd c\u00edti hodnotn\u00fd a je povzbudzovan\u00fd k prispievaniu inovat\u00edvnych n\u00e1padov a v\u00fdzvam konven\u010dn\u00e9ho myslenia. T\u00e1to oddanos\u0165 zabezpe\u010duje, \u017ee v\u0161etci \u010dlenovia t\u00edmu d\u00f4sledne praktikuj\u00fa vz\u00e1jom\u00fa \u00factu, prij\u00edmaj\u00fa rozdiely vo veku, etnickom p\u00f4vode, z\u00e1zem\u00ed, genderovej identite a orient\u00e1cii, pri\u010dom zachov\u00e1vaj\u00fa profesion\u00e1lne a d\u00f4stojn\u00e9 interakcie, ke\u010f napredujeme v spolo\u010dn\u00fdch cie\u013eoch.<\/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\">Budovanie zmyslupln\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>Proakt\u00edvne spolupracujeme s \u010dlenmi t\u00edmu, klientmi a dod\u00e1vate\u013emi na podpore udr\u017eate\u013en\u00e9ho rozvoja. Prostredn\u00edctvom dobrovo\u013en\u00edckych iniciat\u00edv, akt\u00edvnej \u00fa\u010dasti a firemn\u00fdch pr\u00edspevkov umo\u017e\u0148ujeme programy podpory komunity, \u010d\u00edm nap\u013a\u0148ame na\u0161e soci\u00e1lne z\u00e1v\u00e4zky.<\/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\">Vedenie soci\u00e1lneho vplyvu<\/h3>\n<p class=\"sphere-subtitle\">Udr\u017eate\u013en\u00e1 bud\u00facnos\u0165 budovania<\/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\u0161a metodol\u00f3gia kladie d\u00f4raz na praktick\u00e9 kroky prostredn\u00edctvom dobrovo\u013en\u00edckej pr\u00e1ce, akt\u00edvneho zapojenia a firemn\u00fdch darov, podporuj\u00fac iniciat\u00edvy zapojenia 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\/sk\/wp-json\/wp\/v2\/pages\/5333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/comments?post=5333"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/pages\/5333\/revisions"}],"predecessor-version":[{"id":5334,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/pages\/5333\/revisions\/5334"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/pages\/5385"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/media?parent=5333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}