{"id":5371,"date":"2025-12-09T05:27:15","date_gmt":"2025-12-09T05:27:15","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5371"},"modified":"2025-12-16T08:48:13","modified_gmt":"2025-12-16T08:48:13","slug":"sustainability-aspects-in-customer-solutions","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/id\/sustainability-in-landu\/planet-our-commitment-to-sustainable-living\/sustainability-aspects-in-customer-solutions\/","title":{"rendered":"Sustainability Aspects in Customer Solutions"},"content":{"rendered":"<div class=\"mixed-layout-content\">\n<style>\n        .mixed-layout-content {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background: #fafbfc;\n            overflow: hidden;\n        }<\/p>\n<p>        \/* Hero Section *\/\n        .hero-mixed {\n            position: relative;\n            padding: 120px 60px;\n            background: linear-gradient(135deg, #0a2e36 0%, #1a4c5a 25%, #2d6a4f 75%, #52b788 100%);\n            color: white;\n            overflow: hidden;\n        }<\/p>\n<p>        .hero-mixed::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 800\"><defs><pattern id=\"organic\" patternUnits=\"userSpaceOnUse\" width=\"60\" height=\"60\"><circle cx=\"30\" cy=\"30\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"\/><circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"rgba(255,255,255,0.05)\"\/><circle cx=\"50\" cy=\"20\" r=\"1.5\" fill=\"rgba(255,255,255,0.08)\"\/><\/pattern><\/defs><rect width=\"100%\" height=\"100%\" fill=\"url(%23organic)\"\/><\/svg>');\n            opacity: 0.4;\n            animation: float 20s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-15px); }\n        }<\/p>\n<p>        .hero-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n            position: relative;\n            z-index: 2;\n        }<\/p>\n<p>        .hero-text {\n            z-index: 2;\n        }<\/p>\n<p>        .hero-tag {\n            display: inline-block;\n            padding: 10px 20px;\n            background: rgba(255,255,255,0.15);\n            border-radius: 50px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 25px;\n            backdrop-filter: blur(20px);\n        }<\/p>\n<p>        .hero-title {\n            font-size: 3.5rem;\n            font-weight: 800;\n            line-height: 1.1;\n            margin-bottom: 25px;\n            background: linear-gradient(135deg, #ffffff 0%, #e8f5e8 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }<\/p>\n<p>        .hero-subtitle {\n            font-size: 1.2rem;\n            opacity: 0.9;\n            line-height: 1.6;\n            margin-bottom: 30px;\n        }<\/p>\n<p>        .hero-image {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.3);\n            transform: rotate(-2deg);\n            transition: transform 0.5s ease;\n        }<\/p>\n<p>        .hero-image:hover {\n            transform: rotate(0deg) scale(1.05);\n        }<\/p>\n<p>        .hero-image img {\n            width: 100%;\n            height: 400px;\n            object-fit: cover;\n        }<\/p>\n<p>        \/* Mixed Content Sections *\/\n        .mixed-section {\n            padding: 100px 60px;\n            position: relative;\n        }<\/p>\n<p>        .mixed-section:nth-child(even) {\n            background: linear-gradient(135deg, #f8fffe 0%, #f0f9f0 100%);\n        }<\/p>\n<p>        .section-grid {\n            display: grid;\n            gap: 60px;\n            align-items: center;\n            max-width: 1200px;\n            margin: 0 auto;\n        }<\/p>\n<p>        .grid-left {\n            grid-template-columns: 2fr 3fr;\n        }<\/p>\n<p>        .grid-right {\n            grid-template-columns: 3fr 2fr;\n        }<\/p>\n<p>        .text-content {\n            padding: 20px 0;\n        }<\/p>\n<p>        .section-number {\n            font-size: 1rem;\n            font-weight: 700;\n            color: #52b788;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 15px;\n        }<\/p>\n<p>        .section-title {\n            font-size: 2.8rem;\n            font-weight: 800;\n            color: #2d5a27;\n            line-height: 1.2;\n            margin-bottom: 30px;\n            position: relative;\n        }<\/p>\n<p>        .section-title::before {\n            content: '';\n            position: absolute;\n            top: -15px;\n            left: 0;\n            width: 50px;\n            height: 4px;\n            background: linear-gradient(90deg, #52b788, #2d6a4f);\n            border-radius: 2px;\n        }<\/p>\n<p>        .section-text {\n            font-size: 1.15rem;\n            line-height: 1.8;\n            color: #4a5568;\n            margin-bottom: 25px;\n        }<\/p>\n<p>        .highlight-text {\n            background: linear-gradient(135deg, #e8f5e8 0%, #d4edda 100%);\n            padding: 20px;\n            border-radius: 10px;\n            border-left: 4px solid #52b788;\n            margin: 25px 0;\n            font-style: italic;\n            position: relative;\n        }<\/p>\n<p>        \/* Single Image Layouts *\/\n        .single-image {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n            transition: transform 0.4s ease;\n            height: 450px;\n        }<\/p>\n<p>        .single-image:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 30px 60px rgba(0,0,0,0.25);\n        }<\/p>\n<p>        .single-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.4s ease;\n        }<\/p>\n<p>        .single-image:hover img {\n            transform: scale(1.05);\n        }<\/p>\n<p>        .image-caption {\n            position: absolute;\n            bottom: 20px;\n            left: 20px;\n            background: rgba(45, 90, 39, 0.9);\n            backdrop-filter: blur(10px);\n            color: white;\n            padding: 12px 20px;\n            border-radius: 25px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }<\/p>\n<p>        .single-image:hover .image-caption {\n            opacity: 1;\n        }<\/p>\n<p>        \/* Stats Section *\/\n        .stats-mixed {\n            background: linear-gradient(135deg, #2d5a27 0%, #1a4c5a 100%);\n            color: white;\n            padding: 100px 60px;\n            position: relative;\n        }<\/p>\n<p>        .stats-content {\n            max-width: 1200px;\n            margin: 0 auto;\n        }<\/p>\n<p>        .stats-intro {\n            text-align: center;\n            margin-bottom: 60px;\n        }<\/p>\n<p>        .stats-title {\n            font-size: 3rem;\n            font-weight: 800;\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 40px;\n        }<\/p>\n<p>        .stat-card {\n            background: rgba(255,255,255,0.1);\n            backdrop-filter: blur(20px);\n            border-radius: 20px;\n            padding: 40px 25px;\n            text-align: center;\n            border: 1px solid rgba(255,255,255,0.2);\n            transition: all 0.4s ease;\n        }<\/p>\n<p>        .stat-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 30px 60px rgba(0,0,0,0.2);\n        }<\/p>\n<p>        .stat-icon {\n            font-size: 3.5rem;\n            margin-bottom: 20px;\n            display: block;\n        }<\/p>\n<p>        .stat-title {\n            font-size: 1.3rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }<\/p>\n<p>        .stat-desc {\n            font-size: 0.95rem;\n            opacity: 0.9;\n        }<\/p>\n<p>        \/* Final Mission *\/\n        .mission-final {\n            padding: 120px 60px;\n            background: radial-gradient(circle at center, #f8fffe 0%, #e8f5e8 100%);\n            text-align: center;\n        }<\/p>\n<p>        .mission-content {\n            max-width: 900px;\n            margin: 0 auto;\n        }<\/p>\n<p>        .mission-title {\n            font-size: 3.5rem;\n            font-weight: 800;\n            color: #2d5a27;\n            margin-bottom: 40px;\n            line-height: 1.2;\n        }<\/p>\n<p>        .mission-text {\n            font-size: 1.3rem;\n            line-height: 1.7;\n            color: #4a5568;\n            margin-bottom: 50px;\n        }<\/p>\n<p>        .philosophy-badge {\n            display: inline-block;\n            padding: 20px 40px;\n            background: linear-gradient(135deg, #52b788 0%, #2d6a4f 100%);\n            color: white;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 1.2rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            box-shadow: 0 15px 40px rgba(82,183,136,0.3);\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .philosophy-badge:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 25px 50px rgba(82,183,136,0.4);\n        }<\/p>\n<p>        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            .hero-grid, .section-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }<\/p>\n<p>            .grid-right .text-content {\n                order: -1;\n            }<\/p>\n<p>            .stats-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .mixed-section, .hero-mixed, .stats-mixed, .mission-final {\n                padding: 60px 30px;\n            }<\/p>\n<p>            .hero-title {\n                font-size: 2.5rem;\n            }<\/p>\n<p>            .section-title {\n                font-size: 2rem;\n            }<\/p>\n<p>            .stats-grid {\n                grid-template-columns: 1fr;\n            }<\/p>\n<p>            .single-image {\n                height: 350px;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .mixed-section, .hero-mixed, .stats-mixed, .mission-final {\n                padding: 40px 20px;\n            }<\/p>\n<p>            .hero-title {\n                font-size: 2rem;\n            }<\/p>\n<p>            .section-title {\n                font-size: 1.6rem;\n            }<\/p>\n<p>            .single-image {\n                height: 300px;\n            }\n        }\n    <\/style>\n<p>    <!-- Hero Section with Updated Image --><\/p>\n<div class=\"hero-mixed\">\n<div class=\"hero-grid\">\n<div class=\"hero-text\">\n<div class=\"hero-tag\"><img 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\"> Sustainable Innovation<\/div>\n<h1 class=\"hero-title\">Sumber Daya Abadi<\/h1>\n<p class=\"hero-subtitle\">Bahan Baku Alami yang Dikelola Secara Berkelanjutan untuk Masa Depan yang Lebih Baik<\/p>\n<p class=\"hero-subtitle\">Generasi saat ini berada di persimpangan jalan, menghadapi tantangan lingkungan yang tidak hanya mendesak tetapi juga bersifat eksistensial.<\/p>\n<\/p><\/div>\n<div class=\"hero-image\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/cotton-2025-01-09-04-26-04-utc-scaled.jpg\" alt=\"Sumber Daya Kapas Alami\" class=\"\" style=\"\"><\/p>\n<div class=\"image-caption\">Kapas Alami Murni<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Section 1: The Challenge (Text Left, Single Image Right) --><\/p>\n<div class=\"mixed-section\">\n<div class=\"section-grid grid-left\">\n<div class=\"text-content\">\n<div class=\"section-number\">01 \/ Tantangan<\/div>\n<h2 class=\"section-title\">Persimpangan Jalan Generasi Kita<\/h2>\n<p class=\"section-text\">Perubahan iklim, dorongan untuk pembangunan berkelanjutan, dan aspirasi universal untuk dunia yang lebih aman, sehat, dan lebih adil sedang membentuk cara industri dan masyarakat beroperasi.<\/p>\n<div class=\"highlight-text\">\n                    \u201cAddressing these challenges demands that we fundamentally rethink how we source, produce, and consume.\u201d\n                <\/div>\n<p class=\"section-text\">At LANDU, this means embracing and responsibly managing nature\u2019s renewable resources, ensuring that they can continue to serve humanity now and for generations to come.<\/p>\n<\/p><\/div>\n<div class=\"single-image\">\n                <img loading=\"lazy\" height=\"1708\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/senior-man-and-child-holding-earth-planet-element-2024-10-18-05-22-58-utc-scaled.jpg\" alt=\"Generasi Bersatu untuk Bumi\"><\/p>\n<div class=\"image-caption\">Melindungi Bumi untuk Generasi Mendatang<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Section 2: Climate Action (Single Image Left, Text Right) --><\/p>\n<div class=\"mixed-section\">\n<div class=\"section-grid grid-right\">\n<div class=\"single-image\">\n                <img loading=\"lazy\" height=\"1920\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/beautiful-morning-view-from-indonesia-of-mountains-2025-01-15-12-55-46-utc-scaled.jpg\" alt=\"Lanskap Pegunungan Alami\"><\/p>\n<div class=\"image-caption\">Nature\u2019s Carbon Capture System<\/div>\n<\/p><\/div>\n<div class=\"text-content\">\n<div class=\"section-number\">02 \/ Iklim<\/div>\n<h2 class=\"section-title\">\ufe0f Harnessing Nature\u2019s Power<\/h2>\n<p class=\"section-text\">Pohon yang tumbuh berfungsi sebagai salah satu sistem penangkapan karbon alami paling kuat di planet ini, menyerap dan menyimpan CO\u2082 dari atmosfer. Namun, saat pohon mencapai kematangan, tingkat penyerapan karbon mereka menurun.<\/p>\n<p class=\"section-text\">Pada tahap ini, praktik panen berkelanjutan dapat mengubahnya menjadi biomassa dan produk berbasis kayu yang menggantikan alternatif berbasis minyak, menciptakan produk yang membangun nilai sambil membantu memerangi perubahan iklim.<\/p>\n<div class=\"highlight-text\">\n                    \u201cThese products continue to function as long-term carbon sinks, locking away atmospheric CO\u2082 for decades throughout their service life.\u201d\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Section 3: Biodiversity (Text Left, Single Image Right) --><\/p>\n<div class=\"mixed-section\">\n<div class=\"section-grid grid-left\">\n<div class=\"text-content\">\n<div class=\"section-number\">03 \/ Keanekaragaman Hayati<\/div>\n<h2 class=\"section-title\">Protecting Earth\u2019s Richest Ecosystems<\/h2>\n<p class=\"section-text\">Hutan termasuk ekosistem yang paling beragam di Bumi, menyediakan habitat penting bagi berbagai spesies tumbuhan dan hewan. Mereka adalah sumber daya penting bagi masyarakat manusia.<\/p>\n<p class=\"section-text\">Pengelolaan hutan secara berkelanjutan bukan tentang eksploitasi; ini tentang keseimbangan. Pengelolaan hutan yang efektif menjaga area yang secara ekologis penting, mempertahankan keragaman struktural, dan memastikan regenerasi alami.<\/p>\n<div class=\"highlight-text\">\n                    \"Dengan mempertahankan keberagaman ini, kita melindungi interaksi yang rapuh yang menopang ekosistem, berkontribusi pada ketahanan di tengah perubahan iklim.\"\n                <\/div>\n<\/p><\/div>\n<div class=\"single-image\">\n                <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/crystal-earth-on-green-moss-world-environment-day-2024-12-05-19-23-15-utc-scaled.jpg\" alt=\"Bumi Kristal di atas Rumput Hijau\"><\/p>\n<div class=\"image-caption\">Earth\u2019s Precious Ecosystems<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Section 4: Renewable Materials (Single Image Left, Text Right) --><\/p>\n<div class=\"mixed-section\">\n<div class=\"section-grid grid-right\">\n<div class=\"single-image\">\n                <img loading=\"lazy\" height=\"506\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/raw-material-cellulose-ether.jpg\" alt=\"Raw Material Cellulose Ether\"><\/p>\n<div class=\"image-caption\">Material Selulosa Canggih<\/div>\n<\/p><\/div>\n<div class=\"text-content\">\n<div class=\"section-number\">04 \/ Inovasi<\/div>\n<h2 class=\"section-title\">Membangun Masa Depan Sirkular<\/h2>\n<p class=\"section-text\">Bahan baku terbarukan adalah inti dari ekonomi berkelanjutan. Bahan-bahan ini, diperoleh melalui proses yang memungkinkan pengisian ulang secara alami, membantu mengurangi ketergantungan pada input yang tidak dapat diperbarui.<\/p>\n<p class=\"section-text\">Di LANDU, produk selulosa kami, yang terbuat dari kapas dan pulp kayu yang bersumber secara berkelanjutan, mengusung prinsip ini. Kapas tidak hanya memberikan performa yang luar biasa tetapi juga memungkinkan penghematan energi yang signifikan dalam proses produksi.<\/p>\n<div class=\"highlight-text\">\n                    \u201cOur highly integrated production system maximizes material utilization, reduces waste, and improves energy efficiency at every stage.\u201d\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Stats Section --><\/p>\n<div class=\"stats-mixed\">\n<div class=\"stats-content\">\n<div class=\"stats-intro\">\n<h2 class=\"stats-title\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udd0b\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f50b.svg\"> Mendorong Efisiensi Energi<\/h2>\n<p style=\"font-size: 1.2rem; opacity: 0.9; max-width: 600px; margin: 0 auto;\">Penggunaan energi adalah faktor utama dalam kinerja keberlanjutan kami. Kami sangat bergantung pada sumber energi terbarukan untuk mencapai tujuan lingkungan kami.<\/p>\n<\/p><\/div>\n<div class=\"stats-grid\">\n<div class=\"stat-card\">\n                    <span class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\ud83d\udca7\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f4a7.svg\"><\/span><\/p>\n<div class=\"stat-title\">Energi Hidro<\/div>\n<div class=\"stat-desc\">Listrik bersih dari sumber air terbarukan<\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n                    <span class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u2600\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/2600.svg\"><\/span><\/p>\n<div class=\"stat-title\">Transisi Surya<\/div>\n<div class=\"stat-desc\">Bergerak menuju operasi tenaga surya 100%<\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n                    <span class=\"stat-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><\/p>\n<div class=\"stat-title\">Pengurangan CO\u2082<\/div>\n<div class=\"stat-desc\">Pengurangan emisi yang signifikan melalui energi terbarukan<\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n                    <span class=\"stat-icon\"><img loading=\"lazy\" decoding=\"async\" draggable=\"false\" role=\"img\" class=\"emoji\" alt=\"\u267b\ufe0f\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/267b.svg\"><\/span><\/p>\n<div class=\"stat-title\">Circular Economy<\/div>\n<div class=\"stat-desc\">Proses produksi berkelanjutan yang dioptimalkan<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Final Mission Section --><\/p>\n<div class=\"mission-final\">\n<div class=\"mission-content\">\n<h2 class=\"mission-title\">Misi Kami yang Berkelanjutan<\/h2>\n<p class=\"mission-text\">Dengan secara aktif memajukan kehutanan berkelanjutan, memaksimalkan penggunaan bahan baku terbarukan secara cerdas, dan beralih secara tegas ke energi bersih, LANDU membuktikan bahwa pengelolaan lingkungan dan inovasi industri dapat berkembang bersama.<\/p>\n<p class=\"mission-text\">Melalui pendekatan komprehensif kami, setiap produk yang kami buat menjadi bagian dari misi yang lebih luas: memanfaatkan sumber daya abadi alam dengan cara yang mendukung ekosistem, memberdayakan komunitas, dan melindungi planet untuk generasi yang akan datang.<\/p>\n<div class=\"philosophy-badge\">Dari Tanaman ke Planet<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<div class=\"banner\">\n<style>\n        .banner {\n            background: linear-gradient(135deg, #2d5a27 0%, #4a7c59 50%, #68a063 100%);\n            color: white;\n            padding: 60px 30px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            margin-bottom: 0;\n        }<\/p>\n<p>        .banner::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"molecules\" patternUnits=\"userSpaceOnUse\" width=\"40\" height=\"40\"><circle cx=\"8\" cy=\"8\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"\/><circle cx=\"32\" cy=\"8\" r=\"1.5\" fill=\"rgba(255,255,255,0.08)\"\/><circle cx=\"20\" cy=\"25\" r=\"1.8\" fill=\"rgba(255,255,255,0.09)\"\/><line x1=\"8\" y1=\"8\" x2=\"20\" y2=\"25\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"1\"\/><line x1=\"20\" y1=\"25\" x2=\"32\" y2=\"8\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"1\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23molecules)\"\/><\/svg>');\n            opacity: 0.4;\n            animation: float 20s ease-in-out infinite;\n        }<\/p>\n<p>        @keyframes float {\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-10px) rotate(2deg); }\n        }<\/p>\n<p>        .banner-content {\n            position: relative;\n            z-index: 2;\n            max-width: 900px;\n            margin: 0 auto;\n        }<\/p>\n<p>        .banner h1 {\n            font-size: 3.2rem;\n            margin-bottom: 25px;\n            font-weight: 700;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n            animation: fadeInUp 1s ease-out;\n            letter-spacing: -0.5px;\n            line-height: 1.2;\n        }<\/p>\n<p>        .banner p {\n            font-size: 1.4rem;\n            opacity: 0.95;\n            max-width: 750px;\n            margin: 0 auto;\n            animation: fadeInUp 1s ease-out 0.3s both;\n            font-weight: 300;\n            line-height: 1.5;\n        }<\/p>\n<p>        .chemistry-icon {\n            display: inline-block;\n            margin: 0 15px 20px 15px;\n            animation: pulse 2s ease-in-out infinite;\n        }<\/p>\n<p>        .chemistry-icon::before {\n            content: ;\n            font-size: 2.5rem;\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n        }<\/p>\n<p>        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.1); }\n        }<\/p>\n<p>        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }<\/p>\n<p>        .sdg-accent {\n            display: inline-block;\n            padding: 8px 16px;\n            background: rgba(255,255,255,0.15);\n            border-radius: 25px;\n            font-size: 0.9rem;\n            margin: 15px 0;\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255,255,255,0.2);\n            animation: fadeInUp 1s ease-out 0.6s both;\n        }<\/p>\n<p>        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .banner {\n                padding: 40px 20px;\n            }<\/p>\n<p>            .banner h1 {\n                font-size: 2.2rem;\n            }<\/p>\n<p>            .banner p {\n                font-size: 1.1rem;\n            }<\/p>\n<p>            .chemistry-icon::before {\n                font-size: 2rem;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .banner {\n                padding: 30px 15px;\n            }<\/p>\n<p>            .banner h1 {\n                font-size: 1.8rem;\n            }<\/p>\n<p>            .banner p {\n                font-size: 1rem;\n            }\n        }\n    <\/style>\n<div class=\"banner-content\">\n<div class=\"sdg-accent\"><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\"> Tujuan Pembangunan Berkelanjutan<\/div>\n<h1>Meningkatkan Tujuan Pembangunan Berkelanjutan<\/h1>\n<div class=\"chemistry-icon\"><\/div>\n<p>Kami percaya bahwa kimia yang baik adalah kunci kemakmuran dan kesejahteraan masyarakat yang berkelanjutan<\/p>\n<\/p><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Sustainable Innovation An Eternal Resource Sustainably Managed Natural Renewable Materials for a Better Tomorrow Today&#8217;s generation stands at a crossroads, facing environmental challenges that are not only urgent but existential in nature. Pure Natural Cotton 01 \/ Challenge The Crossroads of Our Generation Climate change, the drive for sustainable development, and the universal aspiration for [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5008,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5371","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/comments?post=5371"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5371\/revisions"}],"predecessor-version":[{"id":5372,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5371\/revisions\/5372"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/pages\/5008"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/id\/wp-json\/wp\/v2\/media?parent=5371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}