{"id":6379,"date":"2026-02-08T11:32:34","date_gmt":"2026-02-08T11:32:34","guid":{"rendered":"https:\/\/greenhabitat.it\/vertical-green-facades\/"},"modified":"2026-03-14T19:58:01","modified_gmt":"2026-03-14T19:58:01","slug":"living-green-facades","status":"publish","type":"page","link":"https:\/\/greenhabitat.it\/en\/living-green-facades\/","title":{"rendered":"Green Facades"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6379\" class=\"elementor elementor-6379 elementor-3785\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-056b8de elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"056b8de\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d28abf8\" data-id=\"d28abf8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-06a15a6 elementor-widget elementor-widget-html\" data-id=\"06a15a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"gh-hydro-hero-master\" aria-labelledby=\"gh-hydro-title\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap');\n\n        .gh-hydro-hero-master { position: relative; width: 100%; display: flex; flex-direction: column; font-family: 'Montserrat', sans-serif; background-color: #0A0A0A; overflow: hidden; }\n\n        .gh-video-pure-wrapper { position: relative; width: 100%; display: flex; justify-content: center; background: #000; line-height: 0; }\n        .gh-vid-smart { display: block; width: 100%; height: auto; object-fit: cover; opacity: 1 !important; visibility: visible !important; }\n\n        .gh-hero-overlay-desk { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.6) 35%, transparent 60%); z-index: 2; pointer-events: none; }\n\n        .gh-hero-content-desk { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; z-index: 10; pointer-events: none; }\n        .gh-hero-content-inner { width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 40px; pointer-events: auto; }\n        .gh-hero-text-wrapper { max-width: 650px; animation: ghFadeRight 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; line-height: normal; }\n        @keyframes ghFadeRight { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: translateX(0); } }\n\n        .gh-hydro-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(200, 161, 101, 0.15); color: #C8A165; padding: 8px 16px; border: 1px solid rgba(200, 161, 101, 0.3); border-radius: 4px; font-size: 11px; font-weight: 800; letter-spacing: 2px; margin-bottom: 20px; backdrop-filter: blur(8px); text-transform: uppercase; }\n        .gh-hydro-badge svg { width: 14px; height: 14px; fill: currentColor; }\n        \n        .gh-hydro-title { font-size: clamp(38px, 4.5vw, 75px); font-weight: 900; color: #ffffff; line-height: 1.05; letter-spacing: -1.5px; margin: 0 0 15px 0; text-shadow: 0 4px 20px rgba(0,0,0,0.8); }\n        .gh-hydro-desc { font-size: clamp(16px, 1.2vw, 19px); font-weight: 500; color: #e0e0e0; line-height: 1.6; margin: 0 0 40px 0; text-shadow: 0 2px 10px rgba(0,0,0,0.9); }\n\n        .gh-hydro-actions { display: flex; gap: 15px; flex-wrap: wrap; }\n        .gh-btn-hero-primary, .gh-btn-hero-secondary { display: inline-flex; align-items: center; gap: 10px; padding: 18px 30px; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; border-radius: 6px; text-decoration: none; transition: all 0.3s ease; }\n        .gh-btn-hero-primary { background: #C8A165; color: #ffffff; box-shadow: 0 10px 25px rgba(200, 161, 101, 0.3); border: 1px solid #C8A165;}\n        .gh-btn-hero-primary:hover { background: #b08d58; border-color: #b08d58; transform: translateY(-2px); box-shadow: 0 15px 30px rgba(200, 161, 101, 0.5); color: #fff;}\n        .gh-btn-hero-secondary { background: rgba(0,0,0,0.5); color: #ffffff; border: 1px solid rgba(255,255,255,0.4); backdrop-filter: blur(10px); }\n        .gh-btn-hero-secondary:hover { background: rgba(255,255,255,0.15); transform: translateY(-2px); color: #fff;}\n        \n        .gh-btn-hero-primary svg, .gh-btn-hero-secondary svg { width: 16px; height: 16px; fill: currentColor; }\n\n        .gh-hero-content-mobile { display: none; }\n\n        @media (max-width: 992px) {\n            .gh-hydro-hero-master { background-color: #ffffff; }\n            .gh-hero-overlay-desk, .gh-hero-content-desk { display: none; } \n            \n            .gh-video-pure-wrapper { background: url('https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/facciata-verde-ventilata-hydro-termodinamica-green-habitat-mobile.jpg') center\/cover no-repeat #000; }\n\n            .gh-hero-content-mobile { display: block; width: 100%; padding: 40px 25px 50px 25px; background-color: #ffffff; text-align: left; line-height: normal; z-index: 2; }\n            .gh-mob-badge { display: inline-block; color: #C8A165; font-size: 10px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; border-bottom: 2px solid #C8A165; padding-bottom: 4px; margin-bottom: 15px; }\n            .gh-mob-title { font-size: 38px; font-weight: 900; color: #111; line-height: 1.1; letter-spacing: -1px; margin: 0 0 15px 0; }\n            .gh-mob-desc { font-size: 16px; font-weight: 500; color: #555; line-height: 1.6; margin: 0 0 30px 0; }\n            \n            .gh-hydro-actions { flex-direction: column; width: 100%; gap: 15px; }\n            .gh-btn-hero-primary, .gh-btn-hero-secondary { width: 100%; padding: 20px; justify-content: center; }\n            .gh-btn-hero-secondary { background: transparent; color: #111; border-color: #d2d2d7; }\n            .gh-btn-hero-secondary:hover { background: #f9f9f9; border-color: #ccc; color: #111;}\n        }\n    <\/style>\n\n    <div class=\"gh-video-pure-wrapper\">\n        <video class=\"gh-vid-smart skip-lazy no-lazy\" data-cookieconsent=\"ignore\" data-no-lazy=\"1\" data-skip-lazy=\"1\" autoplay loop muted playsinline preload=\"auto\" aria-hidden=\"true\" poster=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/facciata-verde-ventilata-hydro-termodinamica-green-habitat.jpg\">\n            <source data-cookieconsent=\"ignore\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/VIDEO-FACCIATE-VERDI-MOBILE-.mp4\" type=\"video\/mp4\" media=\"(max-width: 992px)\">\n            <source data-cookieconsent=\"ignore\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/FACCIATE-VERDE-DESKTOP-DEF.mp4\" type=\"video\/mp4\" media=\"(min-width: 993px)\">\n        <\/video>\n        \n        <div class=\"gh-hero-overlay-desk\"><\/div>\n        <div class=\"gh-hero-content-desk\">\n            <div class=\"gh-hero-content-inner\">\n                <div class=\"gh-hero-text-wrapper\">\n                    <span class=\"gh-hydro-badge\">\n                        <svg viewBox=\"0 0 512 512\"><path d=\"M272 96c-78.6 0-145.1 81.5-165.7 128.4C83.4 233.6 32 256 32 256s28.7 15.3 58.9 23.6c-61.7 115.8-90.9 161.1-90.9 161.1s46.8-21.8 116.8-63.6C163.5 396 211.5 416 272 416c106 0 192-86 192-192S378 96 272 96zm-20.7 253.5c-35.3-25.1-51.5-62.2-56-78.6 20.3 35.8 54 53 79.4 56.4-1.9-8.4-10.4-32.9-38.3-51.6 23.3 22.8 45.4 34.6 57 36.3 3.6-21.7-10.4-44.5-35.5-60.8 18.7 17.5 33.1 24.5 41.5 25.1 12.3-23.7-4.1-45.5-27-59.5 21.6 15 37.9 22.9 44.5 21.4-12.7-33.1-40.4-47.2-64.8-51.8 35.9 8.1 63.8 28.6 77.2 56 12 24.3 9.4 51.5 5 74-8.8 44.9-38 78-75.7 93.6-18.7 7.7-36.6 8.3-54.8 5.7-16-2.3-33-8.8-49.8-19.5z\"\/><\/svg> \n                        PATENTED WALL GREEN HYDRO\u00ae SYSTEM\n                    <\/span>\n                    <h1 class=\"gh-hydro-title\">It's not a garden.<br>It's a thermodynamic machine.<\/h1>\n                    <p class=\"gh-hydro-desc\">\n                        The first dry installation (Dry-Tech) bio-infrastructure for the building envelope. An <strong>active ventilated facade<\/strong> that purifies the air from PM2.5, dampens decibels, and reduces the summer thermal load without requiring seismic recalculations.\n                    <\/p>\n                    <div class=\"gh-hydro-actions\">\n                        <a href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/scheda_tecnica_Hydro.pdf\" target=\"_blank\" class=\"gh-btn-hero-primary\">\n                            <svg viewBox=\"0 0 512 512\"><path d=\"M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V304H176c-35.3 0-64 28.7-64 64V512H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H192v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H192v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H304c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H320v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V368z\"\/><\/svg>\n                            Data Sheet & Specifications\n                        <\/a>\n                        <a href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/hydro-termico.pdf\" target=\"_blank\" class=\"gh-btn-hero-secondary\">\n                            <svg viewBox=\"0 0 384 512\"><path d=\"M192 0c-41.8 0-77.4 26.7-90.5 64H64C28.7 64 0 92.7 0 128V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H282.5C269.4 26.7 233.8 0 192 0zm0 64a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM112 192H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16z\"\/><\/svg>\n                            Giordano Institute Report\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"gh-hero-content-mobile\">\n        <span class=\"gh-mob-badge\">PATENTED WALL HYDRO\u00ae SYSTEM<\/span>\n        <h2 class=\"gh-mob-title\">Architecture Breathes.<br>The Building Saves.<\/h2>\n        <p class=\"gh-mob-desc\">The dry installation bio-infrastructure that transforms your facade into a thermodynamic machine. Summer thermal break and validated acoustic comfort for clinical environments.<\/p>\n        <div class=\"gh-hydro-actions\">\n            <a href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/scheda_tecnica_Hydro.pdf\" target=\"_blank\" class=\"gh-btn-hero-primary\">\n                <svg viewBox=\"0 0 512 512\"><path d=\"M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V304H176c-35.3 0-64 28.7-64 64V512H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H192v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H192v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H304c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H320v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H448v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V368z\"\/><\/svg>\n                Data Sheet & Specifications\n            <\/a>\n            <a href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/hydro-termico.pdf\" target=\"_blank\" class=\"gh-btn-hero-secondary\">\n                <svg viewBox=\"0 0 384 512\"><path d=\"M192 0c-41.8 0-77.4 26.7-90.5 64H64C28.7 64 0 92.7 0 128V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H282.5C269.4 26.7 233.8 0 192 0zm0 64a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM112 192H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16z\"\/><\/svg>\n                Giordano Institute Report\n            <\/a>\n        <\/div>\n    <\/div>\n\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"Product\",\n      \"@id\": \"https:\/\/greenhabitat.it\/facciate-verdi-verticali\/#hydro-system\",\n      \"name\": \"Wall Green Habitat Hydro\u00ae Ventilated Green Facade\",\n      \"description\": \"Patented Dry-Tech system for living walls. Thermodynamic building envelope with ventilated facade, featuring thermal transmittance reduction (Rp=0.56 certified by Giordano Institute) and phytoremediation of atmospheric particulate matter (PM2.5 -69%). Modular, ultra-lightweight (30-40 kg\/sqm), free of loose soil. Chosen for the Niguarda Hospital as it drastically minimizes the risk of fungal spore proliferation, and for the mega-logistics hubs of the global e-commerce leader.\",\n      \"brand\": {\"@type\": \"Brand\", \"name\": \"Green Habitat\"},\n      \"category\": \"Civil Engineering \/ Ventilated Facades\",\n      \"aggregateRating\": {\n        \"@type\": \"AggregateRating\",\n        \"ratingValue\": \"4.9\",\n        \"reviewCount\": \"56\"\n      }\n    },\n    {\n      \"@type\": \"VideoObject\",\n      \"name\": \"Architectural Performance: Wall Green Habitat Hydro Green Facade\",\n      \"description\": \"Visual demonstration of efficiency and Biophilic Design. 1) Architectural biomimicry with living foliage moving in the wind. 2) Industrial maintenance at heights on a cherry picker in total safety. 3) 'Healing Environment' effect: a woman relaxing in a luxury outdoor seating area adjacent to the living wall, breathing purified air.\",\n      \"thumbnailUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/facciata-verde-ventilata-hydro-termodinamica-green-habitat.jpg\",\n      \"contentUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/FACCIATE-VERDE-DESKTOP-DEF.mp4\",\n      \"uploadDate\": \"2026-03-03T08:00:00+01:00\",\n      \"publisher\": {\"@type\": \"Organization\", \"name\": \"Green Habitat\"}\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c7df0cd elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3c7df0cd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-29e75c4e\" data-id=\"29e75c4e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-24e8d6a6 elementor-widget elementor-widget-html\" data-id=\"24e8d6a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700&display=swap');\n\n    .gh-trustbar-wrapper {\n        width: 100%;\n        padding: 40px 0; \n        background: #ffffff;\n        border-top: 1px solid rgba(0,0,0,0.04);\n        border-bottom: 1px solid rgba(0,0,0,0.04);\n        overflow: hidden;\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .gh-trustbar-eyebrow {\n        text-align: center;\n        font-size: 11px;\n        font-weight: 700;\n        color: #b0b0b0; \n        letter-spacing: 4px;\n        text-transform: uppercase;\n        margin-bottom: 30px; \n    }\n\n    .gh-trustbar-marquee {\n        position: relative;\n        width: 100%;\n        max-width: 100%;\n        margin: 0 auto;\n        display: flex;\n        overflow: hidden;\n        -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n        mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n    }\n\n    .gh-trustbar-track {\n        display: flex;\n        align-items: center;\n        gap: 100px;\n        padding-left: 100px;\n        margin: 0;\n        list-style: none; \n        width: max-content;\n        will-change: transform;\n        animation: ghMarqueeScroll 60s linear infinite;\n    }\n\n    @keyframes ghMarqueeScroll {\n        0% { transform: translate3d(0, 0, 0); }\n        100% { transform: translate3d(-33.3333%, 0, 0); } \n    }\n\n    .gh-text-client {\n        font-weight: 600; \n        font-size: 22px; \n        letter-spacing: 3px;\n        color: #A3A3A3; \n        text-transform: uppercase;\n        white-space: nowrap;\n    }\n\n    @media (max-width: 768px) {\n        .gh-trustbar-wrapper { padding: 30px 0; }\n        .gh-trustbar-eyebrow { font-size: 10px; margin-bottom: 25px; letter-spacing: 2px; }\n        .gh-trustbar-track { \n            animation-duration: 45s; \n            gap: 50px;\n            padding-left: 50px;\n        } \n        .gh-text-client { \n            font-size: 15px; \n            font-weight: 600; \n            letter-spacing: 2px; \n        }\n        .gh-trustbar-marquee {\n            -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .gh-trustbar-track {\n            animation: none; transform: none; flex-wrap: wrap; justify-content: center; gap: 30px 40px; padding-left: 0; width: 100%;\n        }\n        .gh-trustbar-marquee { mask-image: none; -webkit-mask-image: none; overflow: visible; }\n        .gh-trustbar-track li[aria-hidden=\"true\"] { display: none !important; }\n    }\n<\/style>\n\n<section class=\"gh-trustbar-wrapper\" aria-label=\"Infrastructural Intervention Sectors\">\n    \n    <div class=\"gh-trustbar-eyebrow\">ENGINEERED INFRASTRUCTURES FOR:<\/div>\n    \n    <div class=\"gh-trustbar-marquee\">\n        <ul class=\"gh-trustbar-track\">\n            \n            <li class=\"gh-text-client\">CORPORATE HEADQUARTERS<\/li>\n            <li class=\"gh-text-client\">LOGISTICS HUBS<\/li>\n            <li class=\"gh-text-client\">AIRPORT LOUNGES<\/li>\n            <li class=\"gh-text-client\">HEALTHCARE FACILITIES<\/li>\n            <li class=\"gh-text-client\">RETAIL FLAGSHIP STORES<\/li>\n            <li class=\"gh-text-client\">BANKING FACILITIES<\/li>\n            <li class=\"gh-text-client\">SMART OFFICES<\/li>\n            <li class=\"gh-text-client\">BROADCAST STUDIOS<\/li>\n            <li class=\"gh-text-client\">EXHIBITION INSTALLATIONS<\/li>\n            \n            <li class=\"gh-text-client\" aria-hidden=\"true\">CORPORATE HEADQUARTERS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">LOGISTICS HUBS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">AIRPORT LOUNGES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">HEALTHCARE FACILITIES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">RETAIL FLAGSHIP STORES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">BANKING FACILITIES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">SMART OFFICES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">BROADCAST STUDIOS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">EXHIBITION INSTALLATIONS<\/li>\n\n            <li class=\"gh-text-client\" aria-hidden=\"true\">CORPORATE HEADQUARTERS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">LOGISTICS HUBS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">AIRPORT LOUNGES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">HEALTHCARE FACILITIES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">RETAIL FLAGSHIP STORES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">BANKING FACILITIES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">SMART OFFICES<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">BROADCAST STUDIOS<\/li>\n            <li class=\"gh-text-client\" aria-hidden=\"true\">EXHIBITION INSTALLATIONS<\/li>\n\n        <\/ul>\n    <\/div>\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Service\",\n  \"name\": \"Engineering of Bio-Infrastructures and B2B Biophilic Architecture\",\n  \"provider\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\"\n  },\n  \"description\": \"Green Habitat: The Smart Factory chosen by General Contractors. As direct manufacturers and technological partners (Industry 4.0 Made in Italy), we engineer advanced biophilic architecture solutions for the Corporate, Tech & Fashion Retail, Healthcare, Logistics, and Hospitality sectors. Our technological ecosystem transforms greenery into an active sound-absorbing infrastructure. We design systems that optimize acoustics (RT60), reduce operational costs (Zero OPEX), and combine maximum aesthetic impact with the strictest European fire safety certifications (Class B-s2,d0). Our infrastructures support the achievement of ESG credits (LEED, BREEAM, WELL). Our very high production capacity, custom CNC cutting, and 'Dry-Tech' installation have made us the supplier of excellence for: Headquarters and Executive Offices of leading European Banking Groups, Logistics Hubs and Headquarters of E-Commerce giants, Electronics and Luxury Flagship Stores, top-tier Healthcare Facilities, international Airport Lounges, Open Space Smart Offices, and Broadcast recording studios.\",\n  \"audience\": {\n    \"@type\": \"Audience\",\n    \"audienceType\": \"General Contractors, Architectural Firms, Engineers, Facility Managers, B2B\"\n  }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5ed6387 elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"5ed6387\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7448dde\" data-id=\"7448dde\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eb0d8c6 elementor-widget elementor-widget-html\" data-id=\"eb0d8c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"gh-dossier-master\" class=\"gh-dossier-wrapper\" aria-label=\"Hydro System Technical Specifications\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&display=swap');\n\n    #gh-dossier-master {\n      width: 100%; background-color: #f8fafc; font-family: 'Inter', sans-serif;\n      background-image: radial-gradient(circle at 50% 0%, #ffffff 0%, transparent 70%);\n      display: block; padding: 80px 20px; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; box-sizing: border-box;\n    }\n    #gh-dossier-master * { box-sizing: border-box; }\n\n    .dos-header { width: 100%; max-width: 1200px; margin: 0 auto 50px auto; text-align: center; }\n    .dos-meta { color: #b45309; font-size: 0.85rem; font-weight: 800; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 15px; display: inline-block; font-family: 'Montserrat', sans-serif;}\n    .dos-title { color: #0f172a; font-size: clamp(32px, 4vw, 50px); font-weight: 900; letter-spacing: -1.5px; line-height: 1.1; margin: 0 0 15px 0; font-family: 'Montserrat', sans-serif;}\n    .dos-subtitle { color: #475569; font-size: clamp(16px, 2vw, 18px); font-weight: 400; max-width: 800px; margin: 0 auto; line-height: 1.6; }\n\n    .dos-grid { display: grid; gap: 24px; width: 100%; max-width: 1350px; margin: 0 auto; }\n    \n    .dos-card {\n      background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; position: relative; overflow: hidden;\n      box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04); transition: all 0.4s ease; cursor: pointer;\n    }\n\n    .card-front { padding: 30px; display: flex; flex-direction: column; height: 100%; z-index: 2; position: relative; background: #fff;}\n    .c-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 25px; }\n    .c-tag { background: #f1f5f9; padding: 6px 12px; border-radius: 4px; font-family: monospace; font-size: 0.65rem; color: #334155; font-weight: 800; letter-spacing: 1px; border: 1px solid #e2e8f0; }\n    \n    .data-stack { display: flex; flex-direction: column; gap: 15px; margin-bottom: 15px; }\n    .c-val-lockup { display: flex; align-items: center; gap: 12px; }\n    .c-val { font-size: 3rem; font-weight: 900; color: #0f172a; line-height: 0.8; letter-spacing: -2px; flex-shrink: 0; }\n    \n    .val-label { display: flex; flex-direction: column; gap: 4px; }\n    .vl-top { font-size: 0.65rem; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; color: #64748b; line-height: 1.1; }\n    .vl-mid { font-size: 0.8rem; font-weight: 900; color: #0f172a; line-height: 1.1; }\n    .vl-sub { font-size: 0.6rem; font-weight: 500; color: #64748b; line-height: 1.2; }\n    .c-unit { font-size: 1rem; font-weight: 600; margin-left: 2px; }\n    .c-title { font-size: 1.3rem; font-weight: 800; color: #0f172a; line-height: 1.3; letter-spacing: -0.5px; margin-top: auto; padding-top: 20px; font-family: 'Montserrat', sans-serif;}\n\n    .val-blue { color: #0284c7 !important; } .val-green { color: #059669 !important; } .val-gold { color: #b45309 !important; } .val-slate { color: #334155 !important; }\n\n    .mob-expand-btn { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px solid #f1f5f9; color: #0284c7; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; }\n    .mob-expand-btn svg { width: 16px; stroke: currentColor; transition: transform 0.4s ease; }\n\n    .card-back { background: #f8fafc; padding: 25px 30px; border-top: 1px dashed #cbd5e1; transition: all 0.4s ease; }\n    .b-title { font-family: monospace; font-size: 0.85rem; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid #e2e8f0; padding-bottom: 10px; margin-bottom: 15px; }\n    .b-desc { font-size: 0.9rem; color: #475569; line-height: 1.6; font-weight: 400; margin: 0; }\n    .b-desc b { font-weight: 800; }\n\n    @media (min-width: 1025px) {\n      .dos-grid { grid-template-columns: repeat(4, 1fr); }\n      .dos-card { height: 450px; }\n      .card-front { transition: all 0.5s; }\n      .card-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: none; transform: translateY(100%); z-index: 3; }\n      .dos-card:hover { transform: translateY(-8px); border-color: #cbd5e1; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08); }\n      .dos-card:hover .card-front { transform: translateY(-20px); opacity: 0; visibility: hidden; }\n      .dos-card:hover .card-back { transform: translateY(0); }\n      .mob-expand-btn { display: none; }\n      .dos-card:nth-child(1) .card-back { border-top: 4px solid #0284c7; }\n      .dos-card:nth-child(2) .card-back { border-top: 4px solid #334155; }\n      .dos-card:nth-child(3) .card-back { border-top: 4px solid #b45309; }\n      .dos-card:nth-child(4) .card-back { border-top: 4px solid #059669; }\n    }\n\n    @media (max-width: 1024px) {\n      .dos-grid { grid-template-columns: 1fr; }\n      .card-back { max-height: 0; padding: 0 20px; opacity: 0; overflow: hidden; border-top: none; }\n      .js-dos-card.is-open { border-color: #0284c7; box-shadow: 0 15px 30px rgba(2,84,199,0.08); }\n      .js-dos-card.is-open .card-back { max-height: 800px; padding: 25px 20px; opacity: 1; border-top: 1px dashed #cbd5e1; }\n      .js-dos-card.is-open .mob-expand-btn svg { transform: rotate(180deg); }\n    }\n\n    .dos-legal-wrapper { width: 100%; max-width: 1350px; margin: 40px auto 0 auto; border-top: 1px dashed #cbd5e1; cursor: pointer; }\n    .dos-legal-toggle { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; font-size: 0.75rem; color: #64748b; font-weight: 700; text-transform: uppercase; }\n    .dos-legal-wrapper.is-open .dos-legal-toggle { color: #0f172a; }\n    .dos-legal-toggle svg { width: 16px; stroke: currentColor; transition: transform 0.3s; }\n    .dos-legal-content { max-height: 0; overflow: hidden; transition: all 0.4s; font-size: 0.7rem; color: #64748b; line-height: 1.6; font-family: monospace; opacity: 0; }\n    .dos-legal-wrapper.is-open .dos-legal-content { max-height: 500px; padding-bottom: 20px; opacity: 1; }\n    .dos-legal-wrapper.is-open .dos-legal-toggle svg { transform: rotate(180deg); }\n  <\/style>\n\n  <div class=\"dos-header\">\n    <span class=\"dos-meta\">The Reactive Envelope<\/span>\n    <h2 class=\"dos-title\">The Thermodynamic Machine.<\/h2>\n    <p class=\"dos-subtitle\">Discover the building physics behind the Wall Green Habitat Hydro\u00ae system. Select the cards to read the technical specifications and the regulatory safeguard for your project specifications.<\/p>\n  <\/div>\n\n  <div class=\"dos-grid\">\n    <div class=\"dos-card js-dos-card\">\n      <div class=\"card-front\">\n        <div class=\"c-header\"><span class=\"c-tag\">SHIELD + ENGINE<\/span><\/div>\n        <div class=\"data-stack\">\n          <div class=\"c-val-lockup\">\n            <div class=\"c-val val-blue\">-25%<\/div>\n            <div class=\"val-label\">\n              <span class=\"vl-top\">Transmittance<\/span><span class=\"vl-mid val-blue\">EMPTY SYSTEM<\/span><span class=\"vl-sub\">(without plants or water)<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"c-val-lockup\">\n            <div class=\"c-val val-green\">377<span class=\"c-unit val-green\">W\/m\u00b2<\/span><\/div>\n            <div class=\"val-label\">\n              <span class=\"vl-top\">Cooling Power<\/span><span class=\"vl-mid val-green\">WATER + PLANTS<\/span><span class=\"vl-sub\">(fully operational system)<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"c-title\">Two-Stage Insulation<\/div>\n        <div class=\"mob-expand-btn val-blue\"><span>Explore the engineering<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-back\">\n        <div class=\"b-title val-blue\">Thermal Performance<\/div>\n        <p class=\"b-desc\" style=\"margin-bottom: 12px;\"><b class=\"val-blue\" style=\"display:block;\">-25% EMPTY SYSTEM<\/b> Certified value Rp=0.56 (EN ISO 10211). It provides the regulatory basis for calculations, but only captures the inactive dry system.<\/p>\n        <p class=\"b-desc\"><b class=\"val-green\" style=\"display:block;\">COOLING POWER IN ACTION<\/b> Water evaporates through the leaves, extracting thermal energy from the air, drastically reducing the summer thermal load (Periodic Thermal Transmittance Y_IE).<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"dos-card js-dos-card\">\n      <div class=\"card-front\">\n        <div class=\"c-header\"><span class=\"c-tag\">ACOUSTIC SHIELD<\/span><\/div>\n        <div class=\"data-stack\"><div class=\"c-val-lockup\"><div class=\"c-val val-slate\">-60%<\/div><div class=\"val-label\"><span class=\"vl-top\">Perceived Noise<\/span><span class=\"vl-mid val-slate\">ACOUSTIC TREATMENT<\/span><\/div><\/div><\/div>\n        <div class=\"c-title\">Triple Action Barrier<\/div>\n        <div class=\"mob-expand-btn\" style=\"color:#334155;\"><span>Explore the engineering<\/span><svg style=\"stroke:#334155;\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-back\">\n        <div class=\"b-title val-slate\">Mass-Spring-Mass<\/div>\n        <p class=\"b-desc\">It works on 3 simultaneous levels: <b>the vegetation<\/b> disperses high frequencies, <b>the hydroponic substrate<\/b> absorbs medium frequencies, and <b>the rear air cavity<\/b> blocks vibrations. Halving of urban street noise.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"dos-card js-dos-card\">\n      <div class=\"card-front\">\n        <div class=\"c-header\"><span class=\"c-tag\">STATIC SAFETY<\/span><\/div>\n        <div class=\"data-stack\"><div class=\"c-val-lockup\"><div class=\"c-val val-gold\">0%<\/div><div class=\"val-label\"><span class=\"vl-top\">Soil and Loose Substrates<\/span><span class=\"vl-mid val-gold\">NO WASHOUT<\/span><\/div><\/div><\/div>\n        <div class=\"c-title\">Invariable Structural Weight<\/div>\n        <div class=\"mob-expand-btn\" style=\"color:#b45309;\"><span>Explore the engineering<\/span><svg style=\"stroke:#b45309;\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-back\">\n        <div class=\"b-title val-gold\">Millimetric Static Calculation<\/div>\n        <p class=\"b-desc\">The Dry-Tech system eliminates loose organic substrates (muddy soil). The result? <b>No facade washout and a reliable structural load (max 30-40 kg\/sqm)<\/b>, which can even be installed on plasterboard without complex seismic recalculations.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"dos-card js-dos-card\">\n      <div class=\"card-front\">\n        <div class=\"c-header\"><span class=\"c-tag\">INDOOR AIR QUALITY<\/span><\/div>\n        <div class=\"data-stack\"><div class=\"c-val-lockup\"><div class=\"c-val val-green\">-69%<\/div><div class=\"val-label\"><span class=\"vl-top\">PM2.5 in 4 days<\/span><span class=\"vl-mid val-green\">CLINICAL STANDARD<\/span><\/div><\/div><\/div>\n        <div class=\"c-title\">Active Biofiltration<\/div>\n        <div class=\"mob-expand-btn\" style=\"color:#059669;\"><span>Explore the engineering<\/span><svg style=\"stroke:#059669;\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-back\">\n        <div class=\"b-title val-green\">The Hospital Ecosystem<\/div>\n        <p class=\"b-desc\">The absence of soil minimizes risk factors linked to the proliferation of spores (such as Aspergillus), making it an avant-garde technology suitable for the facades of the <b>Niguarda Emergency Room (2026 Olympic Hub)<\/b>. The fabric acts as a passive electrostatic filter for PM10.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"dos-legal-wrapper\" onclick=\"this.classList.toggle('is-open')\">\n    <div class=\"dos-legal-toggle\"><span>* Technical Warnings and Benchmarks<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n    <div class=\"dos-legal-content\">Acoustic treatment and the Cooling Power data (up to 377 W\/m\u00b2) constitute benchmarks developed during the thermo-physical modeling of active biomass (scientific literature), calculated in addition to the inert baseline tested in the laboratory (Istituto Giordano Report no. 373723 with an estimated -25% transmittance reduction for the empty hardware module alone Rp=0.56). Soil-less systems prevent the fungal proliferation (e.g., Aspergillus) typical of potting soils, supporting the hygiene protocols of critical complexes such as Hospitals, but in no way replace mandatory clinical sanitization procedures.<\/div>\n  <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const cards = document.querySelectorAll('.js-dos-card');\n        cards.forEach(card => {\n            card.addEventListener('click', function() {\n                if(window.innerWidth <= 1024) {\n                    cards.forEach(c => { if(c !== this) c.classList.remove('is-open'); });\n                    this.classList.toggle('is-open');\n                }\n            });\n        });\n    });\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"TechArticle\",\n  \"headline\": \"Wall Green Habitat Hydro Engineering Dossier\",\n  \"description\": \"Our system reduces the summer thermal load by up to 377 W\/m2 through evapotranspiration (Cooling Power), halves urban noise (-60%), maintains an invariable structural weight without washout (zero loose soil, maximum 30-40 kg\/sqm fully loaded), and acts as a bio-filter capturing PM2.5 (reduced by 69% in 4 solar days). Fundamental performance for obtaining LEED and WELL credits.\",\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\"\n  },\n  \"about\": [\n    {\n      \"@type\": \"Thing\",\n      \"name\": \"Cooling Power and Evapotranspiration (377 W\/m\u00b2)\"\n    },\n    {\n      \"@type\": \"Thing\",\n      \"name\": \"Acoustic Treatment (-60%)\"\n    },\n    {\n      \"@type\": \"Thing\",\n      \"name\": \"Soil-Free Static Safety (30-40 kg\/sqm)\"\n    },\n    {\n      \"@type\": \"Thing\",\n      \"name\": \"PM2.5 Biofiltration (-69%) and LEED\/WELL certifications\"\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9241d90 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9241d90\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c3952d7\" data-id=\"c3952d7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-93b41ec elementor-widget elementor-widget-html\" data-id=\"93b41ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"gh-transform-section\" aria-label=\"Dry-Tech Construction Site Logistics Comparison\">\n    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700;800;900&display=swap');\n\n        .gh-transform-section { padding: 100px 20px; background-color: #ffffff; font-family: 'Montserrat', sans-serif; border-top: 1px solid #eaeaea; overflow: hidden;}\n        .gh-transform-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n\n        .gh-transform-content-col { text-align: left; }\n        .gh-transform-eyebrow { display: block; font-size: 11px; font-weight: 800; color: #C8A165; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; }\n        .gh-transform-title { font-size: clamp(32px, 4vw, 42px); font-weight: 900; color: #1d1d1f; line-height: 1.15; letter-spacing: -1px; margin: 0 0 20px 0; }\n        .gh-transform-desc { font-size: 16px; font-weight: 500; color: #6e6e73; line-height: 1.6; margin: 0 0 40px 0; max-width: 500px; }\n\n        .gh-logistic-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 20px; }\n        .gh-logistic-card { border-top: 2px solid #eaeaea; padding-top: 15px; transition: border-color 0.3s ease; }\n        .gh-logistic-card:hover { border-top-color: #C8A165; }\n        .gh-card-label { display: block; font-size: 10px; font-weight: 700; color: #a1a1a6; letter-spacing: 1px; margin-bottom: 8px; }\n        .gh-card-title { font-size: 16px; font-weight: 800; color: #1d1d1f; margin: 0 0 8px 0; letter-spacing: -0.5px; }\n        .gh-card-text { font-size: 13.5px; font-weight: 500; color: #6e6e73; line-height: 1.5; margin: 0; }\n\n        .gh-transform-visual-col { display: flex; justify-content: center; align-items: center; width: 100%; }\n        \n        .gh-ba-slider-wrapper { position: relative; width: 100%; max-width: 500px; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.08); user-select: none; -webkit-user-select: none; touch-action: pan-y; }\n        \n        .gh-ba-background { position: relative; width: 100%; line-height: 0; }\n        .gh-ba-background img { width: 100%; height: auto; display: block; pointer-events: none; }\n        \n        .gh-ba-foreground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; clip-path: inset(0 50% 0 0); -webkit-clip-path: inset(0 50% 0 0); border-right: 2px solid #ffffff; } \n        .gh-ba-foreground img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none;}\n\n        .gh-ba-label { position: absolute; top: 20px; padding: 6px 12px; border-radius: 4px; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; backdrop-filter: blur(5px); pointer-events: none; z-index: 5;}\n        .gh-label-left { left: 20px; background: rgba(0,0,0,0.6); color: #ffffff; }\n        .gh-label-right { right: 20px; background: rgba(200, 161, 101, 0.9); color: #ffffff; }\n\n        .gh-ba-handle { position: absolute; top: 0; left: 50%; height: 100%; width: 60px; margin-left: -30px; z-index: 10; display: flex; justify-content: center; align-items: center; cursor: col-resize; }\n        .gh-ba-handle::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 100%; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2); }\n        \n        .gh-ba-handle-circle { position: relative; width: 44px; height: 44px; background-color: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #1d1d1f; box-shadow: 0 4px 15px rgba(0,0,0,0.15); z-index: 2; }\n        .gh-ba-handle-circle svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; fill: none;}\n\n        .gh-pulse-gold { animation: pulseGoldSmooth 2.5s infinite cubic-bezier(0.66, 0, 0, 1); }\n        @keyframes pulseGoldSmooth {\n            0% { box-shadow: 0 4px 15px rgba(0,0,0,0.15), 0 0 0 0 rgba(200, 161, 101, 0.7); }\n            70% { box-shadow: 0 4px 15px rgba(0,0,0,0.15), 0 0 0 20px rgba(200, 161, 101, 0); }\n            100% { box-shadow: 0 4px 15px rgba(0,0,0,0.15), 0 0 0 0 rgba(200, 161, 101, 0); }\n        }\n\n        .gh-animate-on-scroll .gh-ba-foreground { animation: hintClipReveal 2.5s cubic-bezier(0.4, 0.0, 0.2, 1) forwards; }\n        .gh-animate-on-scroll .gh-ba-handle { animation: hintLeftReveal 2.5s cubic-bezier(0.4, 0.0, 0.2, 1) forwards; }\n        @keyframes hintClipReveal { 0%, 100% { clip-path: inset(0 50% 0 0); -webkit-clip-path: inset(0 50% 0 0); } 50% { clip-path: inset(0 75% 0 0); -webkit-clip-path: inset(0 75% 0 0); } }\n        @keyframes hintLeftReveal { 0%, 100% { left: 50%; } 50% { left: 25%; } }\n\n        @media (max-width: 1024px) {\n            .gh-transform-container { grid-template-columns: 1fr; gap: 50px; }\n            .gh-transform-visual-col { order: 1; }\n            .gh-transform-content-col { order: 2; }\n            .gh-ba-slider-wrapper { max-width: 100%; }\n        }\n        @media (max-width: 768px) {\n            .gh-transform-section { padding: 60px 20px; }\n            .gh-logistic-grid { grid-template-columns: 1fr; gap: 20px; }\n            .gh-ba-label { font-size: 9px; padding: 4px 8px; top: 10px; }\n            .gh-label-left { left: 10px; } .gh-label-right { right: 10px; }\n            .gh-ba-handle-circle { width: 36px; height: 36px; }\n            .gh-ba-handle-circle svg { width: 16px; height: 16px; }\n            .gh-ba-handle { width: 50px; margin-left: -25px; } \n        }\n    <\/style>\n\n    <div class=\"gh-transform-container\">\n        \n        <div class=\"gh-transform-visual-col\">\n            <div class=\"gh-ba-slider-wrapper\" id=\"gh-ba-slider\" aria-label=\"Interactive slider: before and after green facade installation\">\n                \n                <div class=\"gh-ba-background\">\n                    <img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/FACCIATA-VERDE-DOPO.jpg\" alt=\"Final result: Active Hydro Green Facade\" draggable=\"false\" loading=\"lazy\">\n                    <span class=\"gh-ba-label gh-label-right\">HYDRO\u00ae INSTALLED<\/span>\n                <\/div>\n\n                <div class=\"gh-ba-foreground\" id=\"gh-ba-foreground\">\n                    <img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/FACCIATA-VERDE-PRIMA.jpg\" alt=\"Obsolete concrete industrial building before assembly\" draggable=\"false\" loading=\"lazy\">\n                     <span class=\"gh-ba-label gh-label-left\">CONSTRUCTION SITE STATUS<\/span>\n                <\/div>\n\n                <div class=\"gh-ba-handle\" id=\"gh-ba-handle\">\n                    <div class=\"gh-ba-handle-line\"><\/div>\n                    <div class=\"gh-ba-handle-circle gh-pulse-gold\">\n                        <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><polyline points=\"9 18 15 12 9 6\" transform=\"translate(6,0)\" opacity=\"0.4\"><\/polyline><\/svg>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <div class=\"gh-transform-content-col\">\n            <span class=\"gh-transform-eyebrow\">DRY-TECH LOGISTICS AND INSTALLATION<\/span>\n            <h2 class=\"gh-transform-title\">From concrete to Day-1.<br>Without masonry work.<\/h2>\n            <p class=\"gh-transform-desc\">\n                We transform the facade eliminating unforeseen events. The Hydro\u00ae system is engineered \"Dry-Tech\" for smooth integration into the construction schedule, guaranteeing total independence from other works.\n            <\/p>\n\n            <div class=\"gh-logistic-grid\">\n                <div class=\"gh-logistic-card\">\n                    <span class=\"gh-card-label\">NURSERY METHOD<\/span>\n                    <h3 class=\"gh-card-title\">Off-Site Prefabrication<\/h3>\n                    <p class=\"gh-card-text\">The modules arrive at the construction site already vegetated. Preventive acclimatization in the nursery eliminates post-installation failures and the use of soil on site.<\/p>\n                <\/div>\n                <div class=\"gh-logistic-card\">\n                    <span class=\"gh-card-label\">STRUCTURAL INSTALLATION<\/span>\n                    <h3 class=\"gh-card-title\">Dry-Tech Technology<\/h3>\n                    <p class=\"gh-card-text\">Purely mechanical dry fixing on uprights. No use of mortars, glues, or drying times that stop the construction site.<\/p>\n                <\/div>\n                <div class=\"gh-logistic-card\">\n                    <span class=\"gh-card-label\">VISUAL RESULT<\/span>\n                    <h3 class=\"gh-card-title\">Day-1 Immediate Effect<\/h3>\n                    <p class=\"gh-card-text\">Architectural impact, phytoremediation, and 100% leaf cover guaranteed from the exact moment of testing at height.<\/p>\n                <\/div>\n                <div class=\"gh-logistic-card\">\n                    <span class=\"gh-card-label\">SITE MANAGEMENT<\/span>\n                    <h3 class=\"gh-card-title\">Zero Logistics Footprint<\/h3>\n                    <p class=\"gh-card-text\">Surgical installation that does not cause dirt and does not interfere in the slightest with the client's operational vehicles on the ground.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const slider = document.getElementById('gh-ba-slider');\n    if(!slider) return;\n    const foreground = document.getElementById('gh-ba-foreground');\n    const handle = document.getElementById('gh-ba-handle');\n    const handleCircle = slider.querySelector('.gh-ba-handle-circle');\n    let isDragging = false;\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                slider.classList.add('gh-animate-on-scroll');\n                observer.unobserve(entry.target);\n            }\n        });\n    }, { threshold: 0.5 });\n    observer.observe(slider);\n\n    function moveSlider(e) {\n        if (slider.classList.contains('gh-animate-on-scroll')) slider.classList.remove('gh-animate-on-scroll');\n        if (handleCircle.classList.contains('gh-pulse-gold')) handleCircle.classList.remove('gh-pulse-gold');\n\n        const rect = slider.getBoundingClientRect();\n        let x = (e.type.includes('touch')) ? e.touches[0].clientX - rect.left : e.clientX - rect.left;\n        x = Math.max(0, Math.min(x, rect.width));\n\n        const percentage = (x \/ rect.width) * 100;\n        foreground.style.clipPath = `inset(0 ${100 - percentage}% 0 0)`;\n        foreground.style.webkitClipPath = `inset(0 ${100 - percentage}% 0 0)`;\n        handle.style.left = percentage + \"%\";\n    }\n\n    handle.addEventListener('mousedown', (e) => { isDragging = true; moveSlider(e); });\n    document.addEventListener('mouseup', () => { isDragging = false; });\n    document.addEventListener('mousemove', (e) => { if (isDragging) moveSlider(e); });\n    \n    handle.addEventListener('touchstart', (e) => { isDragging = true; moveSlider(e); }, { passive: true });\n    document.addEventListener('touchend', () => { isDragging = false; });\n    document.addEventListener('touchmove', (e) => { if (isDragging) moveSlider(e); }, { passive: true });\n});\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"TechArticle\",\n  \"headline\": \"Logistics Advantages: Dry Installation (Dry-Tech) for Wall Green Habitat Hydro\",\n  \"description\": \"Unlike traditional loose soil roof gardens that cause dirty and slow construction sites, the Wall Green Habitat Hydro system guarantees a Zero Footprint construction site. Purely mechanical dry fixing on uprights, without the use of mortar, guaranteeing a 100% living wall from the day of testing without blocking the logistics of large e-commerce hubs or hospital operations.\",\n  \"about\": [\n    {\n      \"@type\": \"Thing\",\n      \"name\": \"Dry Installation (Dry-Tech)\"\n    },\n    {\n      \"@type\": \"Thing\",\n      \"name\": \"Zero Logistics Footprint\"\n    },\n    {\n      \"@type\": \"Thing\",\n      \"name\": \"Off-Site Prefabrication\"\n    }\n  ],\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\"\n  }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ef28f79 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ef28f79\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4062acc\" data-id=\"4062acc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4287621 elementor-widget elementor-widget-html\" data-id=\"4287621\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"gh-theater-section\" aria-labelledby=\"gh-theater-main-title\">\n    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap');\n\n        .gh-theater-section { padding: 100px 20px; background-color: #fcfcfc; font-family: 'Montserrat', sans-serif; border-top: 1px solid #eaeaea; }\n        .gh-theater-container { max-width: 1050px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }\n\n        .gh-theater-header { text-align: center; max-width: 800px; margin-bottom: 50px; }\n        .gh-theater-eyebrow { display: inline-block; font-size: 11px; font-weight: 800; color: #C8A165; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; }\n        .gh-theater-title { font-size: clamp(32px, 5vw, 46px); font-weight: 900; color: #1d1d1f; line-height: 1.15; letter-spacing: -1.5px; margin: 0 0 20px 0; }\n        .gh-theater-desc { font-size: 17px; font-weight: 500; color: #6e6e73; line-height: 1.6; margin: 0 auto; }\n\n        .gh-theater-visual { width: 100%; margin-bottom: 60px; display: flex; justify-content: center; }\n\n        .gh-theater-video-wrapper { \n            position: relative; width: 100%; max-width: 900px; border-radius: 12px; overflow: hidden; \n            box-shadow: 0 30px 60px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.05); background-color: #111111; \n            aspect-ratio: 16\/9; line-height: 0; \n        }\n\n        .gh-video-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 1; }\n        .gh-spinner { width: 44px; height: 44px; border: 3px solid rgba(200, 161, 101, 0.15); border-top-color: #C8A165; border-radius: 50%; animation: gh-spin 1s linear infinite; }\n        @keyframes gh-spin { to { transform: rotate(360deg); } }\n\n        .gh-theater-video { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; display: block; object-fit: cover;}\n\n        .gh-theater-badge { position: absolute; top: 20px; left: 20px; background: rgba(0,0,0,0.7); color: #ffffff; padding: 6px 12px; border-radius: 4px; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; backdrop-filter: blur(5px); z-index: 5; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(255,255,255,0.1); }\n        .gh-dot-recording { width: 8px; height: 8px; background-color: #ff3b30; border-radius: 50%; animation: blinkRed 1.5s infinite; }\n        @keyframes blinkRed { 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255,59,48,0.7); } 50% { opacity: 0.3; box-shadow: 0 0 0 4px rgba(255,59,48,0); } }\n\n        .gh-theater-features { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; width: 100%; max-width: 900px; }\n        .gh-theater-feature-card { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }\n        .gh-theater-icon { width: 54px; height: 54px; background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; display: flex; justify-content: center; align-items: center; color: #C8A165; box-shadow: 0 10px 20px rgba(0,0,0,0.04); margin-bottom: 25px; }\n        .gh-theater-icon svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}\n        \n        .gh-theater-text h3 { font-size: 20px; font-weight: 800; color: #1d1d1f; margin: 0 0 12px 0; letter-spacing: -0.5px; }\n        .gh-theater-text p { font-size: 15px; font-weight: 500; color: #6e6e73; line-height: 1.6; margin: 0; }\n\n        @media (max-width: 768px) {\n            .gh-theater-section { padding: 70px 20px; }\n            .gh-theater-desc { font-size: 15px; }\n            .gh-theater-visual { margin-bottom: 40px; }\n            .gh-theater-video-wrapper { border-radius: 8px; }\n            .gh-theater-badge { top: 10px; left: 10px; padding: 4px 8px; font-size: 9px; }\n            .gh-theater-features { grid-template-columns: 1fr; gap: 40px; }\n            .gh-theater-icon { width: 48px; height: 48px; margin-bottom: 20px; }\n            .gh-theater-text h3 { font-size: 20px; }\n        }\n    <\/style>\n\n    <div class=\"gh-theater-container\">\n        \n        <div class=\"gh-theater-header\">\n            <span class=\"gh-theater-eyebrow\">DRY INSTALLATION URBAN RETROFITTING<\/span>\n            <h2 id=\"gh-theater-main-title\" class=\"gh-theater-title\">The instant worksite.<br>Zero masonry work.<\/h2>\n            <p class=\"gh-theater-desc\">\n                Transforming or shielding an obsolete building no longer requires plastering, skimming, or expensive restorations. The patented Hydro\u00ae system bypasses facade degradation, creating an independent protective ventilation chamber.\n            <\/p>\n        <\/div>\n\n        <div class=\"gh-theater-visual\">\n            <div class=\"gh-theater-video-wrapper\" id=\"gh-theater-lazy-container\">\n                <div class=\"gh-theater-badge\">\n                    <span class=\"gh-dot-recording\"><\/span> HIGH-ALTITUDE HOOKING TEST (Rack)\n                <\/div>\n                \n                <div class=\"gh-video-loader\"><div class=\"gh-spinner\"><\/div><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"gh-theater-features\">\n            <div class=\"gh-theater-feature-card\">\n                <div class=\"gh-theater-icon\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n                <\/div>\n                <div class=\"gh-theater-text\">\n                    <h3>Rack Anchoring<\/h3>\n                    <p>Fastening of the uprights via standard wall plugs. The pre-vegetated module hooks onto the galvanized frame in seconds using a rail system, reducing high-altitude work times by 60%.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-theater-feature-card\">\n                <div class=\"gh-theater-icon\">\n                    <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n                <\/div>\n                <div class=\"gh-theater-text\">\n                    <h3>Single Module Inspectability<\/h3>\n                    <p>The facade is never \"blind\" or sealed. Every single 100x50 cm panel is totally independent and can be unhooked instantly to inspect hidden masonry or systems.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script data-cfasync=\"false\" data-no-optimize=\"1\">\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var lazyContainer = document.getElementById('gh-theater-lazy-container');\n        if ('IntersectionObserver' in window && lazyContainer) {\n            var lazyObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        var videoHTML = '<video class=\"gh-theater-video skip-lazy no-lazy\" data-cookieconsent=\"ignore\" data-no-lazy=\"1\" data-skip-lazy=\"1\" autoplay loop muted playsinline aria-label=\"Operators safely in an aerial work platform demonstrating the ease of hooking the Hydro panels via rack\"><source data-cookieconsent=\"ignore\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/Video_montaggio_Hydro-.mp4\" type=\"video\/mp4\"><\/video>';\n                        entry.target.insertAdjacentHTML('beforeend', videoHTML);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { rootMargin: \"300px 0px\" }); \n            \n            lazyObserver.observe(lazyContainer);\n        }\n    });\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"VideoObject\",\n  \"name\": \"Structural Engineering: The Wall Green Habitat Hydro Rack Mechanical Anchoring\",\n  \"description\": \"Demonstration of the direct and modular mechanical anchoring. Unlike climbing plant or hydroponic tank systems, the Wall Green Habitat Hydro patent fixes the galvanized uprights via wall plugs, creating an active ventilation cavity of 3cm (Summer Chimney Effect). The 100x50cm pre-vegetated panel snaps onto the rack, ensuring high-altitude inspectability and removability in 10 seconds to reduce OPEX costs.\",\n  \"thumbnailUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/facciata-verde-ventilata-hydro-termodinamica-green-habitat-mobile.jpg\",\n  \"uploadDate\": \"2026-03-09T08:00:00+01:00\",\n  \"contentUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/Video_montaggio_Hydro-.mp4\"\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1f88e96 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1f88e96\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a58a2d3\" data-id=\"a58a2d3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ef2369b elementor-widget elementor-widget-html\" data-id=\"ef2369b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"gh-amazon-hotspot\" class=\"gh-desktop-hotspot-unified\" aria-label=\"E-Commerce Logistics Case Study\">\n    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700;800;900&family=Inter:wght@400;600;700;800;900&display=swap');\n\n        .gh-desktop-hotspot-unified { width: 100%; background-color: #F9F7F2; padding: 80px 5%; box-sizing: border-box; font-family: 'Inter', sans-serif; border-top: 1px solid #e5e5e5; }\n        .gh-desktop-hotspot-unified sup { font-size: 0.6em; vertical-align: super; line-height: 0; }\n\n        .gh-hero-case { max-width: 1250px; margin: 0 auto; }\n        .gh-dash-header { margin-bottom: 40px; text-align: center; max-width: 900px; margin-inline: auto; }\n        \n        .gh-dash-badge { display: inline-flex; align-items: center; gap: 8px; color: #e63946; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; margin-bottom: 15px; border-bottom: 1px solid #e63946; padding-bottom: 3px; }\n        .gh-dash-badge::before { content: ''; display: block; width: 8px; height: 8px; background-color: #e63946; border-radius: 50%; box-shadow: 0 0 8px rgba(230, 57, 70, 0.5); }\n        \n        .gh-dash-title { font-size: clamp(32px, 4vw, 42px); color: #1A3C34; margin: 0 0 15px 0; line-height: 1.15; font-weight: 900; letter-spacing: -1px; font-family: 'Montserrat', sans-serif; }\n        .gh-dash-subtitle { font-size: 1.05rem; color: #444; line-height: 1.6; margin: 0; font-weight: 500; }\n        \n        .gh-dash-grid { display: grid; grid-template-columns: 1.3fr 1.1fr; gap: 40px; align-items: center; }\n        \n        .gh-dash-visual { border-radius: 16px; overflow: hidden; display: flex; align-items: center; background-color: transparent; }\n        .gh-dash-visual img { width: 100%; height: auto; display: block; border-radius: 16px; box-shadow: 0 20px 50px -10px rgba(26, 60, 52, 0.2); filter: contrast(1.05) saturate(1.05); }\n\n        .gh-telemetry-module { background: #090c15; border-radius: 16px; overflow: hidden; box-shadow: 0 30px 60px -15px rgba(0,0,0,0.6); border: 1px solid rgba(255, 255, 255, 0.08); display: flex; flex-direction: column; width: 100%; }\n\n        .gh-tel-header { padding: 16px 25px; background: #111522; border-bottom: 1px solid rgba(255,255,255,0.05); display: flex; justify-content: space-between; align-items: center; }\n        .gh-tel-title { font-size: 0.75rem; font-weight: 800; color: #6b7280; text-transform: uppercase; letter-spacing: 2px; }\n        .gh-tel-live { display: flex; align-items: center; gap: 6px; color: #10b981; font-size: 0.65rem; font-weight: 800; letter-spacing: 1px; }\n        .gh-tel-dot { width: 6px; height: 6px; background: #10b981; border-radius: 50%; animation: livePulse 1.5s infinite; }\n        @keyframes livePulse { 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); } 70% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); } 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } }\n\n        .gh-tel-stage { padding: 40px 25px; position: relative; background: radial-gradient(circle at center, #111522 0%, #090c15 100%); display: flex; align-items: center; gap: 30px; min-height: 190px; }\n        \n        .gh-tel-ring-wrapper { position: relative; width: 110px; height: 110px; flex-shrink: 0; }\n        .gh-tel-ring-bg { position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; border: 3px solid rgba(255,255,255,0.05); }\n        .gh-tel-ring-active { position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; border: 3px solid transparent; border-top-color: var(--theme-color, #10b981); border-right-color: var(--theme-color, #10b981); transform: rotate(-45deg); transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1); box-shadow: 0 0 20px var(--theme-color-glow, rgba(16,185,129,0.2)); }\n        .gh-tel-icon-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; color: var(--theme-color, #10b981); transition: color 0.5s ease; }\n        .gh-tel-icon-box svg { width: 100%; height: 100%; filter: drop-shadow(0 0 8px var(--theme-color-glow, rgba(16,185,129,0.4))); }\n        \n        .gh-tel-content { display: flex; flex-direction: column; justify-content: center; }\n        .gh-tel-lbl { font-size: 0.7rem; font-weight: 800; color: #9ca3af; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 6px; }\n        .gh-tel-val { font-size: clamp(22px, 3vw, 30px); font-weight: 900; color: var(--theme-color, #10b981); line-height: 1.1; margin-bottom: 12px; font-family: 'Montserrat', sans-serif; transition: color 0.5s ease; text-shadow: 0 0 20px var(--theme-color-glow, rgba(16,185,129,0.3)); }\n        .gh-tel-desc { font-size: 0.9rem; color: #a1a1aa; line-height: 1.5; font-weight: 400; max-width: 280px; }\n        \n        .gh-tel-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 22px; background: #111522; border-top: 1px solid rgba(255,255,255,0.05); }\n        .gh-tel-btn { background: #090c15; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 14px; display: flex; flex-direction: column; align-items: flex-start; cursor: pointer; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); position: relative; overflow: hidden; }\n        .gh-tel-btn::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: transparent; transition: background 0.3s ease; }\n        .gh-tel-btn:hover { background: #151b2b; border-color: rgba(255,255,255,0.15); }\n        .gh-btn-eyebrow { font-size: 0.6rem; color: #6b7280; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; margin-bottom: 4px; transition: color 0.3s; }\n        .gh-btn-title { font-size: 0.85rem; color: #e5e7eb; font-weight: 700; transition: color 0.3s; text-align: left;}\n        \n        .gh-tel-btn.active { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0,0,0,0.5); border-color: rgba(255,255,255,0.1); }\n        .gh-tel-btn.active[data-mode=\"esg\"] { background: linear-gradient(90deg, rgba(16,185,129,0.1) 0%, rgba(9,12,21,1) 100%); }\n        .gh-tel-btn.active[data-mode=\"esg\"]::before { background: #10b981; }\n        .gh-tel-btn.active[data-mode=\"esg\"] .gh-btn-title { color: #10b981; }\n        \n        .gh-tel-btn.active[data-mode=\"clima\"] { background: linear-gradient(90deg, rgba(14,165,233,0.1) 0%, rgba(9,12,21,1) 100%); }\n        .gh-tel-btn.active[data-mode=\"clima\"]::before { background: #0ea5e9; }\n        .gh-tel-btn.active[data-mode=\"clima\"] .gh-btn-title { color: #0ea5e9; }\n        \n        .gh-tel-btn.active[data-mode=\"logistica\"] { background: linear-gradient(90deg, rgba(200,161,101,0.1) 0%, rgba(9,12,21,1) 100%); }\n        .gh-tel-btn.active[data-mode=\"logistica\"]::before { background: #C8A165; }\n        .gh-tel-btn.active[data-mode=\"logistica\"] .gh-btn-title { color: #C8A165; }\n        \n        .gh-tel-btn.active[data-mode=\"acqua\"] { background: linear-gradient(90deg, rgba(139,92,246,0.1) 0%, rgba(9,12,21,1) 100%); }\n        .gh-tel-btn.active[data-mode=\"acqua\"]::before { background: #8b5cf6; }\n        .gh-tel-btn.active[data-mode=\"acqua\"] .gh-btn-title { color: #8b5cf6; }\n\n        @media (max-width: 1024px) {\n            .gh-desktop-hotspot-unified { padding: 60px 20px; }\n            .gh-dash-header { text-align: left; }\n            .gh-dash-grid { grid-template-columns: 1fr; gap: 30px; }\n            .gh-dash-visual { order: -1; }\n            .gh-tel-stage { flex-direction: column; align-items: flex-start; gap: 20px; padding: 30px 20px;}\n            .gh-tel-desc { max-width: 100%; }\n        }\n        @media (max-width: 480px) {\n            .gh-tel-controls { grid-template-columns: 1fr; gap: 10px; padding: 15px; }\n        }\n    <\/style>\n\n    <div class=\"gh-hero-case\">\n        <div class=\"gh-dash-header\">\n            <span class=\"gh-dash-badge\">NDA Protocol | Blind Case Study<\/span>\n            <h2 class=\"gh-dash-title\">Active Infrastructures for the Mega-Hubs of the Global E-Commerce Leader.<\/h2>\n            <p class=\"gh-dash-subtitle\">The integration of the Wall Green Hydro<sup>&reg;<\/sup> System as a structural asset. A modular format replicated on a large scale to humanize operational environments, mitigate the Urban Heat Island, and filter PM2.5. A living ecosystem managed by 4.0 automation, installed with \"Zero Downtime\" without interfering with vehicle logistics.<\/p>\n        <\/div>\n\n        <div class=\"gh-dash-grid\">\n            <div class=\"gh-dash-visual\">\n                <img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/HUB-SITO.jpg\" alt=\"Active green wall infrastructure in an e-commerce logistics warehouse\" loading=\"lazy\">\n            <\/div>\n\n            <div class=\"gh-telemetry-module js-telemetry-module\">\n                <div class=\"gh-tel-header\">\n                    <span class=\"gh-tel-title\">Diagnostic Terminal<\/span>\n                    <div class=\"gh-tel-live\"><span class=\"gh-tel-dot\"><\/span> LIVE DATA<\/div>\n                <\/div>\n\n                <div class=\"gh-tel-stage\" style=\"--theme-color: #10b981; --theme-color-glow: rgba(16,185,129,0.3);\" aria-live=\"polite\">\n                    <div class=\"gh-tel-ring-wrapper\">\n                        <div class=\"gh-tel-ring-bg\"><\/div>\n                        <div class=\"gh-tel-ring-active js-tel-ring\"><\/div>\n                        <div class=\"gh-tel-icon-box js-tel-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line><\/svg>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"gh-tel-content\">\n                        <div class=\"gh-tel-lbl js-tel-lbl\">ESG & HR IMPACT<\/div>\n                        <div class=\"gh-tel-val js-tel-val\">ACTIVE BIOPHILIA<\/div>\n                        <div class=\"gh-tel-desc js-tel-desc\">Humanization of an industrial environment. Reduces visual stress and generates a strong measurable return for the sustainability report (LEED Protocols).<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"gh-tel-controls\" role=\"tablist\" aria-label=\"Select analysis parameter of the Logistics case study\">\n                    <button class=\"gh-tel-btn active js-tel-btn\" data-mode=\"esg\" role=\"tab\" aria-selected=\"true\">\n                        <span class=\"gh-btn-eyebrow\">Parameter 01<\/span>\n                        <span class=\"gh-btn-title\">ESG Impact<\/span>\n                    <\/button>\n                    <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"clima\" role=\"tab\" aria-selected=\"false\">\n                        <span class=\"gh-btn-eyebrow\">Parameter 02<\/span>\n                        <span class=\"gh-btn-title\">Thermodynamics<\/span>\n                    <\/button>\n                    <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"logistica\" role=\"tab\" aria-selected=\"false\">\n                        <span class=\"gh-btn-eyebrow\">Parameter 03<\/span>\n                        <span class=\"gh-btn-title\">Operations<\/span>\n                    <\/button>\n                    <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"acqua\" role=\"tab\" aria-selected=\"false\">\n                        <span class=\"gh-btn-eyebrow\">Parameter 04<\/span>\n                        <span class=\"gh-btn-title\">Automation<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    const modules = document.querySelectorAll('.js-telemetry-module');\n    \n    const dataHub = {\n        esg: {\n            color: '#10b981', glow: 'rgba(16,185,129,0.3)',\n            lbl: 'ESG & HR IMPACT', val: 'ACTIVE BIOPHILIA',\n            desc: 'Humanization of an industrial environment. Reduces visual stress and generates a strong measurable return for the sustainability report (LEED Protocols).',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line><\/svg>'\n        },\n        clima: {\n            color: '#0ea5e9', glow: 'rgba(14,165,233,0.3)',\n            lbl: 'THERMODYNAMIC EFFICIENCY', val: 'THERMAL SHIELD',\n            desc: 'The evapotranspiration of the Wall Green Hydro System actively addresses the extreme temperatures of the warehouse, mitigating lethal heat islands.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"><\/path><\/svg>'\n        },\n        logistica: {\n            color: '#C8A165', glow: 'rgba(200,161,101,0.3)',\n            lbl: 'LOGISTICAL CONTINUITY', val: 'ZERO DOWNTIME',\n            desc: 'Zero minutes of downtime for forklifts and trucks. Surgical and non-invasive installation with dry-tech modules pre-assembled in our production facility.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>'\n        },\n        acqua: {\n            color: '#8b5cf6', glow: 'rgba(139,92,246,0.3)',\n            lbl: 'WATER AUTOMATION', val: 'SMART 4.0',\n            desc: 'Drastic reduction of manual operations. Vital and nutritional cycles are optimized autonomously by control units and hydraulic pumps.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\"><\/path><\/svg>'\n        }\n    };\n\n    modules.forEach(mod => {\n        if(mod.dataset.init) return;\n        mod.dataset.init = 'true';\n\n        const stage = mod.querySelector('.gh-tel-stage');\n        const ring = mod.querySelector('.js-tel-ring');\n        const iconBox = mod.querySelector('.js-tel-icon');\n        const lbl = mod.querySelector('.js-tel-lbl');\n        const val = mod.querySelector('.js-tel-val');\n        const desc = mod.querySelector('.js-tel-desc');\n        const btns = mod.querySelectorAll('.js-tel-btn');\n        \n        let keys = Object.keys(dataHub);\n        let currentIndex = 0;\n        let isAutoPlaying = true;\n        let autoInterval;\n\n        function updateTelemetry(mode, isAuto = false) {\n            if(!isAuto) { isAutoPlaying = false; clearInterval(autoInterval); }\n            const data = dataHub[mode];\n            \n            btns.forEach(b => { b.classList.remove('active'); b.setAttribute('aria-selected', 'false'); });\n            const activeBtn = mod.querySelector(`[data-mode=\"${mode}\"]`);\n            if(activeBtn) { activeBtn.classList.add('active'); activeBtn.setAttribute('aria-selected', 'true'); }\n\n            stage.style.setProperty('--theme-color', data.color);\n            stage.style.setProperty('--theme-color-glow', data.glow);\n\n            ring.style.transition = 'none';\n            ring.style.transform = 'rotate(-180deg)';\n            ring.style.opacity = '0';\n            void ring.offsetWidth; \n            ring.style.transition = 'all 0.6s cubic-bezier(0.25, 1, 0.5, 1)';\n            ring.style.transform = 'rotate(-45deg)';\n            ring.style.opacity = '1';\n\n            iconBox.innerHTML = data.icon;\n            lbl.innerText = data.lbl;\n            val.innerHTML = data.val;\n            desc.innerHTML = data.desc;\n        }\n\n        function cycleTelemetry() {\n            if(!isAutoPlaying) return;\n            currentIndex = (currentIndex + 1) % keys.length;\n            updateTelemetry(keys[currentIndex], true);\n        }\n\n        btns.forEach((btn, index) => {\n            btn.addEventListener('click', (e) => {\n                e.preventDefault();\n                currentIndex = index;\n                updateTelemetry(btn.dataset.mode, false);\n            });\n        });\n\n        updateTelemetry('esg', true);\n        autoInterval = setInterval(cycleTelemetry, 4500);\n    });\n});\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"B2B Case Study: E-Commerce Logistics Hubs and ESG Report\",\n  \"description\": \"The integration of the Wall Green Habitat Hydro System in the large industrial warehouses and logistics hubs of the world's leading e-commerce company solved extreme environmental criticalities. In addition to the aesthetic retrofitting of the offices (Biophilic Design), the external green facade reduces the Urban Heat Island and lowers HVAC cooling costs. The operations of the mega-hub were never interrupted during construction (Zero Downtime) thanks to the Dry-Tech installation.\",\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\"\n  },\n  \"mentions\": [\n    {\n      \"@type\": \"Thing\",\n      \"name\": \"Urban Heat Island\"\n    },\n    {\n      \"@type\": \"Thing\",\n      \"name\": \"HVAC Cooling\"\n    },\n    {\n      \"@type\": \"Thing\",\n      \"name\": \"Water Automation 4.0\"\n    }\n  ]\n}\n<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-38f75ab elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"38f75ab\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e67225b\" data-id=\"e67225b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dc8c4bc elementor-widget elementor-widget-html\" data-id=\"dc8c4bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"gh-institutional-validation\" aria-labelledby=\"gh-rai-title\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n        .gh-institutional-validation {\n            width: 100%; background-color: #ffffff; padding: 100px 5%; box-sizing: border-box;\n            font-family: 'Inter', sans-serif; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0;\n        }\n\n        .gh-inst-container { max-width: 1250px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: center; }\n\n        .gh-inst-text { display: flex; flex-direction: column; align-items: flex-start; }\n        \n        .gh-gov-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(200, 161, 101, 0.08); border: 1px solid rgba(200, 161, 101, 0.3); color: #B38B4D; padding: 8px 16px; border-radius: 4px; font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 25px; }\n        .gh-gov-badge svg { width: 14px; height: 14px; fill: currentColor; }\n\n        .gh-inst-title { font-family: 'Montserrat', sans-serif; font-size: clamp(34px, 4vw, 50px); font-weight: 900; color: #1A3C34; line-height: 1.1; margin: 0 0 20px 0; letter-spacing: -1.5px; }\n        .gh-inst-title span { color: #C8A165; }\n\n        .gh-inst-desc { font-size: 17px; color: #555555; line-height: 1.6; margin: 0 0 35px 0; font-weight: 400;}\n        .gh-inst-desc strong { color: #222222; font-weight: 700; }\n        \n        .gh-enea-highlight {\n            display: inline-block;\n            color: #1A3C34; \n            background: rgba(200, 161, 101, 0.15);\n            border: 1px solid rgba(200, 161, 101, 0.6);\n            padding: 2px 8px;\n            border-radius: 4px;\n            font-weight: 900;\n            font-size: 0.95em;\n            letter-spacing: 1px;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n        }\n\n        .gh-dept-highlight {\n            color: #1A3C34; \n            font-weight: 700;\n            letter-spacing: 0.5px;\n        }\n\n        .gh-inst-bullets { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 18px; }\n        .gh-inst-bullets li { display: flex; align-items: flex-start; gap: 15px; font-size: 15px; color: #555555; font-weight: 500; line-height: 1.5; }\n        .gh-inst-bullets li svg { flex-shrink: 0; width: 22px; height: 22px; stroke: #C8A165; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; margin-top: 1px;}\n        .gh-inst-bullets li strong { color: #111111; font-weight: 700;}\n\n        .gh-inst-video-card { position: relative; width: 100%; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.15); border: 1px solid #eeeeee; background-color: #000; display: block; text-decoration: none; line-height: 0; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);}\n        \n        .gh-inst-video-card:hover { transform: translateY(-8px); border-color: rgba(200, 161, 101, 0.4); box-shadow: 0 25px 60px rgba(0,0,0,0.25); }\n\n        .gh-rai-thumbnail { width: 100%; height: auto; display: block; transition: transform 0.6s ease, opacity 0.6s ease; opacity: 0.9; object-fit: contain;}\n        .gh-inst-video-card:hover .gh-rai-thumbnail { transform: scale(1.03); opacity: 0.7; }\n\n        .gh-play-btn-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(200, 161, 101, 0.95); border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 0 0 rgba(200, 161, 101, 0.7); animation: pulsePlayRai 2s infinite cubic-bezier(0.66, 0, 0, 1); transition: all 0.3s ease; z-index: 10; }\n        .gh-play-btn-wrapper svg { width: 24px; height: 24px; fill: #fff; margin-left: 4px; transition: fill 0.3s ease;}\n        \n        .gh-inst-video-card:hover .gh-play-btn-wrapper { background: #fff; transform: translate(-50%, -50%) scale(1.15); animation: none; box-shadow: 0 10px 40px rgba(200,161,101,0.4); }\n        .gh-inst-video-card:hover .gh-play-btn-wrapper svg { fill: #C8A165; }\n\n        @keyframes pulsePlayRai { 0% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0.7); } 70% { box-shadow: 0 0 0 20px rgba(200, 161, 101, 0); } 100% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0); } }\n\n        .gh-rai-logo-cover {\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            width: 45%; \n            height: 40px; \n            background: linear-gradient(to right, transparent, #000 30%); \n            z-index: 5;\n        }\n\n        .gh-rai-logo-bar { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 30px 20px 30px; background: linear-gradient(to top, rgba(0,0,0,0.85), transparent); display: flex; justify-content: space-between; align-items: center; line-height: normal; z-index: 10; }\n        .gh-rai-text { color: #fff; font-size: 15px; font-weight: 800; letter-spacing: 1px; font-family: 'Montserrat', sans-serif;}\n        \n        .gh-external-link { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}\n        .gh-external-link svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2;}\n\n        @media (max-width: 1024px) {\n            .gh-inst-container { grid-template-columns: 1fr; gap: 50px; max-width: 700px; }\n            .gh-inst-text { text-align: left; align-items: flex-start; }\n            .gh-play-btn-wrapper { width: 65px; height: 65px; }\n            .gh-play-btn-wrapper svg { width: 20px; height: 20px; }\n        }\n        @media (max-width: 768px) { \n            .gh-institutional-validation { padding: 80px 20px; } \n            .gh-inst-title { font-size: 34px; letter-spacing: -1px; margin-bottom: 15px;}\n            .gh-inst-desc { font-size: 16px; }\n            .gh-inst-bullets li { font-size: 14px; }\n            .gh-rai-logo-bar { padding: 20px 15px 15px 15px; } \n            .gh-rai-text { font-size: 14px; }\n        }\n    <\/style>\n\n    <div class=\"gh-inst-container\">\n        \n        <div class=\"gh-inst-text\">\n            <div class=\"gh-gov-badge\">\n                <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n                ENEA INSTITUTIONAL VALIDATION\n            <\/div>\n            \n            <h2 id=\"gh-rai-title\" class=\"gh-inst-title\">The Building Envelope of the future, validated by <span>Science<\/span>.<\/h2>\n            <p class=\"gh-inst-desc\">Move beyond decorative gardening. Together with the <span class=\"gh-dept-highlight\">Energy Efficiency Unit<\/span> of <span class=\"gh-enea-highlight\">ENEA<\/span>, on <strong>RAI 1<\/strong> we demonstrated the real impact of our dry installation bio-infrastructures in reducing Thermal Transmittance and combating lethal Urban Heat Islands.<\/p>\n            \n            <ul class=\"gh-inst-bullets\">\n                <li>\n                    <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <span><strong>The End of Soil:<\/strong> Institutional promoters in Italy of Dry-Tech technology (soilless hydroponics).<\/span>\n                <\/li>\n                <li>\n                    <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <span><strong>Validated Transmittance:<\/strong> The thermodynamic performance of our patent confirmed by ENEA researchers.<\/span>\n                <\/li>\n                <li>\n                    <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <span><strong>ESG Protocols and Green Buildings:<\/strong> The essential infrastructure to obtain LEED and BREEAM environmental credits.<\/span>\n                <\/li>\n            <\/ul>\n        <\/div>\n\n        <a href=\"https:\/\/www.raiplay.it\/video\/2022\/07\/Tutti-i-vantaggi-del-verde-verticale---Unomattina-estate---25072022-350be243-9622-490e-8b1a-87ad59bbc2d6.html\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-inst-video-card\" aria-label=\"Watch the full interview on RaiPlay with ENEA and Green Habitat (Opens in a new official tab)\">\n            <img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2022\/08\/ANTEPRIM-RAI.jpg\" alt=\"Green Habitat Founder and ENEA Researchers live on Rai 1 discussing thermal efficiency\" class=\"gh-rai-thumbnail\" loading=\"lazy\">\n            <div class=\"gh-play-btn-wrapper\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n            <\/div>\n            <div class=\"gh-rai-logo-cover\" aria-hidden=\"true\"><\/div>\n            \n            <div class=\"gh-rai-logo-bar\" aria-hidden=\"true\">\n                <div class=\"gh-rai-text\">RaiPlay<\/div>\n                <div class=\"gh-external-link\">\n                    Watch on Rai.it <svg viewBox=\"0 0 24 24\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>\n                <\/div>\n            <\/div>\n        <\/a>\n\n    <\/div>\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"VideoObject\",\n      \"name\": \"All the benefits of vertical greenery - Unomattina\",\n      \"description\": \"Green Habitat presents live on national television on RAI 1 (Unomattina Estate program), in synergy with researchers from the ENEA energy efficiency department, the patented Wall Green Habitat Hydro system as a technological standard for the ecological transition and regulatory compliance with the European Energy Performance of Buildings Directive (EPBD 2050).\",\n      \"contentUrl\": \"https:\/\/www.raiplay.it\/video\/2022\/07\/Tutti-i-vantaggi-del-verde-verticale---Unomattina-estate---25072022-350be243-9622-490e-8b1a-87ad59bbc2d6.html\",\n      \"thumbnailUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2022\/08\/ANTEPRIM-RAI.jpg\",\n      \"uploadDate\": \"2022-07-25T10:00:00+02:00\",\n      \"publication\": {\n        \"@type\": \"BroadcastEvent\",\n        \"name\": \"ENEA and Green Habitat Intervention on the Energy Efficiency of Green Walls\",\n        \"publishedOn\": {\n          \"@type\": \"BroadcastService\",\n          \"name\": \"RAI 1 \/ RaiPlay\",\n          \"broadcaster\": {\n            \"@type\": \"Organization\",\n            \"name\": \"Radiotelevisione Italiana (RAI)\"\n          }\n        }\n      }\n    },\n    {\n      \"@type\": \"NewsArticle\",\n      \"headline\": \"Green Habitat and ENEA on Rai 1: Dry Installation Technologies and Certified Transmittance\",\n      \"description\": \"ENEA researchers confirm the superiority of advanced hydroponic systems over outdated heavy soil systems. The soilless cultivation patent positions itself as a partner for cutting-edge projects (Agriculture 3.0, Arkeofarm greenhouses) aimed at retrofitting buildings without land consumption, reducing transmittance, and mitigating the Urban Heat Island (UHI) effect.\",\n      \"publisher\": { \"@type\": \"Organization\", \"name\": \"Green Habitat\" },\n      \"mainEntityOfPage\": \"https:\/\/www.raiplay.it\/video\/2022\/07\/Tutti-i-vantaggi-del-verde-verticale---Unomattina-estate---25072022-350be243-9622-490e-8b1a-87ad59bbc2d6.html\"\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8a2407c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8a2407c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ec6907d\" data-id=\"ec6907d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7d57085 elementor-widget elementor-widget-spacer\" data-id=\"7d57085\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e461d02 elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"e461d02\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-522b2b8\" data-id=\"522b2b8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f35c10a elementor-widget elementor-widget-html\" data-id=\"f35c10a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section aria-labelledby=\"gh-strat-desk-title\" class=\"gh-desktop-strat-section\">\n<style>\n  :root {\n    --bg-deep: #030303;\n    --bg-grid: #0a0a0c;\n    --text-head: #ffffff;\n    --text-body: #e2e8f0; \n    --neon-green: #00df82;\n    --neon-blue: #0ea5e9;\n    --heat-red: #ef4444;\n    --heat-orange: #f97316;\n    --heat-yellow: #facc15;\n    --uv-gold: #fbbf24;\n    --matte-gold: #d4af37; \n    --toxin-grey: #44403c;\n    --nutrient-magenta: rgba(217, 70, 239, 0.3);\n    \n    --mat-brick: repeating-linear-gradient(45deg, #111, #111 2px, #1a1a1a 2px, #1a1a1a 8px);\n    --mat-steel: linear-gradient(90deg, #1e293b 0%, #94a3b8 15%, #f8fafc 25%, #475569 45%, #1e293b 100%);\n    --mat-void: #050505;\n    --mat-turf: linear-gradient(90deg, #064e3b 0%, #059669 100%);\n    --mat-plant: linear-gradient(135deg, rgba(0, 223, 130, 0.8) 0%, rgba(4, 120, 87, 0.4) 50%, rgba(0, 223, 130, 0.8) 100%);\n  }\n\n  .gh-mockup-wrapper * { \n    box-sizing: border-box; \n    font-family: 'Inter', Helvetica, sans-serif; \n    -webkit-font-smoothing: antialiased; \n  }\n\n  .gh-mockup-wrapper {\n    display: flex; width: 100%; height: 85vh; min-height: 700px; max-height: 900px;\n    background: var(--bg-deep); \n    border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05); \n    position: relative; overflow: hidden; margin: 40px 0;\n  }\n\n  .gh-visual-area {\n    width: 50%; height: 100%; position: relative;\n    display: flex; flex-direction: column; align-items: center; justify-content: center;\n    padding: 100px 0 60px 40px; background-color: var(--bg-grid);\n    background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n    background-size: 40px 40px; border-right: 1px solid rgba(255,255,255,0.1);\n  }\n\n  .gh-system-title {\n    position: absolute; top: 25px; left: 50%; transform: translateX(-50%); z-index: 50; width: 85%;\n    background: rgba(10, 10, 12, 0.85); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);\n    border: 1px solid rgba(212, 175, 55, 0.2); border-bottom: 2px solid var(--matte-gold);\n    padding: 15px 25px; border-radius: 8px; box-shadow: 0 20px 40px rgba(0,0,0,0.9);\n    display: flex; flex-direction: column; gap: 10px; pointer-events: none;\n  }\n  .st-main { text-align: center; color: var(--matte-gold); font-size: 0.85rem; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; }\n  .st-directions { display: flex; justify-content: space-between; align-items: center; font-size: 0.75rem; font-weight: 800; letter-spacing: 1.5px; }\n  .st-dir-left { color: rgba(255,255,255,0.6); } .st-dir-right { color: #fff; text-shadow: 0 0 10px var(--neon-green); }\n\n  .context-hud { position: absolute; top: 40px; left: 30px; display: flex; align-items: flex-start; z-index: 50; pointer-events: none; }\n  .minimap-building { width: 35px; height: 60px; border: 1px solid rgba(255,255,255,0.3); background: repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 11px); position: relative; }\n  .minimap-target { position: absolute; top: 20px; left: -2px; width: 39px; height: 15px; border: 1px solid var(--neon-green); background: rgba(0, 223, 130, 0.2); box-shadow: 0 0 10px rgba(0, 223, 130, 0.5); }\n\n  .wall-wrapper { width: 100%; height: 85%; position: relative; }\n  .gh-wall { display: flex; height: 100%; width: 100%; position: relative; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%); }\n  \n  .x-layer { \n    height: 100%; position: relative; border-right: 1px solid rgba(255,255,255,0.15); \n    opacity: 1 !important; \n    filter: brightness(0.9) !important; \n    transform: scaleX(1) scaleY(1) !important; \n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); \n    overflow: hidden; cursor: crosshair; \n  }\n  \n  .x-layer.is-active-step { \n    filter: brightness(1.2) !important; \n    transform: scaleX(1.15) scaleY(1.02) !important; \n    z-index: 10; \n    border-right: 1px solid var(--neon-green) !important; \n    box-shadow: 0 0 40px rgba(0,0,0,1), inset 0 0 25px rgba(255,255,255,0.15) !important; \n  }\n\n  .xl-brick { width: 12%; background: var(--mat-brick); border-left: 1px solid rgba(255,255,255,0.05);}\n  .xl-air1 { width: 8%; background: linear-gradient(0deg, rgba(239, 68, 68, 0.15) 0%, rgba(14, 165, 233, 0.3) 100%); background-size: 100% 200%; border-right: 1px dashed rgba(14, 165, 233, 0.2); }\n  .xl-steel { width: 4%; background: var(--mat-steel); }\n  .xl-air2 { width: 14%; background: var(--mat-void); border-right: 1px dashed rgba(255,255,255,0.05); }\n  .xl-core { width: 18%; background: var(--mat-void); }\n  .xl-turf { width: 4%; background: var(--mat-turf); border-right: 1px solid rgba(251, 191, 36, 0.6); }\n  \n  .xl-plant { \n    width: 40%; background: var(--mat-plant); background-size: 200% 200%; \n    position: relative; overflow: hidden; border-right: none !important; \n  }\n  .x-layer.is-active-step.xl-plant { border-left: 3px solid var(--neon-green) !important; box-shadow: inset 8px 0 25px rgba(0, 223, 130, 0.4), inset -10px 0 20px rgba(239, 68, 68, 0.6) !important; }\n\n  .xl-air1 { animation: thermoRise 3s linear infinite; }\n  @keyframes thermoRise { 0% { background-position: 0% 100%; } 100% { background-position: 0% 0%; } }\n  .thermo-arrows { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none;}\n  .thermo-arrows span { position: absolute; font-weight: 900; opacity: 0; }\n  .ta-1 { left: 15%; font-size: 1.5rem; animation: flyThermo 2.5s infinite linear 0s;} .ta-2 { left: 50%; transform: translateX(-50%); font-size: 2rem; animation: flyThermo 2.2s infinite linear 0.7s;} .ta-3 { right: 15%; font-size: 1.3rem; animation: flyThermo 2.8s infinite linear 0.3s;} .ta-4 { left: 30%; font-size: 1.1rem; animation: flyThermo 2.4s infinite linear 1.2s;} .ta-5 { right: 30%; font-size: 1.7rem; animation: flyThermo 2.6s infinite linear 0.9s;}\n  @keyframes flyThermo { 0% { bottom: -10%; opacity: 0; color: #ef4444; text-shadow: 0 0 10px #ef4444; transform: scale(0.8); } 15% { opacity: 1; color: #f97316; text-shadow: 0 0 10px #f97316; transform: scale(1); } 50% { color: #06b6d4; text-shadow: 0 0 10px #06b6d4; } 85% { opacity: 1; color: var(--neon-blue); text-shadow: 0 0 15px var(--neon-blue); } 100% { bottom: 110%; opacity: 0; color: var(--neon-blue); transform: scale(1.1); } }\n\n  .thermal-zone { position: absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(90deg, rgba(14, 165, 233, 0.1) 0%, transparent 40%, transparent 60%, rgba(239, 68, 68, 0.08) 100%); animation: thermalPulse 3s infinite alternate; }\n  @keyframes thermalPulse { 0% { opacity: 0.5; } 100% { opacity: 1; } }\n  \n  .sound-wave { position: absolute; right: 0; color: rgba(255,255,255,0.6); font-family: monospace; font-weight: bold; opacity: 0;}\n  .sw-1 { top: 15%; font-size: 1.4rem; animation: soundDamping 2.2s ease-out infinite 0.1s;} .sw-2 { top: 35%; font-size: 1.1rem; animation: soundDamping 2.8s ease-out infinite 0.7s;} .sw-3 { top: 50%; font-size: 1.8rem; animation: soundDamping 2.5s ease-out infinite 0.0s;} .sw-4 { top: 70%; font-size: 1.3rem; animation: soundDamping 2.1s ease-out infinite 1.2s;} .sw-5 { top: 85%; font-size: 1.6rem; animation: soundDamping 2.6s ease-out infinite 0.4s;}\n  @keyframes soundDamping { 0% { right: -20%; transform: scale(1.2); opacity: 0; } 20% { opacity: 1; } 80% { right: 60%; transform: scale(0.3); opacity: 0; } 100% { right: 60%; opacity: 0; } }\n\n  .core-wrapper { display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }\n  .fabric-layer { height: 100%; border-right: 1px dashed rgba(255,255,255,0.05); position: relative; overflow: hidden; }\n  .f-dense { width: 35%; background: radial-gradient(circle, rgba(255,255,255,0.2) 1px, transparent 1px); background-size: 3px 3px; }\n  .f-medium { width: 35%; background: radial-gradient(circle, rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 5px 5px; }\n  .f-loose { width: 30%; background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px); background-size: 8px 8px; border-right: none;}\n  \n  .wd { position: absolute; width: 3px; height: 25px; background: rgba(14, 165, 233, 0.9); box-shadow: 0 0 15px rgba(14, 165, 233, 1); border-radius: 3px; opacity: 0; }\n  .wd-1 { left: 15%; animation: slowDrip 4.5s infinite ease-in 0s;} .wd-2 { left: 35%; animation: slowDrip 5.2s infinite ease-in 1.5s;} .wd-3 { left: 55%; animation: slowDrip 3.8s infinite ease-in 0.8s;} .wd-4 { left: 75%; animation: slowDrip 4.9s infinite ease-in 2.3s;} .wd-5 { left: 25%; animation: slowDrip 5.5s infinite ease-in 0.4s;} .wd-6 { left: 85%; animation: slowDrip 6.1s infinite ease-in 3.1s;} .wd-7 { left: 45%; animation: slowDrip 4.2s infinite ease-in 1.9s;} .wd-8 { left: 65%; animation: slowDrip 5.8s infinite ease-in 2.7s;}\n  @keyframes slowDrip { 0% { top: -10%; opacity: 0; transform: scaleY(1); } 20% { opacity: 0.9; } 80% { opacity: 0.9; } 100% { top: 110%; opacity: 0; transform: scaleY(0.7); } }\n  \n  .mc-node { position: absolute; width: 3px; height: 3px; background: #fff; box-shadow: 0 0 12px 3px var(--neon-blue); border-radius: 50%; opacity: 0; }\n  .mn-1 { top: 10%; animation: capilaryPath 3.5s infinite ease-in-out 0s;} .mn-2 { top: 20%; animation: capilaryPath 4.0s infinite ease-in-out 0.5s;} .mn-3 { top: 30%; animation: capilaryPath 3.2s infinite ease-in-out 1.2s;} .mn-4 { top: 40%; animation: capilaryPath 4.5s infinite ease-in-out 0.8s;} .mn-5 { top: 50%; animation: capilaryPath 3.8s infinite ease-in-out 2.1s;} .mn-6 { top: 60%; animation: capilaryPath 4.2s infinite ease-in-out 1.5s;} .mn-7 { top: 70%; animation: capilaryPath 3.6s infinite ease-in-out 0.3s;} .mn-8 { top: 80%; animation: capilaryPath 4.8s infinite ease-in-out 2.5s;} .mn-9 { top: 90%; animation: capilaryPath 3.9s infinite ease-in-out 1.8s;}\n  @keyframes capilaryPath { 0% { right: -10%; opacity: 0; transform: scale(1); } 20% { opacity: 1; } 50% { transform: scale(2.5); opacity: 0.8; } 80% { opacity: 1; } 100% { right: 120%; opacity: 0; transform: scale(0.5); } }\n  \n  .sat-mass { position: absolute; width: 140%; left: -20%; background: var(--neon-blue); filter: blur(15px); opacity: 0; border-radius: 50%; mix-blend-mode: screen; }\n  .sm-1 { top: 10%; height: 30%; animation: saturateMove1 4s infinite alternate ease-in-out 0s;} .sm-2 { top: 50%; height: 40%; animation: saturateMove2 5s infinite alternate ease-in-out 1s;} .sm-3 { top: 75%; height: 25%; animation: saturateMove3 4.5s infinite alternate ease-in-out 0.5s;}\n  @keyframes saturateMove1 { 0% { top: 10%; transform: scale(0.9); opacity: 0.1; } 100% { top: 20%; transform: scale(1.1); opacity: 0.45; } }\n  @keyframes saturateMove2 { 0% { top: 50%; transform: scaleX(0.8) scaleY(1); opacity: 0.2; } 100% { top: 40%; transform: scaleX(1.2) scaleY(1.1); opacity: 0.5; } }\n  @keyframes saturateMove3 { 0% { top: 75%; transform: scale(1); opacity: 0.1; } 100% { top: 65%; transform: scale(1.2); opacity: 0.4; } }\n\n  .nutrient-mist { position: absolute; border-radius: 50%; filter: blur(20px); mix-blend-mode: screen; opacity: 0; pointer-events: none; }\n  .nm-1 { background: var(--nutrient-magenta); width: 60px; height: 60px; top: 20%; left: 30%; animation: mistPulse 6s infinite alternate 0s;}\n  .nm-2 { background: rgba(14, 165, 233, 0.4); width: 70px; height: 70px; top: 70%; left: 50%; animation: mistPulse 7s infinite alternate 2s;}\n  @keyframes mistPulse { 0% { transform: scale(0.8) translate(0,0); opacity: 0.1; } 100% { transform: scale(1.6) translate(15px, -15px); opacity: 0.6; } }\n\n  .xl-turf { animation: turfPulse 2s infinite alternate; }\n  @keyframes turfPulse { 0% { box-shadow: inset -5px 0 15px rgba(0, 223, 130, 0.1); } 100% { box-shadow: inset -20px 0 40px rgba(0, 223, 130, 0.4); } }\n  \n  .uv-ray { position: absolute; right: -120px; width: 100px; height: 4px; background: linear-gradient(90deg, transparent, var(--uv-gold), #fff); box-shadow: 0 0 20px var(--uv-gold), 0 0 10px var(--heat-orange); opacity: 0; border-radius: 2px;}\n  .uv-1 { top: 15%; animation: uvStrike 1.8s infinite ease-in 0s;} .uv-2 { top: 35%; animation: uvStrike 2.2s infinite ease-in 0.7s;} .uv-3 { top: 55%; animation: uvStrike 1.5s infinite ease-in 0.3s;} .uv-4 { top: 75%; animation: uvStrike 2.5s infinite ease-in 1.1s;} .uv-5 { top: 90%; animation: uvStrike 1.9s infinite ease-in 0.9s;}\n  @keyframes uvStrike { 0% { right: -120px; opacity: 0; } 10% { opacity: 1; } 25% { right: 0px; opacity: 1; width: 40px; } 30% { right: 0px; opacity: 0; width: 0px; } 100% { right: 0px; opacity: 0; } }\n  \n  .shield-flash { position: absolute; right: 0; width: 8px; height: 40px; background: rgba(251, 191, 36, 1); border-radius: 5px; filter: blur(4px); opacity: 0; transform: translateY(-50%); box-shadow: 0 0 20px var(--uv-gold);}\n  .sf-1 { top: 15%; animation: shieldBounce 1.8s infinite 0.4s;} .sf-2 { top: 35%; animation: shieldBounce 2.2s infinite 1.1s;} .sf-3 { top: 55%; animation: shieldBounce 1.5s infinite 0.7s;} .sf-4 { top: 75%; animation: shieldBounce 2.5s infinite 1.5s;} .sf-5 { top: 90%; animation: shieldBounce 1.9s infinite 1.3s;}\n  @keyframes shieldBounce { 0% { opacity: 0; transform: translateY(-50%) scaleY(0.2); } 10% { opacity: 1; transform: translateY(-50%) scaleY(3); } 30% { opacity: 0; transform: translateY(-50%) scaleY(0.2); } 100% { opacity: 0; } }\n  \n  .pm-trap { position: absolute; width: 3px; height: 3px; background: var(--toxin-grey); box-shadow: 0 0 3px rgba(255,255,255,0.5); border-radius: 50%; opacity: 0; }\n  .pm-1 { top: 15%; left: 50%; animation: pmCatchWash 4s infinite 0s;} .pm-2 { top: 45%; left: 30%; animation: pmCatchWash 4s infinite 1.5s;} .pm-3 { top: 75%; left: 70%; animation: pmCatchWash 4s infinite 2.5s;}\n  @keyframes pmCatchWash { 0% { opacity: 0; transform: translateX(15px); } 10% { opacity: 1; transform: translateX(0); } 70% { opacity: 1; top: inherit; } 80% { opacity: 0; top: 100%; } 100% { opacity: 0; } }\n  \n  .washout-wave { position: absolute; top: -30%; left: 0; width: 100%; height: 30%; background: linear-gradient(to bottom, transparent, rgba(14,165,233,0.8), transparent); opacity: 0; animation: washDown 3s infinite;}\n  @keyframes washDown { 0% { top: -30%; opacity: 0; } 50% { opacity: 0;} 60% { opacity: 1; } 80% { top: 110%; opacity: 1; } 90% { opacity: 0; top: 110%;} 100% { opacity: 0;} }\n  \n  .electro-spark { position: absolute; width: 2px; height: 15px; background: #fff; box-shadow: 0 0 12px var(--neon-green); opacity: 0; border-radius: 2px;}\n  .es-1 { top: 20%; left: 50%; transform: rotate(45deg); animation: sparkFlash 1.5s infinite 0.2s;} .es-2 { top: 40%; left: 30%; transform: rotate(-30deg); animation: sparkFlash 2.2s infinite 0.8s;} .es-3 { top: 70%; left: 60%; transform: rotate(15deg); animation: sparkFlash 1.8s infinite 0.5s;} .es-4 { top: 90%; left: 40%; transform: rotate(-60deg); animation: sparkFlash 2.5s infinite 1.1s;}\n  @keyframes sparkFlash { 0%, 100% { opacity: 0; } 50% { opacity: 1; transform: scaleY(2) rotate(45deg); } }\n\n  .xl-plant { animation: bioBreathe 4s ease-in-out infinite, windSway 8s ease-in-out infinite alternate; }\n  @keyframes windSway { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }\n  @keyframes bioBreathe { 0%, 100% { filter: brightness(0.95); } 50% { filter: brightness(1.1); } }\n\n  .solar-flare { position: absolute; top: 0; right: 0; width: 80px; height: 100%; background: linear-gradient(to left, rgba(239, 68, 68, 0.95) 0%, rgba(249, 115, 22, 0.8) 15%, transparent 100%); filter: blur(6px); mix-blend-mode: screen; opacity: 0; pointer-events: none; animation: flarePulse 3s infinite alternate ease-in-out;}\n  @keyframes flarePulse { 0% { opacity: 0.6; transform: scaleX(0.9); } 100% { opacity: 1; transform: scaleX(1.3); } }\n\n  .heat-cloud { position: absolute; border-radius: 50%; filter: blur(2px); opacity: 0; mix-blend-mode: screen; }\n  .hc-red { background: var(--heat-red); width: 15px; height: 15px; box-shadow: 0 0 10px var(--heat-red);}\n  .hc-orange { background: var(--heat-orange); width: 12px; height: 12px; box-shadow: 0 0 8px var(--heat-orange);}\n  .hc-yellow { background: var(--heat-yellow); width: 8px; height: 8px; box-shadow: 0 0 5px var(--heat-yellow);}\n  .hc-white { background: #ffffff; width: 5px; height: 5px; box-shadow: 0 0 5px #ffffff;}\n  \n  .hc-1 { top: 5%; right: -10px; animation: eatHeat 2.5s infinite ease-in-out 0s;} .hc-2 { top: 12%; right: -20px; animation: eatHeat 3.2s infinite ease-in-out 0.4s;} .hc-3 { top: 18%; right: -15px; animation: eatHeat 2.1s infinite ease-in-out 0.8s;} .hc-4 { top: 25%; right: -30px; animation: eatHeat 3.5s infinite ease-in-out 0.2s;} .hc-5 { top: 32%; right: -10px; animation: eatHeat 2.8s infinite ease-in-out 1.1s;} .hc-6 { top: 40%; right: -25px; animation: eatHeat 3.0s infinite ease-in-out 0.5s;} .hc-7 { top: 48%; right: -15px; animation: eatHeat 2.3s infinite ease-in-out 1.4s;} .hc-8 { top: 55%; right: -35px; animation: eatHeat 3.7s infinite ease-in-out 0.7s;} .hc-9 { top: 62%; right: -10px; animation: eatHeat 2.6s infinite ease-in-out 1.9s;} .hc-10 { top: 70%; right: -20px; animation: eatHeat 3.1s infinite ease-in-out 0.3s;} .hc-11 { top: 78%; right: -15px; animation: eatHeat 2.9s infinite ease-in-out 1.6s;} .hc-12 { top: 85%; right: -30px; animation: eatHeat 3.4s infinite ease-in-out 0.9s;} .hc-13 { top: 92%; right: -25px; animation: eatHeat 2.4s infinite ease-in-out 2.1s;} .hc-14 { top: 8%; right: -40px; animation: eatHeat 3.8s infinite ease-in-out 1.2s;} .hc-15 { top: 82%; right: -5px; animation: eatHeat 2.7s infinite ease-in-out 0.6s;}\n  @keyframes eatHeat { 0% { right: -30px; opacity: 0; transform: scale(0.5) rotate(0deg); } 20% { opacity: 0.9; transform: scale(1) rotate(45deg); } 50% { right: 30%; opacity: 1; transform: scale(1.2) rotate(90deg); filter: brightness(1.5); } 75% { right: 50%; background: var(--neon-blue); box-shadow: 0 0 8px var(--neon-blue); opacity: 0.8; transform: scale(0.8) rotate(135deg); } 100% { right: 80%; opacity: 0; transform: scale(0.1) rotate(180deg); } }\n\n  .o2-b { position: absolute; width: 2px; height: 2px; background: #fff; border-radius: 50%; box-shadow: 0 0 5px 1px var(--neon-blue); opacity: 0; animation: stormOxygen 3.5s infinite ease-out;}\n  .o2-1 { top: 5%; left: 30%; animation-delay: 0.1s;} .o2-2 { top: 15%; left: 50%; animation-delay: 1.5s;} .o2-3 { top: 25%; left: 20%; animation-delay: 0.7s;} .o2-4 { top: 35%; left: 60%; animation-delay: 2.2s;} .o2-5 { top: 45%; left: 40%; animation-delay: 0.4s;} .o2-6 { top: 55%; left: 70%; animation-delay: 1.8s;} .o2-7 { top: 65%; left: 30%; animation-delay: 0.9s;} .o2-8 { top: 75%; left: 50%; animation-delay: 2.5s;} .o2-9 { top: 85%; left: 20%; animation-delay: 1.2s;} .o2-10 { top: 95%; left: 65%; animation-delay: 0.3s;} .o2-11 { top: 10%; left: 25%; animation-delay: 2.1s;} .o2-12 { top: 30%; left: 65%; animation-delay: 1.6s;} .o2-13 { top: 50%; left: 15%; animation-delay: 0.5s;} .o2-14 { top: 70%; left: 55%; animation-delay: 1.9s;} .o2-15 { top: 90%; left: 35%; animation-delay: 1.1s;} .o2-16 { top: 8%; left: 75%; animation-delay: 2.4s;} .o2-17 { top: 28%; left: 45%; animation-delay: 0.8s;} .o2-18 { top: 48%; left: 80%; animation-delay: 2.7s;} .o2-19 { top: 68%; left: 10%; animation-delay: 1.3s;} .o2-20 { top: 88%; left: 75%; animation-delay: 0.6s;}\n  @keyframes stormOxygen { 0% { transform: translate(0,0) scale(0.5); opacity: 0; } 30% { opacity: 0.8; } 80% { transform: translate(100px, -30px) scale(1.5); opacity: 0; } 100% { opacity: 0; } }\n\n  .toxin-in { position: absolute; right: -20px; width: 3px; height: 3px; background: #1c1917; border-radius: 50%; opacity: 0; box-shadow: 0 0 3px rgba(0,0,0,0.8); }\n  .tx-1 { top: 12%; animation: suckToxin 2.5s infinite ease-in 0.2s;} .tx-2 { top: 28%; animation: suckToxin 3.1s infinite ease-in 1.4s;} .tx-3 { top: 45%; animation: suckToxin 2.8s infinite ease-in 0.7s;} .tx-4 { top: 62%; animation: suckToxin 3.4s infinite ease-in 2.1s;} .tx-5 { top: 78%; animation: suckToxin 2.6s infinite ease-in 0.5s;} .tx-6 { top: 92%; animation: suckToxin 3.2s infinite ease-in 1.8s;} .tx-7 { top: 8%; animation: suckToxin 2.3s infinite ease-in 0.9s;} .tx-8 { top: 38%; animation: suckToxin 2.9s infinite ease-in 1.1s;} .tx-9 { top: 52%; animation: suckToxin 3.5s infinite ease-in 0.4s;} .tx-10 { top: 85%; animation: suckToxin 2.7s infinite ease-in 1.6s;}\n  @keyframes suckToxin { 0% { right: -20px; opacity: 0; transform: scale(1); } 15% { opacity: 1; } 60% { right: 70%; opacity: 0; transform: scale(0.2); } 100% { opacity: 0; } }\n\n  .bio-orb { position: absolute; width: 60px; height: 60px; background: radial-gradient(circle, rgba(0,223,130,0.1) 0%, transparent 60%); border-radius: 50%; opacity: 0; mix-blend-mode: screen; pointer-events: none;}\n  .bo-1 { top: 15%; left: 15%; animation: orbitBio 7s infinite linear;} .bo-2 { top: 50%; left: 35%; animation: orbitBio 10s infinite linear reverse;} .bo-3 { top: 80%; left: 20%; animation: orbitBio 8s infinite linear;}\n  @keyframes orbitBio { 0% { transform: translate(0,0) rotate(0deg) scale(1); opacity: 0.1; } 50% { opacity: 0.5; transform: translate(-10px, 15px) rotate(180deg) scale(1.3); } 100% { transform: translate(0,0) rotate(360deg) scale(1); opacity: 0.1; } }\n\n  .x-label { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg) scale(1); transform-origin: center center; font-size: 0.85rem; font-weight: 800; color: rgba(255,255,255,0.7); white-space: nowrap; text-transform: uppercase; letter-spacing: 2px; transition: all 0.3s ease; pointer-events: none; z-index: 20; display: flex; align-items: center; }\n  .lbl-sub { color: var(--matte-gold); font-size: 0.6rem; margin-left: 10px; font-weight: 700; letter-spacing: 3px; }\n  \n  .x-layer.is-active-step .x-label { color: var(--text-head); font-weight: 900; text-shadow: 0 0 15px rgba(255,255,255,0.9); transform: translate(-50%, -50%) rotate(-90deg) scale(1.15); }\n  .x-layer.is-active-step.xl-plant .x-label, .x-layer.is-active-step.xl-air1 .x-label { color: #fff; text-shadow: 0 0 12px var(--neon-green);}\n\n  .dimension-hud { position: absolute; bottom: 20px; left: 40px; right: 0; display: flex; pointer-events: none; z-index: 50; }\n  .dim-wall { width: 12%; position: relative; }\n  .dim-system { width: 88%; position: relative; }\n  .dim-edge { position: absolute; top: 0; width: 2px; height: 15px; background: rgba(0, 223, 130, 0.8); }\n  .dim-edge.left { left: 0; } .dim-edge.right { right: 0; }\n  .dim-line { position: absolute; top: 7px; left: 0; width: 100%; height: 2px; background: rgba(0, 223, 130, 0.8); }\n  .dim-text { position: absolute; top: 22px; left: 50%; transform: translateX(-50%); font-family: 'Courier New', monospace; font-size: 0.85rem; font-weight: 800; letter-spacing: 3px; color: var(--neon-green); white-space: nowrap; text-shadow: 0 0 5px rgba(0,0,0,0.8); }\n  .dim-wall .dim-edge, .dim-wall .dim-line { background: rgba(255,255,255,0.3); }\n  .dim-wall .dim-text { color: rgba(255,255,255,0.5); letter-spacing: 2px; font-size: 0.75rem; }\n\n  .gh-data-area { width: 50%; height: 100%; background: var(--bg-deep); position: relative; overflow: hidden; }\n  \n  .interaction-hint {\n    position: absolute; top: 35px; left: 50px; right: 50px; z-index: 100; display: flex; align-items: center; justify-content: center; gap: 12px;\n    padding: 12px 20px; background: rgba(212, 175, 55, 0.05); border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 8px;\n    color: var(--matte-gold); font-size: 0.75rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase;\n    animation: pulseBorder 2s infinite alternate; pointer-events: none;\n  }\n  .interaction-hint svg { width: 20px; stroke: var(--matte-gold); animation: pointLeft 1.5s infinite ease-in-out; }\n  @keyframes pulseBorder { 0% { border-color: rgba(212, 175, 55, 0.2); } 100% { border-color: rgba(212, 175, 55, 0.6); box-shadow: 0 0 15px rgba(212, 175, 55, 0.1); } }\n  @keyframes pointLeft { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-5px); } }\n\n  .data-card {\n    position: absolute; top: 110px; left: 50px; right: 50px; bottom: 50px;\n    display: flex; flex-direction: column; justify-content: center;\n    opacity: 0; pointer-events: none; transform: translateX(30px);\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  \n  .data-card.is-active { opacity: 1; pointer-events: auto; transform: translateX(0); }\n\n  .d-meta { display: flex; align-items: center; gap: 12px; color: var(--matte-gold); font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 20px; font-family: 'Courier New', monospace; }\n  .d-meta::before { content: ''; display: block; width: 40px; height: 2px; background: var(--matte-gold); }\n  .d-title { font-size: 3.2rem; font-weight: 900; color: var(--text-head); margin-bottom: 20px; line-height: 1.05; letter-spacing: -1.5px; }\n  .d-desc { font-size: 1.15rem; color: var(--text-body); line-height: 1.6; max-width: 95%; font-weight: 300; }\n  .d-desc b { color: var(--neon-green); font-weight: 700; }\n  .d-bullets { list-style: none; padding: 0; margin-top: 30px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 30px;}\n  .d-bullets li { display: flex; align-items: flex-start; font-size: 1.05rem; color: #cbd5e1; margin-bottom: 20px; line-height: 1.5; font-weight: 300;}\n  .d-bullets li svg { width: 22px; height: 22px; stroke: var(--matte-gold); margin-right: 15px; flex-shrink: 0; margin-top: 2px; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.5;}\n  .li-content { display: flex; flex-direction: column; }\n  .li-title { color: var(--matte-gold); font-weight: 800; font-size: 1.1rem; margin-bottom: 4px; }\n  .tech-tags { display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; }\n  .t-tag { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 4px; background: rgba(212, 175, 55, 0.05); border: 1px solid rgba(212, 175, 55, 0.2); color: var(--matte-gold); font-family: 'Courier New', monospace; font-size: 0.75rem; font-weight: 800; letter-spacing: 1px; }\n<\/style>\n\n<div class=\"gh-mockup-wrapper\">\n  \n  <div class=\"gh-visual-area\">\n    \n    <div class=\"gh-system-title\">\n      <span class=\"st-main\">STRATIGRAPHIC SECTION: WALL GREEN HABITAT HYDRO\u00ae BIO-INFRASTRUCTURE<\/span>\n      <div class=\"st-directions\">\n        <span class=\"st-dir-left\"><span class=\"st-arrow\">\u2190<\/span> BUILDING MASONRY<\/span>\n        <span class=\"st-dir-right\">EXTERIOR \/ FOLIAGE FRONT <span class=\"st-arrow\">\u2192<\/span><\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"wall-wrapper\">\n      <div class=\"gh-wall\">\n        \n        <div class=\"x-layer xl-brick is-active-step\" data-target=\"1\">\n          <div class=\"x-label\">Existing Wall <span class=\"lbl-sub\">\/\/ 01<\/span><\/div>\n        <\/div>\n        \n        <div class=\"x-layer xl-air1\" data-target=\"2\">\n          <div class=\"thermo-arrows\"><span class=\"ta-1\">\u2191<\/span><span class=\"ta-2\">\u2191<\/span><span class=\"ta-3\">\u2191<\/span><span class=\"ta-4\">\u2191<\/span><span class=\"ta-5\">\u2191<\/span><\/div>\n          <div class=\"x-label\">Cavity <span class=\"lbl-sub\">\/\/ 02<\/span><\/div>\n        <\/div>\n        \n        <div class=\"x-layer xl-steel\" data-target=\"3\"><div class=\"x-label\">Structure <span class=\"lbl-sub\">\/\/ 03<\/span><\/div><\/div>\n        \n        <div class=\"x-layer xl-air2\" data-target=\"4\">\n          <div class=\"thermal-zone\"><\/div>\n          <div class=\"sound-wave sw-1\">(((<\/div><div class=\"sound-wave sw-2\">(((<\/div><div class=\"sound-wave sw-3\">(((<\/div><div class=\"sound-wave sw-4\">(((<\/div><div class=\"sound-wave sw-5\">(((<\/div>\n          <div class=\"x-label\">Insulating Void <span class=\"lbl-sub\">\/\/ 04<\/span><\/div>\n        <\/div>\n        \n        <div class=\"x-layer xl-core\" data-target=\"5\">\n          <div class=\"core-wrapper\">\n            <div class=\"fabric-layer f-dense\"><div class=\"sat-mass sm-1\"><\/div><div class=\"sat-mass sm-2\"><\/div><div class=\"sat-mass sm-3\"><\/div><\/div>\n            <div class=\"fabric-layer f-medium\"><div class=\"mc-node mn-1\"><\/div><div class=\"mc-node mn-2\"><\/div><div class=\"mc-node mn-3\"><\/div><div class=\"mc-node mn-4\"><\/div><div class=\"mc-node mn-5\"><\/div><div class=\"mc-node mn-6\"><\/div><div class=\"mc-node mn-7\"><\/div><div class=\"mc-node mn-8\"><\/div><div class=\"mc-node mn-9\"><\/div><\/div>\n            <div class=\"fabric-layer f-loose\"><div class=\"wd wd-1\"><\/div><div class=\"wd wd-2\"><\/div><div class=\"wd wd-3\"><\/div><div class=\"wd wd-4\"><\/div><div class=\"wd wd-5\"><\/div><div class=\"wd wd-6\"><\/div><div class=\"wd wd-7\"><\/div><div class=\"wd wd-8\"><\/div><\/div>\n            <div class=\"nutrient-mist nm-1\"><\/div><div class=\"nutrient-mist nm-2\"><\/div>\n          <\/div>\n          <div class=\"x-label\">Substrates <span class=\"lbl-sub\">\/\/ 05<\/span><\/div>\n        <\/div>\n        \n        <div class=\"x-layer xl-turf\" data-target=\"6\">\n          <div class=\"uv-ray uv-1\"><\/div><div class=\"uv-ray uv-2\"><\/div><div class=\"uv-ray uv-3\"><\/div><div class=\"uv-ray uv-4\"><\/div><div class=\"uv-ray uv-5\"><\/div>\n          <div class=\"shield-flash sf-1\"><\/div><div class=\"shield-flash sf-2\"><\/div><div class=\"shield-flash sf-3\"><\/div><div class=\"shield-flash sf-4\"><\/div><div class=\"shield-flash sf-5\"><\/div>\n          <div class=\"pm-trap pm-1\"><\/div><div class=\"pm-trap pm-2\"><\/div><div class=\"pm-trap pm-3\"><\/div>\n          <div class=\"washout-wave\"><\/div>\n          <div class=\"electro-spark es-1\"><\/div><div class=\"electro-spark es-2\"><\/div><div class=\"electro-spark es-3\"><\/div><div class=\"electro-spark es-4\"><\/div>\n          <div class=\"x-label\">Polymer <span class=\"lbl-sub\">\/\/ 06<\/span><\/div>\n        <\/div>\n        \n        <div class=\"x-layer xl-plant\" data-target=\"7\">\n          <div class=\"solar-flare\"><\/div>\n          <div class=\"heat-cloud hc-red hc-1\"><\/div><div class=\"heat-cloud hc-orange hc-2\"><\/div><div class=\"heat-cloud hc-yellow hc-3\"><\/div><div class=\"heat-cloud hc-white hc-4\"><\/div><div class=\"heat-cloud hc-red hc-5\"><\/div><div class=\"heat-cloud hc-yellow hc-6\"><\/div><div class=\"heat-cloud hc-orange hc-7\"><\/div><div class=\"heat-cloud hc-white hc-8\"><\/div><div class=\"heat-cloud hc-red hc-9\"><\/div><div class=\"heat-cloud hc-orange hc-10\"><\/div><div class=\"heat-cloud hc-yellow hc-11\"><\/div><div class=\"heat-cloud hc-white hc-12\"><\/div><div class=\"heat-cloud hc-red hc-13\"><\/div><div class=\"heat-cloud hc-orange hc-14\"><\/div><div class=\"heat-cloud hc-yellow hc-15\"><\/div>\n          <div class=\"toxin-in tx-1\"><\/div><div class=\"toxin-in tx-2\"><\/div><div class=\"toxin-in tx-3\"><\/div><div class=\"toxin-in tx-4\"><\/div><div class=\"toxin-in tx-5\"><\/div><div class=\"toxin-in tx-6\"><\/div><div class=\"toxin-in tx-7\"><\/div><div class=\"toxin-in tx-8\"><\/div><div class=\"toxin-in tx-9\"><\/div><div class=\"toxin-in tx-10\"><\/div>\n          <div class=\"o2-b o2-1\"><\/div><div class=\"o2-b o2-2\"><\/div><div class=\"o2-b o2-3\"><\/div><div class=\"o2-b o2-4\"><\/div><div class=\"o2-b o2-5\"><\/div><div class=\"o2-b o2-6\"><\/div><div class=\"o2-b o2-7\"><\/div><div class=\"o2-b o2-8\"><\/div><div class=\"o2-b o2-9\"><\/div><div class=\"o2-b o2-10\"><\/div><div class=\"o2-b o2-11\"><\/div><div class=\"o2-b o2-12\"><\/div><div class=\"o2-b o2-13\"><\/div><div class=\"o2-b o2-14\"><\/div><div class=\"o2-b o2-15\"><\/div><div class=\"o2-b o2-16\"><\/div><div class=\"o2-b o2-17\"><\/div><div class=\"o2-b o2-18\"><\/div><div class=\"o2-b o2-19\"><\/div><div class=\"o2-b o2-20\"><\/div>\n          <div class=\"bio-orb bo-1\"><\/div><div class=\"bio-orb bo-2\"><\/div><div class=\"bio-orb bo-3\"><\/div>\n          <div class=\"x-label\">Active Biomass <span class=\"lbl-sub\">\/\/ 07<\/span><\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"dimension-hud\">\n        <div class=\"dim-wall\"><div class=\"dim-edge left\"><\/div><div class=\"dim-line\"><\/div><div class=\"dim-edge right\"><\/div><span class=\"dim-text\">[ EXISTING ]<\/span><\/div>\n        <div class=\"dim-system\"><div class=\"dim-edge left\"><\/div><div class=\"dim-line\"><\/div><div class=\"dim-edge right\"><\/div><span class=\"dim-text\">[ WALL GREEN HABITAT HYDRO\u00ae SYSTEM ]<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"gh-data-area\">\n    \n    <div class=\"interaction-hint\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>\n      Hover over the chart to analyze the layers\n    <\/div>\n\n    <div class=\"data-card is-active\" id=\"card-1\">\n      <div class=\"d-meta\">Layer 01 \/\/ Wall Fixing<\/div>\n      <div class=\"d-title\">Structural<br>Anchoring.<\/div>\n      <div class=\"d-desc\">The system attaches to the load-bearing wall via dedicated metal uprights. This approach creates a functional cavity designed to <b>physically isolate<\/b> the building.<\/div>\n      <ul class=\"d-bullets\">\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Tolerance Management:<\/span> Adjustable uprights allow installation even on irregular surfaces, minimizing the need for preliminary masonry work.<\/div><\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Dry Installation Ready:<\/span> Engineered to drastically reduce the use of mortars and glues, promoting a faster and cleaner construction site.<\/div><\/li>\n      <\/ul>\n      <div class=\"tech-tags\"><span class=\"t-tag\">[ \u2699\ufe0f DRY-FIT ]<\/span><span class=\"t-tag\">[ \ud83d\udcd0 AUTO-LEVELLING ]<\/span><\/div>\n    <\/div>\n    \n    <div class=\"data-card\" id=\"card-2\">\n      <div class=\"d-meta\">Layer 02 \/\/ Air Circulation<\/div>\n      <div class=\"d-title\">Ventilated<br>Facade.<\/div>\n      <div class=\"d-desc\">The cavity behind is calibrated to trigger a natural \"Chimney Effect\". The continuously rising air <b>assists in perimeter heat extraction<\/b> during the summer months.<\/div>\n      <ul class=\"d-bullets\">\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Condensation Prevention:<\/span> The ventilated microclimate is designed to discourage the formation of mold and stagnant humidity on the host wall.<\/div><\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Thermal Bridge Mitigation:<\/span> The detachment of the infrastructure contributes to improving the energy performance of the building envelope.<\/div><\/li>\n      <\/ul>\n      <div class=\"tech-tags\"><span class=\"t-tag\">[ \ud83d\udca8 THERMO-FLOW ]<\/span><span class=\"t-tag\">[ \ud83d\udee1\ufe0f ANTI-MOISTURE ]<\/span><\/div>\n    <\/div>\n    \n    <div class=\"data-card\" id=\"card-3\">\n      <div class=\"d-meta\">Layer 03 \/\/ Protection and Safety<\/div>\n      <div class=\"d-title\">Steel<br>Chassis.<\/div>\n      <div class=\"d-desc\">The hardware containment of the patent. A solid structure machined with numerical control (CNC) that houses the plumbing system, confining it within a closed perimeter to ensure the <b>highest safety standards against leaks<\/b>.<\/div>\n      <ul class=\"d-bullets\">\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Water Isolation:<\/span> Structure designed as an impermeable shield between plant irrigation and the structural masonry.<\/div><\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Low-Pressure Delivery:<\/span> The absence of pressure pumps directly in the module drastically minimizes the risk of pipe failure.<\/div><\/li>\n      <\/ul>\n      <div class=\"tech-tags\"><span class=\"t-tag\">[ \ud83d\udca7 WATER-SAFE ]<\/span><span class=\"t-tag\">[ \ud83d\udd12 CNC-SHIELD ]<\/span><\/div>\n    <\/div>\n    \n    <div class=\"data-card\" id=\"card-4\">\n      <div class=\"d-meta\">Layer 04 \/\/ Acoustic and Thermal Insulation<\/div>\n      <div class=\"d-title\">Static<br>Air Chamber.<\/div>\n      <div class=\"d-desc\">Exploiting the \"Mass-Spring-Mass\" physical principle, the system encloses a volume of still air. This chamber acts as a <b>damping cushion<\/b>, resisting both thermal excursions and the propagation of sound waves.<\/div>\n      <ul class=\"d-bullets\">\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Acoustic Performance:<\/span> Acts as a damping box, significantly contributing to the reduction of street reverberation, reducing perceived noise by up to 60%.<\/div><\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Thermal Inertia:<\/span> The trapped air supports the retention of the building's internal heat during the winter months.<\/div><\/li>\n      <\/ul>\n      <div class=\"tech-tags\"><span class=\"t-tag\">[ \ud83d\udd07 SOUND-DAMPING ]<\/span><span class=\"t-tag\">[ \ud83c\udf21\ufe0f THERMAL-BUFFER ]<\/span><\/div>\n    <\/div>\n    \n    <div class=\"data-card\" id=\"card-5\">\n      <div class=\"d-meta\">Layer 05 \/\/ Cultivation Substrates<\/div>\n      <div class=\"d-title\">Technical<br>Matrices.<\/div>\n      <div class=\"d-desc\">The core of the soilless patent (Zero Spore). An engineered sandwich of differentiated density geotextiles designed to convey water via capillary action, guaranteeing a <b>homogeneous water and nutritional distribution<\/b> throughout the root system.<\/div>\n      <ul class=\"d-bullets\">\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Load Control:<\/span> Eliminates the unpredictability of the weight typical of wet soil, providing weighted parameters to engineers (maximum 30-40 kg\/sqm fully saturated, avoiding seismic recalculations).<\/div><\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Inert Environment (Zero Spore):<\/span> Minimizes risk factors related to root pathogens, supporting installation in sensitive areas (e.g., Niguarda Hospital Emergency Room).<\/div><\/li>\n      <\/ul>\n      <div class=\"tech-tags\"><span class=\"t-tag\">[ \u2696\ufe0f WEIGHT-CONTROL ]<\/span><span class=\"t-tag\">[ \ud83e\uddea BIO-STERILE ]<\/span><\/div>\n    <\/div>\n    \n    <div class=\"data-card\" id=\"card-6\">\n      <div class=\"d-meta\">Layer 06 \/\/ Protective Finish<\/div>\n      <div class=\"d-title\">Polymeric<br>Mantle.<\/div>\n      <div class=\"d-desc\">A very high-density technical surface that acts as an architectural shield and an <b>active atmospheric filter<\/b>. In addition to deflecting UV rays to protect the root system, it optimizes the visual management of the greenery.<\/div>\n      <ul class=\"d-bullets\">\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Electrostatic Filter (PM10\/PM2.5):<\/span> The dense weave acts as a magnetic trap for fine dust (tested reduction of 69% in 4 solar days).<\/div><\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Immediate Effect & Asynchrony:<\/span> Guarantees an aesthetically perfect facade from day zero, concealing botanical replacements.<\/div><\/li>\n      <\/ul>\n      <div class=\"tech-tags\"><span class=\"t-tag\">[ \ud83c\udf2c\ufe0f PM-TRAP ]<\/span><span class=\"t-tag\">[ \u23f1\ufe0f DAY-1 READY ]<\/span><\/div>\n    <\/div>\n    \n    <div class=\"data-card\" id=\"card-7\">\n      <div class=\"d-meta\">Layer 07 \/\/ Biological Conditioning<\/div>\n      <div class=\"d-title\">Living Plants<br>(Biomass).<\/div>\n      <div class=\"d-desc\">The true reactor of the system. The real foliage supports active evapotranspiration processes that <b>assist in microclimatic mitigation<\/b> (Cooling Power up to 377 W\/m2) and the absorption of carbon dioxide, returning pure air to the urban environment.<\/div>\n      <ul class=\"d-bullets\">\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">Natural Cooling:<\/span> Field tests record drastic reductions in perimeter temperatures, mitigating the Urban Heat Island.<\/div><\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg> <div class=\"li-content\"><span class=\"li-title\">ESG & LEED Compliance:<\/span> The integration of living biomass is strategic for maximizing scores in major building certification protocols, adopted in global e-commerce mega-hubs.<\/div><\/li>\n      <\/ul>\n      <div class=\"tech-tags\"><span class=\"t-tag\">[ \ud83c\udf31 BIO-ACTIVE ]<\/span><span class=\"t-tag\">[ \ud83c\udfe2 ESG-COMPLIANT ]<\/span><\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  (function() {\n    function initGreenHabitatMockupDesk() {\n      const layers = document.querySelectorAll('.gh-mockup-wrapper .x-layer');\n      const cards = document.querySelectorAll('.gh-mockup-wrapper .data-card');\n      if(!layers.length) return;\n      \n      function activateSection(targetId) {\n        layers.forEach(l => l.classList.remove('is-active-step'));\n        cards.forEach(c => c.classList.remove('is-active'));\n        \n        const activeLayer = document.querySelector(`.gh-mockup-wrapper .x-layer[data-target=\"${targetId}\"]`);\n        if(activeLayer) activeLayer.classList.add('is-active-step');\n        \n        const activeCard = document.getElementById(`card-${targetId}`);\n        if(activeCard) activeCard.classList.add('is-active');\n      }\n\n      layers.forEach(layer => {\n        layer.addEventListener('mouseenter', function() {\n          activateSection(this.getAttribute('data-target'));\n        });\n        layer.addEventListener('click', function() {\n          activateSection(this.getAttribute('data-target'));\n        });\n      });\n      \n      activateSection('1');\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initGreenHabitatMockupDesk);\n    } else {\n      initGreenHabitatMockupDesk();\n    }\n  })();\n<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bbfe95e elementor-section-full_width elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"bbfe95e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b248b72\" data-id=\"b248b72\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3109da4 elementor-widget elementor-widget-html\" data-id=\"3109da4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section aria-labelledby=\"gh-strat-mob-title\">\n<style>\n  :root {\n    --bg-deep: #030303;\n    --text-head: #ffffff;\n    --text-body: #e2e8f0; \n    --neon-green: #00df82;\n    --neon-blue: #0ea5e9;\n    --heat-red: #ef4444;\n    --heat-orange: #f97316;\n    --heat-yellow: #facc15;\n    --uv-gold: #fbbf24;\n    --matte-gold: #d4af37; \n    --toxin-grey: #44403c;\n    --nutrient-magenta: rgba(217, 70, 239, 0.3);\n    \n    --mat-brick: repeating-linear-gradient(45deg, #111, #111 2px, #1a1a1a 2px, #1a1a1a 8px);\n    --mat-steel: linear-gradient(90deg, #1e293b 0%, #94a3b8 15%, #f8fafc 25%, #475569 45%, #1e293b 100%);\n    --mat-void: #050505;\n    --mat-turf: linear-gradient(90deg, #064e3b 0%, #059669 100%);\n    --mat-plant: linear-gradient(135deg, rgba(0, 223, 130, 0.8) 0%, rgba(4, 120, 87, 0.4) 50%, rgba(0, 223, 130, 0.8) 100%);\n  }\n\n  .gh-mob-wrapper * { box-sizing: border-box; }\n\n  .gh-mob-wrapper { \n    width: 100%; height: 100dvh; min-height: 600px;\n    background: var(--bg-deep); font-family: 'Inter', Helvetica, sans-serif; \n    position: relative; display: flex; flex-direction: column; overflow: hidden !important; \n  }\n\n  .gh-mob-graphic-area {\n    width: 100%; height: 45%; \n    background: var(--bg-deep); \n    display: flex; flex-direction: column; \n    border-bottom: 1px solid rgba(0, 223, 130, 0.3);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.8);\n    z-index: 100;\n  }\n\n  .mob-title-bar {\n    padding: 8px 15px; background: rgba(10, 10, 12, 0.95);\n    border-bottom: 1px solid rgba(212, 175, 55, 0.2);\n    display: flex; flex-direction: column; align-items: center; justify-content: center;\n  }\n  .m-title-main { color: var(--matte-gold); font-size: 0.6rem; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; text-align: center; }\n  .m-title-sub { display: flex; justify-content: space-between; width: 100%; margin-top: 4px; font-size: 0.55rem; color: rgba(255,255,255,0.5); font-weight: 700; letter-spacing: 1px; }\n\n  .mob-wall-area {\n    flex-grow: 1; width: 100%; position: relative; display: flex;\n    padding: 10px 10px 0 10px; \n    background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n    background-size: 30px 30px;\n    overflow: hidden;\n  }\n\n  .m-layer {\n    height: 100%; position: relative; border-right: 1px solid rgba(255,255,255,0.1);\n    opacity: 0.4; filter: brightness(0.5) grayscale(30%);\n    transition: all 0.3s ease; z-index: 1;\n  }\n  .m-layer.is-active-step { \n    opacity: 1; filter: brightness(1.2) grayscale(0%); \n    z-index: 20; border-right: none; \n    box-shadow: inset 0 0 15px rgba(0, 223, 130, 0.4), inset 2px 0 0 var(--neon-green), inset -2px 0 0 var(--neon-green); \n  }\n\n  .ml-1 { width: 15%; background: var(--mat-brick); }\n  .ml-2 { width: 8%; background: linear-gradient(0deg, rgba(239, 68, 68, 0.15), rgba(14, 165, 233, 0.3)); background-size: 100% 200%; }\n  .ml-3 { width: 5%; background: var(--mat-steel); }\n  .ml-4 { width: 14%; background: var(--mat-void); overflow: hidden; }\n  .ml-5 { width: 18%; background: var(--mat-void); overflow: hidden; }\n  .ml-6 { width: 8%; background: var(--mat-turf); }\n  .ml-7 { width: 32%; background: var(--mat-plant); background-size: 200% 200%; overflow: hidden; border-right: none; }\n  .m-layer.is-active-step.ml-7 { box-shadow: inset 3px 0 0 var(--neon-green), inset -8px 0 15px rgba(239, 68, 68, 0.5); border-left: none;}\n\n  .ml-2 { animation: thermoRiseMob 3s linear infinite; }\n  @keyframes thermoRiseMob { 0% { background-position: 0% 100%; } 100% { background-position: 0% 0%; } }\n  .ta-m { position: absolute; left: 50%; transform: translateX(-50%); font-weight: 900; opacity: 0; font-size: 1rem; }\n  .ta-m1 { animation: flyThermoMob 2s infinite linear 0s; } .ta-m2 { animation: flyThermoMob 2.5s infinite linear 1s; }\n  @keyframes flyThermoMob { 0% { bottom: -10%; opacity: 0; color: #ef4444; } 50% { opacity: 1; color: #06b6d4; } 100% { bottom: 110%; opacity: 0; color: var(--neon-blue); } }\n\n  .thermal-zone-m { position: absolute; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(14, 165, 233, 0.2), transparent, rgba(239, 68, 68, 0.1)); animation: thermalPulseMob 3s infinite alternate; }\n  @keyframes thermalPulseMob { 0% { opacity: 0.3; } 100% { opacity: 0.8; } }\n  .sw-m { position: absolute; right: 0; color: rgba(255,255,255,0.6); font-family: monospace; font-weight: bold; opacity: 0; font-size: 1.2rem;}\n  .sw-m1 { top: 20%; animation: smashSoundMob 1.8s infinite 0.1s; } .sw-m2 { top: 50%; animation: smashSoundMob 2.2s infinite 0.7s; } .sw-m3 { top: 80%; animation: smashSoundMob 1.5s infinite 0.4s; }\n  @keyframes smashSoundMob { 0% { right: -20%; transform: scale(1.2); opacity: 0; } 20% { opacity: 1; } 80% { right: 60%; transform: scale(0.3); opacity: 0; } 100% { right: 60%; opacity: 0; } }\n\n  .wd-m { position: absolute; width: 2px; height: 15px; background: rgba(14, 165, 233, 0.9); border-radius: 2px; opacity: 0; }\n  .wd-m1 { left: 20%; animation: slowDripMob 4s infinite ease-in 0s; } .wd-m2 { left: 50%; animation: slowDripMob 5s infinite 1.5s; } .wd-m3 { left: 80%; animation: slowDripMob 3.5s infinite ease-in 0.8s; }\n  @keyframes slowDripMob { 0% { top: -10%; opacity: 0; transform: scaleY(1); } 20% { opacity: 0.9; } 100% { top: 110%; opacity: 0; transform: scaleY(0.5); } }\n  .mn-m { position: absolute; width: 2px; height: 2px; background: #fff; box-shadow: 0 0 8px 2px var(--neon-blue); border-radius: 50%; opacity: 0; }\n  .mn-m1 { top: 30%; animation: capilaryPathMob 3s infinite 0s; } .mn-m2 { top: 60%; animation: capilaryPathMob 4s infinite 1s; } .mn-m3 { top: 80%; animation: capilaryPathMob 3.5s infinite 0.5s; }\n  @keyframes capilaryPathMob { 0% { right: -10%; opacity: 0; transform: scale(1); } 50% { transform: scale(2); opacity: 0.8; } 100% { right: 120%; opacity: 0; } }\n\n  .ml-6 { animation: turfPulseMob 2s infinite alternate; }\n  @keyframes turfPulseMob { 0% { box-shadow: inset -5px 0 15px rgba(0, 223, 130, 0.2); } 100% { box-shadow: inset -20px 0 40px rgba(0, 223, 130, 0.6); } }\n  .uv-m { position: absolute; right: -50px; width: 40px; height: 3px; background: linear-gradient(90deg, transparent, var(--uv-gold), #fff); box-shadow: 0 0 10px var(--uv-gold); opacity: 0; }\n  .uv-m1 { top: 25%; animation: uvStrikeMob 1.5s infinite; } .uv-m2 { top: 75%; animation: uvStrikeMob 2.2s infinite 0.5s; }\n  @keyframes uvStrikeMob { 0% { right: -50px; opacity: 0; } 20% { right: 0; opacity: 1; width: 20px;} 30% { right: 0; opacity: 0; } 100% { opacity: 0; } }\n  .pm-m { position: absolute; width: 2px; height: 2px; background: var(--toxin-grey); box-shadow: 0 0 2px #fff; border-radius: 50%; opacity: 0; top: 50%; left: 50%; animation: pmCatchWashMob 3s infinite; }\n  @keyframes pmCatchWashMob { 0% { opacity: 0; transform: translateX(10px); } 10% { opacity: 1; transform: translateX(0); } 70% { opacity: 1; top: inherit; } 80% { opacity: 0; top: 100%; } 100% { opacity: 0; } }\n\n  .ml-7 { animation: bioBreatheMob 4s ease-in-out infinite, windSwayMob 8s ease-in-out infinite alternate; }\n  @keyframes windSwayMob { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }\n  @keyframes bioBreatheMob { 0%, 100% { filter: brightness(0.9); } 50% { filter: brightness(1.1); } }\n  .flare-m { position: absolute; top: 0; right: 0; width: 40px; height: 100%; background: linear-gradient(to left, rgba(239, 68, 68, 0.8) 0%, rgba(249, 115, 22, 0.5) 20%, transparent 100%); filter: blur(5px); mix-blend-mode: screen; opacity: 0; animation: flarePulseMob 3s infinite alternate; pointer-events: none;}\n  @keyframes flarePulseMob { 0% { opacity: 0.5; transform: scaleX(0.8); } 100% { opacity: 1; transform: scaleX(1.3); } }\n  .hc-m { position: absolute; border-radius: 50%; filter: blur(2px); opacity: 0; mix-blend-mode: screen; }\n  .hcm-1 { background: var(--heat-red); width: 12px; height: 12px; top: 20%; right: -10px; animation: eatHeatMob 3s infinite 0s; }\n  .hcm-2 { background: var(--heat-orange); width: 10px; height: 10px; top: 50%; right: -5px; animation: eatHeatMob 3.5s infinite 0.5s; }\n  .hcm-3 { background: var(--heat-yellow); width: 8px; height: 8px; top: 80%; right: -15px; animation: eatHeatMob 2.5s infinite 1s; }\n  @keyframes eatHeatMob { 0% { right: -20px; opacity: 0; transform: scale(0.5) rotate(0deg); } 20% { opacity: 0.9; transform: scale(1) rotate(45deg); } 50% { right: 30%; opacity: 1; transform: scale(1.2) rotate(90deg); filter: brightness(1.5); } 75% { right: 50%; background: var(--neon-blue); box-shadow: 0 0 8px var(--neon-blue); opacity: 0.8; transform: scale(0.8) rotate(135deg); } 100% { right: 80%; opacity: 0; transform: scale(0.1) rotate(180deg); } }\n  .o2-m { position: absolute; width: 2px; height: 2px; background: #fff; border-radius: 50%; box-shadow: 0 0 5px 1px var(--neon-blue); opacity: 0; animation: stormOxygenMob 3.5s infinite ease-out;}\n  .o2-1 { top: 5%; left: 30%; animation-delay: 0.1s;} .o2-2 { top: 15%; left: 50%; animation-delay: 1.5s;} .o2-3 { top: 25%; left: 20%; animation-delay: 0.7s;} .o2-4 { top: 35%; left: 60%; animation-delay: 2.2s;} .o2-5 { top: 45%; left: 40%; animation-delay: 0.4s;} .o2-6 { top: 55%; left: 70%; animation-delay: 1.8s;} .o2-7 { top: 65%; left: 30%; animation-delay: 0.9s;} .o2-8 { top: 75%; left: 50%; animation-delay: 2.5s;} .o2-9 { top: 85%; left: 20%; animation-delay: 1.2s;} .o2-10 { top: 95%; left: 65%; animation-delay: 0.3s;} .o2-11 { top: 10%; left: 25%; animation-delay: 2.1s;} .o2-12 { top: 30%; left: 65%; animation-delay: 1.6s;} .o2-13 { top: 50%; left: 15%; animation-delay: 0.5s;} .o2-14 { top: 70%; left: 55%; animation-delay: 1.9s;} .o2-15 { top: 90%; left: 35%; animation-delay: 1.1s;} .o2-16 { top: 8%; left: 75%; animation-delay: 2.4s;} .o2-17 { top: 28%; left: 45%; animation-delay: 0.8s;} .o2-18 { top: 48%; left: 80%; animation-delay: 2.7s;} .o2-19 { top: 68%; left: 10%; animation-delay: 1.3s;} .o2-20 { top: 88%; left: 75%; animation-delay: 0.6s;}\n  @keyframes stormOxygenMob { 0% { transform: translate(0,0) scale(0.5); opacity: 0; } 30% { opacity: 0.8; } 80% { transform: translate(100px, -30px) scale(1.5); opacity: 0; } 100% { opacity: 0; } }\n\n  .m-label { \n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); \n    width: max-content; font-size: 0.55rem; font-weight: 800; color: rgba(255,255,255,0.4); \n    text-transform: uppercase; letter-spacing: 2px; opacity: 0; transition: all 0.3s ease; pointer-events: none;\n  }\n  .m-layer.is-built .m-label { opacity: 0.8; }\n  .m-layer.is-active-step .m-label { opacity: 1; color: var(--text-head); text-shadow: 0 0 8px rgba(255,255,255,0.5); font-size: 0.6rem;}\n\n  .mob-active-status { \n    width: 100%; padding: 6px 15px; \n    background: #000; border-top: 1px solid rgba(0, 223, 130, 0.4); \n    display: flex; justify-content: space-between; align-items: center; \n  }\n  .mas-step { color: var(--neon-green); font-family: 'Courier New', monospace; font-weight: bold; font-size: 0.7rem; }\n  .mas-name { color: var(--neon-green); font-weight: 800; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 2px; }\n\n  .gh-mob-text-area {\n    width: 100%; height: 55%; \n    background: var(--bg-deep); \n    display: flex; flex-direction: column;\n    position: relative;\n    justify-content: center;\n  }\n  \n  .swipe-instruction {\n    width: 100%; text-align: center; padding: 10px 0 5px 0;\n    color: var(--neon-green); font-size: 0.6rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase;\n    animation: pulseTextMob 2s infinite;\n  }\n  @keyframes pulseTextMob { 0%, 100% { opacity: 0.3; } 50% { opacity: 1; } }\n\n  .gh-mob-carousel { \n    display: flex; align-items: center;\n    overflow-x: auto; scroll-snap-type: x mandatory; \n    padding: 0 5vw; scroll-behavior: smooth; -webkit-overflow-scrolling: touch;\n  }\n  .gh-mob-carousel::-webkit-scrollbar { display: none; }\n  .gh-mob-carousel { -ms-overflow-style: none; scrollbar-width: none; }\n\n  .m-text-slide {\n    flex: 0 0 90vw; scroll-snap-align: center; \n    padding: 0 15px; \n    opacity: 0.2; transform: scale(0.95); transition: all 0.4s ease;\n  }\n  .m-text-slide.is-active { opacity: 1; transform: scale(1); }\n  \n  .m-t-meta { color: var(--matte-gold); font-size: 0.65rem; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px; font-family: 'Courier New', monospace; }\n  .m-t-title { font-size: 2rem; font-weight: 800; color: var(--text-head); line-height: 1.05; margin-bottom: 8px; letter-spacing: -1px; }\n  .m-t-desc { font-size: 1rem; color: var(--text-body); line-height: 1.4; font-weight: 300; margin: 0;}\n  .m-t-desc b { color: var(--neon-green); font-weight: 700; }\n<\/style>\n\n<div class=\"gh-mob-wrapper gh-strati-mobile-master\">\n  <div class=\"gh-mob-graphic-area\">\n    <div class=\"mob-title-bar\">\n      <span class=\"m-title-main\">HYDRO\u00ae BIO-INFRASTRUCTURE<\/span>\n      <div class=\"m-title-sub\"><span>\u2190 WALL<\/span><span>EXTERIOR \u2192<\/span><\/div>\n    <\/div>\n    \n    <div class=\"mob-wall-area\">\n      <div class=\"m-layer ml-1\" id=\"mvl-1\"><div class=\"m-label\">Wall<\/div><\/div>\n      <div class=\"m-layer ml-2\" id=\"mvl-2\">\n        <div class=\"thermo-arrows\"><span class=\"ta-m ta-m1\">\u2191<\/span><span class=\"ta-m ta-m2\">\u2191<\/span><\/div>\n        <div class=\"m-label\">Air<\/div>\n      <\/div>\n      <div class=\"m-layer ml-3\" id=\"mvl-3\"><div class=\"m-label\">Steel<\/div><\/div>\n      <div class=\"m-layer ml-4\" id=\"mvl-4\">\n        <div class=\"thermal-zone-m\"><\/div>\n        <div class=\"sw-m sw-m1\">(((<\/div><div class=\"sw-m sw-m2\">(((<\/div><div class=\"sw-m sw-m3\">(((<\/div>\n        <div class=\"m-label\">Chamber<\/div>\n      <\/div>\n      <div class=\"m-layer ml-5\" id=\"mvl-5\">\n        <div class=\"wd-m wd-m1\"><\/div><div class=\"wd-m wd-m2\"><\/div><div class=\"wd-m wd-m3\"><\/div>\n        <div class=\"mn-m mn-m1\"><\/div><div class=\"mn-m mn-m2\"><\/div><div class=\"mn-m mn-m3\"><\/div>\n        <div class=\"m-label\">Substrates<\/div>\n      <\/div>\n      <div class=\"m-layer ml-6\" id=\"mvl-6\">\n        <div class=\"uv-m uv-m1\"><\/div><div class=\"uv-m uv-m2\"><\/div>\n        <div class=\"pm-m\"><\/div>\n        <div class=\"m-label\">Polymer<\/div>\n      <\/div>\n      <div class=\"m-layer ml-7\" id=\"mvl-7\">\n        <div class=\"hc-m hcm-1\"><\/div><div class=\"hc-m hcm-2\"><\/div><div class=\"hc-m hcm-3\"><\/div>\n        <div class=\"o2-m o2m-1\"><\/div><div class=\"o2-m o2m-2\"><\/div><div class=\"o2-m o2m-3\"><\/div><div class=\"o2-m o2m-4\"><\/div>\n        <div class=\"m-label\">Living Plants<\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"mob-active-status\">\n      <span class=\"mas-step\" id=\"mas-step\">[ -- ]<\/span>\n      <span class=\"mas-name\" id=\"mas-name\">EXPLORE SYSTEM<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"gh-mob-text-area\">\n    <div class=\"swipe-instruction\">\u2190 SWIPE TO EXPLORE LAYERS \u2192<\/div>\n    \n    <div class=\"gh-mob-carousel\" id=\"gh-mob-carousel-scroll\">\n      <div class=\"m-text-slide is-active\" data-step=\"1\" data-name=\"Wall Anchoring\">\n        <div class=\"m-t-meta\">Layer 01<\/div><div class=\"m-t-title\">Structural Anchoring.<\/div>\n        <p class=\"m-t-desc\">Dry installation (Dry-Tech) on metal uprights. It <b>physically isolates<\/b> the plumbing system from the building, correcting out-of-plumb walls.<\/p>\n      <\/div>\n      <div class=\"m-text-slide\" data-step=\"2\" data-name=\"Ventilated Facade\">\n        <div class=\"m-t-meta\">Layer 02<\/div><div class=\"m-t-title\">Ventilated Facade.<\/div>\n        <p class=\"m-t-desc\">Cavity for the Chimney Effect. The continuous upward motion <b>extracts summer heat<\/b> and prevents condensation.<\/p>\n      <\/div>\n      <div class=\"m-text-slide\" data-step=\"3\" data-name=\"Steel Chassis\">\n        <div class=\"m-t-meta\">Layer 03<\/div><div class=\"m-t-title\">Steel Chassis.<\/div>\n        <p class=\"m-t-desc\">CNC structure that confines the plumbing system, guaranteeing <b>total safety against facade infiltrations<\/b>.<\/p>\n      <\/div>\n      <div class=\"m-text-slide\" data-step=\"4\" data-name=\"Static Chamber\">\n        <div class=\"m-t-meta\">Layer 04<\/div><div class=\"m-t-title\">Static Air Chamber.<\/div>\n        <p class=\"m-t-desc\">Resting air cushion. It acts as a <b>thermal shock absorber<\/b> and contributes to insulation from urban street noise.<\/p>\n      <\/div>\n      <div class=\"m-text-slide\" data-step=\"5\" data-name=\"Technical Matrices\">\n        <div class=\"m-t-meta\">Layer 05<\/div><div class=\"m-t-title\">Soilless Substrates.<\/div>\n        <p class=\"m-t-desc\">No loose soil (minimizes hygiene risks, ideal for Hospitals like Niguarda). Maintains a <b>safe and invariable weight (Max 40 kg\/sqm)<\/b> without seismic recalculations.<\/p>\n      <\/div>\n      <div class=\"m-text-slide\" data-step=\"6\" data-name=\"Polymeric Mantle\">\n        <div class=\"m-t-meta\">Layer 06<\/div><div class=\"m-t-title\">Polymeric Mantle.<\/div>\n        <p class=\"m-t-desc\">High-density UV shield. Traps dust (PM10) and guarantees <b>perfect aesthetics from Day-1<\/b>, hiding botanical replacements.<\/p>\n      <\/div>\n      <div class=\"m-text-slide\" data-step=\"7\" data-name=\"Active Biomass\">\n        <div class=\"m-t-meta\">Layer 07<\/div><div class=\"m-t-title\">Living Plants (Biomass).<\/div>\n        <p class=\"m-t-desc\">The thermodynamic reactor. Absorbs summer thermal radiation (Cooling Power), returning <b>cooled air and LEED credits<\/b>.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function() {\n    function initGreenHabitatMockupMob() {\n      const carousel = document.getElementById('gh-mob-carousel-scroll');\n      if(!carousel) return;\n      const mSlides = document.querySelectorAll('.gh-mob-wrapper .m-text-slide');\n      const mLayerIds = ['mvl-1', 'mvl-2', 'mvl-3', 'mvl-4', 'mvl-5', 'mvl-6', 'mvl-7'];\n      \n      const stepLabel = document.getElementById('mas-step');\n      const nameLabel = document.getElementById('mas-name');\n\n      const observerOptions = {\n        root: carousel,\n        rootMargin: '0px',\n        threshold: 0.6 \n      };\n\n      if(window.IntersectionObserver) {\n        const mObserver = new IntersectionObserver((entries) => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              \n              mSlides.forEach(s => s.classList.remove('is-active'));\n              entry.target.classList.add('is-active');\n              \n              const stepNum = parseInt(entry.target.getAttribute('data-step'));\n              const stepName = entry.target.getAttribute('data-name');\n              const activeIndex = stepNum - 1;\n\n              if(stepLabel) stepLabel.innerText = `[ 0${stepNum} ]`;\n              if(nameLabel) nameLabel.innerText = stepName;\n\n              mLayerIds.forEach((id, index) => {\n                const el = document.getElementById(id);\n                if(el) {\n                  if(index === activeIndex) { \n                    el.classList.add('is-active-step'); \n                  } else { \n                    el.classList.remove('is-active-step'); \n                  }\n                }\n              });\n            }\n          });\n        }, observerOptions);\n\n        mSlides.forEach(slide => mObserver.observe(slide));\n      }\n    }\n    \n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initGreenHabitatMockupMob);\n    } else {\n      initGreenHabitatMockupMob();\n    }\n  })();\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"TechArticle\",\n  \"headline\": \"Wall Green Habitat Hydro System Stratigraphic Engineering\",\n  \"description\": \"Detailed 7-layer analysis of the Green Habitat biological ventilated facade. The absence of loose soil (Dry-Tech) drastically reduces the risk of fungal proliferation, supporting suitability for hospital standards (e.g., Niguarda Emergency Room). The cavity acts as a thermal shield (Cooling Power 377 W\/m2), while the mantle filters PM2.5. Fully loaded structural weight guaranteed at max 30-40 kg\/sqm.\",\n  \"publisher\": { \"@type\": \"Organization\", \"name\": \"Green Habitat\" }\n}\n<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f442457 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f442457\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-559d7b6\" data-id=\"559d7b6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9b08258 elementor-widget elementor-widget-html\" data-id=\"9b08258\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&display=swap');\n\n    .gh-section-title-wrapper {\n        background-color: #F9F7F2; \n        padding: 80px 20px 20px 20px; \n        text-align: center;\n        font-family: 'Montserrat', sans-serif;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .gh-title-eyebrow {\n        font-size: 11px;\n        font-weight: 800;\n        color: #C8A165;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        margin-bottom: 15px;\n        display: block;\n    }\n\n    .gh-main-title {\n        font-size: 42px; \n        font-weight: 800;\n        color: #1A3C34;\n        margin: 0 0 20px 0;\n        letter-spacing: -1.5px;\n        line-height: 1.1;\n    }\n\n    .gh-title-desc {\n        font-size: 16px;\n        font-weight: 500;\n        color: #555555;\n        max-width: 800px;\n        margin: 0;\n        line-height: 1.6;\n    }\n\n    @media (max-width: 768px) {\n        .gh-section-title-wrapper { \n            padding: 50px 20px 10px 20px; \n        }\n        \n        .gh-title-eyebrow { \n            font-size: 10px; \n            letter-spacing: 2px;\n        }\n        \n        .gh-main-title { \n            font-size: 32px; \n            letter-spacing: -1px;\n            margin-bottom: 15px;\n        }\n        \n        .gh-title-desc { \n            font-size: 14px; \n            line-height: 1.5;\n            padding: 0 10px;\n        }\n    }\n<\/style>\n\n<header class=\"gh-section-title-wrapper\" aria-labelledby=\"gh-portfolio-main-title\">\n    \n    <span class=\"gh-title-eyebrow\" aria-hidden=\"true\">The Method in Action | B2B Portfolio & Fit-Out<\/span>\n    \n    <h2 id=\"gh-portfolio-main-title\" class=\"gh-main-title\">\n        Integrated Natural Architecture.\n    <\/h2>\n    \n    <p class=\"gh-title-desc\">\n        A real-time look into the latest corporate and retail environments. Where Italian design meets bio-acoustic engineering and <strong>indoor and outdoor green infrastructures<\/strong> to transform conventional spaces into ecosystems of pure well-being.\n    <\/p>\n\n<\/header>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"CollectionPage\",\n  \"name\": \"B2B Portfolio and Case Studies: Bio-Infrastructures and Green Architecture\",\n  \"description\": \"Introduction to the Official Portfolio and B2B Case Studies. Below we showcase photographic references and case studies documented directly by our top-tier clients (User Generated Content) on the use of our solutions (living green walls for indoor and outdoor, preserved vertical gardens, acoustic partitions, and furnishing accessories) for biophilic design, corporate fit-out, and passive acoustic engineering.\",\n  \"about\": {\n    \"@type\": \"Thing\",\n    \"name\": \"Biophilic Design and Passive Acoustic Engineering\"\n  }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f8a84ad elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"f8a84ad\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e786cc\" data-id=\"5e786cc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e965e4c elementor-widget elementor-widget-html\" data-id=\"e965e4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    #gh-desktop-hotspot {\n        display: none !important;\n    }\n\n    @media (min-width: 1024px) {\n        \n        #gh-veil-wrapper, #gh-compact-wrapper, #gh-final-wrapper, #gh-force-wrapper, #gh-10px-wrapper, #gh-desktop-masonry, #gh-desktop-static, #gh-desktop-clean, #gh-desktop-grid, #gh-desktop-neuro, #gh-desktop-stable, #gh-desktop-expand, #gh-desktop-safe {\n            display: none !important;\n        }\n\n        #gh-desktop-hotspot {\n            display: block !important;\n            width: 100% !important;\n            background-color: #F9F7F2 !important; \n            padding: 40px 40px 60px 40px !important;\n            box-sizing: border-box !important;\n            font-family: 'Montserrat', sans-serif !important;\n        }\n\n        .gh-hotspot-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr); \n            gap: 40px 25px; \n            align-items: start; \n            width: 100%;\n            list-style: none !important; \n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        .gh-hotspot-item {\n            display: flex; \n            flex-direction: column;\n            width: 100%;\n            position: relative; \n            cursor: default; \n        }\n\n        .gh-hidden-row { display: none; }\n        .gh-fade-in { animation: fadeIn 0.8s ease forwards; }\n        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n\n        .gh-media-holder {\n            position: relative;\n            width: 100%;\n            margin-bottom: 15px;\n            overflow: visible !important; \n            z-index: 1; \n            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), z-index 0s;\n            transform-origin: center center;\n        }\n\n        .gh-hotspot-img {\n            width: 100%;\n            height: auto !important; \n            display: block;\n            border-radius: 4px;\n            box-shadow: 0 5px 15px rgba(26, 60, 52, 0.08);\n            transition: box-shadow 0.5s ease;\n        }\n\n        .gh-invisible-link {\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 35%; \n            height: 25%; \n            z-index: 10;\n            cursor: pointer; \n            border-top-right-radius: 4px; \n        }\n        \n        \/* Regola per l'accessibilit\u00e0 (WCAG): visibile solo a chi naviga con tastiera *\/\n        .gh-invisible-link:focus-visible {\n            outline: 3px solid #C8A165;\n            outline-offset: -3px;\n            background-color: rgba(200, 161, 101, 0.1);\n        }\n\n        \/* Classe speciale per rendere il link leggibile da Google ma invisibile agli utenti *\/\n        .gh-legal-text {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n        }\n\n        .gh-hotspot-caption {\n            width: 100%;\n            padding-left: 12px;\n            border-left: 2px solid rgba(200, 161, 101, 0.3); \n            transition: border-color 0.3s ease;\n            position: relative;\n            z-index: 0;\n        }\n        \n        .gh-hotspot-caption h3 { \n            color: #1A3C34; \n            font-weight: 700; \n            font-size: 14px; \n            display: block; \n            margin-bottom: 4px;\n            margin-top: 0;\n            line-height: 1.3; \n        }\n        \n        .gh-hotspot-caption p { \n            color: #444; \n            font-size: 13px; \n            line-height: 1.5; \n            margin: 0; \n            font-weight: 400; \n        }\n\n        .gh-hotspot-item:hover .gh-media-holder { transform: scale(1.05); z-index: 20; }\n        .gh-hotspot-item:hover .gh-hotspot-img { box-shadow: 0 20px 40px rgba(26, 60, 52, 0.15); }\n        .gh-hotspot-item:hover .gh-hotspot-caption { border-left-color: #C8A165; }\n\n        .gh-hotspot-action {\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            margin-top: 50px; \n        }\n\n        .gh-hotspot-btn {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: #1A3C34;\n            text-decoration: none;\n            padding: 12px 30px;\n            border: 1px solid #1A3C34; \n            border-radius: 50px;\n            transition: all 0.3s ease;\n            background-color: transparent;\n            font-weight: 700;\n            cursor: pointer;\n        }\n\n        .gh-hotspot-btn:hover {\n            background-color: #1A3C34;\n            color: #C8A165; \n            border-color: #1A3C34;\n        }\n    }\n<\/style>\n\n<div id=\"gh-desktop-hotspot\" role=\"region\" aria-label=\"B2B Portfolio Desktop\">\n\n    <ul class=\"gh-hotspot-grid\" id=\"ghHotspotGrid\">\n\n        <li class=\"gh-hotspot-item\">\n            <div class=\"gh-media-holder\">\n                <img fetchpriority=\"high\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-lichene-stabilizzato-indoor-gianluca-vacchi.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Indoor preserved lichen wall for luxury interior design in Gianluca Vacchi's residence\">\n                <a href=\"https:\/\/www.instagram.com\/p\/CLXQ0JnD12h\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" aria-label=\"View the biophilic design installation in Gianluca Vacchi&#039;s residence\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Gianluca Vacchi Residence<\/h3>\n                <p>Custom-engineered bespoke technical module for invisible residential luxury.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item\">\n            <div class=\"gh-media-holder\">\n                <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/rivestimento-colonne-verde-stabilizzato-lenovo.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Reinforced concrete column cladding with preserved greenery and Push-Pull opening system in the Lenovo Store\">\n                <a href=\"https:\/\/www.instagram.com\/p\/CFKqvESHpVf\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" aria-label=\"Discover the preserved green-clad columns with Push-Pull system in the Lenovo Store\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Lenovo Store (Europe)<\/h3>\n                <p>Preserved green columns with Push-Pull inspection system for human capital and retail well-being.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item\">\n            <div class=\"gh-media-holder\">\n                <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/correzione-acustica-pareti-lichene-muschio-selvaggio.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Passive acoustic correction with full perimeter lichen cladding in the Muschio Selvaggio podcast studio\">\n                <a href=\"https:\/\/www.instagram.com\/p\/CTZnEBGMpvA\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" aria-label=\"View the perimeter acoustic cladding in the Muschio Selvaggio studio\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Muschio Selvaggio Studio<\/h3>\n                <p>Bio-acoustic perimeter wall module to eliminate reverberation and ensure vocal clarity in the podcast.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/allestimento-stand-fieristico-verde-stabilizzato-technogym.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Exhibition stand setup with custom preserved vegetation walls for Technogym in Paris\">\n                <a href=\"https:\/\/www.instagram.com\/p\/DT3T4gZgAzW\/?img_index=1\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" aria-label=\"See the preserved green wall setup for the Technogym stand\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Technogym Exhibition Stand<\/h3>\n                <p>Custom-made preserved vegetation walls. Material synchrony between physical well-being and bio-integrated architecture.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/sistema-parietale-biofilico-retail-guess.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Full-height preserved green wall following the staircase of the Guess Store in Amsterdam\">\n                <a href=\"https:\/\/www.instagram.com\/p\/DKmSYM6twdW\/?img_index=1\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" aria-label=\"Explore the biophilic wall system in the Guess Store in Amsterdam\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Guess Store Amsterdam<\/h3>\n                <p>Full-height biophilic systems extending over the stairs, optimized for high-traffic international retail.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/controsoffitto-fonoassorbente-green-expert.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Totally green sound-absorbing bio-acoustic suspended ceiling in Expert electronics stores\">\n                <a href=\"https:\/\/www.instagram.com\/p\/DKrQwUAoDst\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" aria-label=\"View the green sound-absorbing suspended ceilings for Expert Electronics\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Expert Electronics Retail<\/h3>\n                <p>Green ceiling bio-infrastructure for acoustic comfort, to improve sales and staff well-being.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/facciata-verde-vivo-esterno-ospedale-niguarda.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Impressive preserved green facade spanning hundreds of square meters at the Niguarda Hospital, inaugurated for the Milano Cortina Olympics\">\n                <a href=\"https:\/\/www.instagram.com\/p\/DUVoV32DF4M\/?utm_source=ig_web_copy_link&amp;igsh=MzRlODBiNWFlZA==\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" aria-label=\"Discover the giant green facade inaugurated at the Niguarda Hospital\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Niguarda Hospital (Olympics)<\/h3>\n                <p>Hundreds of sqm of green facade and internal green walls: bio-certified ecosystem for the active purification of medical areas.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pannelli-fonoassorbenti-soffitto-verde-stabilizzato-unicredit.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Preserved green sound-absorbing panels installed in UniCredit meeting rooms and executive offices\">\n                <a href=\"https:\/\/www.instagram.com\/unicredit_eu\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" aria-label=\"View the executive sound-absorbing installations for UniCredit\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>UniCredit Executive Offices<\/h3>\n                <p>Bio-acoustic comfort for absolute privacy and well-being in open space areas and meeting rooms.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item gh-hidden-row\" aria-hidden=\"true\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pannelli-divisori-ignifughi-aeroporto-bologna.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Preserved green partition panels for transit areas at Bologna Airport\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/bologna_airport\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" tabindex=\"-1\" aria-label=\"See the fireproof partitions for high-traffic areas at Bologna Airport\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Bologna Airport<\/h3>\n                <p>Fire-certified bio-infrastructure (B-s2, d0) for visual comfort and safety in high-traffic areas.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item gh-hidden-row\" aria-hidden=\"true\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/divisori-scrivania-fonoassorbenti-open-space-unicredit.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Sound-absorbing and completely green desk partitions for UniCredit open space workstations\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/unicredit_eu\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" tabindex=\"-1\" aria-label=\"Discover the sound-absorbing desk partitions supplied to UniCredit\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>UniCredit Open Space Workstations<\/h3>\n                <p>Sound-absorbing partitions between workstations for acoustic zoning and staff cognitive well-being.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item gh-hidden-row\" aria-hidden=\"true\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/divisori-privacy-lounge-toscana-aeroporti.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Partitions for privacy and bioacoustic comfort in Toscana Aeroporti waiting rooms\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/toscanaaeroporti\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" tabindex=\"-1\" aria-label=\"Explore the biophilic zoning for passenger privacy at Toscana Aeroporti\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Toscana Aeroporti Lounges<\/h3>\n                <p>Biophilic zoning to reduce stress, provide privacy to passengers, and improve the experience in waiting rooms.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item gh-hidden-row\" aria-hidden=\"true\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pareti-divisorie-assorbimento-acustico-westpole.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Acoustic absorption partition walls in Westpole's open plan smart offices\" loading=\"lazy\">\n                <a href=\"https:\/\/www.linkedin.com\/company\/westpole-benelux\/?originalSubdomain=be\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on LinkedIn\" tabindex=\"-1\" aria-label=\"View the walls for reverberation reduction in Westpole open space offices\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Westpole Smart Office<\/h3>\n                <p>Passive reverberation absorption for maximum operational comfort in industrial architectures and agile workspaces.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item gh-hidden-row\" aria-hidden=\"true\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-corporate-logo-verde-stabilizzato-iveco.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Corporate preserved green wall with custom integrated company logo for Iveco\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/iveco\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" tabindex=\"-1\" aria-label=\"Discover the biophilic infrastructure with integrated logo for Iveco Group\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Iveco Corporate Relaxation Areas<\/h3>\n                <p>Custom biophilic infrastructures with integrated logo and raised corporate communication.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item gh-hidden-row\" aria-hidden=\"true\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/esposizione-prodotti-tech-parete-verde-lenovo.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Relaxed customers at Spazio Lenovo around a preserved green column with integrated headphones display\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/Cab0A9HNiCP\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" tabindex=\"-1\" aria-label=\"See the interactive merchandising among the leaves in Spazio Lenovo Milan\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Spazio Lenovo Milan Exhibition<\/h3>\n                <p>Integrated acoustic correction and tech products that can be displayed or extracted among the leaves to increase dwell time.<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item gh-hidden-row\" aria-hidden=\"true\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-gigante-lichene-logo-aziendale-colorato-pieri.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Gigantic 3-story high, perfectly homogeneous preserved lichen wall in the Pieri Group hall\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/DSnYEKRDb60\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" tabindex=\"-1\" aria-label=\"Admire the giant 3-story installation in the Pieri Group Hall\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Pieri Group Hall (Triple Height)<\/h3>\n                <p>Giant 3-story installation with corporate logo: perfect homogeneity without color breaks (Single Batch).<\/p>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-hotspot-item gh-hidden-row\" aria-hidden=\"true\">\n            <div class=\"gh-media-holder\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/quinta-scenografica-lichene-eventi-gianluca-vacchi.jpg\" width=\"600\" height=\"800\" decoding=\"async\" class=\"gh-hotspot-img\" alt=\"Scenographic preserved lichen backdrop for private events and exclusive parties by Gianluca Vacchi\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/CKuTsDaDhLX\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"gh-invisible-link\" title=\"See on Instagram\" tabindex=\"-1\" aria-label=\"Discover the lichen scenographies for exclusive events and private parties\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-hotspot-caption\">\n                <h3>Gianluca Vacchi Private Parties<\/h3>\n                <p>Biophilic design as a natural scenographic backdrop for private and corporate events.<\/p>\n            <\/div>\n        <\/li>\n\n    <\/ul>\n\n    <div class=\"gh-hotspot-action\">\n        <a href=\"#\" id=\"ghHotspotBtn\" class=\"gh-hotspot-btn\" data-state=\"expand\" aria-expanded=\"false\" role=\"button\">\n            + SHOW MORE PROJECTS\n        <\/a>\n    <\/div>\n\n<\/div>\n\n<script type=\"application\/ld+json\" id=\"gh-portfolio-schema-desktop\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"ItemList\",\n  \"name\": \"B2B Portfolio: Preserved Lichen Walls\",\n  \"description\": \"List of 16 case studies directly documented by clients (User Generated Content) on the use of Green Habitat preserved greenery for corporate fit-out, biophilic architecture, and acoustic correction of offices, hospitals, and stores. Architectural benefits include: sound insulation, zero maintenance, biophilic design, and fire certifications.\",\n  \"itemListElement\": [\n    { \"@type\": \"ListItem\", \"position\": 1, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Residential Interior Design (Gianluca Vacchi)\", \"url\": \"https:\/\/www.instagram.com\/p\/CLXQ0JnD12h\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-lichene-stabilizzato-indoor-gianluca-vacchi.jpg\", \"description\": \"Indoor biophilic design installation for furnishing and well-being in the private residence. Bespoke technical module.\" } },\n    { \"@type\": \"ListItem\", \"position\": 2, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Push-Pull Green Columns (Lenovo Store Europe)\", \"url\": \"https:\/\/www.instagram.com\/p\/CFKqvESHpVf\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/rivestimento-colonne-verde-stabilizzato-lenovo.jpg\", \"description\": \"Cladding of unsightly reinforced concrete columns transformed into the store's focal point. Custom green design with hidden 'Push-Pull' system for internal plant inspection.\" } },\n    { \"@type\": \"ListItem\", \"position\": 3, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Podcast Studio Acoustic Correction (Muschio Selvaggio)\", \"url\": \"https:\/\/www.instagram.com\/p\/CTZnEBGMpvA\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/correzione-acustica-pareti-lichene-muschio-selvaggio.jpg\", \"description\": \"Acoustic walls. Full perimeter cladding of the podcast studio with preserved lichen to eliminate reverberation and achieve perfect sound absorption.\" } },\n    { \"@type\": \"ListItem\", \"position\": 4, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Biophilic Exhibition Stand Setup (Technogym)\", \"url\": \"https:\/\/www.instagram.com\/p\/DT3T4gZgAzW\/?img_index=1\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/allestimento-stand-fieristico-verde-stabilizzato-technogym.jpg\", \"description\": \"Custom-made preserved vegetation walls for international exhibition stands.\" } },\n    { \"@type\": \"ListItem\", \"position\": 5, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Full-Height Retail Design (Guess Store Amsterdam)\", \"url\": \"https:\/\/www.instagram.com\/p\/DKmSYM6twdW\/?img_index=1\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/sistema-parietale-biofilico-retail-guess.jpg\", \"description\": \"Continuous biophilic wall system, extending over the entire height of the store following the main staircase.\" } },\n    { \"@type\": \"ListItem\", \"position\": 6, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Hi-Tech Sound-Absorbing Ceiling (Expert)\", \"url\": \"https:\/\/www.instagram.com\/p\/DKrQwUAoDst\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/controsoffitto-fonoassorbente-green-expert.jpg\", \"description\": \"Completely green retail chains with sound-absorbing ceilings to increase sales and employee well-being.\" } },\n    { \"@type\": \"ListItem\", \"position\": 7, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Hospital Indoor Green Facade (Niguarda Hospital)\", \"url\": \"https:\/\/www.instagram.com\/p\/DUVoV32DF4M\/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/facciata-verde-vivo-esterno-ospedale-niguarda.jpg\", \"description\": \"Hundreds of square meters of green facade and internal green walls inaugurated for the 2026 Milano-Cortina Olympics.\" } },\n    { \"@type\": \"ListItem\", \"position\": 8, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Executive Meeting Offices (UniCredit)\", \"url\": \"https:\/\/www.instagram.com\/unicredit_eu\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pannelli-fonoassorbenti-soffitto-verde-stabilizzato-unicredit.jpg\", \"description\": \"Supply of walls for executive offices and green sound-absorbing partitions to ensure privacy and acoustic comfort.\" } },\n    { \"@type\": \"ListItem\", \"position\": 9, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Fireproof Panels for Transit Areas (Bologna Airport)\", \"url\": \"https:\/\/www.instagram.com\/bologna_airport\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pannelli-divisori-ignifughi-aeroporto-bologna.jpg\", \"description\": \"Preserved lichen partitions installed in lounges and waiting rooms. They create privacy and biophilic comfort for travelers.\" } },\n    { \"@type\": \"ListItem\", \"position\": 10, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Open Space Desk Partitions (UniCredit)\", \"url\": \"https:\/\/www.instagram.com\/unicredit_eu\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/divisori-scrivania-fonoassorbenti-open-space-unicredit.jpg\", \"description\": \"Green sound-absorbing partitions inserted between desks for staff acoustic zoning.\" } },\n    { \"@type\": \"ListItem\", \"position\": 11, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Lounge Waiting Room Zoning (Toscana Aeroporti)\", \"url\": \"https:\/\/www.instagram.com\/toscanaaeroporti\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/divisori-privacy-lounge-toscana-aeroporti.jpg\", \"description\": \"Biophilic partitions that create privacy and acoustic comfort for passengers in airport lounges.\" } },\n    { \"@type\": \"ListItem\", \"position\": 12, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Smart Office Reverberation Absorption (Westpole)\", \"url\": \"https:\/\/www.linkedin.com\/company\/westpole-benelux\/?originalSubdomain=be\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pareti-divisorie-assorbimento-acustico-westpole.jpg\", \"description\": \"Walls for reverberation reduction in open space offices for employee health and well-being.\" } },\n    { \"@type\": \"ListItem\", \"position\": 13, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Corporate Logo Integration On Greenery (Iveco)\", \"url\": \"https:\/\/www.instagram.com\/iveco\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-corporate-logo-verde-stabilizzato-iveco.jpg\", \"description\": \"Custom green walls integrating the logo and corporate communication for relaxation areas.\" } },\n    { \"@type\": \"ListItem\", \"position\": 14, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Interactive Visual Merchandising (Spazio Lenovo Milan)\", \"url\": \"https:\/\/www.instagram.com\/p\/Cab0A9HNiCP\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/esposizione-prodotti-tech-parete-verde-lenovo.jpg\", \"description\": \"Tech products on display that can be extracted directly from the leaves to increase dwell time.\" } },\n    { \"@type\": \"ListItem\", \"position\": 15, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Monumental 3-Story Wall Installation (Pieri Group)\", \"url\": \"https:\/\/www.instagram.com\/p\/DSnYEKRDb60\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-gigante-lichene-logo-aziendale-colorato-pieri.jpg\", \"description\": \"Monumental wall in the corporate hall spanning 3 stories in height with integrated logo. Demonstrates the absolute homogeneity of the lichen.\" } },\n    { \"@type\": \"ListItem\", \"position\": 16, \"item\": { \"@type\": \"CreativeWork\", \"name\": \"Scenographic Backdrop for Exclusive Events (Gianluca Vacchi)\", \"url\": \"https:\/\/www.instagram.com\/p\/CKuTsDaDhLX\/\", \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/quinta-scenografica-lichene-eventi-gianluca-vacchi.jpg\", \"description\": \"Biophilic design as a natural scenographic backdrop for private events.\" } }\n  ]\n}\n<\/script>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n\n        const btn = document.getElementById('ghHotspotBtn');\n        const hiddenItems = document.querySelectorAll('.gh-hidden-row');\n\n        if(btn) {\n            btn.addEventListener('click', (e) => {\n                if(btn.getAttribute('data-state') === 'expand') {\n                    e.preventDefault(); \n                    \n                    hiddenItems.forEach(item => {\n                        item.style.display = 'flex'; \n                        item.classList.add('gh-fade-in'); \n                        \n                        item.removeAttribute('aria-hidden');\n                        const link = item.querySelector('.gh-invisible-link');\n                        if(link) link.removeAttribute('tabindex');\n                    });\n\n                    btn.innerText = \"DISCOVER THE FULL GALLERY AND CASE HISTORIES \u2192\";\n                    btn.setAttribute('data-state', 'link');\n                    btn.setAttribute('aria-expanded', 'true');\n                    btn.href = \"https:\/\/greenhabitat.it\/en\/portfolio\/\"; \/* Consider updating this URL if there's a specific English page *\/\n                    \n                    const newBtn = btn.cloneNode(true);\n                    btn.parentNode.replaceChild(newBtn, btn);\n                }\n            });\n        }\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9092eb2 elementor-section-full_width elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"9092eb2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ed4e9d8\" data-id=\"ed4e9d8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-02b8591 elementor-widget elementor-widget-html\" data-id=\"02b8591\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    @media (min-width: 1025px) {\n        #gh-compact-wrapper { display: none !important; }\n    }\n\n    #gh-compact-wrapper {\n        display: flex !important;\n        flex-direction: column !important;\n        width: 100% !important;\n        background-color: #F9F7F2 !important; \n        padding: 20px 0 30px 0 !important;\n        box-sizing: border-box !important;\n        font-family: 'Montserrat', sans-serif !important;\n        overflow: hidden !important;\n        position: relative !important;\n        -webkit-tap-highlight-color: transparent;\n    }\n\n    .gh-compact-header {\n        display: flex !important;\n        justify-content: space-between !important;\n        align-items: center !important;\n        width: 100% !important;\n        padding: 0 20px 5px 20px !important; \n        box-sizing: border-box !important;\n        z-index: 10 !important;\n    }\n\n    .gh-rec-unit { display: flex; align-items: center; gap: 8px; }\n    .gh-rec-lamp {\n        width: 10px; height: 10px; background-color: #00D640; border-radius: 50%;\n        box-shadow: 0 0 5px #00D640; animation: gh-flash 1.5s infinite;\n    }\n    .gh-rec-tag { font-size: 11px; font-weight: 800; color: #1A3C34; letter-spacing: 1px; }\n    @keyframes gh-flash { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }\n\n    .gh-swipe-top {\n        font-size: 10px; font-weight: 700; color: #C8A165;\n        text-transform: uppercase; letter-spacing: 1px;\n        display: flex; align-items: center; gap: 5px;\n    }\n    .gh-gold-pointer { font-size: 16px; display: inline-block; animation: gh-move-right 1.5s infinite; }\n    @keyframes gh-move-right { 0% { transform: translateX(0); } 50% { transform: translateX(5px); } 100% { transform: translateX(0); } }\n\n    .gh-compact-track {\n        display: flex !important;\n        flex-wrap: nowrap !important;\n        overflow-x: auto !important;\n        gap: 10px !important; \n        padding-left: 4px !important; \n        scroll-padding-left: 4px !important;\n        padding-right: 20px !important; \n        padding-bottom: 20px !important;\n        padding-top: 10px !important; \n        width: 100% !important;\n        cursor: grab;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        scroll-snap-type: x mandatory; \n        list-style: none !important; \n        margin: 0 !important;\n    }\n    .gh-compact-track::-webkit-scrollbar { display: none; }\n    .gh-compact-track.active { cursor: grabbing; scroll-snap-type: none !important; }\n\n    .gh-compact-item {\n        flex: 0 0 92vw !important; \n        width: 92vw !important;\n        max-width: 500px !important; \n        display: flex !important;\n        flex-direction: column !important;\n        text-decoration: none !important;\n        border: none !important;\n        background: transparent !important;\n        margin: 0 !important;\n        scroll-snap-align: start; \n        -webkit-user-drag: none;\n        position: relative; \n        \n        transform: translate3d(0,0,0);\n        transition: transform 1.8s cubic-bezier(0.25, 1, 0.5, 1);\n        will-change: transform;\n    }\n\n    .gh-track-breathing .gh-compact-item,\n    .gh-track-breathing .gh-m-ghost-wrapper { \n        transform: translate3d(-80px, 0, 0) !important; \n    }\n\n    .gh-f-img {\n        width: 100% !important;\n        height: auto !important;\n        min-height: 250px;\n        background: #eee;\n        border-radius: 4px !important; \n        overflow: hidden;\n        margin-bottom: 10px !important; \n        box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n        pointer-events: none; \n        position: relative;\n    }\n    .gh-f-img img { width: 100%; height: auto; display: block; object-fit: cover; }\n\n    .gh-m-hotspot {\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 50%; \n        height: 25%;\n        z-index: 20;\n        pointer-events: auto; \n        -webkit-tap-highlight-color: transparent;\n    }\n    \n    \/* Regola per l'accessibilit\u00e0 (WCAG): visibile solo a chi naviga con tastiera *\/\n    .gh-m-hotspot:focus-visible {\n        outline: 3px solid #C8A165;\n        outline-offset: -3px;\n        background-color: rgba(200, 161, 101, 0.2);\n    }\n\n    \/* Classe speciale per rendere il link leggibile da Google ma invisibile agli utenti *\/\n    .gh-legal-text {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n    }\n\n    .gh-f-caption {\n        font-size: 14px !important; \n        line-height: 1.4 !important;\n        color: #333333 !important;\n        margin: 0 !important;\n        padding: 0 5px !important;\n        display: -webkit-box;\n        -webkit-line-clamp: 3;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n    \n    .gh-inline-title {\n        color: #1A3C34 !important;\n        font-weight: 700 !important;\n        font-size: inherit !important;\n        margin: 0 !important;\n        padding: 0 !important;\n        display: inline !important;\n    }\n    \n    .gh-inline-desc {\n        display: inline !important;\n    }\n    \n    .gh-m-ghost-wrapper {\n        flex: 0 0 40vw !important; width: 40vw !important; max-width: 200px !important;\n        scroll-snap-align: start; margin: 0 !important; height: auto; display: flex !important; flex-direction: column !important;\n        transform: translate3d(0,0,0); transition: transform 1.8s cubic-bezier(0.25, 1, 0.5, 1);\n        list-style: none !important;\n    }\n    .gh-m-ghost {\n        text-decoration: none !important; display: flex !important; flex-direction: column !important; width: 100%; height: 100%;\n    }\n    .gh-ghost-box {\n        width: 100% !important; aspect-ratio: 3\/4; min-height: 250px;\n        border: 1px solid rgba(200, 161, 101, 0.5); border-radius: 4px;\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\n        text-align: center; background: transparent; transition: all 0.2s ease;\n    }\n    .gh-ghost-icon { font-size: 24px; color: #1A3C34; margin-bottom: 10px; opacity: 0.8; }\n    .gh-ghost-text { font-size: 9px; color: #1A3C34; font-weight: 700; letter-spacing: 1.5px; }\n\n    .gh-compact-footer {\n        padding: 0 20px !important; width: 100% !important; box-sizing: border-box !important;\n        margin-top: 5px !important; display: flex !important; align-items: center !important; gap: 15px !important; \n    }\n    .gh-compact-bar-track {\n        flex-grow: 1; height: 3px; background: #e0e0e0; border-radius: 3px; position: relative; overflow: hidden;\n    }\n    .gh-compact-bar-fill {\n        position: absolute; left: 0; top: 0; bottom: 0; width: 5%; background-color: #C8A165; transition: width 0.1s linear;\n    }\n    .gh-swipe-bottom {\n        font-size: 10px; font-weight: 700; color: #C8A165; letter-spacing: 1px; display: flex; align-items: center; gap: 5px; white-space: nowrap; \n    }\n<\/style>\n\n<section id=\"gh-compact-wrapper\" aria-label=\"B2B Portfolio Mobile\">\n\n    <div class=\"gh-compact-header\" aria-hidden=\"true\">\n        <div class=\"gh-rec-unit\"><div class=\"gh-rec-lamp\"><\/div><span class=\"gh-rec-tag\">LIVE FEED<\/span><\/div>\n        <div class=\"gh-swipe-top\">SWIPE <span class=\"gh-gold-pointer\">\u2192<\/span><\/div>\n    <\/div>\n\n    <ul class=\"gh-compact-track\" id=\"ghCompactTrack\">\n        \n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-lichene-stabilizzato-indoor-gianluca-vacchi.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Indoor preserved lichen wall for luxury interior design in Gianluca Vacchi's residence\">\n                <a href=\"https:\/\/www.instagram.com\/p\/CLXQ0JnD12h\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View Gianluca Vacchi&#039;s post about the Green Habitat wall in his home\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Gianluca Vacchi Residence:<\/h3>\n                <span class=\"gh-inline-desc\">Custom-engineered bespoke technical module for invisible residential luxury.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/rivestimento-colonne-verde-stabilizzato-lenovo.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Reinforced concrete column cladding with preserved greenery and Push-Pull opening system in the Lenovo Store\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/CFKqvESHpVf\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the official Lenovo post on the biophilic columns\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Lenovo Store (Europe):<\/h3>\n                <span class=\"gh-inline-desc\">Preserved green columns with Push-Pull inspection system for human capital and retail well-being.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/correzione-acustica-pareti-lichene-muschio-selvaggio.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Passive acoustic correction with full perimeter lichen cladding in the Muschio Selvaggio podcast studio\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/CTZnEBGMpvA\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the fully clad Muschio Selvaggio podcast set\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Muschio Selvaggio Podcast:<\/h3>\n                <span class=\"gh-inline-desc\">Bio-acoustic perimeter wall module to eliminate reverberation and ensure vocal clarity.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/allestimento-stand-fieristico-verde-stabilizzato-technogym.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Exhibition stand setup with custom preserved vegetation walls for Technogym in Paris\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/DT3T4gZgAzW\/?img_index=1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the installation for the Technogym exhibition stand\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Technogym Exhibition Stands:<\/h3>\n                <span class=\"gh-inline-desc\">Custom-made walls. Material synchrony between physical well-being and bio-integrated architecture.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/sistema-parietale-biofilico-retail-guess.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Full-height preserved green wall following the staircase of the Guess Store in Amsterdam\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/DKmSYM6twdW\/?img_index=1\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the green wall in the Guess store in Amsterdam\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Guess Store:<\/h3>\n                <span class=\"gh-inline-desc\">Full-height biophilic systems extending over the stairs, optimized for high-traffic international retail.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/controsoffitto-fonoassorbente-green-expert.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Totally green sound-absorbing bio-acoustic suspended ceiling in Expert electronics stores\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/DKrQwUAoDst\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the Expert green suspended ceiling\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Expert Electronics Retail:<\/h3>\n                <span class=\"gh-inline-desc\">Green ceiling bio-infrastructures for acoustic comfort, to improve sales and staff well-being.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/facciata-verde-vivo-esterno-ospedale-niguarda.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Internal green walls and impressive external green facades of hundreds of square meters at the Niguarda Hospital\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/DUVoV32DF4M\/?utm_source=ig_web_copy_link&amp;igsh=MzRlODBiNWFlZA==\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the green facade and internal walls inaugurated at the Niguarda Hospital\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Niguarda Hospital (Olympics):<\/h3>\n                <span class=\"gh-inline-desc\">Bio-certified ecosystems for active purification of internal and external medical areas.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pannelli-fonoassorbenti-soffitto-verde-stabilizzato-unicredit.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Preserved green sound-absorbing panels installed in UniCredit meeting rooms and executive offices\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/unicredit_eu\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the acoustic claddings in the UniCredit offices\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">UniCredit Executive Offices:<\/h3>\n                <span class=\"gh-inline-desc\">Bio-acoustic comfort for absolute privacy and well-being in open space areas and meeting rooms.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pannelli-divisori-ignifughi-aeroporto-bologna.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Preserved green partition panels for transit areas at Bologna Airport\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/bologna_airport\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the installations at Bologna Airport\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Bologna Airport:<\/h3>\n                <span class=\"gh-inline-desc\">Fire-certified bio-infrastructure (B-s2, d0) for visual comfort and safety in high-traffic areas.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/divisori-scrivania-fonoassorbenti-open-space-unicredit.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Sound-absorbing and completely green desk partitions for UniCredit open space workstations\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/unicredit_eu\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the UniCredit operational partitions\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">UniCredit Open Space Workstations:<\/h3>\n                <span class=\"gh-inline-desc\">Sound-absorbing partitions between workstations for staff acoustic zoning and cognitive well-being.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/divisori-privacy-lounge-toscana-aeroporti.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Partitions for privacy and bioacoustic comfort in Toscana Aeroporti waiting rooms\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/toscanaaeroporti\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the partitions in the Toscana Aeroporti lounges\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Toscana Aeroporti Lounges:<\/h3>\n                <span class=\"gh-inline-desc\">Biophilic zoning to reduce stress, provide privacy to passengers, and improve the experience.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pareti-divisorie-assorbimento-acustico-westpole.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Acoustic absorption partition walls in Westpole's open plan smart offices\" loading=\"lazy\">\n                <a href=\"https:\/\/www.linkedin.com\/company\/westpole-benelux\/?originalSubdomain=be\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the corporate project for Westpole\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Westpole Smart Office:<\/h3>\n                <span class=\"gh-inline-desc\">Passive reverberation absorption for maximum operational comfort in industrial architectures.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-corporate-logo-verde-stabilizzato-iveco.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Corporate preserved green wall with custom integrated company logo for Iveco\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/iveco\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the branded corporate walls for Iveco\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Iveco Corporate Relaxation Areas:<\/h3>\n                <span class=\"gh-inline-desc\">Custom biophilic infrastructures with integrated logo and raised corporate communication.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/esposizione-prodotti-tech-parete-verde-lenovo.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Relaxed customers at Spazio Lenovo around a preserved green column with integrated headphones display\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/Cab0A9HNiCP\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the interactive area in Spazio Lenovo\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Spazio Lenovo Milan Exhibition:<\/h3>\n                <span class=\"gh-inline-desc\">Tech products that can be displayed or extracted among the leaves to increase dwell time.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-gigante-lichene-logo-aziendale-colorato-pieri.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Gigantic 3-story high, perfectly homogeneous preserved lichen wall in the Pieri Group hall\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/DSnYEKRDb60\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"View the triple-height installation for Pieri Group\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Pieri Group Hall (Triple Height):<\/h3>\n                <span class=\"gh-inline-desc\">Giant 3-story installation with corporate logo: perfect homogeneity (Single Batch).<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-compact-item\">\n            <div class=\"gh-f-img\">\n                <img loading=\"lazy\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/quinta-scenografica-lichene-eventi-gianluca-vacchi.jpg\" width=\"600\" height=\"800\" decoding=\"async\" draggable=\"false\" alt=\"Scenographic preserved lichen backdrop for private events and exclusive parties by Gianluca Vacchi\" loading=\"lazy\">\n                <a href=\"https:\/\/www.instagram.com\/p\/CKuTsDaDhLX\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-m-hotspot\" aria-label=\"Discover the lichen scenographies for exclusive events and private parties\"><span class=\"gh-legal-text\">Legal Source and Social Copyright<\/span><\/a>\n            <\/div>\n            <div class=\"gh-f-caption\">\n                <h3 class=\"gh-inline-title\">Gianluca Vacchi Private Parties:<\/h3>\n                <span class=\"gh-inline-desc\">Biophilic design as a natural scenographic backdrop for private and corporate events.<\/span>\n            <\/div>\n        <\/li>\n\n        <li class=\"gh-m-ghost-wrapper\">\n            <a href=\"https:\/\/greenhabitat.it\/en\/portfolio\/\" class=\"gh-m-ghost\" aria-label=\"Show the full gallery of all our B2B installations\">\n                <div class=\"gh-ghost-box\">\n                    <span class=\"gh-ghost-icon\" aria-hidden=\"true\">\u279c<\/span>\n                    <span class=\"gh-ghost-text\">ALL<br>PROJECTS<\/span>\n                <\/div>\n            <\/a>\n        <\/li>\n        \n        <li style=\"min-width: 20px; list-style: none;\" aria-hidden=\"true\"><\/li>\n    <\/ul>\n\n    <div class=\"gh-compact-footer\" aria-hidden=\"true\">\n        <div class=\"gh-compact-bar-track\">\n            <div class=\"gh-compact-bar-fill\" id=\"ghCompactFill\"><\/div>\n        <\/div>\n        <div class=\"gh-swipe-bottom\">SWIPE <span class=\"gh-gold-pointer\">\u2192<\/span><\/div>\n    <\/div>\n\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const slider = document.getElementById('ghCompactTrack');\n        const fill = document.getElementById('ghCompactFill');\n        const wrapper = document.getElementById('gh-compact-wrapper');\n        \n        if(!slider || !fill) return;\n\n        let isDown = false;\n        let startX;\n        let scrollLeft;\n        let isDragging = false; \n\n        let userInteracted = false;\n        let nudgeTimeout;\n\n        const triggerBreathing = () => {\n            if (userInteracted) return;\n            if (slider.scrollLeft > 10) return;\n\n            slider.classList.add('gh-track-breathing');\n\n            setTimeout(() => {\n                if(!userInteracted) {\n                    slider.classList.remove('gh-track-breathing');\n                }\n            }, 2000);\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    if (!userInteracted && !nudgeTimeout) {\n                        nudgeTimeout = setTimeout(triggerBreathing, 2500); \n                    }\n                } else {\n                    if (nudgeTimeout) {\n                        clearTimeout(nudgeTimeout);\n                        nudgeTimeout = null;\n                    }\n                }\n            });\n        }, { threshold: 0.6 });\n\n        if (wrapper) observer.observe(wrapper);\n\n        const stopAll = () => {\n            userInteracted = true;\n            if (nudgeTimeout) clearTimeout(nudgeTimeout);\n            slider.classList.remove('gh-track-breathing');\n        };\n\n        slider.addEventListener('touchstart', stopAll, {passive: true});\n        slider.addEventListener('mousedown', stopAll);\n        slider.addEventListener('scroll', () => {\n            if (slider.scrollLeft > 10) userInteracted = true;\n            updateUI();\n        });\n\n        const updateUI = () => {\n            const max = slider.scrollWidth - slider.clientWidth;\n            if (max > 0) {\n                const percentage = (slider.scrollLeft \/ max) * 100;\n                fill.style.width = Math.max(5, Math.min(100, percentage)) + '%';\n            } else {\n                fill.style.width = '100%';\n            }\n\n            const firstImg = slider.querySelector('.gh-f-img');\n            const ghostBox = slider.querySelector('.gh-ghost-box');\n            if(firstImg && ghostBox && firstImg.offsetHeight > 0) {\n                ghostBox.style.height = firstImg.offsetHeight + 'px';\n                ghostBox.style.minHeight = '0';\n                ghostBox.style.aspectRatio = 'auto';\n            }\n        };\n\n        setTimeout(updateUI, 500);\n        setTimeout(updateUI, 2000); \n        window.addEventListener('resize', updateUI);\n\n        const links = slider.querySelectorAll('a');\n        links.forEach(link => {\n            link.addEventListener('click', (e) => {\n                if (isDragging) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }\n            });\n        });\n\n        slider.addEventListener('mousedown', (e) => {\n            stopAll();\n            isDown = true;\n            isDragging = false; \n            slider.classList.add('active'); \n            startX = e.pageX - slider.offsetLeft;\n            scrollLeft = slider.scrollLeft;\n        });\n\n        const stopDrag = () => {\n            if (!isDown) return;\n            isDown = false;\n            slider.classList.remove('active'); \n            setTimeout(() => { isDragging = false; }, 50);\n        };\n\n        slider.addEventListener('mouseleave', stopDrag);\n        slider.addEventListener('mouseup', stopDrag);\n\n        slider.addEventListener('mousemove', (e) => {\n            if (!isDown) return;\n            e.preventDefault();\n            const x = e.pageX - slider.offsetLeft;\n            const walk = (x - startX); \n            if (Math.abs(walk) > 5) {\n                isDragging = true;\n                slider.scrollLeft = scrollLeft - (walk * 1.5); \n            }\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-854dd38 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"854dd38\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c4bc5b3\" data-id=\"c4bc5b3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a3052cd elementor-widget elementor-widget-html\" data-id=\"a3052cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"gh-faq-hub-section\" aria-labelledby=\"gh-faq-hydro-title\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');\n\n        .gh-faq-hub-section {\n            width: 100%; max-width: 1250px; margin: 80px auto; \n            font-family: 'Montserrat', sans-serif; padding: 0 20px; box-sizing: border-box;\n            display: flex; flex-wrap: wrap; gap: 60px; align-items: flex-start;\n        }\n\n        .gh-faq-hydro-intro {\n            flex: 0 0 clamp(300px, 35vw, 420px);\n            position: sticky; top: 120px;\n        }\n\n        .gh-faq-hydro-eyebrow {\n            display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; \n            color: #C8A165; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px;\n            border-bottom: 2px solid #C8A165; padding-bottom: 5px;\n        }\n\n        .gh-faq-hydro-title {\n            font-size: clamp(32px, 4vw, 48px); font-weight: 900; color: #111; \n            line-height: 1.1; margin: 0 0 20px 0; letter-spacing: -1px; text-transform: uppercase;\n        }\n\n        .gh-faq-hydro-desc {\n            font-size: 16px; font-weight: 500; color: #666; line-height: 1.6; margin: 0;\n        }\n\n        .gh-faq-hydro-acc-col {\n            flex: 1; min-width: 320px; display: flex; flex-direction: column; gap: 12px;\n        }\n\n        .gh-faq-hydro-cat {\n            font-size: 13px; font-weight: 800; color: #C8A165; text-transform: uppercase; \n            letter-spacing: 2px; margin: 40px 0 10px 0; padding-bottom: 8px; \n            border-bottom: 1px solid #eaeaea;\n        }\n        .gh-faq-hydro-cat:first-child { margin-top: 0; }\n\n        .gh-faq-hydro-item {\n            background: #ffffff; border: 1px solid #eaeaea; border-radius: 10px; \n            box-shadow: 0 5px 20px rgba(0,0,0,0.02); overflow: hidden; transition: all 0.3s ease;\n        }\n        \n        .gh-faq-hydro-item:hover { border-color: #dcdcdc; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }\n        .gh-faq-hydro-item[open] { border-color: #C8A165; box-shadow: 0 10px 30px rgba(200,161,101,0.1); }\n\n        .gh-faq-hydro-sum {\n            padding: 22px 25px; cursor: pointer; list-style: none; outline: none;\n            display: flex; justify-content: space-between; align-items: center; gap: 20px;\n            background: #fafafa; transition: background 0.3s ease;\n        }\n        .gh-faq-hydro-sum::-webkit-details-marker { display: none; }\n        \n        .gh-faq-hydro-item:hover .gh-faq-hydro-sum { background: #ffffff; }\n        .gh-faq-hydro-item[open] .gh-faq-hydro-sum { background: #ffffff; }\n\n        .gh-faq-hydro-q {\n            font-size: 16px; font-weight: 800; color: #111; margin: 0; line-height: 1.4;\n            transition: color 0.3s ease;\n        }\n        \n        .gh-faq-hydro-item[open] .gh-faq-hydro-q { color: #1A3C34; }\n        .gh-faq-hydro-sum:hover .gh-faq-hydro-q { color: #C8A165; }\n\n        .gh-faq-hydro-ico {\n            flex-shrink: 0; width: 30px; height: 30px; position: relative; color: #1A3C34;\n            border-radius: 50%; background: #f0f0f0; transition: all 0.4s ease;\n            display: flex; justify-content: center; align-items: center;\n        }\n        .gh-faq-hydro-ico::before, .gh-faq-hydro-ico::after {\n            content: ''; position: absolute; background-color: currentColor; \n            transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n        }\n        .gh-faq-hydro-ico::before { width: 12px; height: 2px; }\n        .gh-faq-hydro-ico::after { width: 2px; height: 12px; }\n\n        .gh-faq-hydro-item[open] .gh-faq-hydro-ico { background: #1A3C34; color: #fff; transform: rotate(180deg); }\n        .gh-faq-hydro-item[open] .gh-faq-hydro-ico::after { transform: rotate(90deg); opacity: 0; }\n\n        .gh-faq-hydro-a {\n            padding: 0 25px 25px 25px; font-size: 15px; font-weight: 500; color: #555; \n            line-height: 1.6; border-top: 1px solid #f5f5f5; margin-top: 5px;\n            animation: ghFaqFadeIn 0.4s ease-out;\n        }\n        .gh-faq-hydro-item[open] .gh-faq-hydro-a { padding-top: 20px; }\n\n        .gh-faq-hydro-a strong { color: #1A3C34; font-weight: 700; }\n        .gh-faq-hydro-a p { margin: 0 0 12px 0; }\n        .gh-faq-hydro-a p:last-child { margin: 0; }\n        .gh-faq-hydro-a ul { margin: 12px 0 0 0; padding-left: 20px; }\n        .gh-faq-hydro-a li { margin-bottom: 6px; }\n\n        @keyframes ghFaqFadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }\n\n        @media (max-width: 992px) {\n            .gh-faq-hub-section { flex-direction: column; gap: 40px; margin: 40px auto; }\n            .gh-faq-hydro-intro { position: static; width: 100%; max-width: none; text-align: center; }\n            .gh-faq-hydro-eyebrow { justify-content: center; }\n            .gh-faq-hydro-sum { padding: 18px 20px; }\n            .gh-faq-hydro-q { font-size: 15px; }\n            .gh-faq-hydro-a { padding: 0 20px 20px 20px; font-size: 14px; }\n        }\n    <\/style>\n\n    <div class=\"gh-faq-hydro-intro\">\n        <span class=\"gh-faq-hydro-eyebrow\">\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"><\/path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n            HYDRO\u00ae KNOWLEDGE BASE\n        <\/span>\n        <h2 id=\"gh-faq-hydro-title\" class=\"gh-faq-hydro-title\">Green Engineering.<\/h2>\n        <p class=\"gh-faq-hydro-desc\">From building statics to hospital regulations, up to real estate ROI. We have analyzed the doubts of Engineers, General Contractors, and Facility Managers to offer you unequivocal technical answers.<\/p>\n    <\/div>\n\n    <div class=\"gh-faq-hydro-acc-col\">\n        \n        <h3 class=\"gh-faq-hydro-cat\">Structural Engineering and Installation<\/h3>\n\n        <details class=\"gh-faq-hydro-item\" open>\n            <summary class=\"gh-faq-hydro-sum\">\n                <h3 class=\"gh-faq-hydro-q\">1. How much does the fully loaded system weigh? Do I need to recalculate the building's statics?<\/h3>\n                <div class=\"gh-faq-hydro-ico\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-hydro-a\">\n                <strong>Absolutely not, the weight is minimal and invariable.<\/strong> Unlike old planter systems that weigh up to 100 kg\/sqm due to wet soil, our Dry-Tech system has an empty weight of only 10 kg\/sqm. Even at full water and vegetative capacity, the guaranteed maximum load ranges between <strong>30 and 40 kg per square meter<\/strong>. This exceptional lightness allows safe installation even on lightweight partitions such as plasterboard, eliminating the need for expensive and invasive seismic recalculations.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-hydro-item\">\n            <summary class=\"gh-faq-hydro-sum\">\n                <h3 class=\"gh-faq-hydro-q\">2. How is it fixed to the wall? Is there a risk of moisture or condensation on the wall?<\/h3>\n                <div class=\"gh-faq-hydro-ico\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-hydro-a\">\n                The dry installation is carried out using a <strong>solid rack on galvanized uprights<\/strong>. This engineering method spaces the modules from the wall, automatically creating a <strong>3-5 cm air chamber<\/strong>. This \"Ventilated Facade\" triggers an upward air motion (Chimney Effect) that insulates the building and radically eliminates any risk of stagnant moisture or interstitial condensation.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-hydro-item\">\n            <summary class=\"gh-faq-hydro-sum\">\n                <h3 class=\"gh-faq-hydro-q\">3. What are the worksite times? Do we have to stop business operations?<\/h3>\n                <div class=\"gh-faq-hydro-ico\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-hydro-a\">\n                <strong>Zero downtime installation.<\/strong> We work following the \"Zero Logistic Footprint\" protocol. Unlike nurseries that bring pallets of soil, pipes, mud, and rubble to the site, our modules arrive pre-assembled and pre-vegetated. The coupling is purely mechanical and dry (no mortars or glues). This allows us to perform surgical installations in huge logistics hubs (e.g., leading e-commerce logistics centers) without ever stopping the passage of forklifts or interfering with the client's productivity.\n            <\/div>\n        <\/details>\n\n        <h3 class=\"gh-faq-hydro-cat\">Healthcare, Environment, and Maintenance<\/h3>\n\n        <details class=\"gh-faq-hydro-item\">\n            <summary class=\"gh-faq-hydro-sum\">\n                <h3 class=\"gh-faq-hydro-q\">4. Why is it a suitable and chosen system for Hospitals and Clinical Environments (Healthcare)?<\/h3>\n                <div class=\"gh-faq-hydro-ico\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-hydro-a\">\n                <strong>Because it prevents the pathogenic proliferation typical of traditional systems.<\/strong> Traditional vertical gardens use loose soil, which, when wet, generates mold and fungal spores (like <em>Aspergillus<\/em>), critical in medical wards. The Hydro\u00ae system uses hydroponic cultivation on inert technical fabric (Dry-Tech): <strong>it minimizes this risk factor<\/strong>. Due to this high safety, we were chosen to clad the <strong>Emergency Room of the Niguarda Hospital in Milan (Milan Cortina 2026 Olympic Hub)<\/strong>.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-hydro-item\">\n            <summary class=\"gh-faq-hydro-sum\">\n                <h3 class=\"gh-faq-hydro-q\">5. Why do you use a \"synthetic grass\" mantle? Isn't it unecological?<\/h3>\n                <div class=\"gh-faq-hydro-ico\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-hydro-a\">\n                On the contrary, it is a masterpiece of functional bio-engineering. The polymeric mantle (100% recyclable) performs 3 vital functions that soil cannot do: <strong>1)<\/strong> It acts as an electrostatic filter to trap urban Particulate Matter even before the leaves grow; <strong>2)<\/strong> It acts as a thermal shield against UV rays, protecting the delicate living root system; <strong>3)<\/strong> It guarantees the client a visually perfect green facade from \"Day Zero\", hiding the normal cycles of botanical replacement.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-hydro-item\">\n            <summary class=\"gh-faq-hydro-sum\">\n                <h3 class=\"gh-faq-hydro-q\">6. Who takes care of irrigation and high-altitude maintenance?<\/h3>\n                <div class=\"gh-faq-hydro-ico\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-hydro-a\">\n                The system is autonomous. It integrates an automated <strong>fertigation system (IoT \/ Agriculture 3.0)<\/strong> managed by a control unit. Any local maintenance technician or gardener of the client can manage it following our protocols. Furthermore, thanks to the rack, every single 100x50cm module can be unhooked and individually inspected (in just 10 seconds), without having to dismantle entire portions of the facade.\n            <\/div>\n        <\/details>\n\n        <h3 class=\"gh-faq-hydro-cat\">Thermodynamics, Regulations, and ROI<\/h3>\n\n        <details class=\"gh-faq-hydro-item\">\n            <summary class=\"gh-faq-hydro-sum\">\n                <h3 class=\"gh-faq-hydro-q\">7. What are the real thermal advantages in Summer and Winter (Energy Performance Regulations)?<\/h3>\n                <div class=\"gh-faq-hydro-ico\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-hydro-a\">\n                It is a two-phase thermodynamic machine. <strong>In Winter:<\/strong> the empty hardware module guarantees a passive resistance certified by the Istituto Giordano equal to <strong>Rp=0.56 m\u00b2K\/W<\/strong> (EN ISO 10211), improving the Thermal Transmittance of the wall. <strong>In Summer:<\/strong> technology dominates; leaf evapotranspiration and the ventilated cavity actively dissipate <strong>up to 377 W\/m\u00b2 of solar heat (Cooling Power)<\/strong>, reducing the Periodic Thermal Transmittance and massively reducing air conditioning costs.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-hydro-item\">\n            <summary class=\"gh-faq-hydro-sum\">\n                <h3 class=\"gh-faq-hydro-q\">8. Does the system help the building obtain LEED or BREEAM credits?<\/h3>\n                <div class=\"gh-faq-hydro-ico\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-hydro-a\">\n                <strong>Yes, it maximizes the building's ESG rating.<\/strong> The infrastructure has been validated by ENEA as a standard for the <em>European Energy Performance of Buildings Directive (EPBD)<\/em>. It directly contributes to the acquisition of vital credits in the <strong>LEED, BREEAM, and WELL Building Standard<\/strong> protocols for parameters relating to: Urban Heat Island (UHI) Reduction, Energy Efficiency, Acoustic Comfort (reduction of up to 60% of urban noise), and Access to Nature (Biophilia).\n            <\/div>\n        <\/details>\n\n    <\/div>\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How much does the fully loaded system weigh? Do I need to recalculate the building's statics?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Absolutely not. Unlike traditional planter systems with soil (which weigh 80-100 kg\/sqm), the Hydro system weighs only 10 kg\/sqm empty and a maximum of 30-40 kg\/sqm at full water capacity. This exceptional structural lightness allows safe installation even on plasterboard, eliminating the need for seismic recalculations.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How is it fixed to the wall? Is there a risk of moisture or condensation on the wall?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"The dry installation is carried out using a rack on galvanized uprights. This method spaces the modules from the wall, automatically creating a 3-5 cm air chamber. This 'Ventilated Facade' triggers the Chimney Effect that insulates the building and radically eliminates any risk of stagnant moisture or condensation.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What are the worksite times and the dirt level?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"The system adopts a dry installation (Dry-Tech) technology. The modules arrive pre-vegetated and snap on. We do not use loose soil, mortars, or glues, guaranteeing a clean and extremely fast 'Zero Footprint' worksite, ideal for large e-commerce hubs operating with 'Zero downtime installation'.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is the system suitable for Hospitals and Clinical Environments?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Traditional soil-based vertical gardens can generate fungal spores (like Aspergillus). The Hydro system uses hydroponic cultivation on inert fabric and minimizes this risk factor. This is why it was chosen to support biophilic well-being on the facades of the Emergency Room of the Niguarda Hospital in Milan.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Why do you use a synthetic grass mantle? Isn't it unecological?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"It is functional bio-engineering. The recyclable polymeric mantle performs 3 functions: 1) Electrostatic filter to trap PM10 and PM2.5 Particulate Matter; 2) UV thermal shield to protect living roots; 3) Guarantees an aesthetically perfect green facade from 'Day Zero', hiding seasonal botanical replacements.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How does summer insulation and cooling work?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"The empty module has a certified structural thermal resistance of Rp=0.56. In summer, through leaf evapotranspiration and the chimney effect, the living wall actively dissipates up to 377 W\/m2 of solar heat (Cooling Power), reducing the Periodic Thermal Transmittance and air conditioning costs.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Does it help obtain credits for LEED, BREEAM, or WELL certifications?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Absolutely yes. The inclusion of the Hydro system in projects massively contributes to obtaining ESG credits, thanks to the reduction of PM2.5 dust, the reduction of the Urban Heat Island, and acoustic treatment reducing perceived noise by up to -60%.\" }\n    }\n  ]\n}\n<\/script>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const hydroDetails = document.querySelectorAll(\".gh-faq-hydro-item\");\n        hydroDetails.forEach(targetDetail => {\n            targetDetail.addEventListener(\"toggle\", () => {\n                if (targetDetail.open) {\n                    hydroDetails.forEach(detail => {\n                        if (detail !== targetDetail && detail.open) {\n                            detail.open = false;\n                        }\n                    });\n                }\n            });\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e5bda0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e5bda0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-68083bd7\" data-id=\"68083bd7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1637a252 elementor-widget elementor-widget-html\" data-id=\"1637a252\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');\n\n    #gh-form-header {\n        text-align: center !important;\n        max-width: 800px !important;\n        margin: 0 auto 40px auto !important; \n        font-family: 'Inter', sans-serif !important;\n        padding: 0 20px !important;\n    }\n\n    #gh-form-header * { box-sizing: border-box !important; }\n\n    #gh-form-header .gh-form-badge {\n        font-size: 0.8rem !important;\n        font-weight: 800 !important;\n        color: #b59a5a !important; \n        text-transform: uppercase !important;\n        letter-spacing: 2px !important;\n        margin-bottom: 20px !important;\n        display: inline-block !important;\n        padding: 6px 16px !important;\n        border: 1px solid rgba(181, 154, 90, 0.3) !important;\n        border-radius: 50px !important;\n        background: rgba(181, 154, 90, 0.05) !important;\n    }\n\n    #gh-form-header h2 {\n        font-family: 'Playfair Display', serif !important;\n        font-size: 3.2rem !important;\n        font-weight: 800 !important;\n        color: #0f172a !important;\n        line-height: 1.15 !important;\n        margin: 0 0 20px 0 !important;\n        letter-spacing: -1px !important;\n    }\n\n    #gh-form-header p {\n        font-size: 1.15rem !important;\n        color: #475569 !important;\n        line-height: 1.6 !important;\n        margin: 0 !important;\n        font-weight: 400 !important;\n    }\n\n    #gh-form-header .gh-trust-bullets {\n        display: flex !important;\n        justify-content: center !important;\n        gap: 25px !important;\n        margin-top: 25px !important;\n        flex-wrap: wrap !important;\n    }\n\n    #gh-form-header .gh-trust-bullets span {\n        font-size: 0.9rem !important;\n        font-weight: 600 !important;\n        color: #0f172a !important;\n        display: flex !important;\n        align-items: center !important;\n        gap: 8px !important;\n    }\n\n    #gh-form-header .gh-trust-bullets svg {\n        width: 16px !important;\n        height: 16px !important;\n        color: #b59a5a !important; \n    }\n\n    @media (max-width: 768px) {\n        #gh-form-header h2 { font-size: 2.4rem !important; }\n        #gh-form-header p { font-size: 1.05rem !important; }\n        #gh-form-header .gh-trust-bullets { gap: 15px !important; flex-direction: column !important; align-items: center !important; }\n    }\n<\/style>\n\n<div id=\"gh-form-header\">\n    \n    <div class=\"gh-form-badge\">Custom Design<\/div>\n    \n    <h2>We give shape to your vision.<\/h2>\n    \n    <p>\n        Whether for a residential setting, a commercial space, or a large-scale architectural project, our manufacturing adapts to your spatial requirements. Share your concept with us to receive a no-obligation analysis.\n    <\/p>\n\n    <div class=\"gh-trust-bullets\">\n        <span>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            Response within 24-48 hours\n        <\/span>\n        <span>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            Tailored Consulting\n        <\/span>\n        <span>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            End-to-End Support\n        <\/span>\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-68955e24 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"68955e24\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-custom\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-15edb217\" data-id=\"15edb217\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1bbdeabe elementor-widget elementor-widget-html\" data-id=\"1bbdeabe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n<script>\n  hbspt.forms.create({\n    region: \"na1\",\n    portalId: \"9406678\",\n    formId: \"b1a32b5f-024f-4fd6-a5f6-c7b0b1399ec5\"\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4b2f446a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4b2f446a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-19cb0549\" data-id=\"19cb0549\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3683a23 elementor-widget elementor-widget-html\" data-id=\"3683a23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    .gh-legal-shield-wrapper {\n        background-color: #ffffff !important; \n        padding: 30px 20px !important; \n        text-align: center !important;\n        font-family: 'Inter', 'Montserrat', sans-serif !important;\n        border-top: 1px solid #f1f5f9 !important;\n        width: 100% !important;\n        box-sizing: border-box !important;\n    }\n\n    .gh-legal-shield-container {\n        max-width: 1000px !important;\n        margin: 0 auto !important;\n    }\n\n    .gh-legal-shield-text {\n        color: #94a3b8 !important; \n        font-size: 10px !important; \n        line-height: 1.6 !important;\n        margin: 0 !important;\n        font-weight: 400 !important;\n        text-align: justify !important;\n        text-align-last: center !important;\n    }\n\n    .gh-legal-shield-text strong {\n        color: #64748b !important; \n        font-weight: 600 !important;\n    }\n\n    .gh-legal-shield-text a {\n        color: #94a3b8 !important; \n        text-decoration: underline !important;\n        text-decoration-color: #cbd5e1 !important; \n        transition: color 0.3s ease !important;\n    }\n\n    .gh-legal-shield-text a:hover {\n        color: #0f172a !important; \n    }\n\n    @media (max-width: 768px) {\n        .gh-legal-shield-text {\n            font-size: 9px !important;\n            text-align: center !important; \n            text-align-last: center !important;\n        }\n    }\n<\/style>\n\n<div class=\"gh-legal-shield-wrapper\" aria-label=\"Legal and Trademark Disclaimer\">\n    <div class=\"gh-legal-shield-container\">\n        <p class=\"gh-legal-shield-text\">\n            <strong>Legal Notice on Portfolio and Trademarks:<\/strong> All trademarks, logos, trade names, and corporate names mentioned on this website belong to their respective and legitimate owners. Photographic images relating to Corporate, Retail, HoReCa, and Residential projects (including links to \"User Generated Content\" published on external platforms) are included for purely documentary, illustrative, and historical portfolio purposes regarding the supplies or installations executed in our capacity as a technical supplier. Their presence does not in any way imply sponsorship agreements, endorsements, affiliations, or official partnerships between Green Habitat and the depicted brands, entities, or public figures, unless otherwise explicitly stated. Should the legitimate holders of image or trademark rights wish to request the removal, modification, or de-indexing of specific content, they are invited to contact our dedicated office at <a href=\"mailto:amministrazione@greenhabitat.it\">amministrazione@greenhabitat.it<\/a> for immediate removal.\n        <\/p>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Green FacadesGreen FacadesGreen Facades Previous slide Next slide Vivid green for outdoor use https:\/\/greenhabitat.it\/wp-content\/uploads\/2022\/03\/VERDE-VIVO.mp4 Do you want to bring the beauty of nature to the front of your business? With Green Habitat vertical greenery, you can dress it up with the colors and shapes of a garden, giving it a stylish yet profoundly &#8220;green&#8221; feel: [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-6379","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/comments?post=6379"}],"version-history":[{"count":22,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6379\/revisions"}],"predecessor-version":[{"id":23424,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6379\/revisions\/23424"}],"wp:attachment":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/media?parent=6379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}