{"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\/fi\/sustainability-in-landu\/people-our-commitment-to-care\/safety-first-our-priority\/","title":{"rendered":"Turvallisuus ensin: Meid\u00e4n prioriteettimme"},"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\">Vahvistamme ihmisi\u00e4<\/span><br \/>\n                        <span class=\"divider-line\"><\/span><br \/>\n                    <\/span><br \/>\n                    <span class=\"title-line-2\">Rakennamme yhteis\u00f6j\u00e4<\/span><br \/>\n                <\/h1>\n<div class=\"hero-subtitle\">\n<p class=\"subtitle-text\">LANDU: Sitoutunut nollavammatavoitteeseen, osallistavaan erinomaisuuteen ja kest\u00e4v\u00e4\u00e4n kehitykseen<\/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\">Yhteis\u00f6n osallistaminen ja yhteiskuntavastuu<\/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\">Edistyneiden materiaalien erinomaisuus<\/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 edist\u00e4\u00e4 ennaltaehk\u00e4isev\u00e4\u00e4n turvallisuuskulttuuriin perustuvaa toimintaa, jonka tavoitteena on poistaa ty\u00f6paikkatapaturmat ja suojella kaikkia sidosryhmi\u00e4. T\u00e4m\u00e4n saavuttamme strategisella riskienhallinnalla, j\u00e4rjestelm\u00e4llisill\u00e4 terveyden suojeluohjelmilla ja kattavalla tiimien osallistumisella.<\/p>\n<p>Safety forms the backbone of every LANDU operation, powered by forward-thinking practices including hazard assessments, protective protocols, and our unwavering \"safety-first\" 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=\"Myyntineuvottelija\">\n                        <\/div>\n<\/p><\/div>\n<div class=\"text-column\">\n<div class=\"section-tag\">Kulttuuri<\/div>\n<h3 class=\"section-title\">Inclusion &amp; Diversity<\/h3>\n<p class=\"section-lead\">Erinomaisuus k\u00e4yt\u00e4nn\u00f6ss\u00e4<\/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>Luomme ty\u00f6paikkoja, joissa jokainen tuntee olevansa arvostettu ja kannustettu tuomaan esiin innovatiivisia ideoita ja haastamaan perinteisi\u00e4 ajattelutapoja. T\u00e4m\u00e4 omistautuminen varmistaa, ett\u00e4 kaikki tiimin j\u00e4senet harjoittavat jatkuvasti vastavuoroista kunnioitusta, hyv\u00e4ksyen ik\u00e4-, etninen tausta-, sukupuoli-identiteetti- ja suuntautumiseroja.<\/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\">Yhteisty\u00f6<\/div>\n<h3 class=\"section-title\">Community Partnership<\/h3>\n<p class=\"section-lead\">Yhteyksien rakentaminen<\/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 employees' and partners' dedication to broader societal impact.<\/p>\n<p>Teemme aktiivisesti yhteisty\u00f6t\u00e4 tiimin j\u00e4senten, asiakkaiden ja toimittajien kanssa edist\u00e4\u00e4ksemme kest\u00e4v\u00e4\u00e4 kehityst\u00e4 vapaaehtoishankkeiden, aktiivisen osallistumisen ja yritysmy\u00f6nteisten panostusten kautta.<\/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=\"Ammatillinen koulutus\">\n                        <\/div>\n<\/p><\/div>\n<div class=\"text-column\">\n<div class=\"section-tag\">Vaikutus<\/div>\n<h3 class=\"section-title\">Yhteiskunnallinen vaikutus<\/h3>\n<p class=\"section-lead\">Johtajuuden huippuosaaminen<\/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>Menetelm\u00e4mme korostaa k\u00e4yt\u00e4nn\u00f6n toimintaa vapaaehtoisty\u00f6n, aktiivisen osallistumisen ja yrityslahjoitusten avulla, tukien yhteis\u00f6n osallistamisaloitteita, jotka luovat pysyv\u00e4n positiivisen vaikutuksen.<\/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\/fi\/wp-json\/wp\/v2\/pages\/5331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/comments?post=5331"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5331\/revisions"}],"predecessor-version":[{"id":5332,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5331\/revisions\/5332"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5385"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/media?parent=5331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}