{"id":5329,"date":"2025-12-08T03:56:02","date_gmt":"2025-12-08T03:56:02","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5329"},"modified":"2025-12-10T03:36:55","modified_gmt":"2025-12-10T03:36:55","slug":"integrity-in-action","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/fi\/sustainability-in-landu\/people-our-commitment-to-care\/integrity-in-action\/","title":{"rendered":"Rehellisyys toiminnassa"},"content":{"rendered":"<div class=\"lemonx-visual-block\" data-block-id=\"4\">\n<div class=\"integrity-modern-banner\">\n<div class=\"integrity-modern-container\">\n<div class=\"integrity-modern-content\">\n<div class=\"integrity-modern-visual\">\n<div class=\"integrity-image-wrapper\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Saleswomen-perfessional.jpg\" alt=\"Rehellisyys toiminnassa\" class=\"integrity-featured-image\">\n                <\/div>\n<div class=\"integrity-decorative-elements\">\n<div class=\"decorative-circle decorative-circle-1\"><\/div>\n<div class=\"decorative-circle decorative-circle-2\"><\/div>\n<div class=\"decorative-line\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"integrity-modern-text\">\n<div class=\"integrity-tag\">Johtajuuden huippuosaaminen<\/div>\n<h1 class=\"integrity-modern-title\">Rehellisyys toiminnassa<\/h1>\n<p class=\"integrity-modern-description\">\n                    Me priorisoimme tehokkaan johtajuuden ja olemme sitoutuneet toimimaan l\u00e4pin\u00e4kyv\u00e4sti ja vastuullisesti.\n                <\/p>\n<div class=\"integrity-metrics\">\n<div class=\"metric-item\">\n                        <span class=\"metric-number\">100%<\/span><br \/>\n                        <span class=\"metric-label\">L\u00e4pin\u00e4kyv\u00e4<\/span>\n                    <\/div>\n<div class=\"metric-divider\"><\/div>\n<div class=\"metric-item\">\n                        <span class=\"metric-number\">24\/7<\/span><br \/>\n                        <span class=\"metric-label\">Vastuullinen<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"integrity-modern-bg\">\n<div class=\"floating-element floating-element-1\"><\/div>\n<div class=\"floating-element floating-element-2\"><\/div>\n<div class=\"floating-element floating-element-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .integrity-modern-banner {\n        background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);\n        padding: 100px 20px;\n        position: relative;\n        overflow: hidden;\n        min-height: 500px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .integrity-modern-container {\n        max-width: 1200px;\n        width: 100%;\n        position: relative;\n        z-index: 2;\n    }<\/p>\n<p>    .integrity-modern-content {\n        display: grid;\n        grid-template-columns: 1fr 2fr;\n        gap: 80px;\n        align-items: center;\n    }<\/p>\n<p>    .integrity-modern-visual {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 300px;\n    }<\/p>\n<p>    \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\n    .integrity-image-wrapper {\n        position: relative;\n        width: auto;\n        max-width: 100%;\n        border-radius: 30px;\n        overflow: hidden;\n        box-shadow: \n            0 20px 60px rgba(0, 0, 0, 0.3),\n            0 0 0 1px rgba(255, 255, 255, 0.1);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        animation: integrity-image-float 6s ease-in-out infinite;\n    }<\/p>\n<p>    .integrity-image-wrapper:hover {\n        transform: translateY(-10px);\n        box-shadow: \n            0 30px 80px rgba(0, 0, 0, 0.4),\n            0 0 0 1px rgba(255, 255, 255, 0.2);\n    }<\/p>\n<p>    .integrity-featured-image {\n        width: auto;\n        height: auto;\n        max-width: 100%;\n        max-height: 450px;\n        display: block;\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .integrity-image-wrapper:hover .integrity-featured-image {\n        transform: scale(1.02);\n    }<\/p>\n<p>    \/* \u88c5\u9970\u5143\u7d20 *\/\n    .integrity-decorative-elements {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }<\/p>\n<p>    .decorative-circle {\n        position: absolute;\n        border-radius: 50%;\n        border: 2px solid rgba(255, 255, 255, 0.2);\n        background: rgba(255, 255, 255, 0.05);\n        backdrop-filter: blur(5px);\n    }<\/p>\n<p>    .decorative-circle-1 {\n        width: 60px;\n        height: 60px;\n        top: -20px;\n        right: -20px;\n        animation: integrity-decorative-float 8s ease-in-out infinite;\n    }<\/p>\n<p>    .decorative-circle-2 {\n        width: 40px;\n        height: 40px;\n        bottom: 30px;\n        left: -15px;\n        animation: integrity-decorative-float 8s ease-in-out infinite;\n        animation-delay: -4s;\n    }<\/p>\n<p>    .decorative-line {\n        position: absolute;\n        width: 80px;\n        height: 2px;\n        background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);\n        bottom: -30px;\n        left: 50%;\n        transform: translateX(-50%);\n        animation: integrity-line-pulse 3s ease-in-out infinite;\n    }<\/p>\n<p>    .integrity-modern-text {\n        color: white;\n    }<\/p>\n<p>    .integrity-tag {\n        display: inline-block;\n        background: rgba(255, 255, 255, 0.15);\n        backdrop-filter: blur(10px);\n        padding: 8px 20px;\n        border-radius: 20px;\n        font-size: 0.9rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }<\/p>\n<p>    .integrity-modern-title {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 4rem;\n        font-weight: 800;\n        margin: 0 0 30px 0;\n        line-height: 1.1;\n        background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 50%, #e6f3ff 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>    .integrity-modern-description {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        font-size: 1.4rem;\n        line-height: 1.6;\n        margin: 0 0 40px 0;\n        opacity: 0.9;\n        font-weight: 300;\n        max-width: 500px;\n    }<\/p>\n<p>    .integrity-metrics {\n        display: flex;\n        align-items: center;\n        gap: 30px;\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(20px);\n        padding: 24px 32px;\n        border-radius: 16px;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        width: fit-content;\n    }<\/p>\n<p>    .metric-item {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 4px;\n    }<\/p>\n<p>    .metric-number {\n        font-size: 2rem;\n        font-weight: 800;\n        line-height: 1;\n        background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    .metric-label {\n        font-size: 0.85rem;\n        font-weight: 500;\n        opacity: 0.8;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }<\/p>\n<p>    .metric-divider {\n        width: 1px;\n        height: 40px;\n        background: rgba(255, 255, 255, 0.3);\n    }<\/p>\n<p>    .integrity-modern-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n    }<\/p>\n<p>    .floating-element {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.05);\n        border-radius: 50%;\n        animation: integrity-float-element 12s ease-in-out infinite;\n    }<\/p>\n<p>    .floating-element-1 {\n        width: 100px;\n        height: 100px;\n        top: 10%;\n        left: 10%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .floating-element-2 {\n        width: 60px;\n        height: 60px;\n        top: 70%;\n        right: 15%;\n        animation-delay: -4s;\n    }<\/p>\n<p>    .floating-element-3 {\n        width: 80px;\n        height: 80px;\n        bottom: 20%;\n        left: 20%;\n        animation-delay: -8s;\n    }<\/p>\n<p>    \/* \u52a8\u753b *\/\n    @keyframes integrity-image-float {\n        0%, 100% {\n            transform: translateY(0px);\n        }\n        50% {\n            transform: translateY(-15px);\n        }\n    }<\/p>\n<p>    @keyframes integrity-decorative-float {\n        0%, 100% {\n            transform: translateY(0px) scale(1);\n            opacity: 0.5;\n        }\n        50% {\n            transform: translateY(-20px) scale(1.1);\n            opacity: 0.8;\n        }\n    }<\/p>\n<p>    @keyframes integrity-line-pulse {\n        0%, 100% {\n            opacity: 0.3;\n            transform: translateX(-50%) scaleX(1);\n        }\n        50% {\n            opacity: 0.8;\n            transform: translateX(-50%) scaleX(1.2);\n        }\n    }<\/p>\n<p>    @keyframes integrity-float-element {\n        0%, 100% {\n            transform: translateY(0px) scale(1);\n            opacity: 0.3;\n        }\n        50% {\n            transform: translateY(-30px) scale(1.2);\n            opacity: 0.6;\n        }\n    }<\/p>\n<p>    .integrity-modern-banner::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: \n            radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),\n            radial-gradient(circle at 75% 75%, rgba(240, 147, 251, 0.15) 0%, transparent 50%);\n        z-index: 1;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .integrity-modern-content {\n            grid-template-columns: 1fr;\n            gap: 60px;\n            text-align: center;\n        }<\/p>\n<p>        .integrity-modern-visual {\n            min-height: 250px;\n        }<\/p>\n<p>        .integrity-featured-image {\n            max-height: 350px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .integrity-modern-banner {\n            padding: 80px 15px;\n            min-height: 400px;\n        }<\/p>\n<p>        .integrity-modern-title {\n            font-size: 3rem;\n        }<\/p>\n<p>        .integrity-modern-description {\n            font-size: 1.2rem;\n        }<\/p>\n<p>        .integrity-modern-visual {\n            min-height: 200px;\n        }<\/p>\n<p>        .integrity-image-wrapper {\n            border-radius: 24px;\n        }<\/p>\n<p>        .integrity-featured-image {\n            max-height: 300px;\n        }<\/p>\n<p>        .integrity-metrics {\n            padding: 20px 24px;\n            gap: 20px;\n        }<\/p>\n<p>        .metric-number {\n            font-size: 1.6rem;\n        }<\/p>\n<p>        .decorative-circle-1,\n        .decorative-circle-2 {\n            display: none;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .integrity-modern-banner {\n            padding: 60px 15px;\n        }<\/p>\n<p>        .integrity-modern-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .integrity-modern-description {\n            font-size: 1.1rem;\n        }<\/p>\n<p>        .integrity-modern-visual {\n            min-height: 180px;\n        }<\/p>\n<p>        .integrity-image-wrapper {\n            border-radius: 20px;\n        }<\/p>\n<p>        .integrity-featured-image {\n            max-height: 250px;\n        }<\/p>\n<p>        .integrity-metrics {\n            flex-direction: column;\n            gap: 16px;\n            padding: 16px 20px;\n        }<\/p>\n<p>        .metric-divider {\n            width: 40px;\n            height: 1px;\n        }<\/p>\n<p>        .floating-element-1,\n        .floating-element-2,\n        .floating-element-3 {\n            display: none;\n        }<\/p>\n<p>        .decorative-line {\n            display: none;\n        }\n    }\n<\/style>\n<\/div>\n<div class=\"lemonx-visual-block\" data-block-id=\"5\">\n<div class=\"integrity-content-section\">\n<div class=\"integrity-content-container\">\n        <!-- Main Header --><\/p>\n<div class=\"integrity-header\">\n<h2 class=\"integrity-main-title\">Toimimme horjumattomalla rehellisyydell\u00e4 ja integriteetill\u00e4 kaikessa, mit\u00e4 teemme<\/h2>\n<\/p><\/div>\n<p>        <!-- Integrity Principles Grid --><\/p>\n<div class=\"integrity-principles\">\n            <!-- Placing Integrity Above All Else --><\/p>\n<div class=\"principle-card principle-featured\">\n<div class=\"principle-image\">\n                    <img height=\"1541\" width=\"2312\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/a-diverse-team-of-professionals-shares-ideas-about-2025-10-09-18-57-29-utc.jpg\" alt=\"LANDU Ammattimainen Myyj\u00e4\" loading=\"lazy\"><\/p>\n<div class=\"principle-overlay\">\n<div class=\"principle-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M12 1L3 5V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V5L12 1Z\" fill=\"white\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"principle-content\">\n<h3 class=\"principle-title\">Asettaa rehellisyyden kaiken muun edelle<\/h3>\n<p class=\"principle-description\">\n                        LANDU:ssa eettinen k\u00e4ytt\u00e4ytyminen ja l\u00e4pin\u00e4kyvyys m\u00e4\u00e4rittelev\u00e4t jokaisen liiketoimintayhteyden. Asetamme rehellisyyden henkil\u00f6kohtaisten etujen edelle, otamme t\u00e4yden vastuun teoistamme ja pid\u00e4mme lupaukset \u2014 jopa silloin, kun kukaan ei katso.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Respecting Customer Intelligence --><\/p>\n<div class=\"principle-card principle-secondary\">\n<div class=\"principle-image\">\n                    <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Professional-Sales-Discussion.jpg\" alt=\"LANDU Ammattimainen Myyntikeskustelu\" loading=\"lazy\"><\/p>\n<div class=\"principle-overlay\">\n<div class=\"principle-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"><\/circle>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"principle-content\">\n<h3 class=\"principle-title\">Kunnioittaen Asiakkaidemme \u00c4lykkyytt\u00e4<\/h3>\n<p class=\"principle-description\">\n                        Aito rehellisyys asiakkaiden kanssa ulottuu pelk\u00e4n totuuden kertomisen yli. Se vaatii avoimuutta, rehellisyytt\u00e4 ja luotettavuutta \u2014 ominaisuuksia, jotka muodostavat perustan luottamukselle ja pitk\u00e4aikaisille suhteille niiden kanssa, joita palvelemme.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Business Ethics --><\/p>\n<div class=\"principle-card principle-ethics\">\n<div class=\"ethics-icon-wrapper\">\n<div class=\"ethics-geometric-bg\">\n<div class=\"geo-shape geo-shape-1\"><\/div>\n<div class=\"geo-shape geo-shape-2\"><\/div>\n<div class=\"geo-shape geo-shape-3\"><\/div>\n<\/p><\/div>\n<div class=\"ethics-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 12L11 14L15 10\" stroke=\"white\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <path d=\"M21 12C21 16.97 16.97 21 12 21C7.03 21 3 16.97 3 12C3 7.03 7.03 3 12 3C16.97 3 21 7.03 21 12Z\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"><\/path>\n                        <\/svg>\n                    <\/div>\n<\/p><\/div>\n<div class=\"principle-content\">\n<h3 class=\"principle-title\">Sitoutuminen liiketoimintaetiikkaan ja ilmiantok\u00e4yt\u00e4nt\u00f6ihin<\/h3>\n<p class=\"principle-description\">\n                        Me noudatamme kattavia yritysvastuuohjeita, jotka kattavat alueet kuten korruption vastainen toiminta, reilu kilpailu, vastuullinen hankinta sek\u00e4 protokollat ymp\u00e4rist\u00f6vastuullisuudelle, ty\u00f6paikan terveydelle ja turvallisuudelle sek\u00e4 ihmisoikeuksien suojelemiseksi.\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Workplace Culture --><\/p>\n<div class=\"principle-card principle-culture\">\n<div class=\"culture-header\">\n<h3 class=\"principle-title\">Eettisen kulttuurin edist\u00e4minen ty\u00f6paikalla<\/h3>\n<p class=\"culture-subtitle\">Me luomme ymp\u00e4rist\u00f6n, jossa jokainen tiimin j\u00e4sen voi:<\/p>\n<\/p><\/div>\n<div class=\"culture-list\">\n<div class=\"culture-item\">\n<div class=\"culture-bullet\">\n                            <svg viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"url(#cultureGrad)\"><\/circle>\n                                <defs>\n                                    <lineargradient id=\"cultureGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                        <stop offset=\"0%\" style=\"stop-color:#4A90E2\"><\/stop>\n                                        <stop offset=\"100%\" style=\"stop-color:#2E8B57\"><\/stop>\n                                    <\/lineargradient>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>S\u00e4ilyt\u00e4 terve ty\u00f6\u2013- ja yksityisel\u00e4m\u00e4n tasapaino.<\/span>\n                    <\/div>\n<div class=\"culture-item\">\n<div class=\"culture-bullet\">\n                            <svg viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"url(#cultureGrad2)\"><\/circle>\n                                <defs>\n                                    <lineargradient id=\"cultureGrad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                        <stop offset=\"0%\" style=\"stop-color:#2E8B57\"><\/stop>\n                                        <stop offset=\"100%\" style=\"stop-color:#20B2AA\"><\/stop>\n                                    <\/lineargradient>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>Puolusta rehellisyytt\u00e4 ja saa siit\u00e4 tunnustusta.<\/span>\n                    <\/div>\n<div class=\"culture-item\">\n<div class=\"culture-bullet\">\n                            <svg viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"url(#cultureGrad3)\"><\/circle>\n                                <defs>\n                                    <lineargradient id=\"cultureGrad3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                        <stop offset=\"0%\" style=\"stop-color:#20B2AA\"><\/stop>\n                                        <stop offset=\"100%\" style=\"stop-color:#4A90E2\"><\/stop>\n                                    <\/lineargradient>\n                                <\/defs>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>K\u00e4sittele jokaista asiakasta tasapuolisesti ja kunnioittavasti.<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .integrity-content-section {\n        padding: 100px 20px;\n        background: linear-gradient(135deg, #f0f8ff 0%, #ffffff 50%, #e0f2f1 100%);\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }<\/p>\n<p>    .integrity-content-container {\n        max-width: 1400px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .integrity-header {\n        text-align: center;\n        margin-bottom: 80px;\n    }<\/p>\n<p>    .integrity-main-title {\n        font-size: 3.2rem;\n        font-weight: 800;\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: 0;\n        line-height: 1.2;\n        max-width: 900px;\n        margin: 0 auto;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .integrity-principles {\n        display: grid;\n        grid-template-columns: 1fr 1fr;  \/* \u4fee\u6539\u4e3a\u5404\u5360\u4e00\u534a *\/\n        grid-template-rows: auto auto auto;\n        gap: 30px;\n    }<\/p>\n<p>    .principle-card {\n        background: white;\n        border-radius: 24px;\n        overflow: hidden;\n        box-shadow: 0 8px 32px rgba(74, 144, 226, 0.1);\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        border: 1px solid rgba(74, 144, 226, 0.08);\n    }<\/p>\n<p>    .principle-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 60px rgba(74, 144, 226, 0.15);\n    }<\/p>\n<p>    .principle-featured {\n        grid-row: span 1;\n        grid-column: span 1;  \/* \u6dfb\u52a0\u8fd9\u884c *\/\n    }<\/p>\n<p>    .principle-secondary {\n        grid-row: span 1;\n        grid-column: span 1;  \/* \u6dfb\u52a0\u8fd9\u884c *\/\n    }<\/p>\n<p>    .principle-ethics {\n        grid-column: span 2;\n        display: flex;\n        align-items: center;\n        gap: 40px;\n        padding: 40px;\n    }<\/p>\n<p>    .principle-culture {\n        grid-column: span 2;\n        padding: 40px;\n    }<\/p>\n<p>    .principle-image {\n        position: relative;\n        height: 280px;\n        overflow: hidden;\n    }<\/p>\n<p>    .principle-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .principle-card:hover .principle-image img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    .principle-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.8) 0%, rgba(46, 139, 87, 0.8) 100%);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .principle-card:hover .principle-overlay {\n        opacity: 1;\n    }<\/p>\n<p>    .principle-icon {\n        width: 60px;\n        height: 60px;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        backdrop-filter: blur(10px);\n        border: 2px solid rgba(255, 255, 255, 0.3);\n    }<\/p>\n<p>    .principle-icon svg {\n        width: 30px;\n        height: 30px;\n    }<\/p>\n<p>    .principle-content {\n        padding: 32px;\n    }<\/p>\n<p>    .principle-title {\n        font-size: 1.6rem;\n        font-weight: 700;\n        color: #2d3748;\n        margin-bottom: 16px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .principle-description {\n        color: #4a5568;\n        font-size: 1.05rem;\n        line-height: 1.6;\n        margin: 0;\n    }<\/p>\n<p>    \/* Ethics Card Specific Styles *\/\n    .ethics-icon-wrapper {\n        flex-shrink: 0;\n        position: relative;\n        width: 200px;\n        height: 200px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .ethics-geometric-bg {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n    }<\/p>\n<p>    .geo-shape {\n        position: absolute;\n        border-radius: 20px;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.1) 0%, rgba(46, 139, 87, 0.1) 100%);\n        border: 1px solid rgba(74, 144, 226, 0.2);\n    }<\/p>\n<p>    .geo-shape-1 {\n        width: 100%;\n        height: 100%;\n        animation: ethics-rotate 20s linear infinite;\n    }<\/p>\n<p>    .geo-shape-2 {\n        width: 70%;\n        height: 70%;\n        top: 15%;\n        left: 15%;\n        transform: rotate(45deg);\n        animation: ethics-rotate 20s linear infinite reverse;\n    }<\/p>\n<p>    .geo-shape-3 {\n        width: 40%;\n        height: 40%;\n        top: 30%;\n        left: 30%;\n        transform: rotate(90deg);\n        animation: ethics-rotate 20s linear infinite;\n    }<\/p>\n<p>    .ethics-icon {\n        position: relative;\n        z-index: 2;\n        width: 80px;\n        height: 80px;\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 8px 32px rgba(74, 144, 226, 0.3);\n    }<\/p>\n<p>    .ethics-icon svg {\n        width: 40px;\n        height: 40px;\n    }<\/p>\n<p>    \/* Culture Card Specific Styles *\/\n    .culture-header {\n        margin-bottom: 32px;\n    }<\/p>\n<p>    .culture-subtitle {\n        color: #4a5568;\n        font-size: 1.1rem;\n        margin: 12px 0 0 0;\n    }<\/p>\n<p>    .culture-list {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }<\/p>\n<p>    .culture-item {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        padding: 16px 20px;\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.05) 0%, rgba(32, 178, 170, 0.05) 100%);\n        border-radius: 12px;\n        transition: all 0.3s ease;\n        border: 1px solid rgba(74, 144, 226, 0.1);\n    }<\/p>\n<p>    .culture-item:hover {\n        background: linear-gradient(135deg, rgba(74, 144, 226, 0.1) 0%, rgba(32, 178, 170, 0.1) 100%);\n        transform: translateX(8px);\n        border-color: rgba(74, 144, 226, 0.2);\n    }<\/p>\n<p>    .culture-bullet {\n        flex-shrink: 0;\n        width: 12px;\n        height: 12px;\n    }<\/p>\n<p>    .culture-item span {\n        color: #4a5568;\n        font-size: 1.05rem;\n        font-weight: 500;\n    }<\/p>\n<p>    @keyframes ethics-rotate {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .integrity-principles {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }<\/p>\n<p>        .principle-ethics,\n        .principle-culture {\n            grid-column: span 1;\n        }<\/p>\n<p>        .principle-ethics {\n            flex-direction: column;\n            text-align: center;\n            gap: 30px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .integrity-content-section {\n            padding: 80px 15px;\n        }<\/p>\n<p>        .integrity-main-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .integrity-header {\n            margin-bottom: 60px;\n        }<\/p>\n<p>        .principle-image {\n            height: 220px;\n        }<\/p>\n<p>        .principle-content {\n            padding: 24px;\n        }<\/p>\n<p>        .principle-title {\n            font-size: 1.4rem;\n        }<\/p>\n<p>        .principle-description {\n            font-size: 1rem;\n        }<\/p>\n<p>        .principle-ethics,\n        .principle-culture {\n            padding: 30px;\n        }<\/p>\n<p>        .ethics-icon-wrapper {\n            width: 150px;\n            height: 150px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .integrity-main-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .principle-content {\n            padding: 20px;\n        }<\/p>\n<p>        .principle-ethics,\n        .principle-culture {\n            padding: 24px;\n        }<\/p>\n<p>        .culture-item {\n            padding: 12px 16px;\n        }\n    }\n<\/style>\n<p><!-- Call to Action Section --><\/p>\n<div class=\"cta-section\">\n<div class=\"cta-container\">\n<div class=\"cta-content\">\n<h2 class=\"cta-title\">Ready to Experience LANDU\u2019s Commitment to Integrity?<\/h2>\n<p class=\"cta-description\">L\u00f6yd\u00e4 innovatiiviset ratkaisumme tai ota yhteytt\u00e4 omistautuneeseen tiimiimme t\u00e4n\u00e4\u00e4n.<\/p>\n<\/p><\/div>\n<div class=\"cta-buttons\">\n            <a href=\"https:\/\/hpmc.ae\/fi\/cellulose-ether-hpmc\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button cta-primary\"><br \/>\n                <span class=\"button-text\">View LANDU\u2019s Solutions<\/span><br \/>\n                <span class=\"button-icon\"><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                <\/span><br \/>\n            <\/a><br \/>\n            <a href=\"https:\/\/hpmc.ae\/fi\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-button cta-secondary\"><br \/>\n                <span class=\"button-text\">Ota yhteytt\u00e4<\/span><br \/>\n                <span class=\"button-icon\"><br \/>\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                    <\/svg><br \/>\n                <\/span><br \/>\n            <\/a>\n        <\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    \/* Call to Action Section Styles *\/\n    .cta-section {\n        padding: 100px 20px;\n        background: linear-gradient(135deg, #4A90E2 0%, #2E8B57 100%);\n    }<\/p>\n<p>    .cta-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n    }<\/p>\n<p>    .cta-content {\n        margin-bottom: 48px;\n    }<\/p>\n<p>    .cta-title {\n        font-size: 3rem;\n        font-weight: 800;\n        color: #ffffff;\n        margin: 0 0 20px 0;\n        line-height: 1.2;\n        letter-spacing: -0.02em;\n    }<\/p>\n<p>    .cta-description {\n        font-size: 1.25rem;\n        color: rgba(255, 255, 255, 0.95);\n        margin: 0;\n        line-height: 1.6;\n        max-width: 700px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .cta-buttons {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 24px;\n        flex-wrap: wrap;\n    }<\/p>\n<p>    .cta-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 18px 40px;\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(0, 0, 0, 0.15);\n    }<\/p>\n<p>    .cta-primary {\n        background: #ffffff;\n        color: #4A90E2;\n        border: 2px solid transparent;\n    }<\/p>\n<p>    .cta-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n    }<\/p>\n<p>    .cta-secondary {\n        background: transparent;\n        color: #ffffff;\n        border: 2px solid #ffffff;\n    }<\/p>\n<p>    .cta-secondary:hover {\n        background: rgba(255, 255, 255, 0.1);\n        transform: translateY(-3px);\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n    }<\/p>\n<p>    .button-text {\n        position: relative;\n    }<\/p>\n<p>    .button-icon {\n        width: 24px;\n        height: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: transform 0.3s ease;\n    }<\/p>\n<p>    .cta-button:hover .button-icon {\n        transform: translateX(4px);\n    }<\/p>\n<p>    .button-icon svg {\n        width: 100%;\n        height: 100%;\n    }<\/p>\n<p>    \/* Responsive Design for CTA Section *\/\n    @media (max-width: 768px) {\n        .cta-section {\n            padding: 80px 20px;\n        }<\/p>\n<p>        .cta-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .cta-description {\n            font-size: 1.1rem;\n        }<\/p>\n<p>        .cta-buttons {\n            flex-direction: column;\n            gap: 16px;\n        }<\/p>\n<p>        .cta-button {\n            width: 100%;\n            max-width: 320px;\n            justify-content: center;\n            padding: 16px 32px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .cta-section {\n            padding: 60px 15px;\n        }<\/p>\n<p>        .cta-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .cta-description {\n            font-size: 1rem;\n        }<\/p>\n<p>        .cta-content {\n            margin-bottom: 36px;\n        }<\/p>\n<p>        .cta-button {\n            font-size: 1rem;\n            padding: 14px 28px;\n        }\n    }\n<\/style>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Leadership Excellence Integrity in Action We prioritize effective leadership and are committed to conducting business transparently and responsibly. 100% Transparent 24\/7 Accountable We Act with Unwavering Honesty and Integrity in All We Do Placing Integrity Above All Else At LANDU, ethical conduct and transparency define every business interaction. We place integrity ahead of personal gain, [&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-5329","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5329","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=5329"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5329\/revisions"}],"predecessor-version":[{"id":5330,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5329\/revisions\/5330"}],"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=5329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}