{"id":5325,"date":"2025-12-08T03:19:03","date_gmt":"2025-12-08T03:19:03","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5325"},"modified":"2025-12-16T07:49:41","modified_gmt":"2025-12-16T07:49:41","slug":"collaborating-with-employees","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/id\/sustainability-in-landu\/collaborating-with-employees\/","title":{"rendered":"Berkolaborasi dengan Karyawan"},"content":{"rendered":"<div class=\"responsibility-modern-banner\">\n<div class=\"responsibility-modern-container\">\n<div class=\"responsibility-modern-content\">\n<div class=\"responsibility-modern-visual\">\n<div class=\"modern-image-container\">\n                    <img height=\"1440\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/group-of-asia-business-people-stack-hands-together-2024-12-07-01-50-28-utc-scaled.jpg\" alt=\"Tanggung Jawab Perusahaan\" class=\"responsibility-image\"><\/p>\n<div class=\"image-overlay\"><\/div>\n<\/p><\/div>\n<div class=\"floating-dots\">\n<div class=\"dot dot-1\"><\/div>\n<div class=\"dot dot-2\"><\/div>\n<div class=\"dot dot-3\"><\/div>\n<div class=\"dot dot-4\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"responsibility-modern-text\">\n<div class=\"modern-tag\">Tanggung Jawab Sosial Perusahaan<\/div>\n<h1 class=\"responsibility-modern-title\">LANDU: Tanggung Jawab di Inti<\/h1>\n<p class=\"responsibility-modern-description\">\n                    Kami mengutamakan keselamatan, mendorong inklusi dan keberagaman, serta mendukung komunitas melalui keterlibatan aktif. Dipandu oleh prinsip CSR kami, kami berkomitmen membangun masa depan yang lebih aman dan berkelanjutan bersama-sama.\n                <\/p>\n<div class=\"responsibility-modern-metrics\">\n<div class=\"metric-box\">\n                        <span class=\"metric-label\">Safety First<\/span><\/p>\n<div class=\"metric-bar\">\n<div class=\"metric-progress\" style=\"width: 100%\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"metric-box\">\n                        <span class=\"metric-label\">Inclusion &amp; Diversity<\/span><\/p>\n<div class=\"metric-bar\">\n<div class=\"metric-progress\" style=\"width: 95%\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"metric-box\">\n                        <span class=\"metric-label\">Keberlanjutan<\/span><\/p>\n<div class=\"metric-bar\">\n<div class=\"metric-progress\" style=\"width: 90%\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"modern-background\">\n<div class=\"bg-gradient-1\"><\/div>\n<div class=\"bg-gradient-2\"><\/div>\n<div class=\"bg-grid\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .responsibility-modern-banner {\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 40%, #20B2AA 80%, #4ECDC4 100%);\n        padding: 60px 20px;\n        position: relative;\n        overflow: hidden;\n        min-height: 300px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .responsibility-modern-container {\n        max-width: 1200px;\n        width: 100%;\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .responsibility-modern-content {\n        display: grid;\n        grid-template-columns: 1fr 2fr;\n        gap: 50px;\n        align-items: center;\n    }<\/p>\n<p>    .responsibility-modern-visual {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 280px;\n    }<\/p>\n<p>    .modern-image-container {\n        position: relative;\n        width: auto;\n        height: auto;\n        border-radius: 30px;\n        overflow: hidden;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n        animation: responsibility-image-float 6s ease-in-out infinite;\n    }<\/p>\n<p>    .responsibility-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .modern-image-container:hover .responsibility-image {\n        transform: scale(1.1);\n    }<\/p>\n<p>    .image-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.2) 0%, rgba(46, 139, 87, 0.2) 50%, rgba(32, 178, 170, 0.2) 100%);\n        pointer-events: none;\n        animation: responsibility-overlay-pulse 4s ease-in-out infinite;\n    }<\/p>\n<p>    .floating-dots {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }<\/p>\n<p>    .dot {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 50%;\n        animation: responsibility-dot-float 6s ease-in-out infinite;\n    }<\/p>\n<p>    .dot-1 {\n        width: 6px;\n        height: 6px;\n        top: 15%;\n        left: 10%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .dot-2 {\n        width: 4px;\n        height: 4px;\n        top: 70%;\n        right: 15%;\n        animation-delay: 1.5s;\n    }<\/p>\n<p>    .dot-3 {\n        width: 5px;\n        height: 5px;\n        bottom: 20%;\n        left: 5%;\n        animation-delay: 3s;\n    }<\/p>\n<p>    .dot-4 {\n        width: 3px;\n        height: 3px;\n        top: 40%;\n        right: 10%;\n        animation-delay: 4.5s;\n    }<\/p>\n<p>    .responsibility-modern-text {\n        color: white;\n    }<\/p>\n<p>    .modern-tag {\n        display: inline-block;\n        background: rgba(255, 255, 255, 0.15);\n        backdrop-filter: blur(15px);\n        padding: 6px 16px;\n        border-radius: 20px;\n        font-size: 0.8rem;\n        font-weight: 600;\n        margin-bottom: 16px;\n        border: 1px solid rgba(255, 255, 255, 0.25);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }<\/p>\n<p>    .responsibility-modern-title {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 2.8rem;\n        font-weight: 900;\n        margin: 0 0 16px 0;\n        line-height: 1.1;\n        background: linear-gradient(135deg, #ffffff 0%, #e0f7fa 40%, #b2dfdb 80%, #ffffff 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .responsibility-modern-description {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 1.1rem;\n        line-height: 1.5;\n        margin: 0 0 24px 0;\n        opacity: 0.95;\n        font-weight: 300;\n        max-width: 600px;\n    }<\/p>\n<p>    .responsibility-modern-metrics {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(25px);\n        padding: 20px;\n        border-radius: 16px;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n    }<\/p>\n<p>    .metric-box {\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n    }<\/p>\n<p>    .metric-label {\n        font-size: 0.9rem;\n        font-weight: 600;\n        opacity: 0.9;\n    }<\/p>\n<p>    .metric-bar {\n        height: 6px;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 3px;\n        overflow: hidden;\n        position: relative;\n    }<\/p>\n<p>    .metric-progress {\n        height: 100%;\n        background: linear-gradient(90deg, #ffffff 0%, #e0f7fa 50%, #b2dfdb 100%);\n        border-radius: 3px;\n        animation: responsibility-progress 2s ease-out;\n        position: relative;\n    }<\/p>\n<p>    .metric-progress::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);\n        animation: responsibility-shimmer 2s ease-in-out infinite;\n    }<\/p>\n<p>    .modern-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 1;\n    }<\/p>\n<p>    .bg-gradient-1 {\n        position: absolute;\n        top: -25%;\n        right: -20%;\n        width: 60%;\n        height: 75%;\n        background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);\n        animation: responsibility-bg-move 20s ease-in-out infinite;\n    }<\/p>\n<p>    .bg-gradient-2 {\n        position: absolute;\n        bottom: -15%;\n        left: -10%;\n        width: 50%;\n        height: 50%;\n        background: radial-gradient(circle, rgba(32, 178, 170, 0.1) 0%, transparent 60%);\n        animation: responsibility-bg-move 25s ease-in-out infinite reverse;\n    }<\/p>\n<p>    .bg-grid {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-image: \n            linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\n        background-size: 30px 30px;\n        animation: responsibility-grid-move 30s linear infinite;\n    }<\/p>\n<p>    @keyframes responsibility-image-float {\n        0%, 100% {\n            transform: translateY(0px) rotate(0deg);\n        }\n        50% {\n            transform: translateY(-15px) rotate(2deg);\n        }\n    }<\/p>\n<p>    @keyframes responsibility-overlay-pulse {\n        0%, 100% {\n            opacity: 0.6;\n        }\n        50% {\n            opacity: 0.3;\n        }\n    }<\/p>\n<p>    @keyframes responsibility-dot-float {\n        0%, 100% {\n            transform: translateY(0px) scale(1);\n            opacity: 0.8;\n        }\n        50% {\n            transform: translateY(-15px) scale(1.2);\n            opacity: 1;\n        }\n    }<\/p>\n<p>    @keyframes responsibility-progress {\n        0% { width: 0; }\n        100% { width: inherit; }\n    }<\/p>\n<p>    @keyframes responsibility-shimmer {\n        0% { transform: translateX(-100%); }\n        100% { transform: translateX(200%); }\n    }<\/p>\n<p>    @keyframes responsibility-bg-move {\n        0%, 100% { transform: translate(0, 0) scale(1); }\n        50% { transform: translate(10px, -10px) scale(1.05); }\n    }<\/p>\n<p>    @keyframes responsibility-grid-move {\n        0% { transform: translate(0, 0); }\n        100% { transform: translate(30px, 30px); }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .responsibility-modern-content {\n            grid-template-columns: 1fr;\n            gap: 35px;\n            text-align: center;\n        }<\/p>\n<p>        .responsibility-modern-visual {\n            height: 240px;\n        }<\/p>\n<p>        .modern-image-container {\n            width: 180px;\n            height: 180px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .responsibility-modern-banner {\n            padding: 50px 15px;\n            min-height: 250px;\n        }<\/p>\n<p>        .responsibility-modern-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .responsibility-modern-description {\n            font-size: 1rem;\n        }<\/p>\n<p>        .responsibility-modern-visual {\n            height: 200px;\n        }<\/p>\n<p>        .modern-image-container {\n            width: 160px;\n            height: 160px;\n        }<\/p>\n<p>        .responsibility-modern-metrics {\n            padding: 16px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .responsibility-modern-banner {\n            padding: 40px 15px;\n        }<\/p>\n<p>        .responsibility-modern-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .responsibility-modern-description {\n            font-size: 0.95rem;\n        }<\/p>\n<p>        .responsibility-modern-visual {\n            height: 180px;\n        }<\/p>\n<p>        .modern-image-container {\n            width: 140px;\n            height: 140px;\n            border-radius: 20px;\n        }<\/p>\n<p>        .responsibility-modern-metrics {\n            padding: 14px;\n        }\n    }\n<\/style>\n<div class=\"responsibility-content-section\">\n<div class=\"responsibility-content-container\">\n        <!-- Safety Section --><\/p>\n<div class=\"safety-section\">\n<div class=\"section-content\">\n<div class=\"section-text\">\n<h2 class=\"section-title\">Prioritizing Safety Above All<\/h2>\n<p class=\"section-intro\">\n                        Di LANDU, kami percaya bahwa tempat kerja yang aman dan sehat adalah fondasi untuk operasi yang berkelanjutan dan untuk menarik profesional yang termotivasi dan sangat terampil. Komitmen kami terhadap Safety First meluas ke setiap aspek bisnis kami.\n                    <\/p>\n<p class=\"section-description\">\n                        Kami membangun budaya keselamatan yang kokoh yang berfokus pada penghapusan cedera di tempat kerja baik bagi karyawan maupun kontraktor pihak ketiga, serta mencegah kegiatan operasional menyebabkan kerusakan material. Visi ini diwujudkan melalui:\n                    <\/p>\n<div class=\"safety-features\">\n<div class=\"feature-item\">\n<div class=\"feature-number\">01<\/div>\n<div class=\"feature-content\">\n<h3>Manajemen Risiko Proaktif<\/h3>\n<p>Mengidentifikasi dan mengurangi potensi bahaya sebelum mereka muncul.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-number\">02<\/div>\n<div class=\"feature-content\">\n<h3>Pencegahan Cedera dan Penyakit Secara Sistematis<\/h3>\n<p>Menyematkan langkah pencegahan ke dalam setiap proses.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"feature-item\">\n<div class=\"feature-number\">03<\/div>\n<div class=\"feature-content\">\n<h3>Keterlibatan Karyawan<\/h3>\n<p>Mendorong partisipasi aktif dalam diskusi dan inisiatif keselamatan.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"section-images-with-quote\">\n<div class=\"image-grid\">\n                        <img height=\"1206\" width=\"1811\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/happiness-engineer-and-worker-team-group-joining-h-2025-09-08-10-20-32-utc.jpg\" alt=\"Pengujian Produk Teknisi LANDU\" loading=\"lazy\"><br \/>\n                        <img height=\"1371\" width=\"2189\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/group-of-successful-business-people-at-work-in-off-2025-03-14-22-00-42-utc.jpg\" alt=\"LANDU In-Service Training\" loading=\"lazy\">\n                    <\/div>\n<div class=\"safety-quote\">\n<p>Keselamatan bukan hanya kebijakan di LANDU; itu tertanam dalam DNA kami. Melalui analisis pekerjaan yang aman, penerapan penghalang keselamatan, dan kepatuhan yang teguh terhadap praktik terbaik, kami memastikan bahwa setiap proyek, tugas, dan keputusan dibuat dengan kesejahteraan orang-orang kami sebagai prioritas.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Inclusion & Diversity Section --><\/p>\n<div class=\"diversity-section\">\n<div class=\"section-content reverse\">\n<div class=\"section-images\">\n<div class=\"image-single\">\n                        <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/two-businesswomen-shaking-hands-after-successful-a-2025-08-10-06-13-08-utc-scaled.jpg\" alt=\"LANDU Professional Service\" loading=\"lazy\">\n                    <\/div>\n<\/p><\/div>\n<div class=\"section-text\">\n<h2 class=\"section-title\">Inclusion &amp; Diversity Initiatives<\/h2>\n<p class=\"section-description\">\n                        Keberagaman dan inklusi sangat penting untuk membuka potensi penuh dari tenaga kerja global kami. Di LANDU, kami berusaha menciptakan lingkungan di mana semua karyawan merasa diterima, diberdayakan untuk berbagi ide, dan percaya diri untuk menantang status quo.\n                    <\/p>\n<div class=\"commitment-list\">\n<div class=\"commitment-item\">\n<div class=\"commitment-bullet\"><\/div>\n<p>Menghormati setiap individu dengan martabat, keadilan, dan rasa hormat.<\/p>\n<\/p><\/div>\n<div class=\"commitment-item\">\n<div class=\"commitment-bullet\"><\/div>\n<p>Menghargai kontribusi tanpa memandang usia, ras, kebangsaan, identitas gender, atau orientasi seksual.<\/p>\n<\/p><\/div>\n<div class=\"commitment-item\">\n<div class=\"commitment-bullet\"><\/div>\n<p>Mendorong dialog terbuka dan kolaborasi untuk mencapai tujuan bersama.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"section-conclusion\">\n                        Kami secara terus-menerus memantau dan mengevaluasi keberagaman tim kami, melacak kemajuan dan menetapkan tantangan baru untuk memastikan tempat kerja kami tetap dinamis, inklusif, dan inovatif.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- Community Engagement Section --><\/p>\n<div class=\"community-section\">\n<div class=\"section-content\">\n<div class=\"section-text\">\n<h2 class=\"section-title\">Berinteraksi dengan Komunitas Kami<\/h2>\n<p class=\"section-description\">\n                        Hubungan yang kuat dengan komunitas lokal\u2014terutama yang dekat dengan operasi kami\u2014adalah kunci keberhasilan jangka panjang kami. Kami melakukan audit kinerja secara rutin terhadap fasilitas kami untuk menjaga agar tetangga kami tetap terinformasi, terlibat, dan percaya diri terhadap standar kami.\n                    <\/p>\n<div class=\"focus-areas\">\n<div class=\"focus-card\">\n<h4>Bahan Kimia Esensial<\/h4>\n<p>Menyediakan bahan kimia esensial secara aman dan bertanggung jawab.<\/p>\n<\/p><\/div>\n<div class=\"focus-card\">\n<h4>Dialog Pemangku Kepentingan<\/h4>\n<p>Menjaga dialog konstruktif dengan pemangku kepentingan.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"section-conclusion\">\n                        Melalui kegiatan sukarela, partisipasi aktif, dan donasi perusahaan, kami bekerja sama dengan karyawan, pelanggan, dan pemasok untuk memberikan manfaat nyata kepada komunitas yang kami layani. Inisiatif ini tidak hanya memperkuat komitmen kami terhadap masyarakat tetapi juga menginspirasi tim kami untuk bangga dengan peran mereka di luar pabrik.\n                    <\/p>\n<\/p><\/div>\n<div class=\"section-images\">\n<div class=\"image-grid\">\n                        <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/volunteers-collecting-rubbish-and-recycling-2025-04-03-13-17-59-utc-scaled.jpg\" alt=\"cURL Too many subrequests.\" loading=\"lazy\"><br \/>\n                        <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/diverse-business-team-leader-discuss-financial-pap-2025-03-27-01-57-40-utc-scaled.jpg\" alt=\"Manajer Pengembangan Bisnis LANDU\" loading=\"lazy\">\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- CSR Section --><\/p>\n<div class=\"csr-section\">\n<div class=\"csr-content\">\n<h2 class=\"section-title centered\">Tanggung Jawab Sosial Perusahaan<\/h2>\n<p class=\"csr-intro\">\n                    Pendekatan Tanggung Jawab Sosial Perusahaan kami adalah pusat dari misi kami: komitmen dan kontribusi terhadap masa depan yang berkelanjutan. Kami bertujuan memastikan bahwa kondisi kerja yang kami berikan berdampak positif terhadap kesehatan, motivasi, dan pertumbuhan profesional karyawan kami.\n                <\/p>\n<div class=\"csr-pillars\">\n<div class=\"csr-pillar\">\n<div class=\"pillar-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z\" fill=\"#4A90E2\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>Lingkungan yang Mendukung<\/h3>\n<p>Menciptakan lingkungan kerja yang mendukung dan inklusif.<\/p>\n<\/p><\/div>\n<div class=\"csr-pillar\">\n<div class=\"pillar-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M20 6H16V4C16 2.89 15.11 2 14 2H10C8.89 2 8 2.89 8 4V6H4C2.89 6 2.01 6.89 2.01 8L2 19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V8C22 6.89 21.11 6 20 6ZM14 6H10V4H14V6Z\" fill=\"#2E8B57\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>Tugas yang Bermakna<\/h3>\n<p>Menawarkan tugas yang bermakna dan menarik dengan umpan balik yang membangun.<\/p>\n<\/p><\/div>\n<div class=\"csr-pillar\">\n<div class=\"pillar-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M16 11C17.66 11 18.99 9.66 18.99 8C18.99 6.34 17.66 5 16 5C14.34 5 13 6.34 13 8C13 9.66 14.34 11 16 11ZM8 11C9.66 11 10.99 9.66 10.99 8C10.99 6.34 9.66 5 8 5C6.34 5 5 6.34 5 8C5 9.66 6.34 11 8 11ZM8 13C5.67 13 1 14.17 1 16.5V19H15V16.5C15 14.17 10.33 13 8 13ZM16 13C15.71 13 15.38 13.02 15.03 13.05C16.19 13.89 17 15.02 17 16.5V19H23V16.5C23 14.17 18.33 13 16 13Z\" fill=\"#20B2AA\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3>Kemajuan Kolektif<\/h3>\n<p>Mendorong kemajuan kolektif melalui program berbasis komunitas.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"csr-conclusion\">\n                    Dengan mengintegrasikan kegiatan sukarela, partisipasi, dan donasi ke dalam operasi kami, kami mendukung inisiatif transformasional yang memberi manfaat bagi karyawan, komunitas lokal, dan masyarakat secara umum\u2014mengubah janji kami menjadi kemajuan yang terukur.\n                <\/p>\n<div class=\"csr-actions\">\n                    <a href=\"https:\/\/hpmc.ae\/id\/sustainability-in-landu\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"csr-button primary editing\"><br \/>\n                        <span>Pelajari Lebih Lanjut<\/span><br \/>\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                    <\/a><br \/>\n                    <a href=\"https:\/\/hpmc.ae\/id\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"csr-button secondary\"><br \/>\n                        <span>Hubungi Kami<\/span><br \/>\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M3 8L10.89 13.26C11.23 13.47 11.61 13.59 12 13.59C12.39 13.59 12.77 13.47 13.11 13.26L21 8M5 19H19C19.5304 19 20.0391 18.7893 20.4142 18.4142C20.7893 18.0391 21 17.5304 21 17V7C21 6.46957 20.7893 5.96086 20.4142 5.58579C20.0391 5.21071 19.5304 5 19 5H5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V17C3 17.5304 3.21071 18.0391 3.58579 18.4142C3.96086 18.7893 4.46957 19 5 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg><br \/>\n                    <\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .responsibility-content-section {\n        padding: 100px 20px;\n        background: linear-gradient(180deg, #f8faff 0%, #ffffff 50%, #f0f8ff 100%);\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }<\/p>\n<p>    .responsibility-content-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .safety-section,\n    .diversity-section,\n    .community-section {\n        margin-bottom: 100px;\n    }<\/p>\n<p>    .section-content {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: start;\n    }<\/p>\n<p>    .section-content.reverse {\n        grid-template-columns: 1fr 1fr;\n        align-items: center;\n    }<\/p>\n<p>    .section-content.reverse .section-images {\n        order: 1;\n    }<\/p>\n<p>    .section-content.reverse .section-text {\n        order: 2;\n    }<\/p>\n<p>    .section-title {\n        font-size: 2.8rem;\n        font-weight: 700;\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 50%, #20B2AA 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 24px;\n        line-height: 1.2;\n    }<\/p>\n<p>    .section-title.centered {\n        text-align: center;\n        font-size: 3.2rem;\n    }<\/p>\n<p>    .section-intro,\n    .section-description {\n        font-size: 1.1rem;\n        color: #4a5568;\n        line-height: 1.6;\n        margin-bottom: 24px;\n    }<\/p>\n<p>    .section-conclusion {\n        font-size: 1.05rem;\n        color: #4a5568;\n        line-height: 1.6;\n        margin-top: 24px;\n    }<\/p>\n<p>    \/* Safety Features *\/\n    .safety-features {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n        margin: 32px 0;\n    }<\/p>\n<p>    .feature-item {\n        display: flex;\n        gap: 20px;\n        align-items: flex-start;\n        padding: 24px;\n        background: white;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.1);\n        border: 1px solid rgba(74, 144, 226, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .feature-item:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .feature-number {\n        flex-shrink: 0;\n        width: 40px;\n        height: 40px;\n        background: linear-gradient(135deg, #4A90E2, #2E8B57);\n        color: white;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 700;\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .feature-content h4 {\n        font-size: 1.2rem;\n        font-weight: 600;\n        color: #2d3748;\n        margin-bottom: 8px;\n    }<\/p>\n<p>    .feature-content p {\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* Images with Quote Container *\/\n    .section-images-with-quote {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }<\/p>\n<p>    .safety-quote {\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.05) 0%, rgba(32, 178, 170, 0.05) 100%);\n        padding: 24px;\n        border-radius: 16px;\n        border-left: 4px solid #4A90E2;\n    }<\/p>\n<p>    .safety-quote p {\n        font-style: italic;\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Images *\/\n    .section-images {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .image-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 20px;\n        width: 100%;\n    }<\/p>\n<p>    .image-single {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .image-grid img {\n        width: 100%;\n        height: 280px;\n        object-fit: cover;\n        border-radius: 20px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.15);\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .image-single img {\n        width: 100%;\n        height: auto;\n        object-fit: cover;\n        border-radius: 20px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.15);\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .image-grid img:hover,\n    .image-single img:hover {\n        transform: scale(1.02);\n    }<\/p>\n<p>    \/* Commitment List *\/\n    .commitment-list {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n        margin: 24px 0;\n    }<\/p>\n<p>    .commitment-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n    }<\/p>\n<p>    .commitment-bullet {\n        flex-shrink: 0;\n        width: 8px;\n        height: 8px;\n        background: linear-gradient(135deg, #4A90E2, #20B2AA);\n        border-radius: 50%;\n        margin-top: 8px;\n    }<\/p>\n<p>    .commitment-item p {\n        margin: 0;\n        color: #4a5568;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Focus Areas *\/\n    .focus-areas {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n        margin: 24px 0;\n    }<\/p>\n<p>    .focus-card {\n        background: white;\n        padding: 24px;\n        border-radius: 16px;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.08);\n        border: 1px solid rgba(74, 144, 226, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .focus-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.12);\n    }<\/p>\n<p>    .focus-card h4 {\n        font-size: 1.2rem;\n        font-weight: 600;\n        color: #2d3748;\n        margin-bottom: 12px;\n    }<\/p>\n<p>    .focus-card p {\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* CSR Section *\/\n    .csr-section {\n        background: white;\n        padding: 80px 60px;\n        border-radius: 24px;\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.1);\n    }<\/p>\n<p>    .csr-content {\n        text-align: center;\n    }<\/p>\n<p>    .csr-intro,\n    .csr-conclusion {\n        font-size: 1.2rem;\n        color: #4a5568;\n        line-height: 1.6;\n        max-width: 800px;\n        margin: 0 auto 40px;\n    }<\/p>\n<p>    .csr-pillars {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 40px;\n        margin: 60px 0;\n    }<\/p>\n<p>    .csr-pillar {\n        text-align: center;\n        padding: 32px 24px;\n        background: rgba(74, 144, 226, 0.02);\n        border-radius: 20px;\n        border: 1px solid rgba(74, 144, 226, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .csr-pillar:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 40px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .pillar-icon {\n        width: 60px;\n        height: 60px;\n        margin: 0 auto 20px;\n        background: rgba(74, 144, 226, 0.1);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .pillar-icon svg {\n        width: 28px;\n        height: 28px;\n    }<\/p>\n<p>    .csr-pillar h4 {\n        font-size: 1.3rem;\n        font-weight: 600;\n        color: #2d3748;\n        margin-bottom: 12px;\n    }<\/p>\n<p>    .csr-pillar p {\n        color: #4a5568;\n        margin: 0;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* CSR Action Buttons *\/\n    .csr-actions {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 24px;\n        margin-top: 48px;\n        flex-wrap: wrap;\n    }<\/p>\n<p>    .csr-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 16px 32px;\n        font-size: 1.1rem;\n        font-weight: 600;\n        text-decoration: none;\n        border-radius: 50px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.2);\n        position: relative;\n        overflow: hidden;\n    }<\/p>\n<p>    .csr-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n        transition: left 0.5s ease;\n    }<\/p>\n<p>    .csr-button:hover::before {\n        left: 100%;\n    }<\/p>\n<p>    .csr-button.primary {\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n        color: white;\n    }<\/p>\n<p>    .csr-button.primary:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.3);\n    }<\/p>\n<p>    .csr-button.secondary {\n        background: white;\n        color: #4A90E2;\n        border: 2px solid #4A90E2;\n        box-shadow: 0 4px 20px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .csr-button.secondary:hover {\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n        color: white;\n        border-color: transparent;\n        transform: translateY(-4px);\n        box-shadow: 0 8px 30px rgba(74, 144, 226, 0.3);\n    }<\/p>\n<p>    .csr-button svg {\n        width: 20px;\n        height: 20px;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .csr-button:hover svg {\n        transform: translateX(4px);\n    }<\/p>\n<p>    .csr-button.secondary:hover svg {\n        transform: translateX(4px);\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .section-content {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }<\/p>\n<p>        .section-content.reverse .section-images,\n        .section-content.reverse .section-text {\n            order: unset;\n        }<\/p>\n<p>        .focus-areas {\n            grid-template-columns: 1fr;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .responsibility-content-section {\n            padding: 80px 15px;\n        }<\/p>\n<p>        .section-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .section-title.centered {\n            font-size: 2.6rem;\n        }<\/p>\n<p>        .safety-section,\n        .diversity-section,\n        .community-section {\n            margin-bottom: 80px;\n        }<\/p>\n<p>        .safety-features {\n            gap: 16px;\n        }<\/p>\n<p>        .feature-item {\n            padding: 20px;\n            flex-direction: column;\n            text-align: center;\n            gap: 16px;\n        }<\/p>\n<p>        .image-grid img {\n            height: 220px;\n        }<\/p>\n<p>        .csr-section {\n            padding: 60px 30px;\n        }<\/p>\n<p>        .csr-pillars {\n            grid-template-columns: 1fr;\n            gap: 30px;\n            margin: 40px 0;\n        }<\/p>\n<p>        .csr-actions {\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .csr-button {\n            width: 100%;\n            max-width: 300px;\n            justify-content: center;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .section-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .section-title.centered {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .feature-item {\n            padding: 16px;\n        }<\/p>\n<p>        .csr-section {\n            padding: 40px 20px;\n        }<\/p>\n<p>        .image-grid img {\n            height: 180px;\n        }<\/p>\n<p>        .csr-button {\n            padding: 14px 28px;\n            font-size: 1rem;\n        }\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Corporate Social Responsibility LANDU: Responsibility at the Core We put safety first, foster inclusion and diversity, and support communities through active engagement. Guided by our CSR principles, we are committed to building a safer, more sustainable future together. Safety First Inclusion &amp; Diversity Sustainability Prioritizing Safety Above All At LANDU, we believe that a safe [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5381,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5325","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/comments?post=5325"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5325\/revisions"}],"predecessor-version":[{"id":5326,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5325\/revisions\/5326"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5381"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/media?parent=5325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}