{"id":5348,"date":"2025-12-08T06:31:44","date_gmt":"2025-12-08T06:31:44","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5348"},"modified":"2025-12-26T08:12:56","modified_gmt":"2025-12-26T08:12:56","slug":"landu-history","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/fi\/company\/landu-history\/","title":{"rendered":"LANDU Historia"},"content":{"rendered":"<p><!-- LANDU History Banner --><\/p>\n<div class=\"landu-history-banner\">\n    <!-- \u5206\u5b50\u7ed3\u6784\u52a8\u753b --><\/p>\n<div class=\"molecule molecule-1\"><\/div>\n<div class=\"molecule molecule-2\"><\/div>\n<p>    <!-- DNA\u87ba\u65cb\u7ed3\u6784 --><\/p>\n<div class=\"dna-helix\"><\/div>\n<p>    <!-- \u5316\u5b66\u5206\u5b50\u5f0f --><\/p>\n<div class=\"chemical-formula\">\n        <span>C\u2086H\u2081\u2080O\u2085<\/span>\n    <\/div>\n<div class=\"chemical-formula formula-2\">\n        <span>HPMC<\/span>\n    <\/div>\n<p>    <!-- \u7c92\u5b50\u7cfb\u7edf --><\/p>\n<div class=\"particle-system\"><\/div>\n<p>    <!-- \u5316\u5b66\u952e --><\/p>\n<p>    <!-- \u5e74\u4efd\u65f6\u95f4\u7ebf\u88c5\u9970 --><\/p>\n<div class=\"timeline-decoration\">\n<div class=\"timeline-year year-1\">2008<\/div>\n<div class=\"timeline-year year-2\">2011<\/div>\n<div class=\"timeline-year year-3\">2023<\/div>\n<\/p><\/div>\n<p>    <!-- \u4e3b\u8981\u5185\u5bb9 --><\/p>\n<div class=\"banner-content\">\n<div class=\"banner-badge\">\n            <span class=\"banner-badge-icon\"><img decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udfe2\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f3e2.svg\"><\/span><br \/>\n            <span class=\"banner-badge-text\">Tarinaamme<\/span>\n        <\/div>\n<h1>LANDU Historia<\/h1>\n<h2>Seitsem\u00e4ntoista vuotta innovaatioita, huippuosaamista ja asiakasl\u00e4ht\u00f6isyytt\u00e4<\/h2>\n<p>Yli 17 vuoden kokemuksella eri teollisuudenaloilta ja r\u00e4\u00e4t\u00e4l\u00f6idyist\u00e4 sovellustarpeista LANDU on jatkuvasti pysynyt selluloosahartsi- ja polymeeriteknologian eturintamassa.<\/p>\n<\/p><\/div>\n<\/div>\n<style>\n\/* LANDU History Banner *\/\n.landu-history-banner {\n    width: 100%;\n    height: 500px;\n    background: linear-gradient(135deg, #0f2027 0%, #203a43 25%, #2c5364 50%, #1e3c72 75%, #00b4db 100%);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    padding: 60px;\n    text-align: center;\n    font-family: 'Arial', sans-serif;\n}<\/p>\n<p>.landu-history-banner::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: \n        radial-gradient(circle at 15% 85%, rgba(0, 255, 127, 0.1) 0%, transparent 40%),\n        radial-gradient(circle at 85% 15%, rgba(0, 191, 255, 0.08) 0%, transparent 50%),\n        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 0%, transparent 70%);\n    pointer-events: none;\n}<\/p>\n<p>\/* Banner Content *\/\n.banner-content {\n    position: relative;\n    z-index: 10;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 20px;\n    max-width: 900px;\n}<\/p>\n<p>.banner-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(10px);\n    padding: 10px 24px;\n    border-radius: 50px;\n    border: 2px solid rgba(0, 255, 127, 0.3);\n    box-shadow: 0 4px 15px rgba(0, 255, 127, 0.2);\n}<\/p>\n<p>.banner-badge-icon {\n    font-size: 1.2rem;\n}<\/p>\n<p>.banner-badge-text {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: rgba(255, 255, 255, 0.95);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}<\/p>\n<p>.landu-history-banner h1 {\n    color: white;\n    font-size: 4.5rem;\n    font-weight: 800;\n    margin: 0;\n    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 180, 219, 0.4);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n}<\/p>\n<p>.landu-history-banner h2 {\n    color: rgba(0, 255, 127, 0.95);\n    font-size: 1.6rem;\n    font-weight: 600;\n    margin: 0;\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-history-banner p {\n    color: rgba(255, 255, 255, 0.9);\n    font-size: 1.15rem;\n    line-height: 1.8;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n    font-weight: 300;\n    margin: 0;\n}<\/p>\n<p>\/* \u5206\u5b50\u7ed3\u6784 *\/\n.molecule {\n    position: absolute;\n    z-index: 2;\n}<\/p>\n<p>.molecule-1 {\n    top: 8%;\n    right: 10%;\n    animation: float-molecule 12s ease-in-out infinite;\n}<\/p>\n<p>.molecule-2 {\n    bottom: 12%;\n    left: 8%;\n    animation: float-molecule 15s ease-in-out infinite reverse;\n}<\/p>\n<p>.atom {\n    position: absolute;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(0, 255, 127, 0.8) 0%, rgba(0, 180, 219, 0.4) 100%);\n    box-shadow: 0 0 20px rgba(0, 255, 127, 0.7);\n}<\/p>\n<p>.atom-center {\n    width: 14px;\n    height: 14px;\n    top: 0;\n    left: 0;\n}<\/p>\n<p>.atom-orbit-1 {\n    width: 9px;\n    height: 9px;\n    top: -28px;\n    left: 18px;\n    animation: orbit-1 8s linear infinite;\n}<\/p>\n<p>.atom-orbit-2 {\n    width: 7px;\n    height: 7px;\n    top: 22px;\n    left: -22px;\n    animation: orbit-2 10s linear infinite;\n}<\/p>\n<p>.atom-orbit-3 {\n    width: 8px;\n    height: 8px;\n    top: 28px;\n    left: 28px;\n    animation: orbit-3 6s linear infinite;\n}<\/p>\n<p>.electron-path {\n    position: absolute;\n    border: 1px solid rgba(0, 255, 127, 0.35);\n    border-radius: 50%;\n    top: 50%;\n    left: 50%;\n}<\/p>\n<p>.path-1 {\n    width: 70px;\n    height: 70px;\n    margin: -35px 0 0 -35px;\n    animation: pulse-path 4s ease-in-out infinite;\n}<\/p>\n<p>.path-2 {\n    width: 90px;\n    height: 45px;\n    margin: -22.5px 0 0 -45px;\n    animation: pulse-path 6s ease-in-out infinite reverse;\n}<\/p>\n<p>.electron {\n    position: absolute;\n    width: 5px;\n    height: 5px;\n    background: #00ff7f;\n    border-radius: 50%;\n    box-shadow: 0 0 10px #00ff7f;\n}<\/p>\n<p>.electron-1 {\n    animation: electron-orbit-1 3s linear infinite;\n}<\/p>\n<p>.electron-2 {\n    animation: electron-orbit-2 4s linear infinite reverse;\n}<\/p>\n<p>.electron-3 {\n    animation: electron-orbit-3 5s linear infinite;\n}<\/p>\n<p>\/* DNA\u87ba\u65cb\u7ed3\u6784 *\/\n.dna-helix {\n    position: absolute;\n    top: 18%;\n    left: 18%;\n    width: 90px;\n    height: 140px;\n    z-index: 1;\n    animation: rotate-dna 20s linear infinite;\n}<\/p>\n<p>.helix-strand {\n    position: absolute;\n    width: 2px;\n    height: 100%;\n    background: linear-gradient(to bottom, \n        rgba(0, 255, 127, 0.8) 0%, \n        transparent 25%, \n        rgba(0, 180, 219, 0.8) 50%, \n        transparent 75%, \n        rgba(0, 255, 127, 0.8) 100%);\n    border-radius: 1px;\n}<\/p>\n<p>.strand-1 {\n    left: 25px;\n    animation: helix-wave-1 4s ease-in-out infinite;\n}<\/p>\n<p>.strand-2 {\n    right: 25px;\n    animation: helix-wave-2 4s ease-in-out infinite reverse;\n}<\/p>\n<p>.base-pair {\n    position: absolute;\n    width: 45px;\n    height: 2px;\n    background: rgba(0, 255, 127, 0.7);\n    left: 22px;\n    border-radius: 1px;\n}<\/p>\n<p>.bp-1 { top: 20%; animation: base-glow 3s ease-in-out infinite; }\n.bp-2 { top: 40%; animation: base-glow 3s ease-in-out infinite 0.5s; }\n.bp-3 { top: 60%; animation: base-glow 3s ease-in-out infinite 1s; }\n.bp-4 { top: 80%; animation: base-glow 3s ease-in-out infinite 1.5s; }<\/p>\n<p>\/* \u5316\u5b66\u5206\u5b50\u5f0f *\/\n.chemical-formula {\n    position: absolute;\n    color: rgba(0, 255, 127, 0.85);\n    font-size: 1.3rem;\n    font-weight: 700;\n    text-shadow: 0 0 12px rgba(0, 255, 127, 0.6);\n    z-index: 3;\n    background: rgba(255, 255, 255, 0.05);\n    padding: 8px 16px;\n    border-radius: 8px;\n    border: 1px solid rgba(0, 255, 127, 0.3);\n    backdrop-filter: blur(5px);\n}<\/p>\n<p>.chemical-formula {\n    top: 22%;\n    right: 28%;\n    animation: formula-float 8s ease-in-out infinite;\n}<\/p>\n<p>.formula-2 {\n    bottom: 28%;\n    right: 18%;\n    animation: formula-float 10s ease-in-out infinite reverse;\n}<\/p>\n<p>\/* \u7c92\u5b50\u7cfb\u7edf *\/\n.particle-system {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: 1;\n}<\/p>\n<p>.particle {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background: rgba(0, 255, 127, 0.7);\n    border-radius: 50%;\n    box-shadow: 0 0 8px rgba(0, 255, 127, 0.9);\n}<\/p>\n<p>.p-1 { top: 15%; left: 12%; animation: particle-drift-1 15s linear infinite; }\n.p-2 { top: 65%; left: 88%; animation: particle-drift-2 18s linear infinite; }\n.p-3 { top: 85%; left: 25%; animation: particle-drift-3 12s linear infinite; }\n.p-4 { top: 35%; left: 78%; animation: particle-drift-4 20s linear infinite; }\n.p-5 { top: 8%; left: 65%; animation: particle-drift-5 16s linear infinite; }\n.p-6 { top: 75%; left: 45%; animation: particle-drift-6 14s linear infinite; }\n.p-7 { top: 45%; left: 8%; animation: particle-drift-1 17s linear infinite 3s; }\n.p-8 { top: 55%; left: 92%; animation: particle-drift-2 19s linear infinite 5s; }<\/p>\n<p>\/* \u5316\u5b66\u952e *\/\n.chemical-bond {\n    position: absolute;\n    height: 2px;\n    background: linear-gradient(90deg, \n        transparent 0%, \n        rgba(0, 180, 219, 0.7) 50%, \n        transparent 100%);\n    z-index: 1;\n}<\/p>\n<p>.bond-1 {\n    width: 70px;\n    top: 28%;\n    left: 72%;\n    transform: rotate(45deg);\n    animation: bond-pulse 6s ease-in-out infinite;\n}<\/p>\n<p>.bond-2 {\n    width: 90px;\n    bottom: 32%;\n    left: 8%;\n    transform: rotate(-30deg);\n    animation: bond-pulse 8s ease-in-out infinite 2s;\n}<\/p>\n<p>.bond-3 {\n    width: 60px;\n    top: 65%;\n    right: 22%;\n    transform: rotate(120deg);\n    animation: bond-pulse 7s ease-in-out infinite 4s;\n}<\/p>\n<p>\/* \u65f6\u95f4\u7ebf\u88c5\u9970 *\/\n.timeline-decoration {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: 1;\n}<\/p>\n<p>.timeline-year {\n    position: absolute;\n    color: rgba(0, 255, 127, 0.4);\n    font-size: 3rem;\n    font-weight: 900;\n    text-shadow: 0 0 20px rgba(0, 255, 127, 0.3);\n    opacity: 0.3;\n}<\/p>\n<p>.year-1 {\n    top: 10%;\n    left: 5%;\n    animation: year-fade 8s ease-in-out infinite;\n}<\/p>\n<p>.year-2 {\n    bottom: 15%;\n    right: 8%;\n    animation: year-fade 8s ease-in-out infinite 2s;\n}<\/p>\n<p>.year-3 {\n    top: 50%;\n    right: 5%;\n    animation: year-fade 8s ease-in-out infinite 4s;\n}<\/p>\n<p>\/* \u52a8\u753b\u5b9a\u4e49 *\/\n@keyframes float-molecule {\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\n    25% { transform: translateY(-18px) rotate(5deg); }\n    50% { transform: translateY(-12px) rotate(0deg); }\n    75% { transform: translateY(-22px) rotate(-5deg); }\n}<\/p>\n<p>@keyframes orbit-1 {\n    from { transform: rotate(0deg) translateX(35px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes orbit-2 {\n    from { transform: rotate(0deg) translateX(30px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes orbit-3 {\n    from { transform: rotate(0deg) translateX(40px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(40px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes pulse-path {\n    0%, 100% { opacity: 0.35; transform: scale(1); }\n    50% { opacity: 0.85; transform: scale(1.15); }\n}<\/p>\n<p>@keyframes electron-orbit-1 {\n    from { transform: rotate(0deg) translateX(35px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes electron-orbit-2 {\n    from { transform: rotate(0deg) translateX(45px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(45px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes electron-orbit-3 {\n    from { transform: rotate(0deg) translateX(30px) rotate(0deg); }\n    to { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n}<\/p>\n<p>@keyframes rotate-dna {\n    from { transform: rotateY(0deg); }\n    to { transform: rotateY(360deg); }\n}<\/p>\n<p>@keyframes helix-wave-1 {\n    0%, 100% { transform: translateX(0px) scaleY(1); }\n    50% { transform: translateX(12px) scaleY(1.15); }\n}<\/p>\n<p>@keyframes helix-wave-2 {\n    0%, 100% { transform: translateX(0px) scaleY(1); }\n    50% { transform: translateX(-12px) scaleY(1.15); }\n}<\/p>\n<p>@keyframes base-glow {\n    0%, 100% { opacity: 0.7; box-shadow: 0 0 8px rgba(0, 255, 127, 0.4); }\n    50% { opacity: 1; box-shadow: 0 0 18px rgba(0, 255, 127, 0.9); }\n}<\/p>\n<p>@keyframes formula-float {\n    0%, 100% { transform: translateY(0px) rotate(0deg); opacity: 0.85; }\n    50% { transform: translateY(-25px) rotate(3deg); opacity: 1; }\n}<\/p>\n<p>@keyframes particle-drift-1 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(220px, -120px); opacity: 0; }\n}<\/p>\n<p>@keyframes particle-drift-2 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(-200px, 160px); opacity: 0; }\n}<\/p>\n<p>@keyframes particle-drift-3 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(320px, -220px); opacity: 0; }\n}<\/p>\n<p>@keyframes particle-drift-4 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(-270px, 120px); opacity: 0; }\n}<\/p>\n<p>@keyframes particle-drift-5 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(-170px, 220px); opacity: 0; }\n}<\/p>\n<p>@keyframes particle-drift-6 {\n    0% { transform: translate(0px, 0px); opacity: 0; }\n    10% { opacity: 1; }\n    90% { opacity: 1; }\n    100% { transform: translate(200px, -170px); opacity: 0; }\n}<\/p>\n<p>@keyframes bond-pulse {\n    0%, 100% { opacity: 0.5; transform: scaleX(1); }\n    50% { opacity: 1; transform: scaleX(1.3); }\n}<\/p>\n<p>@keyframes year-fade {\n    0%, 100% { opacity: 0.2; transform: scale(1); }\n    50% { opacity: 0.5; transform: scale(1.1); }\n}<\/p>\n<p>\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1024px) {\n    .landu-history-banner {\n        height: 450px;\n        padding: 50px 40px;\n    }<\/p>\n<p>    .landu-history-banner h1 {\n        font-size: 3.5rem;\n    }<\/p>\n<p>    .landu-history-banner h2 {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .landu-history-banner p {\n        font-size: 1.05rem;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .landu-history-banner {\n        height: 400px;\n        padding: 40px 30px;\n    }<\/p>\n<p>    .landu-history-banner h1 {\n        font-size: 2.8rem;\n        letter-spacing: 2px;\n    }<\/p>\n<p>    .landu-history-banner h2 {\n        font-size: 1.2rem;\n    }<\/p>\n<p>    .landu-history-banner p {\n        font-size: 1rem;\n        line-height: 1.6;\n    }<\/p>\n<p>    .molecule, .dna-helix, .chemical-formula, .timeline-decoration {\n        display: none;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .landu-history-banner {\n        height: 380px;\n        padding: 30px 20px;\n    }<\/p>\n<p>    .banner-badge {\n        padding: 8px 20px;\n    }<\/p>\n<p>    .banner-badge-icon {\n        font-size: 1.1rem;\n    }<\/p>\n<p>    .banner-badge-text {\n        font-size: 0.85rem;\n    }<\/p>\n<p>    .landu-history-banner h1 {\n        font-size: 2.2rem;\n        letter-spacing: 1px;\n    }<\/p>\n<p>    .landu-history-banner h2 {\n        font-size: 1.05rem;\n    }<\/p>\n<p>    .landu-history-banner p {\n        font-size: 0.9rem;\n    }\n}\n<\/style>\n<p><!-- Timeline Section --><\/p>\n<div class=\"landu-timeline-section\">\n<div class=\"content-container\">\n        <!-- Section Header --><\/p>\n<div class=\"landu-timeline-header\">\n<div class=\"landu-timeline-badge\">\n                <span class=\"landu-timeline-badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4c5.svg\"><\/span><br \/>\n                <span class=\"landu-timeline-badge-text\">Matkamme<\/span>\n            <\/div>\n<h2 class=\"landu-timeline-title\">LANDU:n kasvun ja kehityksen aikajana<\/h2>\n<\/p><\/div>\n<p>        <!-- Timeline Wrapper --><\/p>\n<div class=\"landu-timeline-wrapper\">\n            <!-- 2008 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2008<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Perusta<\/h3>\n<p class=\"landu-milestone-desc\">LANDU perustettiin herra Cui:n toimesta Jinanissa, Shandongin maakunnassa, Kiinassa, mik\u00e4 merkitsi matkan alkua edistyneess\u00e4 kemianteollisuudessa.<\/p>\n<p class=\"landu-milestone-desc\">Yritys aloitti globaalit myynnit selluloosahartseista ja uudelleen dispersoitavista polymeerip\u00f6lyist\u00e4 (RDP), luoden perustan tuleville kansainv\u00e4lisille toiminnoilleen.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"432\" width=\"768\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/12\/landu-logo.webp\" alt=\"Landu Logo\" class=\"editing\" style=\"box-shadow: rgba(33, 150, 243, 0.3) 0px 0px 10px; transition: 0.2s;\"><\/p>\n<div class=\"landu-image-caption\">Alkuper\u00e4inen br\u00e4ndi-symboli esiteltiin<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2011 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2011<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Ensimm\u00e4inen selluloosaheterin tehdas otettu k\u00e4ytt\u00f6\u00f6n<\/h3>\n<p class=\"landu-milestone-desc\">LANDU:n ensimm\u00e4isen selluloosahartsi-tuotantolaitoksen valmistuminen oli suuri virstanpylv\u00e4s.<\/p>\n<p class=\"landu-milestone-desc\">Vuotuinen kapasiteetti on <strong>15 000 tonnia<\/strong>, mik\u00e4 mahdollisti t\u00e4ysin integroidun laitoksen hallinnan tuotantoparametreista lopputuotteen laatuun.<\/p>\n<p class=\"landu-milestone-desc\">Sijoitus loi vahvan selk\u00e4rangan johdonmukaiselle laadunvarmistukselle ja toimitusketjun itsen\u00e4isyydelle, asettaen LANDUn luotettavaksi ja omavaraiseksi valmistajaksi.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/HPMC-Hydroxypropyl-Methyl-Cellulose-Laboratories.jpg\" alt=\"Landu Selluloosahartsi-tehdas\" class=\"editing\" style=\"box-shadow: rgba(33, 150, 243, 0.3) 0px 0px 10px; transition: 0.2s;\"><\/p>\n<div class=\"landu-image-caption\">Landu Selluloosahartsi-tehdas<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2015 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2015<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Laajentuminen RDP-valmistukseen<\/h3>\n<p class=\"landu-milestone-desc\">Vastaamaan nopeasti kasvavaan maailmanlaajuiseen kysynt\u00e4\u00e4n LANDU avasi uudelleen dispersoituvan polymeerip\u00f6lytehtaan (RDP) vuonna 2015.<\/p>\n<p class=\"landu-milestone-desc\">Uusi tehdas vahvisti operatiivista joustavuutta ja laajensi toimituskapasiteettia, vahvistaen yrityksen johtajuutta korkeasuorituskykyisiss\u00e4 rakennustarvikeaineissa.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-factory-production.jpg\" alt=\"Landu RDP-tehdas\"><\/p>\n<div class=\"landu-image-caption\">Landu RDP-tehdas<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2017 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2017<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Tutkimuskeskus ja globalisaatio<\/h3>\n<p class=\"landu-milestone-desc\">Merkitt\u00e4v\u00e4 vuosi innovaatiolle, 2017, n\u00e4htiin perustettavan <strong>Jinan Teknisen Tutkimuskeskuksen<\/strong>, mik\u00e4 antoi LANDU:lle kehittyneen analytiikkalaitteiston ja kokeneen tutkimus- ja kehitystiimin.<\/p>\n<p class=\"landu-milestone-desc\">T\u00e4m\u00e4 strateginen askel paransi yrityksen kyky\u00e4 toimittaa r\u00e4\u00e4t\u00e4l\u00f6ityj\u00e4 selluloosahartsi- ja RDP-ratkaisuja erilaisiin teollisiin sovelluksiin.<\/p>\n<p class=\"landu-milestone-desc\">Sama vuosi merkitsi LANDU:n virallista siirtymist\u00e4 kansainv\u00e4lisille markkinoille, rakentaen globaalin kumppani- ja asiakasverkoston ja edist\u00e4en visiota <em>\u201cInnovatiivinen kemia paremman maailman puolesta.\u201d<\/em><\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-application-innovative-laboratories.jpg\" alt=\"Innovaatio Lab\"><\/p>\n<div class=\"landu-image-caption\">Innovation Lab \u2013 Ei\u2011pintak\u00e4sitellyt ratkaisut<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2020 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2020<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Kapasiteetin laajennus: Wuqiao-tehdas vaihe II<\/h3>\n<p class=\"landu-milestone-desc\">LANDU aloitti pilottituotannon Wuqiao-vaihe II -tehtaalla, mik\u00e4 lis\u00e4si sen vuosittaisen selluloosaherteen kapasiteetin 40 000 tonniin. <strong>40 000 tonnia<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Laajennus vahvisti kansainv\u00e4list\u00e4 toimitusvarmuutta ja paransi valmistusresilienssi\u00e4, varmistaen katkeamattoman toimituksen asiakkaille ymp\u00e4ri maailmaa nopeasti muuttuvissa markkinaymp\u00e4rist\u00f6iss\u00e4.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Hydroxypropyl-Methyl-Cellulose-hpmc-Manufacturer.jpg\" alt=\"Wuqiao-tuotantolaitos\"><\/p>\n<div class=\"landu-image-caption\">Wuqiao-tuotantolaitos \u2013 NOVASTAR Instruments<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2022 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2022<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Skaalaaminen ja kest\u00e4v\u00e4n kehityksen sitoumus<\/h3>\n<p class=\"landu-milestone-desc\">Onnistuneen selluloosahartsi-kapasiteetin kasvun my\u00f6t\u00e4 LANDU laajensi RDP-tuotantoaan edelleen <strong>20 000 tonnia vuodessa<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Samana vuonna yritys saavutti suuren virstanpylv\u00e4\u00e4n \u2013 t\u00e4ydellisen <strong>REACH-sertifioinnin<\/strong> koko tuotevalikoimalleen \u2013 osoittaen noudattavansa globaaleja turvallisuus- ja ymp\u00e4rist\u00f6standardeja.<\/p>\n<p class=\"landu-milestone-desc\">T\u00e4m\u00e4 vuosi my\u00f6s merkitsi LANDU:n <strong>Kest\u00e4vyysaloitteen<\/strong>k\u00e4ynnist\u00e4mist\u00e4, korostaen ymp\u00e4rist\u00f6yst\u00e4v\u00e4llist\u00e4 tuotantoa, resurssitehokkuutta ja kiertotalouden k\u00e4yt\u00e4nt\u00f6j\u00e4.<\/p>\n<div class=\"landu-milestone-highlights\">\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\">\u2713<\/span><br \/>\n                            <span class=\"landu-highlight-text\">REACH-sertifioitu<\/span>\n                        <\/div>\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/span><br \/>\n                            <span class=\"landu-highlight-text\">Kest\u00e4vyysaloitteen<\/span>\n                        <\/div>\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4c8.svg\"><\/span><br \/>\n                            <span class=\"landu-highlight-text\">20 000 tonnin RDP-kapasiteetti<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"Kest\u00e4v\u00e4n kehityksen tavoitteet\"><\/p>\n<div class=\"landu-image-caption\">Kest\u00e4vyystavoitteet ja sertifikaatit<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2023 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2023<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Uusi p\u00e4\u00e4konttori ja moderni ty\u00f6paikka<\/h3>\n<p class=\"landu-milestone-desc\">Tarjotakseen ty\u00f6ntekij\u00f6illeen modernin, tehokkaan ja inspiroivan ymp\u00e4rist\u00f6n, LANDU valmistui uuden yritystaloaan vuonna 2023.<\/p>\n<p class=\"landu-milestone-desc\">T\u00e4m\u00e4 virstanpylv\u00e4s tarkoitti yrityksen muutosta startup-myynnist\u00e4 kattavaksi organisaatioksi, joka yhdist\u00e4\u00e4 tuotannon, tutkimuksen ja globaalin palvelun.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"720\" width=\"1280\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/12\/landu-new-office.webp\" alt=\"Landu-toimisto-ymp\u00e4rist\u00f6\"><\/p>\n<div class=\"landu-image-caption\">Landu-toimisto-ymp\u00e4rist\u00f6 \u2013 NOVASTAR HQ<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- Future Vision Section --><\/p>\n<div class=\"landu-future-section\">\n<div class=\"content-container\">\n        <!-- Main Grid --><\/p>\n<div class=\"landu-future-grid\">\n            <!-- Left: Image --><\/p>\n<div class=\"landu-future-images\">\n<div class=\"landu-future-image-main\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Sales-Business-Meeting-in-the-Office.jpg\" alt=\"Landu-liiketoimintakokous\"><\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right: Content --><\/p>\n<div class=\"landu-future-content\">\n<div class=\"landu-future-badge\">\n                    <span class=\"landu-future-badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\ude80\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f680.svg\"><\/span><br \/>\n                    <span class=\"landu-future-badge-text\">Tulevaisuuteen katsova<\/span>\n                <\/div>\n<h2 class=\"landu-future-title\">Lupauksikas tulevaisuus: Edist\u00e4mme yhdess\u00e4<\/h2>\n<div class=\"landu-future-description\">\n<p class=\"landu-future-desc\">LANDU:n tarina jatkuu\u2014tuotanto-osaamisen, syv\u00e4llisen teknisen tiet\u00e4myksen ja horjumattoman sitoutumisen innovaatioihin johdosta.<\/p>\n<p class=\"landu-future-desc\">Tulevaisuutta silm\u00e4ll\u00e4 pit\u00e4en pysymme omistautuneina korkealaatuisten, kest\u00e4vien kemiallisten ratkaisujen kehitt\u00e4miseen, jotka antavat voimaa rakennus-, p\u00e4ivitt\u00e4iskemikaali-, maalaus- ja teollisuussovelluskumppaneillemme.<\/p>\n<p class=\"landu-future-desc\">Arvojen ohjaamina <strong>integriteetti<\/strong>, <strong>yhteisty\u00f6<\/strong>, ja <strong>jatkuva parantaminen<\/strong>, LANDU etenee k\u00e4si k\u00e4dess\u00e4 ty\u00f6ntekij\u00f6iden, asiakkaiden ja yhteisty\u00f6kumppaneiden kanssa maailmanlaajuisesti, edist\u00e4en kest\u00e4v\u00e4\u00e4 kehityst\u00e4 ja yhteiskunnallista edistyst\u00e4.<\/p>\n<\/p><\/div>\n<div class=\"landu-future-cta\">\n<div class=\"landu-future-cta-button\">\n                        <span class=\"landu-future-cta-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce9\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e9.svg\"><\/span><br \/>\n                        <span class=\"landu-future-cta-text\"><a href=\"https:\/\/hpmc.ae\/fi\/contact\/\" target=\"_blank\">Ota yhteytt\u00e4 \u2014 Yhteisty\u00f6ss\u00e4 LANDUn kanssa muokataksesi innovatiivisempaa ja kest\u00e4v\u00e4mp\u00e4\u00e4 tulevaisuutta.<\/a><\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Timeline Section *\/\n.landu-timeline-section {\n    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landu-timeline-section::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 15% 20%, rgba(6, 182, 212, 0.02) 0%, transparent 50%),\n        radial-gradient(circle at 85% 80%, rgba(14, 165, 233, 0.02) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.landu-timeline-section .content-container {\n    max-width: 1600px;\n    margin: 0 auto;\n    padding: 0 80px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.landu-timeline-header {\n    text-align: center;\n    margin-bottom: 100px;\n}<\/p>\n<p>.landu-timeline-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: white;\n    padding: 12px 28px;\n    border-radius: 50px;\n    margin-bottom: 28px;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.08);\n}<\/p>\n<p>.landu-timeline-badge-icon {\n    font-size: 1.3rem;\n}<\/p>\n<p>.landu-timeline-badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #0891b2;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-timeline-title {\n    font-size: 3.2rem;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n}<\/p>\n<p>\/* Timeline Wrapper *\/\n.landu-timeline-wrapper {\n    position: relative;\n    padding: 50px 0;\n}<\/p>\n<p>.landu-timeline-wrapper::before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 0;\n    bottom: 0;\n    width: 4px;\n    background: linear-gradient(to bottom, rgba(6, 182, 212, 0.2), rgba(6, 182, 212, 0.5), rgba(6, 182, 212, 0.2));\n    transform: translateX(-50%);\n}<\/p>\n<p>\/* Timeline Item *\/\n.landu-timeline-item {\n    display: flex;\n    margin-bottom: 80px;\n    position: relative;\n}<\/p>\n<p>.landu-timeline-item:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>.landu-timeline-left {\n    justify-content: flex-end;\n    padding-right: calc(50% + 50px);\n}<\/p>\n<p>.landu-timeline-right {\n    justify-content: flex-start;\n    padding-left: calc(50% + 50px);\n}<\/p>\n<p>\/* Timeline Dot *\/\n.landu-timeline-dot {\n    position: absolute;\n    left: 50%;\n    top: 35px;\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #0891b2, #06b6d4);\n    border: 5px solid white;\n    border-radius: 50%;\n    transform: translateX(-50%);\n    box-shadow: 0 0 0 5px rgba(6, 182, 212, 0.2);\n    z-index: 2;\n    animation: pulse-dot 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes pulse-dot {\n    0%, 100% {\n        box-shadow: 0 0 0 5px rgba(6, 182, 212, 0.2);\n    }\n    50% {\n        box-shadow: 0 0 0 10px rgba(6, 182, 212, 0.1);\n    }\n}<\/p>\n<p>\/* Timeline Content *\/\n.landu-timeline-content {\n    background: white;\n    border: 2px solid rgba(6, 182, 212, 0.12);\n    border-radius: 24px;\n    padding: 40px;\n    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);\n    max-width: 700px;\n    width: 100%;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landu-timeline-content:hover {\n    border-color: rgba(6, 182, 212, 0.25);\n    box-shadow: 0 8px 30px rgba(6, 182, 212, 0.12);\n    transform: translateY(-6px);\n}<\/p>\n<p>.landu-year-badge {\n    display: inline-block;\n    background: linear-gradient(135deg, #0891b2, #06b6d4);\n    padding: 10px 24px;\n    border-radius: 50px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landu-year {\n    font-size: 1.2rem;\n    font-weight: 800;\n    color: white;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-milestone-title {\n    font-size: 1.6rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin: 0 0 20px 0;\n    line-height: 1.3;\n}<\/p>\n<p>.landu-milestone-desc {\n    font-size: 1.05rem;\n    color: #475569;\n    line-height: 1.9;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.landu-milestone-desc:last-of-type {\n    margin-bottom: 0;\n}<\/p>\n<p>.landu-milestone-desc strong {\n    color: #0891b2;\n    font-weight: 800;\n}<\/p>\n<p>.landu-milestone-desc em {\n    color: #0891b2;\n    font-style: italic;\n}<\/p>\n<p>.landu-milestone-image {\n    margin-top: 24px;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.1);\n}<\/p>\n<p>.landu-milestone-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.landu-timeline-content:hover .landu-milestone-image img {\n    transform: scale(1.05);\n}<\/p>\n<p>.landu-image-caption {\n    padding: 14px 18px;\n    background: rgba(240, 249, 255, 0.8);\n    font-size: 0.9rem;\n    color: #0c4a6e;\n    font-weight: 600;\n    text-align: center;\n}<\/p>\n<p>.landu-milestone-highlights {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 20px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landu-highlight-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(240, 249, 255, 0.6);\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    padding: 10px 18px;\n    border-radius: 10px;\n}<\/p>\n<p>.landu-highlight-icon {\n    font-size: 1.1rem;\n}<\/p>\n<p>.landu-highlight-text {\n    font-size: 0.9rem;\n    color: #0c4a6e;\n    font-weight: 600;\n}<\/p>\n<p>\/* Future Vision Section *\/\n.landu-future-section {\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landu-future-section::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 15% 20%, rgba(6, 182, 212, 0.05) 0%, transparent 50%),\n        radial-gradient(circle at 85% 80%, rgba(14, 165, 233, 0.05) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.landu-future-section .content-container {\n    max-width: 1600px;\n    margin: 0 auto;\n    padding: 0 80px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Main Grid *\/\n.landu-future-grid {\n    display: grid;\n    grid-template-columns: 48% 52%;\n    gap: 80px;\n    align-items: center;\n}<\/p>\n<p>\/* Left: Image *\/\n.landu-future-images {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.landu-future-image-main {\n    position: relative;\n    border-radius: 28px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);\n    width: 100%;\n    height: auto;\n    border: 5px solid white;\n    transition: all 0.4s ease;\n}<\/p>\n<p>.landu-future-image-main:hover {\n    transform: scale(1.02);\n    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.2);\n}<\/p>\n<p>.landu-future-image-main img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.landu-future-image-main:hover img {\n    transform: scale(1.05);\n}<\/p>\n<p>.landu-future-image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(14, 165, 233, 0.08));\n}<\/p>\n<p>\/* Right: Content *\/\n.landu-future-content {\n    display: flex;\n    flex-direction: column;\n    gap: 28px;\n}<\/p>\n<p>.landu-future-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: white;\n    padding: 12px 28px;\n    border-radius: 50px;\n    width: fit-content;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.08);\n}<\/p>\n<p>.landu-future-badge-icon {\n    font-size: 1.3rem;\n}<\/p>\n<p>.landu-future-badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #0891b2;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-future-title {\n    font-size: 3.2rem;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n}<\/p>\n<p>.landu-future-description {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.landu-future-desc {\n    font-size: 1.1rem;\n    color: #475569;\n    line-height: 1.9;\n    margin: 0;\n}<\/p>\n<p>.landu-future-desc strong {\n    color: #0891b2;\n    font-weight: 800;\n}<\/p>\n<p>.landu-future-cta {\n    margin-top: 12px;\n}<\/p>\n<p>.landu-future-cta-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    background: white;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    border-left: 6px solid #0891b2;\n    padding: 24px 32px;\n    border-radius: 18px;\n    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);\n    transition: all 0.3s ease;\n    cursor: pointer;\n}<\/p>\n<p>.landu-future-cta-button:hover {\n    border-color: rgba(6, 182, 212, 0.35);\n    box-shadow: 0 8px 30px rgba(6, 182, 212, 0.15);\n    transform: translateX(6px);\n}<\/p>\n<p>.landu-future-cta-icon {\n    font-size: 1.6rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.landu-future-cta-text {\n    font-size: 1.05rem;\n    color: #1e293b;\n    line-height: 1.7;\n    font-weight: 600;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1400px) {\n    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        max-width: 1400px;\n        padding: 0 60px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        max-width: 650px;\n    }<\/p>\n<p>    .landu-future-grid {\n        gap: 60px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 100px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        max-width: 100%;\n        padding: 0 40px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 2.6rem;\n    }<\/p>\n<p>    .landu-timeline-wrapper::before {\n        left: 30px;\n    }<\/p>\n<p>    .landu-timeline-left,\n    .landu-timeline-right {\n        justify-content: flex-start;\n        padding-left: 80px;\n        padding-right: 0;\n    }<\/p>\n<p>    .landu-timeline-dot {\n        left: 30px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        max-width: 100%;\n    }<\/p>\n<p>    .landu-future-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 80px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .landu-timeline-header {\n        margin-bottom: 70px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .landu-timeline-content {\n        padding: 32px;\n    }<\/p>\n<p>    .landu-milestone-title {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .landu-milestone-desc {\n        font-size: 1rem;\n    }<\/p>\n<p>    .landu-future-desc {\n        font-size: 1.05rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .landu-timeline-header {\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .landu-timeline-badge,\n    .landu-future-badge {\n        padding: 10px 20px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .landu-timeline-wrapper::before {\n        left: 20px;\n    }<\/p>\n<p>    .landu-timeline-left,\n    .landu-timeline-right {\n        padding-left: 60px;\n    }<\/p>\n<p>    .landu-timeline-dot {\n        left: 20px;\n        width: 24px;\n        height: 24px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        padding: 28px;\n    }<\/p>\n<p>    .landu-milestone-title {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .landu-milestone-desc {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .landu-future-desc {\n        font-size: 1rem;\n    }<\/p>\n<p>    .landu-future-cta-button {\n        flex-direction: column;\n        text-align: center;\n        padding: 22px 26px;\n    }\n}\n<\/style>\n<p><!-- Timeline Section --><\/p>\n<div class=\"landu-timeline-section\">\n<div class=\"content-container\">\n        <!-- Section Header --><\/p>\n<div class=\"landu-timeline-header\">\n<div class=\"landu-timeline-badge\">\n                <span class=\"landu-timeline-badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc5\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4c5.svg\"><\/span><br \/>\n                <span class=\"landu-timeline-badge-text\">Matkamme<\/span>\n            <\/div>\n<h2 class=\"landu-timeline-title\">LANDU:n kasvun ja kehityksen aikajana<\/h2>\n<\/p><\/div>\n<p>        <!-- Timeline Wrapper --><\/p>\n<div class=\"landu-timeline-wrapper\">\n            <!-- 2008 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2008<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Perusta<\/h3>\n<p class=\"landu-milestone-desc\">LANDU perustettiin herra Cui:n toimesta Jinanissa, Shandongin maakunnassa, Kiinassa, mik\u00e4 merkitsi matkan alkua edistyneess\u00e4 kemianteollisuudessa.<\/p>\n<p class=\"landu-milestone-desc\">Yritys aloitti globaalit myynnit selluloosahartseista ja uudelleen dispersoitavista polymeerip\u00f6lyist\u00e4 (RDP), luoden perustan tuleville kansainv\u00e4lisille toiminnoilleen.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"432\" width=\"768\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/12\/landu-logo.webp\" alt=\"Landu Logo\"><\/p>\n<div class=\"landu-image-caption\">Alkuper\u00e4inen br\u00e4ndi-symboli esiteltiin<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2011 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2011<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Ensimm\u00e4inen selluloosaheterin tehdas otettu k\u00e4ytt\u00f6\u00f6n<\/h3>\n<p class=\"landu-milestone-desc\">LANDU:n ensimm\u00e4isen selluloosahartsi-tuotantolaitoksen valmistuminen oli suuri virstanpylv\u00e4s.<\/p>\n<p class=\"landu-milestone-desc\">Vuotuinen kapasiteetti on <strong>15 000 tonnia<\/strong>, mik\u00e4 mahdollisti t\u00e4ysin integroidun laitoksen hallinnan tuotantoparametreista lopputuotteen laatuun.<\/p>\n<p class=\"landu-milestone-desc\">Sijoitus loi vahvan selk\u00e4rangan johdonmukaiselle laadunvarmistukselle ja toimitusketjun itsen\u00e4isyydelle, asettaen LANDUn luotettavaksi ja omavaraiseksi valmistajaksi.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/HPMC-Hydroxypropyl-Methyl-Cellulose-Laboratories.jpg\" alt=\"Landu Selluloosahartsi-tehdas\"><\/p>\n<div class=\"landu-image-caption\">Landu Selluloosahartsi-tehdas<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2015 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2015<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Laajentuminen RDP-valmistukseen<\/h3>\n<p class=\"landu-milestone-desc\">Vastaamaan nopeasti kasvavaan maailmanlaajuiseen kysynt\u00e4\u00e4n LANDU avasi uudelleen dispersoituvan polymeerip\u00f6lytehtaan (RDP) vuonna 2015.<\/p>\n<p class=\"landu-milestone-desc\">Uusi tehdas vahvisti operatiivista joustavuutta ja laajensi toimituskapasiteettia, vahvistaen yrityksen johtajuutta korkeasuorituskykyisiss\u00e4 rakennustarvikeaineissa.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-factory-production.jpg\" alt=\"Landu RDP-tehdas\"><\/p>\n<div class=\"landu-image-caption\">Landu RDP-tehdas<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2017 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2017<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Tutkimuskeskus ja globalisaatio<\/h3>\n<p class=\"landu-milestone-desc\">Merkitt\u00e4v\u00e4 vuosi innovaatiolle, 2017, n\u00e4htiin perustettavan <strong>Jinan Teknisen Tutkimuskeskuksen<\/strong>, mik\u00e4 antoi LANDU:lle kehittyneen analytiikkalaitteiston ja kokeneen tutkimus- ja kehitystiimin.<\/p>\n<p class=\"landu-milestone-desc\">T\u00e4m\u00e4 strateginen askel paransi yrityksen kyky\u00e4 toimittaa r\u00e4\u00e4t\u00e4l\u00f6ityj\u00e4 selluloosahartsi- ja RDP-ratkaisuja erilaisiin teollisiin sovelluksiin.<\/p>\n<p class=\"landu-milestone-desc\">Sama vuosi merkitsi LANDU:n virallista siirtymist\u00e4 kansainv\u00e4lisille markkinoille, rakentaen globaalin kumppani- ja asiakasverkoston ja edist\u00e4en visiota <em>\u201cInnovatiivinen kemia paremman maailman puolesta.\u201d<\/em><\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-application-innovative-laboratories.jpg\" alt=\"Innovaatio Lab\"><\/p>\n<div class=\"landu-image-caption\">Innovation Lab \u2013 Ei\u2011pintak\u00e4sitellyt ratkaisut<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2020 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2020<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Kapasiteetin laajennus: Wuqiao-tehdas vaihe II<\/h3>\n<p class=\"landu-milestone-desc\">LANDU aloitti pilottituotannon Wuqiao-vaihe II -tehtaalla, mik\u00e4 lis\u00e4si sen vuosittaisen selluloosaherteen kapasiteetin 40 000 tonniin. <strong>40 000 tonnia<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Laajennus vahvisti kansainv\u00e4list\u00e4 toimitusvarmuutta ja paransi valmistusresilienssi\u00e4, varmistaen katkeamattoman toimituksen asiakkaille ymp\u00e4ri maailmaa nopeasti muuttuvissa markkinaymp\u00e4rist\u00f6iss\u00e4.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Hydroxypropyl-Methyl-Cellulose-hpmc-Manufacturer.jpg\" alt=\"Wuqiao-tuotantolaitos\"><\/p>\n<div class=\"landu-image-caption\">Wuqiao-tuotantolaitos \u2013 NOVASTAR Instruments<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2022 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-right\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2022<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Skaalaaminen ja kest\u00e4v\u00e4n kehityksen sitoumus<\/h3>\n<p class=\"landu-milestone-desc\">Onnistuneen selluloosahartsi-kapasiteetin kasvun my\u00f6t\u00e4 LANDU laajensi RDP-tuotantoaan edelleen <strong>20 000 tonnia vuodessa<\/strong>.<\/p>\n<p class=\"landu-milestone-desc\">Samana vuonna yritys saavutti suuren virstanpylv\u00e4\u00e4n \u2013 t\u00e4ydellisen <strong>REACH-sertifioinnin<\/strong> koko tuotevalikoimalleen \u2013 osoittaen noudattavansa globaaleja turvallisuus- ja ymp\u00e4rist\u00f6standardeja.<\/p>\n<p class=\"landu-milestone-desc\">T\u00e4m\u00e4 vuosi my\u00f6s merkitsi LANDU:n <strong>Kest\u00e4vyysaloitteen<\/strong>k\u00e4ynnist\u00e4mist\u00e4, korostaen ymp\u00e4rist\u00f6yst\u00e4v\u00e4llist\u00e4 tuotantoa, resurssitehokkuutta ja kiertotalouden k\u00e4yt\u00e4nt\u00f6j\u00e4.<\/p>\n<div class=\"landu-milestone-highlights\">\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\">\u2713<\/span><br \/>\n                            <span class=\"landu-highlight-text\">REACH-sertifioitu<\/span>\n                        <\/div>\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83c\udf31\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f331.svg\"><\/span><br \/>\n                            <span class=\"landu-highlight-text\">Kest\u00e4vyysaloitteen<\/span>\n                        <\/div>\n<div class=\"landu-highlight-item\">\n                            <span class=\"landu-highlight-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udcc8\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4c8.svg\"><\/span><br \/>\n                            <span class=\"landu-highlight-text\">20 000 tonnin RDP-kapasiteetti<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"450\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-Certification-ISO-REACH-ECOVADIS.jpg\" alt=\"Kest\u00e4v\u00e4n kehityksen tavoitteet\"><\/p>\n<div class=\"landu-image-caption\">Kest\u00e4vyystavoitteet ja sertifikaatit<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- 2023 --><\/p>\n<div class=\"landu-timeline-item landu-timeline-left\">\n<div class=\"landu-timeline-content\">\n<div class=\"landu-year-badge\">\n                        <span class=\"landu-year\">2023<\/span>\n                    <\/div>\n<h3 class=\"landu-milestone-title\">Uusi p\u00e4\u00e4konttori ja moderni ty\u00f6paikka<\/h3>\n<p class=\"landu-milestone-desc\">Tarjotakseen ty\u00f6ntekij\u00f6illeen modernin, tehokkaan ja inspiroivan ymp\u00e4rist\u00f6n, LANDU valmistui uuden yritystaloaan vuonna 2023.<\/p>\n<p class=\"landu-milestone-desc\">T\u00e4m\u00e4 virstanpylv\u00e4s tarkoitti yrityksen muutosta startup-myynnist\u00e4 kattavaksi organisaatioksi, joka yhdist\u00e4\u00e4 tuotannon, tutkimuksen ja globaalin palvelun.<\/p>\n<div class=\"landu-milestone-image\">\n                        <img loading=\"lazy\" height=\"720\" width=\"1280\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/12\/landu-new-office.webp\" alt=\"Landu-toimisto-ymp\u00e4rist\u00f6\"><\/p>\n<div class=\"landu-image-caption\">Landu-toimisto-ymp\u00e4rist\u00f6 \u2013 NOVASTAR HQ<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- Future Vision Section --><\/p>\n<div class=\"landu-future-section\">\n<div class=\"content-container\">\n        <!-- Main Grid --><\/p>\n<div class=\"landu-future-grid\">\n            <!-- Left: Image --><\/p>\n<div class=\"landu-future-images\">\n<div class=\"landu-future-image-main\">\n                    <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/Landu-Sales-Business-Meeting-in-the-Office.jpg\" alt=\"Landu-liiketoimintakokous\"><\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Right: Content --><\/p>\n<div class=\"landu-future-content\">\n<div class=\"landu-future-badge\">\n                    <span class=\"landu-future-badge-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\ude80\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f680.svg\"><\/span><br \/>\n                    <span class=\"landu-future-badge-text\">Tulevaisuuteen katsova<\/span>\n                <\/div>\n<h2 class=\"landu-future-title\">Lupauksikas tulevaisuus: Edist\u00e4mme yhdess\u00e4<\/h2>\n<div class=\"landu-future-description\">\n<p class=\"landu-future-desc\">LANDU:n tarina jatkuu\u2014tuotanto-osaamisen, syv\u00e4llisen teknisen tiet\u00e4myksen ja horjumattoman sitoutumisen innovaatioihin johdosta.<\/p>\n<p class=\"landu-future-desc\">Tulevaisuutta silm\u00e4ll\u00e4 pit\u00e4en pysymme omistautuneina korkealaatuisten, kest\u00e4vien kemiallisten ratkaisujen kehitt\u00e4miseen, jotka antavat voimaa rakennus-, p\u00e4ivitt\u00e4iskemikaali-, maalaus- ja teollisuussovelluskumppaneillemme.<\/p>\n<p class=\"landu-future-desc\">Arvojen ohjaamina <strong>integriteetti<\/strong>, <strong>yhteisty\u00f6<\/strong>, ja <strong>jatkuva parantaminen<\/strong>, LANDU etenee k\u00e4si k\u00e4dess\u00e4 ty\u00f6ntekij\u00f6iden, asiakkaiden ja yhteisty\u00f6kumppaneiden kanssa maailmanlaajuisesti, edist\u00e4en kest\u00e4v\u00e4\u00e4 kehityst\u00e4 ja yhteiskunnallista edistyst\u00e4.<\/p>\n<\/p><\/div>\n<div class=\"landu-future-cta\">\n<div class=\"landu-future-cta-button\">\n                        <span class=\"landu-future-cta-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udce9\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4e9.svg\"><\/span><br \/>\n                        <span class=\"landu-future-cta-text\">Ota yhteytt\u00e4 \u2014 Yhteisty\u00f6ss\u00e4 LANDUn kanssa muokataksesi innovatiivisempaa ja kest\u00e4v\u00e4mp\u00e4\u00e4 tulevaisuutta.<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n\/* Timeline Section *\/\n.landu-timeline-section {\n    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landu-timeline-section::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 15% 20%, rgba(6, 182, 212, 0.02) 0%, transparent 50%),\n        radial-gradient(circle at 85% 80%, rgba(14, 165, 233, 0.02) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.landu-timeline-section .content-container {\n    max-width: 1600px;\n    margin: 0 auto;\n    padding: 0 80px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Section Header *\/\n.landu-timeline-header {\n    text-align: center;\n    margin-bottom: 100px;\n}<\/p>\n<p>.landu-timeline-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: white;\n    padding: 12px 28px;\n    border-radius: 50px;\n    margin-bottom: 28px;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.08);\n}<\/p>\n<p>.landu-timeline-badge-icon {\n    font-size: 1.3rem;\n}<\/p>\n<p>.landu-timeline-badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #0891b2;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-timeline-title {\n    font-size: 3.2rem;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n}<\/p>\n<p>\/* Timeline Wrapper *\/\n.landu-timeline-wrapper {\n    position: relative;\n    padding: 50px 0;\n}<\/p>\n<p>.landu-timeline-wrapper::before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 0;\n    bottom: 0;\n    width: 4px;\n    background: linear-gradient(to bottom, rgba(6, 182, 212, 0.2), rgba(6, 182, 212, 0.5), rgba(6, 182, 212, 0.2));\n    transform: translateX(-50%);\n}<\/p>\n<p>\/* Timeline Item *\/\n.landu-timeline-item {\n    display: flex;\n    margin-bottom: 80px;\n    position: relative;\n}<\/p>\n<p>.landu-timeline-item:last-child {\n    margin-bottom: 0;\n}<\/p>\n<p>.landu-timeline-left {\n    justify-content: flex-end;\n    padding-right: calc(50% + 50px);\n}<\/p>\n<p>.landu-timeline-right {\n    justify-content: flex-start;\n    padding-left: calc(50% + 50px);\n}<\/p>\n<p>\/* Timeline Dot *\/\n.landu-timeline-dot {\n    position: absolute;\n    left: 50%;\n    top: 35px;\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #0891b2, #06b6d4);\n    border: 5px solid white;\n    border-radius: 50%;\n    transform: translateX(-50%);\n    box-shadow: 0 0 0 5px rgba(6, 182, 212, 0.2);\n    z-index: 2;\n    animation: pulse-dot 2s ease-in-out infinite;\n}<\/p>\n<p>@keyframes pulse-dot {\n    0%, 100% {\n        box-shadow: 0 0 0 5px rgba(6, 182, 212, 0.2);\n    }\n    50% {\n        box-shadow: 0 0 0 10px rgba(6, 182, 212, 0.1);\n    }\n}<\/p>\n<p>\/* Timeline Content *\/\n.landu-timeline-content {\n    background: white;\n    border: 2px solid rgba(6, 182, 212, 0.12);\n    border-radius: 24px;\n    padding: 40px;\n    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);\n    max-width: 700px;\n    width: 100%;\n    transition: all 0.3s ease;\n}<\/p>\n<p>.landu-timeline-content:hover {\n    border-color: rgba(6, 182, 212, 0.25);\n    box-shadow: 0 8px 30px rgba(6, 182, 212, 0.12);\n    transform: translateY(-6px);\n}<\/p>\n<p>.landu-year-badge {\n    display: inline-block;\n    background: linear-gradient(135deg, #0891b2, #06b6d4);\n    padding: 10px 24px;\n    border-radius: 50px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landu-year {\n    font-size: 1.2rem;\n    font-weight: 800;\n    color: white;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-milestone-title {\n    font-size: 1.6rem;\n    font-weight: 800;\n    color: #1e293b;\n    margin: 0 0 20px 0;\n    line-height: 1.3;\n}<\/p>\n<p>.landu-milestone-desc {\n    font-size: 1.05rem;\n    color: #475569;\n    line-height: 1.9;\n    margin: 0 0 16px 0;\n}<\/p>\n<p>.landu-milestone-desc:last-of-type {\n    margin-bottom: 0;\n}<\/p>\n<p>.landu-milestone-desc strong {\n    color: #0891b2;\n    font-weight: 800;\n}<\/p>\n<p>.landu-milestone-desc em {\n    color: #0891b2;\n    font-style: italic;\n}<\/p>\n<p>.landu-milestone-image {\n    margin-top: 24px;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.1);\n}<\/p>\n<p>.landu-milestone-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.landu-timeline-content:hover .landu-milestone-image img {\n    transform: scale(1.05);\n}<\/p>\n<p>.landu-image-caption {\n    padding: 14px 18px;\n    background: rgba(240, 249, 255, 0.8);\n    font-size: 0.9rem;\n    color: #0c4a6e;\n    font-weight: 600;\n    text-align: center;\n}<\/p>\n<p>.landu-milestone-highlights {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 20px;\n    margin-bottom: 20px;\n}<\/p>\n<p>.landu-highlight-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: rgba(240, 249, 255, 0.6);\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    padding: 10px 18px;\n    border-radius: 10px;\n}<\/p>\n<p>.landu-highlight-icon {\n    font-size: 1.1rem;\n}<\/p>\n<p>.landu-highlight-text {\n    font-size: 0.9rem;\n    color: #0c4a6e;\n    font-weight: 600;\n}<\/p>\n<p>\/* Future Vision Section *\/\n.landu-future-section {\n    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f0f9ff 100%);\n    padding: 120px 0;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.landu-future-section::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 15% 20%, rgba(6, 182, 212, 0.05) 0%, transparent 50%),\n        radial-gradient(circle at 85% 80%, rgba(14, 165, 233, 0.05) 0%, transparent 50%);\n    pointer-events: none;\n}<\/p>\n<p>.landu-future-section .content-container {\n    max-width: 1600px;\n    margin: 0 auto;\n    padding: 0 80px;\n    position: relative;\n    z-index: 1;\n}<\/p>\n<p>\/* Main Grid *\/\n.landu-future-grid {\n    display: grid;\n    grid-template-columns: 48% 52%;\n    gap: 80px;\n    align-items: center;\n}<\/p>\n<p>\/* Left: Image *\/\n.landu-future-images {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.landu-future-image-main {\n    position: relative;\n    border-radius: 28px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);\n    width: 100%;\n    height: auto;\n    border: 5px solid white;\n    transition: all 0.4s ease;\n}<\/p>\n<p>.landu-future-image-main:hover {\n    transform: scale(1.02);\n    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.2);\n}<\/p>\n<p>.landu-future-image-main img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease;\n}<\/p>\n<p>.landu-future-image-main:hover img {\n    transform: scale(1.05);\n}<\/p>\n<p>.landu-future-image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(14, 165, 233, 0.08));\n}<\/p>\n<p>\/* Right: Content *\/\n.landu-future-content {\n    display: flex;\n    flex-direction: column;\n    gap: 28px;\n}<\/p>\n<p>.landu-future-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: white;\n    padding: 12px 28px;\n    border-radius: 50px;\n    width: fit-content;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.08);\n}<\/p>\n<p>.landu-future-badge-icon {\n    font-size: 1.3rem;\n}<\/p>\n<p>.landu-future-badge-text {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #0891b2;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}<\/p>\n<p>.landu-future-title {\n    font-size: 3.2rem;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n}<\/p>\n<p>.landu-future-description {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.landu-future-desc {\n    font-size: 1.1rem;\n    color: #475569;\n    line-height: 1.9;\n    margin: 0;\n}<\/p>\n<p>.landu-future-desc strong {\n    color: #0891b2;\n    font-weight: 800;\n}<\/p>\n<p>.landu-future-cta {\n    margin-top: 12px;\n}<\/p>\n<p>.landu-future-cta-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    background: white;\n    border: 2px solid rgba(6, 182, 212, 0.2);\n    border-left: 6px solid #0891b2;\n    padding: 24px 32px;\n    border-radius: 18px;\n    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);\n    transition: all 0.3s ease;\n    cursor: pointer;\n}<\/p>\n<p>.landu-future-cta-button:hover {\n    border-color: rgba(6, 182, 212, 0.35);\n    box-shadow: 0 8px 30px rgba(6, 182, 212, 0.15);\n    transform: translateX(6px);\n}<\/p>\n<p>.landu-future-cta-icon {\n    font-size: 1.6rem;\n    flex-shrink: 0;\n}<\/p>\n<p>.landu-future-cta-text {\n    font-size: 1.05rem;\n    color: #1e293b;\n    line-height: 1.7;\n    font-weight: 600;\n}<\/p>\n<p>\/* Responsive Design *\/\n@media (max-width: 1400px) {\n    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        max-width: 1400px;\n        padding: 0 60px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        max-width: 650px;\n    }<\/p>\n<p>    .landu-future-grid {\n        gap: 60px;\n    }\n}<\/p>\n<p>@media (max-width: 1024px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 100px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        max-width: 100%;\n        padding: 0 40px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 2.6rem;\n    }<\/p>\n<p>    .landu-timeline-wrapper::before {\n        left: 30px;\n    }<\/p>\n<p>    .landu-timeline-left,\n    .landu-timeline-right {\n        justify-content: flex-start;\n        padding-left: 80px;\n        padding-right: 0;\n    }<\/p>\n<p>    .landu-timeline-dot {\n        left: 30px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        max-width: 100%;\n    }<\/p>\n<p>    .landu-future-grid {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }\n}<\/p>\n<p>@media (max-width: 768px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 80px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        padding: 0 30px;\n    }<\/p>\n<p>    .landu-timeline-header {\n        margin-bottom: 70px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 2.2rem;\n    }<\/p>\n<p>    .landu-timeline-content {\n        padding: 32px;\n    }<\/p>\n<p>    .landu-milestone-title {\n        font-size: 1.4rem;\n    }<\/p>\n<p>    .landu-milestone-desc {\n        font-size: 1rem;\n    }<\/p>\n<p>    .landu-future-desc {\n        font-size: 1.05rem;\n    }\n}<\/p>\n<p>@media (max-width: 480px) {\n    .landu-timeline-section,\n    .landu-future-section {\n        padding: 60px 0;\n    }<\/p>\n<p>    .landu-timeline-section .content-container,\n    .landu-future-section .content-container {\n        padding: 0 20px;\n    }<\/p>\n<p>    .landu-timeline-header {\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .landu-timeline-badge,\n    .landu-future-badge {\n        padding: 10px 20px;\n    }<\/p>\n<p>    .landu-timeline-title,\n    .landu-future-title {\n        font-size: 1.8rem;\n    }<\/p>\n<p>    .landu-timeline-wrapper::before {\n        left: 20px;\n    }<\/p>\n<p>    .landu-timeline-left,\n    .landu-timeline-right {\n        padding-left: 60px;\n    }<\/p>\n<p>    .landu-timeline-dot {\n        left: 20px;\n        width: 24px;\n        height: 24px;\n    }<\/p>\n<p>    .landu-timeline-content {\n        padding: 28px;\n    }<\/p>\n<p>    .landu-milestone-title {\n        font-size: 1.3rem;\n    }<\/p>\n<p>    .landu-milestone-desc {\n        font-size: 0.95rem;\n    }<\/p>\n<p>    .landu-future-desc {\n        font-size: 1rem;\n    }<\/p>\n<p>    .landu-future-cta-button {\n        flex-direction: column;\n        text-align: center;\n        padding: 22px 26px;\n    }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>C\u2086H\u2081\u2080O\u2085 HPMC 2008 2011 2023 Tarinamme LANDU Historia Seitsem\u00e4ntoista vuotta innovaatioita, huippuosaamista ja asiakassitoumusta Yli 17 vuoden kokemuksella eri teollisuudenaloilta ja r\u00e4\u00e4t\u00e4l\u00f6idyist\u00e4 sovellustarpeista LANDU on jatkuvasti ollut selluloosahartsi- ja polymeerialan innovaatioiden eturintamassa. Matkamme Aikajana LANDUn kasvun ja kehityksen aikana 2008 Perustaminen LANDU oli [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5367,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5348","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5348","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=5348"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5348\/revisions"}],"predecessor-version":[{"id":5349,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5348\/revisions\/5349"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/pages\/5367"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/fi\/wp-json\/wp\/v2\/media?parent=5348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}