{"id":5331,"date":"2025-12-08T05:09:30","date_gmt":"2025-12-08T05:09:30","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5331"},"modified":"2025-12-10T03:37:04","modified_gmt":"2025-12-10T03:37:04","slug":"safety-first-our-priority","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/sk\/sustainability-in-landu\/people-our-commitment-to-care\/safety-first-our-priority\/","title":{"rendered":"Safety First: Our Priority"},"content":{"rendered":"<div class=\"lemonx-visual-block\" data-block-id=\"4\">\n<div class=\"premium-landu-banner\">\n    <!-- \u52a8\u6001\u80cc\u666f\u5c42 --><\/p>\n<div class=\"dynamic-bg\">\n        <!-- \u6d41\u4f53\u5149\u6548 --><\/p>\n<div class=\"fluid-light light-1\"><\/div>\n<div class=\"fluid-light light-2\"><\/div>\n<div class=\"fluid-light light-3\"><\/div>\n<p>        <!-- \u51e0\u4f55\u88c5\u9970 --><\/p>\n<div class=\"geo-element geo-1\">\n<div class=\"geo-inner\"><\/div>\n<\/p><\/div>\n<div class=\"geo-element geo-2\">\n<div class=\"geo-inner\"><\/div>\n<\/p><\/div>\n<div class=\"geo-element geo-3\">\n<div class=\"geo-inner\"><\/div>\n<\/p><\/div>\n<p>        <!-- \u7c92\u5b50\u6548\u679c --><\/p>\n<div class=\"particle-system\">\n<div class=\"particle p-1\"><\/div>\n<div class=\"particle p-2\"><\/div>\n<div class=\"particle p-3\"><\/div>\n<div class=\"particle p-4\"><\/div>\n<div class=\"particle p-5\"><\/div>\n<div class=\"particle p-6\"><\/div>\n<\/p><\/div>\n<p>        <!-- \u5149\u675f\u6548\u679c --><\/p>\n<div class=\"light-beam beam-1\"><\/div>\n<div class=\"light-beam beam-2\"><\/div>\n<\/p><\/div>\n<p>    <!-- \u4e3b\u8981\u5185\u5bb9 --><\/p>\n<div class=\"content-container\">\n<div class=\"content-inner\">\n<div class=\"hero-section\">\n<h1 class=\"hero-title\">\n                    <span class=\"title-line-1\">Safety First<\/span><br \/>\n                    <span class=\"title-divider\"><br \/>\n                        <span class=\"divider-line\"><\/span><br \/>\n                        <span class=\"divider-text\">Empowering People<\/span><br \/>\n                        <span class=\"divider-line\"><\/span><br \/>\n                    <\/span><br \/>\n                    <span class=\"title-line-2\">Building Communities<\/span><br \/>\n                <\/h1>\n<div class=\"hero-subtitle\">\n<p class=\"subtitle-text\">LANDU: Committed to Zero Injuries, Inclusive Excellence &amp; Sustainable Progress<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"features-section\">\n<div class=\"feature-cards\">\n<div class=\"feature-card\">\n<div class=\"card-glow\"><\/div>\n<div class=\"card-content\">\n<div class=\"feature-accent\"><\/div>\n<p>                            <span class=\"feature-text\">Prioritizing Safety Above All<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"feature-card\">\n<div class=\"card-glow\"><\/div>\n<div class=\"card-content\">\n<div class=\"feature-accent\"><\/div>\n<p>                            <span class=\"feature-text\">Inclusion &amp; Diversity Initiatives<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"feature-card\">\n<div class=\"card-glow\"><\/div>\n<div class=\"card-content\">\n<div class=\"feature-accent\"><\/div>\n<p>                            <span class=\"feature-text\">Community Engagement &amp; Social Responsibility<\/span>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- \u54c1\u724c\u6807\u8bc6 --><\/p>\n<div class=\"brand-signature\">\n<div class=\"brand-logo\">\n                <span class=\"logo-text\">LANDU<\/span><br \/>\n                <span class=\"logo-tagline\">Advanced Materials Excellence<\/span>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style scoped=\"\">\n        .premium-landu-banner {\n            position: relative;\n            width: 100%;\n            height: 50vh;\n            min-height: 500px;\n            background: \n                radial-gradient(ellipse at top right, rgba(212, 175, 55, 0.9) 0%, transparent 50%),\n                radial-gradient(ellipse at bottom left, rgba(46, 204, 113, 0.8) 0%, transparent 50%),\n                linear-gradient(135deg, \n                    #0f4c3a 0%, \n                    #1e6b52 15%, \n                    #2d8659 30%, \n                    #4a9b6b 45%, \n                    #6bb77d 55%, \n                    #8bc98f 65%, \n                    #b8d4a1 75%, \n                    #d4af37 85%, \n                    #f1c40f 95%, \n                    #f39c12 100%\n                );\n            overflow: hidden;\n            font-family: 'Inter', 'Helvetica Neue', sans-serif;\n            color: #ffffff;\n        }<\/p>\n<p>        \/* \u52a8\u6001\u80cc\u666f\u7cfb\u7edf *\/\n        .dynamic-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n        }<\/p>\n<p>        .fluid-light {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(60px);\n            animation: fluidMove 12s ease-in-out infinite;\n        }<\/p>\n<p>        .light-1 {\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(46, 204, 113, 0.4) 0%, transparent 70%);\n            top: -100px;\n            left: -100px;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .light-2 {\n            width: 350px;\n            height: 350px;\n            background: radial-gradient(circle, rgba(241, 196, 15, 0.5) 0%, transparent 70%);\n            top: 50%;\n            right: -100px;\n            animation-delay: -4s;\n        }<\/p>\n<p>        .light-3 {\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, rgba(52, 152, 219, 0.3) 0%, transparent 70%);\n            bottom: -80px;\n            left: 30%;\n            animation-delay: -8s;\n        }<\/p>\n<p>        \/* \u51e0\u4f55\u88c5\u9970\u5143\u7d20 *\/\n        .geo-element {\n            position: absolute;\n            animation: geoFloat 15s ease-in-out infinite;\n        }<\/p>\n<p>        .geo-1 {\n            top: 15%;\n            left: 10%;\n            width: 80px;\n            height: 80px;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .geo-2 {\n            top: 65%;\n            right: 15%;\n            width: 60px;\n            height: 60px;\n            animation-delay: -5s;\n        }<\/p>\n<p>        .geo-3 {\n            bottom: 25%;\n            left: 20%;\n            width: 100px;\n            height: 100px;\n            animation-delay: -10s;\n        }<\/p>\n<p>        .geo-inner {\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(45deg, rgba(255,255,255,0.1), rgba(46, 204, 113, 0.2));\n            border: 2px solid rgba(255,255,255,0.2);\n            border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n            animation: geoMorph 8s ease-in-out infinite;\n        }<\/p>\n<p>        \/* \u7c92\u5b50\u7cfb\u7edf *\/\n        .particle-system {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .particle {\n            position: absolute;\n            width: 4px;\n            height: 4px;\n            background: rgba(255,255,255,0.8);\n            border-radius: 50%;\n            animation: particleFloat 20s linear infinite;\n        }<\/p>\n<p>        .p-1 { top: 20%; left: 15%; animation-delay: 0s; }\n        .p-2 { top: 40%; left: 80%; animation-delay: -3s; }\n        .p-3 { top: 70%; left: 25%; animation-delay: -6s; }\n        .p-4 { top: 30%; left: 60%; animation-delay: -9s; }\n        .p-5 { top: 80%; left: 70%; animation-delay: -12s; }\n        .p-6 { top: 10%; left: 45%; animation-delay: -15s; }<\/p>\n<p>        \/* \u5149\u675f\u6548\u679c *\/\n        .light-beam {\n            position: absolute;\n            height: 2px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(255,255,255,0.6) 20%, \n                rgba(241, 196, 15, 0.8) 50%, \n                rgba(255,255,255,0.6) 80%, \n                transparent 100%\n            );\n            animation: beamSweep 25s linear infinite;\n        }<\/p>\n<p>        .beam-1 {\n            width: 300px;\n            top: 30%;\n            left: -150px;\n            transform: rotate(25deg);\n        }<\/p>\n<p>        .beam-2 {\n            width: 250px;\n            bottom: 40%;\n            right: -125px;\n            transform: rotate(-15deg);\n            animation-delay: -12s;\n        }<\/p>\n<p>        \/* \u4e3b\u8981\u5185\u5bb9\u5bb9\u5668 *\/\n        .content-container {\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        }<\/p>\n<p>        .content-inner {\n            width: 100%;\n            max-width: 1200px;\n            text-align: center;\n        }<\/p>\n<p>        \/* \u82f1\u96c4\u533a\u57df *\/\n        .hero-section {\n            margin-bottom: 40px;\n        }<\/p>\n<p>        .hero-title {\n            margin: 0 0 30px 0;\n            line-height: 1.1;\n        }<\/p>\n<p>        .title-line-1, .title-line-2 {\n            display: block;\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 700;\n            background: linear-gradient(135deg, #ffffff 0%, #f1c40f 50%, #ffffff 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            margin-bottom: 10px;\n        }<\/p>\n<p>        .title-divider {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 20px 0;\n            gap: 20px;\n        }<\/p>\n<p>        .divider-line {\n            width: 80px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #f1c40f, transparent);\n        }<\/p>\n<p>        .divider-text {\n            font-size: clamp(1.2rem, 2.5vw, 1.8rem);\n            font-weight: 300;\n            color: rgba(255,255,255,0.9);\n            text-transform: uppercase;\n            letter-spacing: 3px;\n        }<\/p>\n<p>        .hero-subtitle {\n            margin-top: 20px;\n        }<\/p>\n<p>        .subtitle-text {\n            font-size: clamp(1.1rem, 2.2vw, 1.4rem);\n            font-weight: 300;\n            color: rgba(255,255,255,0.85);\n            line-height: 1.6;\n            margin: 0;\n            text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n        }<\/p>\n<p>        \/* \u7279\u6027\u5361\u7247 *\/\n        .features-section {\n            margin-top: 30px;\n        }<\/p>\n<p>        .feature-cards {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n        }<\/p>\n<p>        .feature-card {\n            position: relative;\n            background: rgba(255,255,255,0.08);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(255,255,255,0.2);\n            border-radius: 20px;\n            padding: 20px 24px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            overflow: hidden;\n        }<\/p>\n<p>        .card-glow {\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(241, 196, 15, 0.1) 100%);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }<\/p>\n<p>        .feature-card:hover {\n            transform: translateY(-8px) scale(1.02);\n            border-color: rgba(241, 196, 15, 0.5);\n            box-shadow: \n                0 20px 40px rgba(0,0,0,0.2),\n                0 0 30px rgba(241, 196, 15, 0.3);\n        }<\/p>\n<p>        .feature-card:hover .card-glow {\n            opacity: 1;\n        }<\/p>\n<p>        .card-content {\n            position: relative;\n            z-index: 2;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }<\/p>\n<p>        .feature-accent {\n            width: 6px;\n            height: 6px;\n            background: linear-gradient(135deg, #f1c40f, #ffffff);\n            border-radius: 50%;\n            flex-shrink: 0;\n            box-shadow: 0 0 12px rgba(241, 196, 15, 0.6);\n            position: relative;\n        }<\/p>\n<p>        .feature-accent::after {\n            content: '';\n            position: absolute;\n            top: -3px;\n            left: -3px;\n            right: -3px;\n            bottom: -3px;\n            border: 1px solid rgba(241, 196, 15, 0.3);\n            border-radius: 50%;\n            animation: accentPulse 2s ease-in-out infinite;\n        }<\/p>\n<p>        .feature-text {\n            font-size: 1rem;\n            font-weight: 500;\n            color: rgba(255,255,255,0.9);\n            line-height: 1.4;\n        }<\/p>\n<p>        \/* \u54c1\u724c\u7b7e\u540d *\/\n        .brand-signature {\n            position: absolute;\n            bottom: 20px;\n            right: 30px;\n        }<\/p>\n<p>        .brand-logo {\n            text-align: right;\n        }<\/p>\n<p>        .logo-text {\n            display: block;\n            font-size: 1.8rem;\n            font-weight: 900;\n            color: #f1c40f;\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>        .logo-tagline {\n            display: block;\n            font-size: 0.9rem;\n            font-weight: 300;\n            color: rgba(255,255,255,0.8);\n            margin-top: 4px;\n            letter-spacing: 0.1em;\n        }<\/p>\n<p>        \/* \u52a8\u753b\u5b9a\u4e49 *\/\n        @keyframes fluidMove {\n            0%, 100% { transform: translate(0, 0) scale(1); }\n            25% { transform: translate(50px, -30px) scale(1.1); }\n            50% { transform: translate(-30px, 40px) scale(0.9); }\n            75% { transform: translate(40px, 20px) scale(1.05); }\n        }<\/p>\n<p>        @keyframes geoFloat {\n            0%, 100% { transform: translateY(0) rotate(0deg); }\n            50% { transform: translateY(-30px) rotate(180deg); }\n        }<\/p>\n<p>        @keyframes geoMorph {\n            0%, 100% { border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; }\n            25% { border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%; }\n            50% { border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50%; }\n            75% { border-radius: 30% 70% 30% 70% \/ 70% 30% 70% 30%; }\n        }<\/p>\n<p>        @keyframes particleFloat {\n            0% { transform: translateY(0) translateX(0); opacity: 0; }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translateY(-100px) translateX(50px); opacity: 0; }\n        }<\/p>\n<p>        @keyframes beamSweep {\n            0% { transform: translateX(-300px) rotate(25deg); }\n            100% { transform: translateX(calc(100vw + 300px)) rotate(25deg); }\n        }<\/p>\n<p>        @keyframes accentPulse {\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>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 768px) {\n            .premium-landu-banner {\n                min-height: 450px;\n            }<\/p>\n<p>            .content-container {\n                padding: 30px 20px;\n            }<\/p>\n<p>            .title-divider {\n                flex-direction: column;\n                gap: 10px;\n            }<\/p>\n<p>            .divider-line {\n                width: 60px;\n            }<\/p>\n<p>            .feature-cards {\n                grid-template-columns: 1fr;\n                gap: 15px;\n            }<\/p>\n<p>            .brand-signature {\n                position: static;\n                margin-top: 30px;\n                text-align: center;\n            }<\/p>\n<p>            .brand-logo {\n                text-align: center;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .premium-landu-banner {\n                min-height: 400px;\n            }<\/p>\n<p>            .feature-card {\n                padding: 16px 20px;\n            }<\/p>\n<p>            .feature-text {\n                font-size: 0.9rem;\n            }<\/p>\n<p>            .logo-text {\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=\"compact-collaboration-section\">\n    <!-- \u80cc\u666f\u88c5\u9970 --><\/p>\n<div class=\"section-bg\">\n<div class=\"bg-pattern\"><\/div>\n<div class=\"floating-accents\">\n<div class=\"accent accent-1\"><\/div>\n<div class=\"accent accent-2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u4e3b\u6807\u9898 --><\/p>\n<div class=\"section-header\">\n<div class=\"container\">\n<h2 class=\"main-title\">Collaborating With <span class=\"highlight\">Employees<\/span><\/h2>\n<p class=\"main-subtitle\">Empowering Our Workforce: Partnership in Action<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u5185\u5bb9\u533a\u57df --><\/p>\n<div class=\"content-area\">\n<div class=\"container\">\n<p>            <!-- \u5b89\u5168\u5353\u8d8a --><\/p>\n<div class=\"content-row\">\n<div class=\"row-content\">\n<div class=\"text-column\">\n<div class=\"section-tag\">Excellence<\/div>\n<h3 class=\"section-title\">Safety Excellence<\/h3>\n<p class=\"section-lead\">Our Unwavering Standard<\/p>\n<div class=\"text-body\">\n<p class=\"highlight-text\">Creating secure, healthy workplaces drives operational continuity and attracts dedicated, exceptional professionals who thrive in protected environments.<\/p>\n<p>LANDU cultivates a prevention-focused safety culture designed to eliminate workplace incidents and protect all stakeholders. We achieve this through strategic risk oversight, systematic health protection programs, and comprehensive team involvement.<\/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<div class=\"image-column\">\n<div class=\"single-image\">\n                            <img height=\"1600\" width=\"2400\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/team-of-workers-celebrating-success-at-a-shipping-2025-08-27-10-39-26-utc.jpg\" alt=\"LANDU Facilities\">\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u591a\u5143\u5316\u5305\u5bb9 --><\/p>\n<div class=\"content-row reverse\">\n<div class=\"row-content\">\n<div class=\"image-column\">\n<div class=\"single-image\">\n                            <img loading=\"lazy\" height=\"1511\" width=\"2267\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/group-of-business-people-outdoors-joying-hands-cel-2025-01-09-21-56-21-utc.jpg\" alt=\"Sales Consultant\">\n                        <\/div>\n<\/p><\/div>\n<div class=\"text-column\">\n<div class=\"section-tag\">Culture<\/div>\n<h3 class=\"section-title\">Inclusion &amp; Diversity<\/h3>\n<p class=\"section-lead\">Excellence in Action<\/p>\n<div class=\"text-body\">\n<p class=\"highlight-text\">LANDU champions building secure, diverse, and welcoming environments that maximize our global talent potential.<\/p>\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.<\/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>            <!-- \u793e\u533a\u5408\u4f5c --><\/p>\n<div class=\"content-row\">\n<div class=\"row-content\">\n<div class=\"text-column\">\n<div class=\"section-tag\">Partnership<\/div>\n<h3 class=\"section-title\">Community Partnership<\/h3>\n<p class=\"section-lead\">Building Connections<\/p>\n<div class=\"text-body\">\n<p class=\"highlight-text\">At LANDU, we prioritize meaningful connections with local neighborhoods, particularly surrounding our operational sites and manufacturing facilities.<\/p>\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>We proactively partner with team members, clients, and vendors to advance sustainable development through volunteer initiatives, active participation, and corporate contributions.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"image-column\">\n<div class=\"single-image\">\n                            <img loading=\"lazy\" height=\"1280\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/excited-family-volunteers-celebrating-their-garbag-2025-08-03-03-10-39-utc-scaled.jpg\" alt=\"Raw Materials\">\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- \u793e\u4f1a\u5f71\u54cd\u529b --><\/p>\n<div class=\"content-row reverse\">\n<div class=\"row-content\">\n<div class=\"image-column\">\n<div class=\"single-image\">\n                            <img loading=\"lazy\" height=\"1706\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/in-a-boardroom-an-asian-team-meets-at-a-desk-pre-2025-03-08-17-33-54-utc-scaled.jpg\" alt=\"Professional Training\">\n                        <\/div>\n<\/p><\/div>\n<div class=\"text-column\">\n<div class=\"section-tag\">Impact<\/div>\n<h3 class=\"section-title\">Social Impact<\/h3>\n<p class=\"section-lead\">Leadership Excellence<\/p>\n<div class=\"text-body\">\n<p class=\"highlight-text\">LANDU ensures our workplace culture positively influences employee wellness by delivering supportive, inclusive environments featuring purposeful work and continuous feedback.<\/p>\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>Our methodology emphasizes practical action through volunteer work, active involvement, and corporate giving, supporting community engagement initiatives that create lasting positive impact.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<style scoped=\"\">\n        .compact-collaboration-section {\n            position: relative;\n            background: #ffffff;\n            font-family: 'Inter', system-ui, sans-serif;\n            overflow: hidden;\n        }<\/p>\n<p>        \/* \u80cc\u666f *\/\n        .section-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n        }<\/p>\n<p>        .bg-pattern {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: \n                linear-gradient(45deg, transparent 24%, rgba(46, 204, 113, 0.01) 25%, rgba(46, 204, 113, 0.01) 26%, transparent 27%, transparent 74%, rgba(46, 204, 113, 0.01) 75%, rgba(46, 204, 113, 0.01) 76%, transparent 77%, transparent),\n                linear-gradient(-45deg, transparent 24%, rgba(212, 175, 55, 0.01) 25%, rgba(212, 175, 55, 0.01) 26%, transparent 27%, transparent 74%, rgba(212, 175, 55, 0.01) 75%, rgba(212, 175, 55, 0.01) 76%, transparent 77%, transparent);\n            background-size: 120px 120px;\n        }<\/p>\n<p>        .floating-accents {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n        }<\/p>\n<p>        .accent {\n            position: absolute;\n            background: radial-gradient(circle, rgba(46, 204, 113, 0.03) 0%, transparent 70%);\n            border-radius: 50%;\n            animation: accentFloat 15s ease-in-out infinite;\n        }<\/p>\n<p>        .accent-1 {\n            width: 400px;\n            height: 400px;\n            top: 20%;\n            right: -100px;\n            animation-delay: 0s;\n        }<\/p>\n<p>        .accent-2 {\n            width: 300px;\n            height: 300px;\n            bottom: 30%;\n            left: -80px;\n            animation-delay: -8s;\n        }<\/p>\n<p>        \/* \u5bb9\u5668 *\/\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 40px;\n            position: relative;\n            z-index: 2;\n        }<\/p>\n<p>        \/* \u4e3b\u6807\u9898 *\/\n        .section-header {\n            padding: 80px 0 60px;\n            text-align: center;\n        }<\/p>\n<p>        .main-title {\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 300;\n            color: #1a365d;\n            margin: 0 0 20px 0;\n            line-height: 1.1;\n        }<\/p>\n<p>        .main-title .highlight {\n            background: linear-gradient(135deg, #2ecc71, #f1c40f);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-weight: 400;\n        }<\/p>\n<p>        .main-subtitle {\n            font-size: clamp(1.1rem, 2vw, 1.4rem);\n            color: #64748b;\n            margin: 0;\n            font-weight: 300;\n        }<\/p>\n<p>        \/* \u5185\u5bb9\u533a\u57df *\/\n        .content-area {\n            padding-bottom: 80px;\n        }<\/p>\n<p>        .content-row {\n            margin-bottom: 60px;\n            background: rgba(255, 255, 255, 0.8);\n            border-radius: 16px;\n            padding: 40px;\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);\n            border: 1px solid rgba(46, 204, 113, 0.1);\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .content-row:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);\n        }<\/p>\n<p>        .content-row:last-child {\n            margin-bottom: 0;\n        }<\/p>\n<p>        .row-content {\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 50px;\n            align-items: center;\n        }<\/p>\n<p>        .content-row.reverse .row-content {\n            grid-template-columns: 1fr 1.2fr;\n        }<\/p>\n<p>        \/* \u6587\u672c\u5217 *\/\n        .text-column {\n            padding: 20px 0;\n        }<\/p>\n<p>        .section-tag {\n            display: inline-block;\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #2ecc71;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            background: rgba(46, 204, 113, 0.1);\n            padding: 6px 14px;\n            border-radius: 12px;\n            margin-bottom: 16px;\n        }<\/p>\n<p>        .section-title {\n            font-size: clamp(1.8rem, 3vw, 2.4rem);\n            font-weight: 600;\n            color: #1a365d;\n            margin: 0 0 8px 0;\n            line-height: 1.2;\n        }<\/p>\n<p>        .section-lead {\n            font-size: 1.1rem;\n            color: #f39c12;\n            font-weight: 500;\n            margin: 0 0 24px 0;\n        }<\/p>\n<p>        .text-body {\n            color: #374151;\n            line-height: 1.6;\n        }<\/p>\n<p>        .highlight-text {\n            font-size: 1.1rem;\n            font-weight: 500;\n            color: #2ecc71;\n            margin-bottom: 20px;\n            line-height: 1.5;\n        }<\/p>\n<p>        .text-body p {\n            font-size: 0.95rem;\n            margin-bottom: 16px;\n            font-weight: 400;\n        }<\/p>\n<p>        .text-body p:last-child {\n            margin-bottom: 0;\n        }<\/p>\n<p>        \/* \u56fe\u7247\u5217 *\/\n        .image-column {\n            position: relative;\n        }<\/p>\n<p>        .single-image {\n            position: relative;\n            width: 100%;\n            height: 300px;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            background: #f8fafc;\n        }<\/p>\n<p>        .single-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center top;\n            transition: transform 0.4s ease;\n        }<\/p>\n<p>        .single-image:hover {\n            transform: translateY(-8px) scale(1.02);\n            box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2);\n        }<\/p>\n<p>        .single-image:hover img {\n            transform: scale(1.05);\n        }<\/p>\n<p>        \/* \u52a8\u753b *\/\n        @keyframes accentFloat {\n            0%, 100% { transform: translate(0, 0) scale(1); }\n            50% { transform: translate(-20px, 20px) scale(1.05); }\n        }<\/p>\n<p>        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n        @media (max-width: 1024px) {\n            .container {\n                padding: 0 30px;\n            }<\/p>\n<p>            .row-content {\n                gap: 40px;\n            }<\/p>\n<p>            .content-row {\n                padding: 35px;\n            }<\/p>\n<p>            .single-image {\n                height: 280px;\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .container {\n                padding: 0 20px;\n            }<\/p>\n<p>            .section-header {\n                padding: 60px 0 40px;\n            }<\/p>\n<p>            .content-row {\n                margin-bottom: 40px;\n                padding: 30px 25px;\n            }<\/p>\n<p>            .row-content,\n            .content-row.reverse .row-content {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }<\/p>\n<p>            .single-image {\n                height: 250px;\n            }<\/p>\n<p>            .text-body p {\n                font-size: 0.9rem;\n                margin-bottom: 14px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .container {\n                padding: 0 15px;\n            }<\/p>\n<p>            .content-row {\n                padding: 25px 20px;\n                margin-bottom: 30px;\n            }<\/p>\n<p>            .single-image {\n                height: 200px;\n            }<\/p>\n<p>            .section-title {\n                font-size: 1.6rem;\n            }<\/p>\n<p>            .text-body p {\n                font-size: 0.85rem;\n                line-height: 1.5;\n            }<\/p>\n<p>            .highlight-text {\n                font-size: 1rem;\n            }\n        }\n    <\/style>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Safety First Empowering People Building Communities LANDU: Committed to Zero Injuries, Inclusive Excellence &amp; Sustainable Progress Prioritizing Safety Above All Inclusion &amp; Diversity Initiatives Community Engagement &amp; Social Responsibility LANDU Advanced Materials Excellence Collaborating With Employees Empowering Our Workforce: Partnership in Action Excellence Safety Excellence Our Unwavering Standard Creating secure, healthy workplaces drives operational continuity [&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-5331","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/pages\/5331","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=5331"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/pages\/5331\/revisions"}],"predecessor-version":[{"id":5332,"href":"https:\/\/hpmc.ae\/sk\/wp-json\/wp\/v2\/pages\/5331\/revisions\/5332"}],"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=5331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}