{"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\/nn\/sustainability-in-landu\/planet-our-commitment-to-sustainable-living\/sustainability-aspects-in-customer-solutions\/","title":{"rendered":"Berekraftaspekt i kundel\u00f8ysingar"},"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\"> Berekraftig innovasjon<\/div>\n<h1 class=\"hero-title\">Eit evigvarande ressurs<\/h1>\n<p class=\"hero-subtitle\">Berekraftig forvalta naturlege fornybare material for ein betre morgondag<\/p>\n<p class=\"hero-subtitle\">Today\u2019s generation stands at a crossroads, facing environmental challenges that are not only urgent but existential in nature.<\/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=\"Naturlige bomullressursar\" class=\"\" style=\"\"><\/p>\n<div class=\"image-caption\">Ren naturleg bomull<\/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 \/ Utfordring<\/div>\n<h2 class=\"section-title\">Veikrysset for v\u00e5r generasjon<\/h2>\n<p class=\"section-text\">Klimaendringar, drivkrafta for berekraftig utvikling, og den universelle aspirajonen om ein tryggare, sunnare og meir rettferdig verd forma m\u00e5ten industrien og samfunna opererer p\u00e5.<\/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=\"Generasjonar samla for jorda\"><\/p>\n<div class=\"image-caption\">\u00c5 beskytte jorda for framtidige generasjonar<\/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=\"Naturlandskap i fjellet\"><\/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 \/ Klima<\/div>\n<h2 class=\"section-title\">\ufe0f Harnessing Nature\u2019s Power<\/h2>\n<p class=\"section-text\">Veksttre fungerer som eit av planetens mest kraftfulle naturlege karbonfangstsystem, og absorberer og lagrar CO\u2082 fr\u00e5 atmosf\u00e6ren. Men n\u00e5r trea n\u00e5r modenheit, minkar deira karbonabsorpsjon.<\/p>\n<p class=\"section-text\">P\u00e5 dette stadiet kan berekraftige hogstmetodar omdanne dei til biomasse og trebaserte produkt som erstatning for oljebaserte alternativ, og skape produkt som byggjer verdi medan dei hjelper til med \u00e5 bekjempe klimaendringar.<\/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 \/ Biologisk mangfald<\/div>\n<h2 class=\"section-title\">Protecting Earth\u2019s Richest Ecosystems<\/h2>\n<p class=\"section-text\">Skog er blant dei mest biologisk mangfaldige \u00f8kosystema p\u00e5 jorda, og tilbyr viktige habitat for utallige plante- og dyreartar. Dei er ei kjelde til essensielle ressursar for menneskesamfunnet.<\/p>\n<p class=\"section-text\">B\u00e6rekraftig skogbruk handlar ikkje om utnytting; det handlar om balanse. Effektiv skogforvaltning vernar \u00f8kologisk viktige omr\u00e5de, oppretthaldar strukturell mangfald og sikrar naturleg fornying.<\/p>\n<div class=\"highlight-text\">\n                    \"Ved \u00e5 oppretthalde dette mangfaldet, beskyttar vi dei delikate samhandlingane som oppretthald \u00f8kosystema, og bidreg til motstandskraft i m\u00f8te med klimaendringar.\"\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=\"Krystalljord p\u00e5 gr\u00f8nt mose\"><\/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=\"R\u00e5materiale celluloseether\"><\/p>\n<div class=\"image-caption\">Avanserte cellulosemateriale<\/div>\n<\/p><\/div>\n<div class=\"text-content\">\n<div class=\"section-number\">04 \/ Innovasjon<\/div>\n<h2 class=\"section-title\">Bygge ei sirkul\u00e6r framtid<\/h2>\n<p class=\"section-text\">Fornybare r\u00e5varer er kjernen i ei berekraftig \u00f8konomi. Desse materiala, henta gjennom prosessar som till\u00e8t naturleg p\u00e5fylling, bidreg til \u00e5 redusere avhengigheita av ikkje-fornybare innsatsfaktorar.<\/p>\n<p class=\"section-text\">Hos LANDU omfamnar v\u00e5re celluloseprodukt, laga av b\u00e6rekraftig dyrka bomull og trefiber, dette prinsippet. Bomull gir ikkje berre eksepsjonell ytelse, men till\u00e8t ogs\u00e5 betydelige energibesparingar i produksjonen.<\/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\"> Styrking av energieffektivitet<\/h2>\n<p style=\"font-size: 1.2rem; opacity: 0.9; max-width: 600px; margin: 0 auto;\">Energibruken er ein viktig faktor i v\u00e5r berekraftsytelse. Vi er sterkt avhengige av fornybare energikjelder for \u00e5 n\u00e5 v\u00e5re milj\u00f8m\u00e5l.<\/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\">Vannkraft<\/div>\n<div class=\"stat-desc\">Ren elektrisitet fr\u00e5 fornybare vasskjelder<\/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\">Solovergang<\/div>\n<div class=\"stat-desc\">G\u00e5 mot 100% solkraftdrift<\/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\">CO\u2082-reduksjon<\/div>\n<div class=\"stat-desc\">Betre utsleppsreduksjon gjennom fornybar energi<\/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\">Sirkul\u00e6r \u00f8konomi<\/div>\n<div class=\"stat-desc\">Optimaliserte berekraftige produksjonsprosessar<\/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\">V\u00e5r p\u00e5g\u00e5ande misjon<\/h2>\n<p class=\"mission-text\">Ved aktivt \u00e5 fremje berekraftig skogbruk, maksimere den intelligente bruken av fornybare r\u00e5material, og skifte avgjerdsvis mot rein energi, viser LANDU at milj\u00f8ansvar og industriell innovasjon kan blomstre saman.<\/p>\n<p class=\"mission-text\">Gjennom v\u00e5r omfattande tiln\u00e6rming vert kvart produkt vi lagar ein del av ein breiare misjon: \u00e5 utnytte naturens evige ressursar p\u00e5 ein m\u00e5te som oppretthald \u00f8kosystem, styrke lokalsamfunn, og verne planeten for komande generasjonar.<\/p>\n<div class=\"philosophy-badge\">Fr\u00e5 plante til 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\"> M\u00e5l for berekraftig utvikling<\/div>\n<h1>Fremjar berekraftige utviklingsm\u00e5l<\/h1>\n<div class=\"chemistry-icon\"><\/div>\n<p>Vi trur at god kjemi er n\u00f8kkelen til velstand og velv\u00e6re i eit berekraftig samfunn<\/p>\n<\/p><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>B\u00e6rekraftig innovasjon ein evig ressurs B\u00e6rekraftig forvalta naturlege fornybare materialar for ein betre morgondag Dagens generasjon st\u00e5r ved eit veikryss, og m\u00f8ter milj\u00f8utfordringar som ikkje berre er akutte, men ogs\u00e5 eksistensielle. Rein naturleg bomull 01 \/ Utfordring Veikrysset for v\u00e5r generasjon Klimaendringar, drivkrafta for berekraftig utvikling, og den universelle aspirasjonen for [\u2026]<\/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\/nn\/wp-json\/wp\/v2\/pages\/5371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/comments?post=5371"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/pages\/5371\/revisions"}],"predecessor-version":[{"id":5372,"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/pages\/5371\/revisions\/5372"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/pages\/5008"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/nn\/wp-json\/wp\/v2\/media?parent=5371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}