{"id":6341,"date":"2022-03-04T15:12:17","date_gmt":"2022-03-04T15:12:17","guid":{"rendered":"https:\/\/greenhabitat.it\/stabilized-green\/stabilized-moss\/"},"modified":"2026-03-14T19:55:39","modified_gmt":"2026-03-14T19:55:39","slug":"preserved-moss-walls","status":"publish","type":"page","link":"https:\/\/greenhabitat.it\/en\/vertical-gardens\/preserved-greenery\/preserved-moss-walls\/","title":{"rendered":"Preserved Moss"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6341\" class=\"elementor elementor-6341 elementor-3771\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2e2380a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2e2380a\" 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-174ac97\" data-id=\"174ac97\" 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-451582e elementor-widget elementor-widget-html\" data-id=\"451582e\" 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@300;400;500;600;700;800;900&display=swap');\n\n  .gh-hero-section {\n    position: relative;\n    width: 100%;\n    min-height: 85vh; \n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background-color: #000000;\n    background-image: url('https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/parete-muschio-stabilizzato-zero-manutenzione-indoor.jpg');\n    background-size: cover;\n    background-position: center;\n    font-family: 'Montserrat', sans-serif !important;\n  }\n\n  .gh-video-smart {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    min-width: 100%;\n    min-height: 100%;\n    width: auto;\n    height: auto;\n    object-fit: cover;\n    transform: translate(-50%, -50%);\n    z-index: 0;\n    opacity: 1 !important; visibility: visible !important;\n  }\n\n  .gh-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(180deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.15) 0%);\n    z-index: 1;\n  }\n\n  .gh-hero-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    color: #ffffff;\n    padding: 2rem 1rem;\n    width: 100%;\n    max-width: 1200px;\n    box-sizing: border-box;\n  }\n\n  .gh-h1-eyebrow {\n    display: block;\n    font-size: clamp(12px, 1.5vw, 16px);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 600;\n    margin-bottom: 15px;\n    color: #C8A165; \n  }\n\n  .gh-h1-main {\n    font-size: clamp(34px, 5vw, 68px);\n    font-weight: 900;\n    line-height: 1.1;\n    margin: 0;\n    text-shadow: 0px 4px 15px rgba(0,0,0,0.8);\n    letter-spacing: -1px;\n  }\n\n  .gh-h2-seo {\n    font-size: clamp(16px, 2vw, 22px);\n    font-weight: 500;\n    line-height: 1.4;\n    margin-top: 20px;\n    margin-bottom: 35px;\n    text-shadow: 0px 2px 10px rgba(0,0,0,0.8);\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .gh-b2b-subtext {\n    display: block;\n    font-size: clamp(14px, 1.5vw, 18px);\n    font-weight: 400;\n    margin-top: 10px;\n    color: #e2e8f0; \n  }\n\n  .gh-cta-button {\n    display: inline-block;\n    background-color: #1A3C34; \n    color: #ffffff;\n    padding: 16px 40px;\n    font-size: 18px;\n    text-decoration: none;\n    border-radius: 4px;\n    font-weight: 700;\n    transition: all 0.3s ease;\n    text-transform: uppercase;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.5);\n    border: 1px solid rgba(255,255,255,0.1);\n  }\n\n  .gh-cta-button:hover {\n    background-color: #C8A165; \n    transform: translateY(-3px);\n    color: #ffffff;\n    box-shadow: 0 6px 25px rgba(0,0,0,0.6);\n  }\n\n  .gh-trust-badges {\n    margin-top: 40px;\n    font-size: clamp(12px, 1.2vw, 14px);\n    font-weight: 700;\n    color: #ffffff;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    text-shadow: 0px 2px 5px rgba(0,0,0,0.9);\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 20px;\n  }\n  \n  @media (max-width: 768px) {\n    .gh-hero-section {\n      min-height: auto; \n      display: block; \n      background-image: url('https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/parete-muschio-stabilizzato-zero-manutenzione-indoor-mobile.jpg');\n    }\n    \n    .gh-video-smart {\n      position: relative;\n      top: auto;\n      left: auto;\n      transform: none;\n      width: 100%;\n      height: auto; \n      z-index: 0;\n      display: block;\n      vertical-align: bottom; \n    }\n\n    .gh-hero-content {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      padding: 0 1rem;\n    }\n\n    .gh-h1-eyebrow,\n    .gh-b2b-subtext,\n    .gh-trust-badges {\n      display: none !important;\n    }\n\n    .gh-h1-main {\n      font-size: clamp(28px, 8vw, 42px);\n      margin-bottom: 10px;\n    }\n\n    .gh-h2-seo {\n      font-size: clamp(14px, 4vw, 16px);\n      margin-top: 0;\n      margin-bottom: 20px; \n      padding: 0 10px;\n    }\n\n    .gh-cta-button {\n      padding: 12px 24px;\n      font-size: 14px;\n    }\n  }\n<\/style>\n\n<div class=\"gh-hero-section\">\n  \n  <video class=\"gh-video-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\/parete-muschio-stabilizzato-zero-manutenzione-indoor.jpg\">\n    <source data-cookieconsent=\"ignore\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/VIDEO-HEADER-PAGINA-LICHENE-MOBILE.mp4\" type=\"video\/mp4\" media=\"(max-width: 768px)\">\n    <source data-cookieconsent=\"ignore\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/VIDEO-HEADER-LICHENE-DESKTOP.mp4\" type=\"video\/mp4\" media=\"(min-width: 769px)\">\n  <\/video>\n\n  <div class=\"gh-overlay\"><\/div>\n\n  <div class=\"gh-hero-content\">\n\n    <span class=\"gh-h1-eyebrow\">Acoustic Panels in Preserved Moss (Moss Wall)<\/span>\n    <h1 class=\"gh-h1-main\">THE SILENCE THAT DECORATES.<br>REAL ZERO MAINTENANCE.<\/h1>\n\n    <h2 class=\"gh-h2-seo\">\n      Bio-acoustic systems in pure preserved Nordic moss for interior architecture.\n      <span class=\"gh-b2b-subtext\">Direct industrial production with no intermediaries. Certified quality ready for delivery.<\/span>\n    <\/h2>\n\n    <a href=\"#form\" class=\"gh-cta-button\" aria-label=\"Request a quote from direct manufacturers for preserved moss walls\">\n      CHECK FEASIBILITY AND COSTS\n    <\/a>\n\n    <div class=\"gh-trust-badges\">\n      <span>\u2713 Ready for Delivery (Single Batch)<\/span>\n      <span>\u2713 Slim Profile 45mm (No Sponges)<\/span>\n      <span>\u2713 Moss Wall Acoustics (Up to 0.42)<\/span>\n      <span>\u2713 Fireproof B-s2,d0<\/span>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"Service\",\n      \"@id\": \"https:\/\/greenhabitat.it\/giardini-verticali\/verde-stabilizzato\/muschio-stabilizzato\/#service\",\n      \"name\": \"Supply of Sound-absorbing Panels in Preserved Moss (Moss Wall)\",\n      \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/parete-muschio-stabilizzato-zero-manutenzione-indoor.jpg\",\n      \"description\": \"B2B supply of bio-acoustic panels for interior design. Note: in the B2B market this product is commercially known as 'Preserved Moss' or 'Moss Wall', but botanically it corresponds to the precious Natural Nordic Lichen (Cladonia Stellaris) to guarantee maximum performance. Sound absorption up to Alpha 0.42 without the use of synthetic sponges.\",\n      \"brand\": {\n        \"@type\": \"Brand\",\n        \"name\": \"Green Habitat\"\n      },\n      \"category\": \"Acoustic Engineering \/ Interior Design\",\n      \"additionalType\": \"https:\/\/schema.org\/B2BBusiness\",\n      \"additionalProperty\": [\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Botanical Classification\",\n          \"value\": \"Nordic Lichen (Cladonia Stellaris), commercially Moss\"\n        },\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Sound Absorption (Alpha_w)\",\n          \"value\": \"Alpha Peak 0.42 at 2500 Hz (Giordano Institute Report 386512)\"\n        },\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Fire Certification\",\n          \"value\": \"Class B-s2,d0\"\n        },\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Panel Thickness\",\n          \"value\": \"45 mm (Ultra-slim, no synthetic sound-absorbing sponge)\"\n        },\n        {\n          \"@type\": \"PropertyValue\",\n          \"name\": \"Architectural References\",\n          \"value\": \"Muschio Selvaggio Podcast Set, Lenovo, UniCredit, Bologna\/Tuscany Airports\"\n        }\n      ]\n    },\n    {\n      \"@type\": \"VideoObject\",\n      \"name\": \"Preserved Moss Walls for Indoor Architecture\",\n      \"description\": \"Hero demonstration video of the biophilic impact of preserved moss walls (Moss Wall) for offices and commercial spaces.\",\n      \"thumbnailUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/parete-muschio-stabilizzato-zero-manutenzione-indoor.jpg\",\n      \"contentUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/VIDEO-HEADER-LICHENE-DESKTOP.mp4\",\n      \"uploadDate\": \"2026-03-09T08: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-72e4811d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"72e4811d\" 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-7e728acc\" data-id=\"7e728acc\" 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-5c1fa4b8 elementor-widget elementor-widget-html\" data-id=\"5c1fa4b8\" 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-e0e0fd6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e0e0fd6\" 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-31f7e6b\" data-id=\"31f7e6b\" 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-e056fb2 elementor-widget elementor-widget-html\" data-id=\"e056fb2\" 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-0779254 elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"0779254\" 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-b72ccd7\" data-id=\"b72ccd7\" 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-9720860 elementor-widget elementor-widget-html\" data-id=\"9720860\" 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-77c864e elementor-section-full_width elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"77c864e\" 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-f72bcfe\" data-id=\"f72bcfe\" 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-42ee486 elementor-widget elementor-widget-html\" data-id=\"42ee486\" 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-43b0a77 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"43b0a77\" 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-e0830f3\" data-id=\"e0830f3\" 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-42ab793 elementor-widget elementor-widget-html\" data-id=\"42ab793\" 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-semantic-bridge {\n        background-color: #fafafa;\n        padding: 25px 20px;\n        text-align: center;\n        border-bottom: 1px solid rgba(0,0,0,0.04);\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    .gh-semantic-content {\n        max-width: 850px;\n        margin: 0 auto;\n    }\n\n    .gh-semantic-content p {\n        font-size: 14px;\n        color: #666666;\n        margin: 0;\n        line-height: 1.6;\n        font-weight: 500;\n    }\n\n    .gh-semantic-content strong {\n        color: #333333;\n        font-weight: 700;\n    }\n\n    .gh-semantic-content a {\n        color: #2E5A36;\n        font-weight: 700;\n        text-decoration: underline;\n        text-decoration-thickness: 1px;\n        text-underline-offset: 3px;\n        transition: all 0.3s ease;\n    }\n\n    .gh-semantic-content a:hover {\n        color: #1f4025;\n        text-decoration-thickness: 2px;\n    }\n\n    @media (max-width: 768px) {\n        .gh-semantic-bridge {\n            padding: 20px 15px;\n        }\n        .gh-semantic-content p {\n            font-size: 13px;\n        }\n    }\n<\/style>\n\n<section class=\"gh-semantic-bridge\" aria-label=\"Note on material specifications\">\n    <div class=\"gh-semantic-content\">\n        <p>\ud83d\udca1 <strong>Note for designers:<\/strong> Are you looking for the pure botanical specifications of this material? Discover the engineering features of our <a href=\"https:\/\/greenhabitat.it\/en\/vertical-gardens\/preserved-greenery\/preserved-reindeer-moss-walls\/\" title=\"Go to the Preserved Moss page\">Preserved Moss<\/a>.<\/p>\n    <\/div>\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-f9e34a9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f9e34a9\" 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-50 elementor-top-column elementor-element elementor-element-6c9f302\" data-id=\"6c9f302\" 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-838fd8a elementor-widget elementor-widget-html\" data-id=\"838fd8a\" 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-fire-text-wrapper {\n        font-family: 'Montserrat', sans-serif;\n        color: #555555;\n        max-width: 500px;\n    }\n\n    .gh-fire-text-eyebrow {\n        display: block;\n        font-size: 13px;\n        font-weight: 800;\n        color: #C8A165; \n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin-bottom: 15px;\n    }\n\n    .gh-fire-text-title {\n        font-size: clamp(32px, 4vw, 45px);\n        font-weight: 800;\n        color: #1A3C34; \n        line-height: 1.15;\n        margin: 0 0 35px 0;\n        letter-spacing: -1px;\n    }\n\n    .gh-fire-benefits-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .gh-fire-benefits-list li {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 25px;\n        font-size: 16px;\n        line-height: 1.5;\n        color: #555555;\n    }\n\n    .gh-fire-check-icon {\n        flex-shrink: 0;\n        width: 34px;\n        height: 34px;\n        margin-right: 15px;\n        margin-top: 2px;\n        fill: none;\n        stroke: #C8A165;\n        stroke-width: 3.5;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .gh-fire-benefits-list strong {\n        color: #333333;\n        font-weight: 700;\n        font-size: 16px;\n    }\n<\/style>\n\n<article class=\"gh-fire-text-wrapper\" aria-labelledby=\"gh-fire-moss-title\">\n    \n    <span class=\"gh-fire-text-eyebrow\">ISTITUTO GIORDANO CLASSIFICATION NO. 369047<\/span>\n    \n    <h2 id=\"gh-fire-moss-title\" class=\"gh-fire-text-title\">THE SAFE MOSS.<br>IT DOES NOT BURN.<br>IT PROTECTS.<\/h2>\n    \n    <ul class=\"gh-fire-benefits-list\">\n        <li>\n            <svg class=\"gh-fire-check-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Preserved Moss Compliance:<\/strong> Born for strict regulations. Our preserved moss (Nordic lichen) forms an active shield compliant with the <strong>UNI EN 13501-1<\/strong> standard.\n            <\/div>\n        <\/li>\n        <li>\n            <svg class=\"gh-fire-check-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Fire Resistance:<\/strong> <strong>B-s2,d0<\/strong> classified material that resists ignition and drastically delays the spread of flame in offices and public venues.\n            <\/div>\n        <\/li>\n        <li>\n            <svg class=\"gh-fire-check-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Zero Droplets:<\/strong> Regulatory excellence (d0): in case of fire, the preserved moss wall does not release burning droplets, protecting the people below.\n            <\/div>\n        <\/li>\n    <\/ul>\n\n<\/article>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1ea0abf\" data-id=\"1ea0abf\" 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-b2708c6 elementor-widget elementor-widget-html\" data-id=\"b2708c6\" 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-fire-module-final-v7\" style=\"min-height: 450px; display: block; position: relative;\" aria-labelledby=\"gh-fire-main-title\">\n    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&display=swap');\n        \n        .gh-fire-module-final-v7 { font-family: 'Montserrat', sans-serif; background: #ffffff; border-radius: 24px; box-shadow: 0 20px 60px rgba(200, 161, 101, 0.1); max-width: 420px; margin: 0 auto; overflow: hidden; border: 1px solid rgba(200, 161, 101, 0.15); position: relative; z-index: 1; user-select: none; }\n        .gh-fire-header-v7 { padding: 20px 25px; background: #fafafa; border-bottom: 1px solid rgba(0,0,0,0.06); display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 50;  }\n        .gh-fire-title-v7 { font-size: 0.9rem; font-weight: 800; color: #1A3C34; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; padding: 0; line-height: 1; }\n        .gh-fire-cert-v7 { font-size: 0.6rem; background: #1A3C34; color: #fff; padding: 5px 10px; border-radius: 6px; font-weight: 700; letter-spacing: 1px; }\n        .gh-fire-stage-v7 { height: 320px; position: relative; background: radial-gradient(circle at center, #fff 0%, #fcfcfc 100%); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 60px; overflow: hidden; z-index: 5; }\n        .gh-shield-ring-v7 { width: 140px; height: 140px; border-radius: 50%; border: 2px solid #eee; position: relative; display: flex; align-items: center; justify-content: center; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); z-index: 10; flex-shrink: 0; }\n        .gh-shield-icon-v7 { width: 60px; height: 60px; transition: all 0.3s; color: #ccc; }\n        .gh-shield-pulse-v7 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 140px; height: 140px; border-radius: 50%; border: 2px solid transparent; opacity: 0; z-index: 1; }\n        \n        @keyframes pulseProtectV7 { 0% { width: 140px; height: 140px; opacity: 0.5; border-color: inherit; } 50% { opacity: 0.2; } 100% { width: 190px; height: 190px; opacity: 0; border-color: inherit; } }\n        \n        .gh-fire-box-v7 { margin-top: 25px; text-align: center; padding: 0 20px; z-index: 20; position: relative; }\n        .gh-fire-code-v7 { font-size: 1.8rem; font-weight: 900; color: #1A3C34; line-height: 1; margin-bottom: 5px; font-family: 'Playfair Display', serif; transition: color 0.3s; }\n        .gh-fire-benefit-v7 { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: #C8A165; display: block; margin-bottom: 5px; transition: color 0.3s; }\n        .gh-fire-desc-v7 { font-size: 0.8rem; color: #666; line-height: 1.4; max-width: 300px; margin: 0 auto; font-weight: 500; }\n        .gh-fire-controls-v7 { padding: 25px; background: #fff; display: flex; justify-content: space-between; gap: 10px; position: relative; z-index: 100; border-top: 1px solid #f5f5f5; }\n        \n        @keyframes floatInviteV7 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }\n        \n        .gh-fire-btn-v7 { flex: 1; padding: 12px 5px; background: #fff; border: 1px solid #eee; border-radius: 12px; display: flex; flex-direction: column; align-items: center; gap: 5px; cursor: pointer; transition: all 0.3s; box-shadow: 0 4px 6px rgba(0,0,0,0.03); pointer-events: auto; appearance: none; outline: none; font-family: inherit; margin: 0; }\n        .gh-fire-btn-v7:not(.active) { animation: floatInviteV7 3s infinite ease-in-out; }\n        .gh-fire-btn-v7:active { transform: scale(0.95); }\n        .gh-fire-btn-v7:focus-visible { border-color: #C8A165; }\n        .gh-btn-ico-v7 { width: 20px; height: 20px; color: #999; transition: color 0.3s; }\n        .gh-btn-lbl-v7 { font-size: 0.6rem; font-weight: 700; color: #999; text-transform: uppercase; }\n        .gh-btn-val-v7 { font-size: 0.9rem; font-weight: 800; color: #ccc; }\n        .gh-fire-btn-v7.active { border-color: #1A3C34; background: #F4F1EA; transform: translateY(-2px); box-shadow: 0 8px 15px rgba(26,60,52,0.1); animation: none; }\n        .gh-fire-btn-v7.active .gh-btn-lbl-v7 { color: #1A3C34; }\n        .gh-fire-btn-v7.mode-b.active .gh-btn-val-v7 { color: #C8A165; }\n        .gh-fire-btn-v7.mode-s.active .gh-btn-val-v7 { color: #78909C; }\n        .gh-fire-btn-v7.mode-d.active .gh-btn-val-v7 { color: #1A3C34; }\n    <\/style>\n\n    <header class=\"gh-fire-header-v7\">\n        <h3 id=\"gh-fire-main-title\" class=\"gh-fire-title-v7\">Passive Safety<\/h3>\n        <span class=\"gh-fire-cert-v7\">UNI EN 13501-1<\/span>\n    <\/header>\n\n    <div class=\"gh-fire-stage-v7\">\n        <div class=\"gh-shield-ring-v7 js-shield-ring\" aria-hidden=\"true\">\n            <div class=\"gh-shield-pulse-v7 js-shield-pulse\"><\/div>\n            <div class=\"js-main-icon\">\n                <svg class=\"gh-shield-icon-v7\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n        <\/div>\n\n        <div class=\"gh-fire-box-v7\" aria-live=\"polite\" aria-atomic=\"true\">\n            <div class=\"gh-fire-code-v7 js-fire-code\">B-s2,d0<\/div>\n            <span class=\"gh-fire-benefit-v7 js-fire-benefit\">TOTAL PROTECTION<\/span>\n            <div class=\"gh-fire-desc-v7 js-fire-desc\">Discover the safety levels. Tap the icons below.<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"gh-fire-controls-v7\" role=\"tablist\" aria-label=\"Fire certification details selector\">\n        <button class=\"gh-fire-btn-v7 mode-b js-fire-btn\" data-mode=\"b\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-fire-main-title\" aria-label=\"Show Fire Resistance details (Class B)\">\n            <svg class=\"gh-btn-ico-v7\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z\"\/><\/svg>\n            <span class=\"gh-btn-lbl-v7\" aria-hidden=\"true\">Fire<\/span>\n            <span class=\"gh-btn-val-v7\" aria-hidden=\"true\">B<\/span>\n        <\/button>\n\n        <button class=\"gh-fire-btn-v7 mode-s js-fire-btn\" data-mode=\"s\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-fire-main-title\" aria-label=\"Show Smoke Emission details (Class s2)\">\n            <svg class=\"gh-btn-ico-v7\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 15h18M3 10h18M5 5h14\"\/><\/svg>\n            <span class=\"gh-btn-lbl-v7\" aria-hidden=\"true\">Smoke<\/span>\n            <span class=\"gh-btn-val-v7\" aria-hidden=\"true\">s2<\/span>\n        <\/button>\n\n        <button class=\"gh-fire-btn-v7 mode-d js-fire-btn\" data-mode=\"d\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-fire-main-title\" aria-label=\"Show Zero Dripping details (Class d0)\">\n            <svg class=\"gh-btn-ico-v7\" aria-hidden=\"true\" focusable=\"false\" 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\"\/><\/svg>\n            <span class=\"gh-btn-lbl-v7\" aria-hidden=\"true\">Drops<\/span>\n            <span class=\"gh-btn-val-v7\" aria-hidden=\"true\">d0<\/span>\n        <\/button>\n    <\/div>\n\n    <script>\n    (function() {\n        const fireModules = document.querySelectorAll('.gh-fire-module-final-v7');\n        fireModules.forEach(module => {\n            if(module.dataset.initialized === \"true\") return;\n            module.dataset.initialized = \"true\";\n\n            const ring = module.querySelector('.js-shield-ring');\n            const pulse = module.querySelector('.js-shield-pulse');\n            const mainIcon = module.querySelector('.js-main-icon');\n            const code = module.querySelector('.js-fire-code');\n            const benefit = module.querySelector('.js-fire-benefit');\n            const desc = module.querySelector('.js-fire-desc');\n            const btns = module.querySelectorAll('.js-fire-btn');\n            \n            let fireInterval;\n            let fireIndex = 0;\n            const fireModesList = ['b', 's', 'd'];\n            let isAutoPlaying = true;\n\n            function setMode(mode, btnElement, isAuto = false) {\n                if (!isAuto) {\n                    isAutoPlaying = false;\n                    clearInterval(fireInterval);\n                }\n\n                btns.forEach(b => {\n                    b.classList.remove('active');\n                    b.setAttribute('aria-selected', 'false'); \n                });\n                \n                if(btnElement) {\n                    btnElement.classList.add('active');\n                    btnElement.setAttribute('aria-selected', 'true');\n                }\n\n                pulse.style.animation = 'none';\n                void pulse.offsetWidth; \n                pulse.style.animation = 'pulseProtectV7 3s infinite ease-out';\n\n                if(mode === 'b') {\n                    const fireColor = \"#C8A165\";\n                    ring.style.borderColor = fireColor; ring.style.boxShadow = \"0 0 20px rgba(200, 161, 101, 0.3)\";\n                    pulse.style.borderColor = fireColor;\n                    code.innerText = \"CLASS B\"; code.style.color = fireColor;\n                    benefit.innerText = \"HARDLY FLAMMABLE\"; benefit.style.color = fireColor;\n                    desc.innerText = \"The material resists ignition and delays flame spread.\";\n                    mainIcon.innerHTML = `<svg class=\"gh-shield-icon-v7\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${fireColor}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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                } else if(mode === 's') {\n                    const smokeColor = \"#78909C\";\n                    ring.style.borderColor = smokeColor; ring.style.boxShadow = \"0 0 20px rgba(120, 144, 156, 0.3)\";\n                    pulse.style.borderColor = smokeColor;\n                    code.innerText = \"CLASS s2\"; code.style.color = smokeColor;\n                    benefit.innerText = \"VISIBLE ESCAPE ROUTES\"; benefit.style.color = smokeColor;\n                    desc.innerText = \"Contained smoke production. Guarantees the necessary visibility.\";\n                    mainIcon.innerHTML = `<svg class=\"gh-shield-icon-v7\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${smokeColor}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 15h18M3 10h18M5 5h14\"\/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-opacity=\"0.3\"\/><\/svg>`;\n                } else if(mode === 'd') {\n                    const dropColor = \"#1A3C34\";\n                    ring.style.borderColor = dropColor; ring.style.boxShadow = \"0 0 30px rgba(26, 60, 52, 0.2)\";\n                    pulse.style.borderColor = dropColor;\n                    code.innerText = \"CLASS d0\"; code.style.color = dropColor;\n                    benefit.innerText = \"ZERO DRIPPING\"; benefit.style.color = \"#C8A165\"; \n                    desc.innerText = \"Regulatory excellence (d0): in the event of fire it does not release flaming droplets.\";\n                    mainIcon.innerHTML = `<svg class=\"gh-shield-icon-v7\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"${dropColor}\" 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\"\/><line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\"\/><\/svg>`;\n                }\n            }\n\n            function cycleFireModeLocal() {\n                if(!isAutoPlaying) return;\n                const mode = fireModesList[fireIndex];\n                const btnToActivate = module.querySelector(`[data-mode=\"${mode}\"]`);\n                setMode(mode, btnToActivate, true);\n                fireIndex = (fireIndex + 1) % 3;\n            }\n\n            btns.forEach(btn => {\n                btn.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const mode = this.getAttribute('data-mode');\n                    setMode(mode, this, false);\n                });\n            });\n\n            cycleFireModeLocal();\n            fireInterval = setInterval(cycleFireModeLocal, 4000);\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-630a793 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"630a793\" 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-1eef961f\" data-id=\"1eef961f\" 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-73fbd0d8 elementor-widget elementor-widget-html\" data-id=\"73fbd0d8\" 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-roi-text-wrapper {\n        font-family: 'Montserrat', sans-serif;\n        text-align: center;\n        max-width: 850px;\n        margin: 0 auto 40px auto;\n        padding: 40px 20px 20px 20px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .gh-roi-eyebrow {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 12px;\n        font-weight: 800;\n        color: #C8A165; \n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 20px;\n    }\n\n    .gh-roi-trend-icon {\n        width: 18px;\n        height: 18px;\n        stroke: #C8A165;\n        stroke-width: 2.5;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        fill: none;\n    }\n\n    .gh-roi-title {\n        font-size: clamp(34px, 5vw, 60px);\n        font-weight: 900;\n        color: #111111; \n        line-height: 1.1;\n        margin: 0 0 25px 0;\n        letter-spacing: -1.5px;\n    }\n    \n    .gh-roi-title span {\n        color: #1A3C34; \n    }\n\n    .gh-roi-desc {\n        font-size: clamp(15px, 2vw, 18px);\n        font-weight: 500;\n        color: #555555;\n        line-height: 1.6;\n        margin: 0;\n    }\n<\/style>\n\n<header class=\"gh-roi-text-wrapper\" aria-labelledby=\"gh-roi-heading\">\n    \n    <span class=\"gh-roi-eyebrow\" aria-hidden=\"true\">\n        <svg aria-hidden=\"true\" focusable=\"false\" class=\"gh-roi-trend-icon\" viewBox=\"0 0 24 24\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"><\/polyline><polyline points=\"16 7 22 7 22 13\"><\/polyline><\/svg>\n        CORPORATE ASSET & ROI\n    <\/span>\n    \n    <h2 id=\"gh-roi-heading\" class=\"gh-roi-title\">\n        Comfort is an asset.<br>\n        <span>Noise is a cost.<\/span>\n    <\/h2>\n    \n    <p class=\"gh-roi-desc\">\n        Optimal acoustics support productivity and reduce stress. Move the slider to explore predictive models for reverberation reduction <strong>(RT60)<\/strong>, evaluating the potential of these bio-infrastructures in transforming a structural issue into a high-performing investment.\n    <\/p>\n\n<\/header>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"WebPageElement\",\n  \"name\": \"ROI and Acoustic Correction Simulator (RT60)\",\n  \"description\": \"Acoustic Correction as an Investment (ROI) and Corporate Asset: Background noise and excessive reverberation time (RT60) in workspaces (open plan offices) and the HoReCa sector (restaurants) generate acoustic stress, potentially reducing staff productivity and driving customers away. Green Habitat's sound-absorbing solutions and bio-infrastructures (indoor\/outdoor living green walls, preserved vertical gardens, partitions, and acoustic furnishing accessories) are designed to support the conversion of this hidden cost into a tangible corporate asset, contributing to the reduction of noise pollution and the improvement of the organizational Comfort Index. This tool, based on predictive acoustic calculation models, serves the corporate sectors.\",\n  \"about\": {\n    \"@type\": \"Service\",\n    \"name\": \"Acoustic Correction and Bio-infrastructures\"\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-1cabcf6b elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"1cabcf6b\" 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-29c524d3\" data-id=\"29c524d3\" 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-569ca1a2 elementor-widget elementor-widget-html\" data-id=\"569ca1a2\" 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-desktop-pro-wrapper\" data-start=\"horeca\" aria-label=\"Interactive predictive model simulator for RT60 acoustic reverberation reduction\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&family=Inter:wght@400;500;600&display=swap');\n\n        .gh-desktop-pro-wrapper { width: 100%; max-width: 1200px; margin: 40px auto; font-family: 'Montserrat', sans-serif; padding: 0 20px; box-sizing: border-box; user-select: none; -webkit-user-select: none; }\n        .gh-d-stage { position: relative; width: 100%; aspect-ratio: 3 \/ 2; overflow: hidden; border-radius: 12px 12px 0 0; background: #111; box-shadow: 0 20px 40px rgba(0,0,0,0.2); }\n\n        .gh-d-layer-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }\n        .gh-d-layer-before { \n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; \n            clip-path: inset(0 50% 0 0); \n            -webkit-clip-path: inset(0 50% 0 0);\n        }\n        .gh-d-layer-after img, .gh-d-layer-before img { \n            width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: none !important; display: block;\n        }\n        .gh-d-split-line { position: absolute; top: 0; left: 50%; height: 100%; width: 2px; background: #fff; z-index: 10; pointer-events: none; box-shadow: 0 0 15px rgba(0,0,0,0.6); }\n\n        .gh-d-img-badge { box-sizing: border-box; position: absolute; top: 30px; padding: 10px 16px; color: #fff; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; border-radius: 6px; z-index: 20; backdrop-filter: blur(8px); white-space: nowrap; transition: opacity 0.3s ease; pointer-events: none; box-shadow: 0 5px 15px rgba(0,0,0,0.3);}\n        .gh-desktop-pro-wrapper .left-badge { left: 30px; background: rgba(0, 0, 0, 0.7); border: 1px solid transparent; }\n        .gh-desktop-pro-wrapper .right-badge { right: 30px; background: rgba(26, 60, 52, 0.9); color: #C8A165; border: 1px solid rgba(200,161,101,0.3);}\n\n        .gh-d-range { -webkit-appearance: none; appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 50; cursor: ew-resize; margin: 0; outline: none; }\n        .gh-d-range::-webkit-slider-thumb { -webkit-appearance: none; width: 80px; height: 80px; border-radius: 50%; }\n        .gh-d-range::-moz-range-thumb { width: 80px; height: 80px; border-radius: 50%; border: none; }\n        .gh-d-thumb { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70px; height: 44px; background: #fff; border-radius: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.5); border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; gap: 6px; pointer-events: none; z-index: 40; transition: border-color 0.3s; }\n        \n        @keyframes pulseGlowD { 0% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0.6); border-color: #C8A165; } 70% { box-shadow: 0 0 0 15px rgba(200, 161, 101, 0); border-color: #C8A165; } 100% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0); border-color: #ddd; } }\n        .gh-desktop-pro-wrapper .pulse-attention { animation: pulseGlowD 2s infinite; }\n        .gh-d-thumb .grip { width: 3px; height: 16px; background: #ccc; border-radius: 3px; }\n\n        .gh-d-dashboard { display: flex; flex-direction: column; background: #0A0A0A; border-radius: 0 0 12px 12px; border: 1px solid #222; border-top: 4px solid #1A3C34; box-shadow: 0 20px 40px rgba(0,0,0,0.25); overflow: hidden;}\n        .gh-d-ultra-monitor { display: flex; justify-content: space-between; align-items: center; padding: 15px 30px; height: 100px; box-sizing: border-box; gap: 30px; border-bottom: 1px solid #222; background: linear-gradient(180deg, #0f0f0f 0%, #050505 100%);}\n        .gh-d-monitor-side { display: flex; flex-direction: column; justify-content: center; width: 220px; }\n        .gh-desktop-pro-wrapper .left-side { align-items: flex-start; gap: 8px;} \n        .gh-desktop-pro-wrapper .right-side { align-items: flex-end; gap: 8px;}\n        .gh-d-live-badge { display: flex; align-items: center; gap: 6px; color: #C8A165; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; }\n        .gh-d-live-dot { width: 6px; height: 6px; background-color: #4DFF88; border-radius: 50%; display: inline-block; animation: livePulseD 1.5s infinite ease-in-out; }\n        @keyframes livePulseD { 0% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(77, 255, 136, 0.7); } 50% { transform: scale(1); box-shadow: 0 0 0 3px rgba(77, 255, 136, 0); } 100% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(77, 255, 136, 0.7); } }\n\n        .gh-d-status { font-size: 14px; color: #FF4B4B; font-weight: 900; letter-spacing: 0.5px; transition: color 0.3s; text-align: right;}\n        .gh-d-metric { display: flex; flex-direction: column; } \n        .gh-desktop-pro-wrapper .right-align { text-align: right; }\n        .d-lbl { font-size: 10px; color: #888; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 2px; }\n        .d-val { font-size: 32px; color: #FF4B4B; font-weight: 900; line-height: 1; font-family: 'Courier New', monospace; text-shadow: 0 0 15px rgba(0,0,0,0.9); transition: color 0.3s;}\n        .gh-d-canvas-box { flex: 1; height: 60px; background: #000; border: 1px solid #222; border-radius: 6px; position: relative; overflow: hidden; box-shadow: inset 0 2px 10px rgba(0,0,0,0.8); }\n        .gh-desktop-pro-wrapper .gl { width: 100%; height: 1px; background: rgba(255,255,255,0.06); position: absolute; }\n        .gh-desktop-pro-wrapper .gl:nth-child(1) { top: 33%; } .gh-desktop-pro-wrapper .gl:nth-child(2) { top: 66%; }\n        .gh-desktop-pro-wrapper .gl-v { position: absolute; top:0; height:100%; width:1px; background: rgba(255,255,255,0.04); left: 50%; }\n        .js-d-canvas { width: 100%; height: 100%; position: relative; z-index: 2; display: block; }\n\n        .gh-d-tabs-row { display: flex; height: 50px; background: #111; }\n        .gh-d-tab { \n            flex: 1; appearance: none; border: none; background: transparent; outline: none; \n            margin: 0; padding: 0; font-family: inherit; display: flex; align-items: center; \n            justify-content: center; color: #777; font-size: 11px; font-weight: 800; \n            text-transform: uppercase; letter-spacing: 1px; cursor: pointer; \n            border-right: 1px solid #222; transition: all 0.4s ease; \n        }\n        .gh-d-tab:last-child { border-right: none; }\n        .gh-d-tab:hover, .gh-d-tab:focus-visible { background: #1a1a1a; color: #ddd; }\n        .gh-d-tab.active { background: #1A3C34; color: #C8A165; box-shadow: inset 0 3px 10px rgba(0,0,0,0.3); position: relative;}\n        .gh-d-tab.active::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #C8A165; }\n        .gh-d-tab.tab-glow { background: rgba(200, 161, 101, 0.15); color: #C8A165; text-shadow: 0 0 10px rgba(200,161,101,0.6); }\n\n        .gh-d-disclaimer {\n            font-family: 'Inter', sans-serif;\n            font-size: 10px;\n            color: #666;\n            text-align: center;\n            padding: 12px 20px;\n            background: #0A0A0A;\n            border-top: 1px solid #222;\n            line-height: 1.4;\n        }\n\n        @media (max-width: 992px) { .gh-desktop-pro-wrapper { display: none !important; } }\n    <\/style>\n\n    <div class=\"gh-d-stage\" aria-hidden=\"true\">\n        <div class=\"gh-d-layer-after\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"js-d-img-after skip-lazy\" data-no-lazy=\"1\" width=\"1200\" height=\"800\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" alt=\"Redeveloped environment\">\n        <\/div>\n        <div class=\"gh-d-layer-before js-d-before-layer\">\n            <img loading=\"lazy\" decoding=\"async\" class=\"js-d-before-img skip-lazy\" data-no-lazy=\"1\" width=\"1200\" height=\"800\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" alt=\"Original state of the environment\">\n        <\/div>\n        <div class=\"gh-d-split-line js-d-split-line\"><\/div>\n\n        <div class=\"gh-d-img-badge left-badge js-d-badge-left\" aria-hidden=\"true\">REFLECTIVE SURFACE<\/div>\n        <div class=\"gh-d-img-badge right-badge js-d-badge-right\" aria-hidden=\"true\">ACTIVE ABSORPTION<\/div>\n\n        <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"gh-d-range js-d-range\" aria-label=\"Drag the slider to evaluate reverberation reduction before and after the intervention\">\n        <div class=\"gh-d-thumb pulse-attention js-d-thumb\" aria-hidden=\"true\">\n            <svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" stroke=\"#1A3C34\" stroke-width=\"2.5\" fill=\"none\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n            <div class=\"grip\"><\/div>\n            <svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" stroke=\"#1A3C34\" stroke-width=\"2.5\" fill=\"none\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n        <\/div>\n    <\/div>\n\n    <div class=\"gh-d-dashboard\" aria-live=\"polite\">\n        <div class=\"gh-d-ultra-monitor\">\n            <div class=\"gh-d-monitor-side left-side\">\n                <div class=\"gh-d-live-badge\" aria-hidden=\"true\"><span class=\"gh-d-live-dot\"><\/span> LIVE SIMULATOR<\/div>\n                <div class=\"gh-d-metric\">\n                    <span class=\"d-lbl\" aria-hidden=\"true\">REVERBERATION (RT60)<\/span>\n                    <span class=\"d-val js-d-val-rt\">2.8s<\/span>\n                <\/div>\n            <\/div>\n            \n            <div class=\"gh-d-canvas-box\" aria-hidden=\"true\">\n                <div class=\"gl\"><\/div><div class=\"gl\"><\/div><div class=\"gl-v\"><\/div>\n                <canvas class=\"js-d-canvas\"><\/canvas>\n            <\/div>\n            \n            <div class=\"gh-d-monitor-side right-side\">\n                <div class=\"gh-d-status js-d-status\" aria-live=\"polite\">HIGH ACOUSTIC STRESS<\/div>\n                <div class=\"gh-d-metric right-align\">\n                    <span class=\"d-lbl\" aria-hidden=\"true\">COMFORT INDEX<\/span>\n                    <span class=\"d-val js-d-val-abs\" style=\"color: #FF4B4B;\">0%<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"gh-d-tabs-row\" role=\"tablist\" aria-label=\"Select the architectural context for the simulation\">\n            <button class=\"gh-d-tab\" data-key=\"horeca\" role=\"tab\" aria-selected=\"false\">HORECA & HOSPITALITY<\/button>\n            <button class=\"gh-d-tab\" data-key=\"corporate\" role=\"tab\" aria-selected=\"false\">CORPORATE MEETING<\/button>\n            <button class=\"gh-d-tab\" data-key=\"openspace\" role=\"tab\" aria-selected=\"false\">OPEN SPACE<\/button>\n            <button class=\"gh-d-tab\" data-key=\"soffitti\" role=\"tab\" aria-selected=\"false\">CEILING ACOUSTICS<\/button>\n        <\/div>\n        \n        <div class=\"gh-d-disclaimer\">\n            *The values shown by the simulator are estimates and predictive models based on standard acoustic calculations. Actual reverberation reduction performance (RT60) is subject to the specific architectural volume and the interaction with pre-existing materials on individual sites.\n        <\/div>\n    <\/div>\n\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"WebApplication\",\n      \"name\": \"RT60 Predictive Acoustic Simulator - Green Habitat\",\n      \"url\": \"https:\/\/greenhabitat.it\/\",\n      \"applicationCategory\": \"EngineeringApplication\",\n      \"operatingSystem\": \"All\",\n      \"description\": \"Interactive digital simulator for the predictive estimation of Reverberation Time (RT60) reduction. It allows architects and companies to visually compare the potential acoustic comfort before and after the installation of green walls, preserved lichen, and sound-absorbing partitions for Corporate and Horeca sectors. Models include: 1) Horeca (from 2.8s to 0.6s); 2) Corporate Meeting (from 2.4s to 0.5s); 3) Open Space (to 0.8s); 4) Ceiling Acoustics (from 2.1s to 0.5s).\",\n      \"provider\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Green Habitat\"\n      },\n      \"featureList\": [\n        \"RT60 Reverberation Time Calculation Model\",\n        \"Before\/After Photographic Comparison (Dynamic slider)\",\n        \"Acoustic Stress Analysis with real-time Oscilloscope\"\n      ]\n    }\n    <\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    document.querySelectorAll('.gh-desktop-pro-wrapper').forEach(wrapper => {\n        if(wrapper.dataset.init) return;\n        wrapper.dataset.init = 'true';\n\n        const slider = wrapper.querySelector('.js-d-range');\n        const beforeLayer = wrapper.querySelector('.js-d-before-layer');\n        const beforeImg = wrapper.querySelector('.js-d-before-img');\n        const imgAfter = wrapper.querySelector('.js-d-img-after');\n        const splitLine = wrapper.querySelector('.js-d-split-line');\n        const thumb = wrapper.querySelector('.js-d-thumb');\n        const statusLabel = wrapper.querySelector('.js-d-status');\n        const valRt = wrapper.querySelector('.js-d-val-rt');\n        const valAbs = wrapper.querySelector('.js-d-val-abs');\n        const badgeLeft = wrapper.querySelector('.js-d-badge-left');\n        const badgeRight = wrapper.querySelector('.js-d-badge-right');\n        const canvas = wrapper.querySelector('.js-d-canvas');\n        const tabs = wrapper.querySelectorAll('.gh-d-tab');\n        \n        if(!slider || !canvas) return;\n        const ctx = canvas.getContext('2d');\n        \n        const scenarios = {\n            horeca: { \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/1-PRIMA-HORECA.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/1-DOPO-HORECA.jpg\", \n                rtBad: 2.8, rtGood: 0.6,\n                altText: \"Horeca Restaurant\"\n            },\n            corporate: { \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/2-PRIMA-CORPORATE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/2-DOPO-CORPORATE.jpg\", \n                rtBad: 2.4, rtGood: 0.5,\n                altText: \"Corporate Meeting Room\"\n            },\n            openspace: { \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/3-PRIMA-OPEN-SPACE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/3-DOPO-OPEN-SPACE.jpg\", \n                rtBad: 3.2, rtGood: 0.8,\n                altText: \"Operational Open Space Office\"\n            },\n            soffitti: { \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/4-PRIMA-SOFFITTI.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/4-DOPO-SOFFITTI.jpg\", \n                rtBad: 2.1, rtGood: 0.5,\n                altText: \"Commercial environment with ceiling acoustic correction\"\n            }\n        };\n        \n        let startKey = (wrapper.getAttribute('data-start') || 'horeca').trim().toLowerCase();\n        if (!scenarios[startKey]) startKey = 'horeca';\n        let currentScenario = startKey;\n        \n        let time = 0; let amp = 20; let freq = 0.10; let speed = 0.15; \n        let currentNoise = 10; let colorStr = \"rgb(255, 75, 75)\";\n        let isCalculating = false; let calcInterval; let hasAnimated = false;\n        let isUserDragging = false; \n\n        function resizeCanvas() {\n            if(canvas.parentElement) {\n                canvas.width = canvas.parentElement.offsetWidth;\n                canvas.height = canvas.parentElement.offsetHeight;\n            }\n        }\n        window.addEventListener('resize', resizeCanvas);\n        setTimeout(resizeCanvas, 100);\n\n        tabs.forEach(t => { \n            t.classList.remove('active'); \n            t.setAttribute('aria-selected', 'false'); \n        });\n        const startTab = wrapper.querySelector(`.gh-d-tab[data-key=\"${startKey}\"]`);\n        if(startTab) { \n            startTab.classList.add('active'); \n            startTab.setAttribute('aria-selected', 'true'); \n        }\n        beforeImg.src = scenarios[startKey].imgBefore; \n        beforeImg.alt = `Original state: ${scenarios[startKey].altText} with high reverberation`;\n        imgAfter.src = scenarios[startKey].imgAfter;\n        imgAfter.alt = `Redeveloped state: ${scenarios[startKey].altText} with acoustic bio-infrastructures`;\n\n        tabs.forEach(tab => {\n            tab.addEventListener('click', function(e) {\n                e.preventDefault();\n                const key = this.getAttribute('data-key');\n                isUserDragging = true;\n                \n                tabs.forEach(c => { \n                    c.classList.remove('active'); \n                    c.setAttribute('aria-selected', 'false'); \n                });\n                \n                this.classList.add('active');\n                this.setAttribute('aria-selected', 'true');\n                currentScenario = key;\n                const data = scenarios[key];\n                \n                beforeImg.src = data.imgBefore; \n                beforeImg.alt = `Original state: ${data.altText} with high reverberation`;\n                imgAfter.src = data.imgAfter;\n                imgAfter.alt = `Redeveloped state: ${data.altText} with acoustic bio-infrastructures`;\n                \n                thumb.classList.add('pulse-attention');\n                slider.value = 50; processSlider(50);\n                \n                isCalculating = true;\n                statusLabel.innerText = \"ANALYZING ENVIRONMENT...\"; statusLabel.style.color = \"#888\"; valRt.style.color = \"#888\"; valAbs.style.color = \"#888\";\n                colorStr = \"rgb(136, 136, 136)\"; amp = 18; speed = 0.5; freq = 0.2; currentNoise = 20;\n\n                clearInterval(calcInterval);\n                calcInterval = setInterval(() => {\n                    valRt.innerText = (Math.random() * 3 + 0.5).toFixed(1) + \"s\";\n                    valAbs.innerText = Math.floor(Math.random() * 100) + \"%\";\n                }, 40);\n\n                setTimeout(() => {\n                    if(!isCalculating) return; \n                    clearInterval(calcInterval); isCalculating = false; processSlider(slider.value); \n                }, 700);\n            });\n        });\n\n        slider.addEventListener('input', (e) => {\n            isUserDragging = true;\n            thumb.classList.remove('pulse-attention');\n            if(isCalculating) { clearInterval(calcInterval); isCalculating = false; }\n            processSlider(e.target.value);\n        });\n\n        function processSlider(val) {\n            if(isCalculating) return;\n            \n            beforeLayer.style.clipPath = `inset(0 ${100 - val}% 0 0)`;\n            beforeLayer.style.webkitClipPath = `inset(0 ${100 - val}% 0 0)`;\n            \n            splitLine.style.left = val + \"%\"; thumb.style.left = val + \"%\";\n            badgeLeft.style.opacity = val < 40 ? Math.max(0, (val - 15) \/ 25) : 1;\n            badgeRight.style.opacity = val > 60 ? Math.max(0, (85 - val) \/ 25) : 1;\n\n            const ratio = val \/ 100; const data = scenarios[currentScenario];\n            const currentRt = data.rtGood + (ratio * (data.rtBad - data.rtGood));\n            let visualRatio = ratio <= 0.2 ? 0 : (ratio - 0.2) \/ 0.8;\n            \n            valRt.innerHTML = visualRatio <= 0.1 ? currentRt.toFixed(1) + \"s <span style='font-size:12px; opacity:0.8;'>TARGET<\/span>\" : currentRt.toFixed(1) + \"s\";\n            valAbs.innerText = Math.round((1 - ratio) * 100) + \"%\";\n\n            const r = Math.round(200 + (visualRatio * 55)); const g = Math.round(161 - (visualRatio * 86)); const b = Math.round(101 - (visualRatio * 26));\n            colorStr = `rgb(${r}, ${g}, ${b})`;\n            valRt.style.color = colorStr; valAbs.style.color = colorStr; statusLabel.style.color = colorStr;\n\n            if (visualRatio > 0.6) statusLabel.innerText = \"HIGH ACOUSTIC STRESS\";\n            else if (visualRatio > 0.1) statusLabel.innerText = \"ACTIVE ABSORPTION\";\n            else statusLabel.innerText = \"OPTIMAL COMFORT\";\n\n            amp = 5 + (visualRatio * 22); speed = 0.05 + (visualRatio * 0.12); freq = 0.02 + (visualRatio * 0.06); currentNoise = visualRatio * 18;         \n        }\n\n        function animateOscilloscope() {\n            if (canvas.offsetWidth === 0) {\n                 requestAnimationFrame(animateOscilloscope); return; \n            }\n            ctx.clearRect(0, 0, canvas.width, canvas.height); time += speed; ctx.beginPath(); ctx.lineWidth = 2.5; \n            ctx.strokeStyle = colorStr; ctx.shadowBlur = 8; ctx.shadowColor = colorStr;\n            let centerY = canvas.height \/ 2;\n            for (let x = 0; x < canvas.width; x+=2) {\n                let noise = (Math.random() - 0.5) * currentNoise;\n                let y = centerY + Math.sin(x * freq + time) * amp + noise;\n                if (x === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n            }\n            ctx.stroke(); ctx.shadowBlur = 0; requestAnimationFrame(animateOscilloscope);\n        }\n        processSlider(50); animateOscilloscope();\n\n        function triggerGhostDrag() {\n            if (isUserDragging) return;\n            let start = null; const duration = 3000; \n            function step(timestamp) {\n                if (isUserDragging) return; \n                if (!start) start = timestamp;\n                let progress = (timestamp - start) \/ duration;\n                if (progress > 1) progress = 1;\n                let pull = (1 - Math.cos(progress * Math.PI * 2)) \/ 2;\n                let offset = -30 * pull; \n                let val = 50 + offset;\n                slider.value = val; processSlider(val);\n                if (progress < 1) { requestAnimationFrame(step); } \n                else {\n                    slider.value = 50; processSlider(50);\n                    tabs.forEach((t, i) => {\n                        if(!t.classList.contains('active')) {\n                            setTimeout(() => { t.classList.add('tab-glow'); setTimeout(() => t.classList.remove('tab-glow'), 500); }, i * 200);\n                        }\n                    });\n                }\n            }\n            requestAnimationFrame(step);\n        }\n\n        if ('IntersectionObserver' in window) {\n            let observer = new IntersectionObserver((entries) => {\n                if(entries[0].isIntersecting && !hasAnimated) {\n                    hasAnimated = true; setTimeout(triggerGhostDrag, 600); observer.disconnect();\n                }\n            }, { threshold: 0.5 });\n            observer.observe(wrapper);\n        } else { setTimeout(triggerGhostDrag, 1200); }\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-331d0dc5 elementor-section-full_width elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"331d0dc5\" 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-6c410e09\" data-id=\"6c410e09\" 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-40d28a5e elementor-widget elementor-widget-html\" data-id=\"40d28a5e\" 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-mobile-section-wrapper\" data-start=\"horeca\" aria-label=\"Interactive mobile simulator: predictive models for RT60 acoustic reverberation reduction\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&family=Inter:wght@400;500;600&display=swap');\n\n        @media (min-width: 993px) { \n            .gh-mobile-section-wrapper { display: none !important; } \n        }\n\n        .gh-mobile-section-wrapper { width: 100%; max-width: 500px; margin: 20px auto; font-family: 'Montserrat', sans-serif; padding: 0 10px; box-sizing: border-box; }\n        .gh-mobile-section-wrapper * { box-sizing: border-box; }\n        .gh-m-console-wrapper { background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); overflow: hidden; border: 1px solid #eee; user-select: none; -webkit-user-select: none; }\n        .gh-m-monitor { background: #0A0A0A; padding: 16px; box-shadow: inset 0 5px 20px rgba(0,0,0,0.5); }\n        .gh-m-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; border-bottom: 1px solid #222; padding-bottom: 10px; }\n        .gh-m-header-text { min-height: 36px; display: flex; flex-direction: column; justify-content: center; }\n        .gh-m-label { font-size: 10px; color: #aaa; font-weight: 800; display: block; margin-bottom: 2px; letter-spacing: 1px; text-transform: uppercase; }\n        .gh-m-status { font-size: 13px; color: #FF4B4B; font-weight: 900; letter-spacing: 0.5px; transition: color 0.3s; line-height: 1.2;}\n        .gh-m-badge-group { text-align: right; }\n        .gh-m-badge { display: flex; align-items: center; gap: 5px; background: #1A3C34; color: #C8A165; font-size: 8px; font-weight: 800; padding: 3px 6px; border-radius: 4px; letter-spacing: 0.5px; white-space: nowrap; }\n        .gh-live-dot { width: 5px; height: 5px; background-color: #4DFF88; border-radius: 50%; display: inline-block; animation: livePulseM 1.5s infinite ease-in-out; }\n        \n        @keyframes livePulseM { 0% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(77, 255, 136, 0.7); } 50% { transform: scale(1); box-shadow: 0 0 0 3px rgba(77, 255, 136, 0); } 100% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(77, 255, 136, 0.7); } }\n\n        .gh-m-screen { position: relative; height: 96px; background: #000; border-radius: 8px; border: 1px solid #333; overflow: hidden; }\n        .gh-m-grid { position: absolute; top:0; left:0; width:100%; height:100%; display: flex; flex-direction: column; justify-content: space-evenly; pointer-events: none; }\n        .gh-mobile-section-wrapper .gl { width: 100%; height: 1px; background: rgba(255,255,255,0.06); }\n        .gh-mobile-section-wrapper .gl-v { position: absolute; top:0; height:100%; width:1px; background: rgba(255,255,255,0.04); left: 50%; }\n        .js-m-canvas { width: 100%; height: 100%; position: relative; z-index: 2; display: block;}\n        .gh-m-data-left { position: absolute; top: 12px; left: 14px; z-index: 3; }\n        .gh-m-data-right { position: absolute; top: 12px; right: 14px; z-index: 3; text-align: right; }\n        .m-val { display: block; font-size: 26px; color: #FF4B4B; font-weight: 900; line-height: 1; font-family: 'Courier New', monospace; text-shadow: 0 0 10px rgba(0,0,0,0.8); transition: color 0.3s;}\n        .m-lbl { font-size: 9px; color: #888; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 3px; display: block; }\n        .m-val-small { display: block; font-size: 20px; color: #FF4B4B; font-weight: 900; margin-top: 2px; text-shadow: 0 0 10px rgba(0,0,0,0.8); transition: color 0.3s;}\n\n        .gh-m-stage { position: relative; width: 100%; aspect-ratio: 1 \/ 1; overflow: hidden; background: #f0f0f0; }\n\n        .gh-m-layer-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }\n        .gh-m-layer-before { \n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; \n            clip-path: inset(0 50% 0 0); \n            -webkit-clip-path: inset(0 50% 0 0);\n        }\n        .gh-m-layer-after img, .gh-m-layer-before img { \n            width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: none !important; display: block;\n        }\n        .gh-m-split-line { position: absolute; top: 0; left: 50%; height: 100%; width: 2px; background: #fff; z-index: 10; pointer-events: none; box-shadow: 0 0 10px rgba(0,0,0,0.5); }\n\n        .gh-img-badge { position: absolute; top: 12px; padding: 4px 6px; color: #fff; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; border-radius: 4px; z-index: 20; backdrop-filter: blur(4px); white-space: nowrap; transition: opacity 0.2s ease; pointer-events: none; }\n        .gh-mobile-section-wrapper .left-badge { left: 12px; background: rgba(0, 0, 0, 0.7); border: 1px solid transparent; }\n        .gh-mobile-section-wrapper .right-badge { right: 12px; background: rgba(26, 60, 52, 0.9); color: #C8A165; border: 1px solid rgba(200,161,101,0.3);}\n\n        .gh-m-control-area { padding: 18px 15px 15px 15px; background: #fafafa; position: relative;} \n        \n        .gh-m-scenario-tabs { display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #e0e0e0; margin-bottom: 18px; }\n        .gh-tab { \n            flex: 1; appearance: none; border: none; background: transparent !important; outline: none !important; margin: 0; font-family: inherit;\n            text-align: center; color: #888; font-size: 10px; font-weight: 800; text-transform: uppercase; \n            letter-spacing: 0.5px; padding: 0 0 8px 0; cursor: pointer; white-space: nowrap; \n            border-bottom: 2px solid transparent; transition: all 0.4s ease; \n            -webkit-tap-highlight-color: transparent !important;\n        }\n        .gh-tab:active, .gh-tab:focus { outline: none !important; background-color: transparent !important; }\n        .gh-tab.active { color: #1A3C34; border-bottom: 2px solid #C8A165; }\n        .gh-tab.tab-glow { color: #C8A165; border-bottom: 2px solid #C8A165; background: rgba(200,161,101,0.15) !important; border-radius: 4px 4px 0 0; }\n\n        .gh-m-slider-container { position: relative; height: 36px; display: flex; align-items: center; margin: 0;}\n        .gh-m-track-bg { position: absolute; width: 100%; height: 8px; background: #e0e0e0; border-radius: 10px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); }\n        .gh-m-range { -webkit-appearance: none; appearance: none; position: absolute; left:0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: grab; margin: 0; touch-action: pan-y; outline: none; }\n        .gh-m-range::-webkit-slider-thumb { -webkit-appearance: none; width: 60px; height: 60px; border-radius: 50%; }\n        .gh-m-range::-moz-range-thumb { width: 60px; height: 60px; border-radius: 50%; border: none; }\n        \n        @keyframes pulseGlowM { 0% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0.6); border-color: #C8A165; } 70% { box-shadow: 0 0 0 12px rgba(200, 161, 101, 0); border-color: #C8A165; } 100% { box-shadow: 0 0 0 0 rgba(200, 161, 101, 0); border-color: #ddd; } }\n        .gh-m-thumb { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 52px; height: 32px; background: #fff; border-radius: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; gap: 4px; pointer-events: none; z-index: 5; transition: border-color 0.3s; }\n        .gh-mobile-section-wrapper .pulse-attention { animation: pulseGlowM 2s infinite; }\n        .gh-m-thumb .grip { width: 2px; height: 12px; background: #ccc; border-radius: 2px; }\n\n        .gh-m-disclaimer-toggle {\n            display: flex; justify-content: flex-end; margin-top: 15px; \n        }\n        .gh-m-info-btn {\n            background: none; border: none; color: #888; display: flex; align-items: center; gap: 4px; font-size: 9px; font-weight: 700; text-transform: uppercase; cursor: pointer; padding: 5px; outline: none; -webkit-tap-highlight-color: transparent;\n        }\n        .gh-m-info-btn svg { width: 12px; height: 12px; stroke: #888; }\n        .gh-m-disclaimer-content {\n            max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, padding 0.3s ease; font-family: 'Inter', sans-serif; font-size: 8.5px; color: #888; text-align: left; line-height: 1.4; border-top: 1px solid transparent;\n        }\n        .gh-m-disclaimer-content.show {\n            max-height: 100px; padding-top: 10px; margin-top: 5px; border-top: 1px solid #e0e0e0;\n        }\n    <\/style>\n\n    <div class=\"gh-m-console-wrapper\">\n        <div class=\"gh-m-monitor\">\n            <div class=\"gh-m-header\">\n                <div class=\"gh-m-header-text\" aria-live=\"polite\">\n                    <span class=\"gh-m-label js-m-scenario-label\">SCENARIO: ...<\/span>\n                    <span class=\"gh-m-status js-m-status\">HIGH ACOUSTIC STRESS<\/span>\n                <\/div>\n                <div class=\"gh-m-badge-group\">\n                    <div class=\"gh-m-badge\" aria-hidden=\"true\">\n                        <span class=\"gh-live-dot\"><\/span> LIVE SIMULATOR\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-m-screen\" aria-hidden=\"true\">\n                <div class=\"gh-m-grid\">\n                    <div class=\"gl\"><\/div><div class=\"gl\"><\/div><div class=\"gl\"><\/div>\n                    <div class=\"gl-v\"><\/div>\n                <\/div>\n                <canvas class=\"js-m-canvas\"><\/canvas>\n                \n                <div class=\"gh-m-data-left\">\n                    <span class=\"m-lbl\">REVERBERATION (RT60)<\/span>\n                    <span class=\"m-val js-m-val-rt\" aria-label=\"RT60 Reverberation Time value\">2.8s<\/span>\n                <\/div>\n\n                <div class=\"gh-m-data-right\">\n                    <span class=\"m-lbl\">COMFORT INDEX<\/span>\n                    <span class=\"m-val-small js-m-val-abs\" style=\"color: #FF4B4B;\" aria-label=\"Comfort Index percentage achieved\">0%<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"gh-m-stage js-m-stage\" aria-hidden=\"true\">\n            <div class=\"gh-m-layer-after\">\n                <img loading=\"lazy\" decoding=\"async\" class=\"js-m-img-after skip-lazy\" data-no-lazy=\"1\" width=\"600\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" alt=\"Redeveloped environment\">\n            <\/div>\n            <div class=\"gh-m-layer-before js-m-before-layer\">\n                <img loading=\"lazy\" decoding=\"async\" class=\"js-m-before-img skip-lazy\" data-no-lazy=\"1\" width=\"600\" height=\"600\" src=\"data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs=\" alt=\"Original state\">\n            <\/div>\n            <div class=\"gh-m-split-line js-m-split-line\"><\/div>\n\n            <div class=\"gh-img-badge left-badge js-m-badge-left\">REFLECTIVE SURFACE<\/div>\n            <div class=\"gh-img-badge right-badge js-m-badge-right\">ACTIVE ABSORPTION<\/div>\n        <\/div>\n\n        <div class=\"gh-m-control-area\">\n            <div class=\"gh-m-scenario-tabs\" role=\"tablist\" aria-label=\"Select the architectural context\">\n                <div class=\"gh-tab\" data-key=\"horeca\" role=\"button\" tabindex=\"0\" aria-selected=\"false\">HORECA<\/div>\n                <div class=\"gh-tab\" data-key=\"corporate\" role=\"button\" tabindex=\"0\" aria-selected=\"false\">CORPORATE<\/div>\n                <div class=\"gh-tab\" data-key=\"openspace\" role=\"button\" tabindex=\"0\" aria-selected=\"false\">OPEN SPACE<\/div>\n                <div class=\"gh-tab\" data-key=\"soffitti\" role=\"button\" tabindex=\"0\" aria-selected=\"false\">CEILINGS<\/div>\n            <\/div>\n\n            <div class=\"gh-m-slider-container\">\n                <div class=\"gh-m-track-bg\" aria-hidden=\"true\"><\/div>\n                <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"gh-m-range js-m-range\" aria-label=\"Drag the slider to test the acoustic reduction\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                <div class=\"gh-m-thumb pulse-attention js-m-thumb\" aria-hidden=\"true\">\n                    <svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"#1A3C34\" stroke-width=\"2.5\" fill=\"none\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n                    <div class=\"grip\"><\/div>\n                    <svg aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"#1A3C34\" stroke-width=\"2.5\" fill=\"none\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n                <\/div>\n            <\/div>\n            \n            <div class=\"gh-m-disclaimer-toggle\">\n                <button class=\"gh-m-info-btn js-m-info-btn\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"><\/line><\/svg>\n                    Calculation notes\n                <\/button>\n            <\/div>\n            <div class=\"gh-m-disclaimer-content js-m-disclaimer-content\">\n                *The numerical values generated represent predictive estimates based on standard acoustic volumes. Actual performance (RT60) varies depending on the specific architecture and pre-existing materials in each project.\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    document.querySelectorAll('.gh-mobile-section-wrapper').forEach(wrapper => {\n        if(wrapper.dataset.init) return;\n        wrapper.dataset.init = 'true';\n\n        const slider = wrapper.querySelector('.js-m-range');\n        const beforeLayer = wrapper.querySelector('.js-m-before-layer');\n        const beforeImg = wrapper.querySelector('.js-m-before-img');\n        const splitLine = wrapper.querySelector('.js-m-split-line');\n        const thumb = wrapper.querySelector('.js-m-thumb');\n        const stage = wrapper.querySelector('.js-m-stage');\n        const statusLabel = wrapper.querySelector('.js-m-status');\n        const valRt = wrapper.querySelector('.js-m-val-rt');\n        const valAbs = wrapper.querySelector('.js-m-val-abs');\n        const scenarioLabel = wrapper.querySelector('.js-m-scenario-label');\n        const imgAfter = wrapper.querySelector('.js-m-img-after');\n        const badgeLeft = wrapper.querySelector('.js-m-badge-left');\n        const badgeRight = wrapper.querySelector('.js-m-badge-right');\n        const canvas = wrapper.querySelector('.js-m-canvas');\n        const tabs = wrapper.querySelectorAll('.gh-tab');\n        \n        const infoBtn = wrapper.querySelector('.js-m-info-btn');\n        const disclaimerContent = wrapper.querySelector('.js-m-disclaimer-content');\n        if(infoBtn && disclaimerContent) {\n            infoBtn.addEventListener('click', (e) => {\n                e.preventDefault();\n                disclaimerContent.classList.toggle('show');\n            });\n        }\n        \n        if(!slider || !canvas) return;\n        const ctx = canvas.getContext('2d');\n        \n        const scenarios = {\n            horeca: { \n                title: \"SCENARIO: HOSPITALITY\", \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/1-PRIMA-MOBILE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/1-dopoMOBILE.jpg\", \n                rtBad: 2.8, rtGood: 0.6,\n                altText: \"Horeca Restaurant\"\n            },\n            corporate: { \n                title: \"SCENARIO: CORPORATE MEETING\", \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/2-primaMOBILE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/2-dopoMOBILE.jpg\", \n                rtBad: 2.4, rtGood: 0.5,\n                altText: \"Corporate Meeting Room\"\n            },\n            openspace: { \n                title: \"SCENARIO: OPEN SPACE\", \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/4-primaMOBILE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/4-dopoMOBILE.jpg\", \n                rtBad: 3.2, rtGood: 0.8,\n                altText: \"Operational Open Space Office\"\n            },\n            soffitti: { \n                title: \"SCENARIO: CEILING ACOUSTICS\", \n                imgBefore: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/3-primaMOBILE.jpg\", \n                imgAfter: \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/3-dopoMOBILE.jpg\", \n                rtBad: 2.1, rtGood: 0.5,\n                altText: \"Commercial environment with ceiling correction\"\n            }\n        };\n        \n        let startKey = (wrapper.getAttribute('data-start') || 'horeca').trim().toLowerCase();\n        if (!scenarios[startKey]) startKey = 'horeca';\n        let currentScenario = startKey;\n        \n        let time = 0; let amp = 30; let freq = 0.15; let speed = 0.2; \n        let currentNoise = 12; let colorStr = \"rgb(255, 75, 75)\";\n        let isCalculating = false; let calcInterval; let hasAnimated = false;\n        let isUserDragging = false; \n\n        function resizeCanvas() {\n            if(canvas.parentElement) {\n                canvas.width = canvas.parentElement.offsetWidth;\n                canvas.height = canvas.parentElement.offsetHeight;\n            }\n        }\n        window.addEventListener('resize', resizeCanvas);\n        setTimeout(resizeCanvas, 100);\n\n        tabs.forEach(t => { t.classList.remove('active'); t.setAttribute('aria-selected', 'false'); });\n        const startTab = wrapper.querySelector(`.gh-tab[data-key=\"${startKey}\"]`);\n        if(startTab) { startTab.classList.add('active'); startTab.setAttribute('aria-selected', 'true'); }\n        \n        scenarioLabel.innerText = scenarios[startKey].title;\n        beforeImg.src = scenarios[startKey].imgBefore; \n        beforeImg.alt = `Original state: ${scenarios[startKey].altText} with high reverberation`;\n        imgAfter.src = scenarios[startKey].imgAfter;\n        imgAfter.alt = `Redeveloped state: ${scenarios[startKey].altText} with acoustic bio-infrastructures`;\n\n        tabs.forEach(tab => {\n            tab.addEventListener('keydown', function(e) {\n                if(e.key === 'Enter' || e.key === ' ') { e.preventDefault(); this.click(); }\n            });\n\n            tab.addEventListener('click', function(e) {\n                e.preventDefault();\n                const key = this.getAttribute('data-key');\n                isUserDragging = true; \n                \n                tabs.forEach(c => { c.classList.remove('active'); c.setAttribute('aria-selected', 'false'); });\n                this.classList.add('active');\n                this.setAttribute('aria-selected', 'true');\n                currentScenario = key;\n                const data = scenarios[key];\n                \n                scenarioLabel.innerText = data.title;\n                beforeImg.src = data.imgBefore; \n                beforeImg.alt = `Original state: ${data.altText} with high reverberation`;\n                imgAfter.src = data.imgAfter;\n                imgAfter.alt = `Redeveloped state: ${data.altText} with acoustic bio-infrastructures`;\n                \n                thumb.classList.add('pulse-attention');\n                slider.value = 50; processSlider(50);\n                \n                isCalculating = true;\n                statusLabel.innerText = \"ANALYZING ENVIRONMENT...\";\n                statusLabel.style.color = \"#888\"; valRt.style.color = \"#888\"; valAbs.style.color = \"#888\";\n                colorStr = \"rgb(136, 136, 136)\"; amp = 25; speed = 0.4; freq = 0.2; currentNoise = 20;\n\n                clearInterval(calcInterval);\n                calcInterval = setInterval(() => {\n                    valRt.innerText = (Math.random() * 3 + 0.5).toFixed(1) + \"s\";\n                    valAbs.innerText = Math.floor(Math.random() * 100) + \"%\";\n                }, 40);\n\n                setTimeout(() => {\n                    if(!isCalculating) return; \n                    clearInterval(calcInterval); isCalculating = false; processSlider(slider.value); \n                }, 700);\n            });\n        });\n\n        slider.addEventListener('input', (e) => {\n            isUserDragging = true;\n            thumb.classList.remove('pulse-attention');\n            if(isCalculating) { clearInterval(calcInterval); isCalculating = false; }\n            slider.setAttribute('aria-valuenow', e.target.value);\n            processSlider(e.target.value);\n        });\n\n        function processSlider(val) {\n            if(isCalculating) return;\n            \n            beforeLayer.style.clipPath = `inset(0 ${100 - val}% 0 0)`;\n            beforeLayer.style.webkitClipPath = `inset(0 ${100 - val}% 0 0)`;\n            \n            splitLine.style.left = val + \"%\"; thumb.style.left = val + \"%\";\n            badgeLeft.style.opacity = val < 45 ? Math.max(0, (val - 15) \/ 30) : 1;\n            badgeRight.style.opacity = val > 55 ? Math.max(0, (85 - val) \/ 30) : 1;\n\n            const ratio = val \/ 100; const data = scenarios[currentScenario];\n            const currentRt = data.rtGood + (ratio * (data.rtBad - data.rtGood));\n            let visualRatio = ratio <= 0.2 ? 0 : (ratio - 0.2) \/ 0.8;\n            \n            valRt.innerHTML = visualRatio <= 0.1 ? currentRt.toFixed(1) + \"s <span style='font-size:12px; opacity:0.8;'>TARGET<\/span>\" : currentRt.toFixed(1) + \"s\";\n            valAbs.innerText = Math.round((1 - ratio) * 100) + \"%\";\n\n            const r = Math.round(200 + (visualRatio * 55)); const g = Math.round(161 - (visualRatio * 86)); const b = Math.round(101 - (visualRatio * 26));\n            colorStr = `rgb(${r}, ${g}, ${b})`;\n            valRt.style.color = colorStr; valAbs.style.color = colorStr; statusLabel.style.color = colorStr;\n\n            if (visualRatio > 0.6) statusLabel.innerText = \"HIGH ACOUSTIC STRESS\";\n            else if (visualRatio > 0.1) statusLabel.innerText = \"ACTIVE ABSORPTION\";\n            else statusLabel.innerText = \"OPTIMAL COMFORT\";\n\n            amp = 5 + (visualRatio * 25); speed = 0.05 + (visualRatio * 0.15); freq = 0.03 + (visualRatio * 0.12); currentNoise = visualRatio * 15;         \n        }\n\n        function animateOscilloscope() {\n            if (canvas.offsetWidth === 0) {\n                 requestAnimationFrame(animateOscilloscope); return; \n            }\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\n            time += speed; ctx.beginPath(); ctx.lineWidth = 2.5; ctx.strokeStyle = colorStr; ctx.shadowBlur = 6; ctx.shadowColor = colorStr;\n            let centerY = canvas.height \/ 2;\n            for (let x = 0; x < canvas.width; x+=2) {\n                let noise = (Math.random() - 0.5) * currentNoise;\n                let y = centerY + Math.sin(x * freq + time) * amp + noise;\n                if (x === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n            }\n            ctx.stroke(); ctx.shadowBlur = 0; requestAnimationFrame(animateOscilloscope);\n        }\n        processSlider(50); animateOscilloscope();\n\n        function triggerGhostDrag() {\n            if (isUserDragging) return;\n            let start = null; const duration = 3000; \n            function step(timestamp) {\n                if (isUserDragging) return; \n                if (!start) start = timestamp;\n                let progress = (timestamp - start) \/ duration;\n                if (progress > 1) progress = 1;\n                let pull = (1 - Math.cos(progress * Math.PI * 2)) \/ 2;\n                let offset = -30 * pull; \n                let val = 50 + offset;\n                slider.value = val; processSlider(val);\n                if (progress < 1) { requestAnimationFrame(step); } \n                else {\n                    slider.value = 50; processSlider(50);\n                    tabs.forEach((t, i) => {\n                        if(!t.classList.contains('active')) {\n                            setTimeout(() => { t.classList.add('tab-glow'); setTimeout(() => t.classList.remove('tab-glow'), 500); }, i * 200);\n                        }\n                    });\n                }\n            }\n            requestAnimationFrame(step);\n        }\n\n        if ('IntersectionObserver' in window) {\n            let observer = new IntersectionObserver((entries) => {\n                if(entries[0].isIntersecting && !hasAnimated) {\n                    hasAnimated = true; setTimeout(triggerGhostDrag, 600); observer.disconnect();\n                }\n            }, { threshold: 0.5 });\n            observer.observe(wrapper);\n        } else { setTimeout(triggerGhostDrag, 1200); }\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-f63cfe3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f63cfe3\" 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-50 elementor-top-column elementor-element elementor-element-95a5bda\" data-id=\"95a5bda\" 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-54d7dae elementor-widget elementor-widget-html\" data-id=\"54d7dae\" 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-acu-text-wrapper {\n        font-family: 'Montserrat', sans-serif;\n        color: #555555;\n        max-width: 500px;\n    }\n\n    .gh-acu-text-eyebrow {\n        display: block;\n        font-size: 13px;\n        font-weight: 800;\n        color: #C8A165; \n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin-bottom: 15px;\n    }\n\n    .gh-acu-text-title {\n        font-size: clamp(32px, 4vw, 45px);\n        font-weight: 800;\n        color: #1A3C34; \n        line-height: 1.15;\n        margin: 0 0 35px 0;\n        letter-spacing: -1px;\n    }\n\n    .gh-acu-benefits-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .gh-acu-benefits-list li {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 25px;\n        font-size: 16px;\n        line-height: 1.5;\n        color: #555555;\n    }\n\n    .gh-acu-check-icon {\n        flex-shrink: 0;\n        width: 34px;\n        height: 34px;\n        margin-right: 15px;\n        margin-top: 2px;\n        fill: none;\n        stroke: #C8A165;\n        stroke-width: 3.5;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .gh-acu-benefits-list strong {\n        color: #333333;\n        font-weight: 700;\n        font-size: 16px;\n    }\n<\/style>\n\n<article class=\"gh-acu-text-wrapper\" aria-labelledby=\"gh-acoustic-heading\">\n    \n    <span class=\"gh-acu-text-eyebrow\">ISTITUTO GIORDANO CERTIFIED TEST NO. 386512<\/span>\n    \n    <h2 id=\"gh-acoustic-heading\" class=\"gh-acu-text-title\">THE ABSORBING MOSS.<br>SPEECH CLARITY.<\/h2>\n    \n    <ul class=\"gh-acu-benefits-list\">\n        <li>\n            <svg class=\"gh-acu-check-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Natural Acoustic Comfort:<\/strong> Efficiency peak at 1000 Hz <strong>(\u03b1 0.38)<\/strong>. Our Nordic preserved moss \"cleans\" speech frequencies, eliminating background noise in offices.\n            <\/div>\n        <\/li>\n        <li>\n            <svg class=\"gh-acu-check-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Fractal Diffusion:<\/strong> Common flat undergrowth moss does not absorb sound. Our bushy essence (3D Moss) breaks sound waves, eliminating the metallic echo of glass.\n            <\/div>\n        <\/li>\n        <li>\n            <svg class=\"gh-acu-check-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Zero Aquarium Effect:<\/strong> Unlike the synthetic sponges used in many commercial panels, it maintains the brilliance of natural sound. Ideal for open spaces and restaurants.\n            <\/div>\n        <\/li>\n    <\/ul>\n\n<\/article>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-98c9124\" data-id=\"98c9124\" 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-3282459 elementor-widget elementor-widget-html\" data-id=\"3282459\" 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-diagnostic-v7-center\" aria-labelledby=\"gh-acoustics-title\">\n    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n\n        .gh-diagnostic-v7-center {\n            font-family: 'Montserrat', sans-serif;\n            background: #ffffff;\n            border-radius: 24px;\n            box-shadow: 0 15px 50px rgba(26,60,52,0.1);\n            max-width: 420px;\n            margin: 0 auto;\n            overflow: hidden;\n            border: 1px solid rgba(0,0,0,0.08);\n            position: relative;\n        }\n\n        .gh-v7-header {\n            padding: 20px 25px;\n            background: #f9f9f9;\n            border-bottom: 1px solid rgba(0,0,0,0.06);\n            display: flex; justify-content: space-between; align-items: center;\n        }\n        .gh-v7-title { \n            font-size: 0.9rem; font-weight: 800; color: #1A3C34; text-transform: uppercase; \n            letter-spacing: 0.5px; margin: 0; padding: 0; line-height: 1;\n        }\n        .gh-v7-cert { font-size: 0.6rem; background: #fff; border: 1px solid #ddd; padding: 5px 10px; border-radius: 6px; color: #666; font-weight: 700; }\n\n        .gh-v7-stage {\n            height: 220px;\n            position: relative;\n            background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);\n            display: flex; align-items: center; justify-content: center;\n            overflow: hidden;\n        }\n        \n        .gh-v7-grid {\n            position: absolute; top:0; left:0; width:100%; height:100%;\n            background-image: linear-gradient(rgba(26,60,52,0.03) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(26,60,52,0.03) 1px, transparent 1px);\n            background-size: 20px 20px;\n            pointer-events: none;\n        }\n\n        .gh-v7-svg { position: absolute; width:100%; height:100%; z-index:10; pointer-events: none; }\n        .gh-v7-path { \n            stroke-width: 6; \n            stroke-linecap: round; \n            fill: none; \n            transition: stroke 0.3s ease; \n            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15));\n        }\n\n        .gh-v7-box {\n            position: absolute; bottom: 0; left: 0; width: 100%;\n            padding: 20px 25px;\n            background: rgba(255,255,255,0.95);\n            backdrop-filter: blur(8px);\n            border-top: 1px solid rgba(0,0,0,0.05);\n            transition: border-left-color 0.3s;\n            border-left: 8px solid #ccc;\n            z-index: 20;\n        }\n        .gh-v7-role { font-size: 0.65rem; text-transform: uppercase; font-weight: 800; color: #999; display: block; margin-bottom: 5px; }\n        .gh-v7-text { font-size: 0.85rem; line-height: 1.4; color: #1A3C34; font-weight: 600; margin: 0;}\n\n        .gh-v7-controls { padding: 25px 25px 15px 25px; background: #fff; }\n        \n        .gh-v7-info { display: flex; justify-content: space-between; margin-bottom: 20px; align-items: flex-end; }\n        .gh-v7-big { font-size: 2rem; font-weight: 900; color: #1A3C34; line-height: 1; min-width: 80px; }\n        .gh-v7-lbl { font-size: 0.7rem; color: #999; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; display: block; }\n\n        .gh-v7-slider-wrap { position: relative; height: 50px; display: flex; align-items: center; justify-content: center; }\n        \n        .gh-v7-slider-bg {\n            position: absolute; width: 100%; height: 8px; border-radius: 4px;\n            background: linear-gradient(to right, #D9534F 0%, #D9534F 20%, #1A3C34 25%, #1A3C34 45%, #C8A165 50%, #C8A165 100%);\n            opacity: 0.2; pointer-events: none;\n        }\n\n        .gh-v7-slider {\n            -webkit-appearance: none; width: 100%; background: transparent; cursor: grab; z-index: 10;\n            margin: 0; outline: none;\n        }\n        .gh-v7-slider::-webkit-slider-runnable-track { width: 100%; height: 8px; background: transparent; }\n        \n        .gh-v7-slider::-webkit-slider-thumb {\n            -webkit-appearance: none; \n            height: 36px; width: 36px; \n            border-radius: 50%; background: #fff; \n            margin-top: -14px; \n            border: 4px solid #1A3C34; \n            box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n            transition: transform 0.1s;\n            animation: gh-pulse-thumb 2s infinite;\n        }\n        \n        .gh-v7-slider::-moz-range-thumb {\n            height: 36px; width: 36px; border: none; border-radius: 50%; background: #fff;\n            border: 4px solid #1A3C34; box-shadow: 0 4px 10px rgba(0,0,0,0.2);\n            animation: gh-pulse-thumb 2s infinite;\n        }\n\n        .gh-v7-slider:active::-webkit-slider-thumb { transform: scale(1.1); cursor: grabbing; animation: none; }\n        .gh-v7-slider:active::-moz-range-thumb { transform: scale(1.1); cursor: grabbing; animation: none; }\n\n        @keyframes gh-pulse-thumb {\n            0% { box-shadow: 0 0 0 0 rgba(26, 60, 52, 0.4); }\n            70% { box-shadow: 0 0 0 12px rgba(26, 60, 52, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(26, 60, 52, 0); }\n        }\n\n        .gh-slider-hint {\n            text-align: center; font-size: 0.65rem; font-weight: 700; color: #C8A165; \n            text-transform: uppercase; letter-spacing: 2px; margin-top: -5px; \n            margin-bottom: 15px; opacity: 0.8; pointer-events: none;\n            animation: gh-fade-arrows 2s infinite ease-in-out;\n        }\n        .gh-arrow-left, .gh-arrow-right { display: inline-block; transition: transform 0.3s; }\n        \n        @keyframes gh-fade-arrows {\n            0%, 100% { opacity: 0.5; transform: scale(0.95); }\n            50% { opacity: 1; transform: scale(1); }\n        }\n\n        .gh-v7-tags { display: flex; justify-content: space-between; border-top: 1px solid #eee; padding-top: 15px; }\n        .gh-v7-tag { font-size: 0.65rem; font-weight: 700; color: #ccc; text-transform: uppercase; transition: all 0.3s; }\n        .gh-v7-tag.active { color: #1A3C34; transform: scale(1.1); }\n    <\/style>\n\n    <header class=\"gh-v7-header\">\n        <h3 id=\"gh-acoustics-title\" class=\"gh-v7-title\">Moss Spectral Analysis<\/h3>\n        <span class=\"gh-v7-cert\">ISO 354:2003<\/span>\n    <\/header>\n\n    <div class=\"gh-v7-stage\" aria-hidden=\"true\">\n        <div class=\"gh-v7-grid\"><\/div>\n        \n        <svg class=\"gh-v7-svg\" viewBox=\"0 0 300 150\" preserveAspectRatio=\"none\">\n            <path id=\"ghWaveV7\" class=\"gh-v7-path\" stroke=\"#1A3C34\" d=\"M0,75 L300,75\" \/>\n        <\/svg>\n\n        <div class=\"gh-v7-box\" id=\"ghBoxV7\" aria-live=\"polite\" aria-atomic=\"true\">\n            <span class=\"gh-v7-role\" id=\"ghRoleV7\">ANALYSIS<\/span>\n            <p class=\"gh-v7-text\" id=\"ghTextV7\" style=\"margin: 0;\">Slide to see how the moss acts on sound waves.<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"gh-v7-controls\">\n        <div class=\"gh-v7-info\" aria-live=\"polite\" aria-atomic=\"true\">\n            <div>\n                <span class=\"gh-v7-lbl\">Frequency<\/span>\n                <div class=\"gh-v7-big\" id=\"ghFreqV7\">1000 Hz<\/div>\n            <\/div>\n            <div style=\"text-align:right\">\n                <span class=\"gh-v7-lbl\">Absorption (\u03b1)<\/span>\n                <div class=\"gh-v7-big\" style=\"color:#C8A165\" id=\"ghAlphaV7\">0.38<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"gh-v7-slider-wrap\">\n            <div class=\"gh-v7-slider-bg\" aria-hidden=\"true\"><\/div>\n            <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"gh-v7-slider\" id=\"ghSliderV7\" aria-label=\"Acoustic frequency analyzer\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n        <\/div>\n        \n        <div class=\"gh-slider-hint\" aria-hidden=\"true\">\n            <span class=\"gh-arrow-left\">\u25c4<\/span> SLIDE <span class=\"gh-arrow-right\">\u25ba<\/span>\n        <\/div>\n        \n        <div class=\"gh-v7-tags\" aria-hidden=\"true\">\n            <span class=\"gh-v7-tag\" id=\"t7-low\">Low<\/span>\n            <span class=\"gh-v7-tag\" id=\"t7-mid\">Natural<\/span>\n            <span class=\"gh-v7-tag active\" id=\"t7-high\">Voice<\/span>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            initGhDiagnosticV7Center();\n        });\n\n        if (document.readyState === \"complete\" || document.readyState === \"interactive\") {\n            setTimeout(initGhDiagnosticV7Center, 100);\n        }\n\n        function initGhDiagnosticV7Center() {\n            if (window.ghV7InitializedCenter) return;\n            window.ghV7InitializedCenter = true;\n\n            const path = document.getElementById('ghWaveV7');\n            const slider = document.getElementById('ghSliderV7');\n            \n            const ui = {\n                freq: document.getElementById('ghFreqV7'),\n                alpha: document.getElementById('ghAlphaV7'),\n                role: document.getElementById('ghRoleV7'),\n                text: document.getElementById('ghTextV7'),\n                box: document.getElementById('ghBoxV7'),\n                tags: {\n                    low: document.getElementById('t7-low'),\n                    mid: document.getElementById('t7-mid'),\n                    high: document.getElementById('t7-high')\n                }\n            };\n\n            let state = {\n                amp: 20, targetAmp: 20,\n                freq: 0.05, targetFreq: 0.05,\n                speed: 0.1, targetSpeed: 0.1,\n                phase: 0\n            };\n\n            function animateLoop() {\n                state.amp += (state.targetAmp - state.amp) * 0.1;\n                state.freq += (state.targetFreq - state.freq) * 0.1;\n                state.speed += (state.targetSpeed - state.speed) * 0.1;\n                state.phase += state.speed;\n\n                let points = [];\n                for (let x = 0; x <= 300; x += 5) {\n                    let y = 60 + Math.sin(x * state.freq + state.phase) * state.amp;\n                    points.push(`${x},${y}`);\n                }\n\n                if(path) path.setAttribute('d', `M${points.join(' L')}`);\n                requestAnimationFrame(animateLoop);\n            }\n            animateLoop();\n\n            function updateData() {\n                const val = parseInt(slider.value);\n                \n                ui.tags.low.classList.remove('active');\n                ui.tags.mid.classList.remove('active');\n                ui.tags.high.classList.remove('active');\n\n                slider.setAttribute('aria-valuenow', val);\n\n                if (val < 25) {\n                    ui.tags.low.classList.add('active');\n                    ui.freq.innerText = \"125 Hz\";\n                    ui.alpha.innerText = \"0.06\"; \n                    ui.alpha.style.color = \"#D9534F\";\n                    ui.role.innerText = \"ACTION: TRANSPARENCY\";\n                    ui.role.style.color = \"#D9534F\";\n                    ui.text.innerText = \"Lets long waves pass. Avoids the 'closed room' effect.\";\n                    path.style.stroke = \"#D9534F\";\n                    ui.box.style.borderLeftColor = \"#D9534F\";\n                    slider.style.borderColor = \"#D9534F\"; \n                    \n                    state.targetAmp = 40; state.targetFreq = 0.08; state.targetSpeed = 0.25;\n\n                } else if (val < 60) {\n                    ui.tags.mid.classList.add('active');\n                    ui.freq.innerText = \"500 Hz\";\n                    ui.alpha.innerText = \"0.21\";\n                    ui.alpha.style.color = \"#1A3C34\";\n                    ui.role.innerText = \"ACTION: BALANCE\";\n                    ui.role.style.color = \"#1A3C34\";\n                    ui.text.innerText = \"Balanced absorption. Preserves the natural warmth of the human voice.\";\n                    path.style.stroke = \"#1A3C34\";\n                    ui.box.style.borderLeftColor = \"#1A3C34\";\n                    slider.style.borderColor = \"#1A3C34\";\n\n                    state.targetAmp = 25; state.targetFreq = 0.04; state.targetSpeed = 0.1;\n\n                } else {\n                    ui.tags.high.classList.add('active');\n                    if (val > 85) {\n                        ui.freq.innerText = \"2500 Hz\";\n                        ui.alpha.innerText = \"0.42\";\n                    } else if (val > 70) {\n                        ui.freq.innerText = \"2000 Hz\";\n                        ui.alpha.innerText = \"0.41\";\n                    } else {\n                        ui.freq.innerText = \"1000 Hz\";\n                        ui.alpha.innerText = \"0.38\";\n                    }\n                    ui.alpha.style.color = \"#C8A165\";\n                    ui.role.innerText = \"ACTION: SILENCE\";\n                    ui.role.style.color = \"#C8A165\";\n                    ui.text.innerText = \"Maximum effectiveness on vocal reverberation. Sound absorption generated by pure organic biomass, without the use of synthetic sponges.\";\n                    path.style.stroke = \"#C8A165\";\n                    ui.box.style.borderLeftColor = \"#C8A165\";\n                    slider.style.borderColor = \"#C8A165\";\n\n                    state.targetAmp = 5; state.targetFreq = 0.02; state.targetSpeed = 0.03;\n                }\n            }\n\n            slider.addEventListener('input', function() {\n                updateData();\n                this.style.animation = 'none';\n            });\n            \n            slider.addEventListener('change', updateData);\n            \n            updateData();\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-2293e93 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2293e93\" 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-71ceaf9\" data-id=\"71ceaf9\" 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-a46f3aa elementor-widget elementor-widget-html\" data-id=\"a46f3aa\" 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-installation-wrapper\" aria-labelledby=\"gh-inst-heading\">\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-installation-wrapper {\n            display: flex; flex-wrap: wrap; gap: 60px; align-items: center;\n            width: 100%; max-width: 1200px; margin: 60px auto; \n            font-family: 'Montserrat', sans-serif; padding: 0 20px; box-sizing: border-box;\n        }\n\n        .gh-inst-image-col { flex: 1 1 400px; position: relative; margin: 0; }\n        .gh-inst-img {\n            width: 100%; height: auto; border-radius: 12px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.08); display: block;\n            transition: transform 0.5s ease;\n        }\n        .gh-inst-image-col:hover .gh-inst-img { transform: scale(1.02); }\n\n        .gh-inst-text-col { flex: 1 1 500px; display: flex; flex-direction: column; }\n\n        .gh-inst-eyebrow { font-size: 13px; font-weight: 800; color: #C8A165; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 10px; display: block; }\n        .gh-inst-title { font-size: clamp(32px, 4vw, 48px); font-weight: 900; color: #111111; line-height: 1.1; margin: 0 0 40px 0; letter-spacing: -1px; text-transform: uppercase; }\n\n        .gh-inst-block { margin-bottom: 35px; }\n        .gh-inst-block:last-child { margin-bottom: 0; }\n\n        .gh-inst-h3 { font-size: 20px; font-weight: 700; color: #C8A165; margin: 0 0 10px 0; line-height: 1.3; }\n        .gh-inst-p { font-size: 16px; font-weight: 500; color: #666666; line-height: 1.5; margin: 0 0 20px 0; }\n        .gh-inst-p strong { color: #555555; font-weight: 700; }\n\n        .gh-inst-list { list-style: none; padding: 0; margin: 0; }\n        .gh-inst-list li {\n            position: relative; padding-left: 20px; margin-bottom: 15px;\n            font-size: 15.5px; color: #666666; line-height: 1.6; font-weight: 500;\n        }\n        .gh-inst-list li::before {\n            content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px;\n            background-color: #999999; border-radius: 50%;\n        }\n        .gh-inst-list strong { color: #333333; font-weight: 700; }\n        .gh-inst-subtext { display: block; margin-top: 4px; font-weight: 400; color: #777; }\n\n        @media (max-width: 992px) {\n            .gh-installation-wrapper { gap: 40px; padding: 20px 10px; margin: 30px auto; }\n            .gh-inst-image-col { order: -1; } \n        }\n    <\/style>\n\n    <figure class=\"gh-inst-image-col\">\n        <img loading=\"lazy\" decoding=\"async\" class=\"gh-inst-img\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/pannello-muschio-stabilizzato-moss-wall-75x75-1.jpg\" alt=\"Detail of a 75x75 cm modular panel in pure green preserved moss for acoustic walls\" loading=\"lazy\" width=\"800\" height=\"800\">\n    <\/figure>\n\n    <article class=\"gh-inst-text-col\">\n        <header>\n            <span class=\"gh-inst-eyebrow\">ARCHITECTURAL MOSS FIT-OUT<\/span>\n            <h2 id=\"gh-inst-heading\" class=\"gh-inst-title\">INSTALLATION ENGINEERING.<\/h2>\n        <\/header>\n\n        <div class=\"gh-inst-block\">\n            <h3 class=\"gh-inst-h3\">Moss Wall Modular Panel 75x75 cm.<\/h3>\n            <p class=\"gh-inst-p\">Technical format for large surfaces, <strong>flexible for cladding columns<\/strong>. Our Moss (Lichen) adapts on-site with the same efficiency and cleanliness as <strong>a plasterboard sheet<\/strong>.<\/p>\n            \n            <ul class=\"gh-inst-list\">\n                <li><strong>Ultra-fast installation (Zero Waste):<\/strong> Guaranteed base yield of at least <strong>25 sqm\/day<\/strong> per operator, with tested peaks of <strong>2.18 sqm in 7 minutes<\/strong> on linear walls. Moss cutouts fit perfectly together (seamless), eliminating waste.<\/li>\n                <li><strong>European Ready-to-Deliver Logistics:<\/strong> Panels in individual protective boxes. A standard pallet (80x80 cm) holds 20 Moss panels for a featherweight of <strong>only 70 kg<\/strong>.<\/li>\n                <li><strong>Dedicated Batch:<\/strong> Large quantities of raw material are selected and mixed in a single batch to guarantee absolute homogeneity.<br><span class=\"gh-inst-subtext\">The entire supply of Nordic moss is rigorously processed by the same artisan hand, eliminating the risk of color variations (checkerboard effect) on the wall.<\/span><\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"gh-inst-block\" style=\"margin-bottom: 0;\">\n            <h3 class=\"gh-inst-h3\">Industrial Tailoring (CNC Cutting).<\/h3>\n            <p class=\"gh-inst-p\">We mill complex architectural layouts using Computer Numerical Control (CNC). Goodbye to paper templates and imprecise manual cuts.<\/p>\n            \n            <ul class=\"gh-inst-list\">\n                <li><strong>The panel is the template:<\/strong> It arrives on-site already shaped to your measurements, numbered, and ready for mechanical fastening (1:1 scheme).<\/li>\n                <li><strong>Infallible precision:<\/strong> It installs in minutes, bypassing switches, monitors, and fixtures without any margin of error.<\/li>\n            <\/ul>\n        <\/div>\n    <\/article>\n\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Service\",\n  \"name\": \"Supply of Preserved Moss Technical Modular Panel (Moss Wall 75x75 cm)\",\n  \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/pannello-muschio-stabilizzato-moss-wall-75x75-1.jpg\",\n  \"description\": \"B2B supply of flexible sound-absorbing panel in preserved moss (Nordic lichen) 75x75 cm for interior design. Ultra-fast dry installation (base yield 25sqm\/day per operator). Zero waste: Moss Wall cutouts can be perfectly joined without seams.\",\n  \"brand\": {\n    \"@type\": \"Brand\",\n    \"name\": \"Green Habitat\"\n  },\n  \"additionalType\": \"https:\/\/schema.org\/B2BBusiness\",\n  \"additionalProperty\": [\n    { \"@type\": \"PropertyValue\", \"name\": \"Commercial Type\", \"value\": \"Preserved Moss \/ Moss Wall\" },\n    { \"@type\": \"PropertyValue\", \"name\": \"Raw Material\", \"value\": \"Premium Nordic Lichen (Cladonia Stellaris)\" },\n    { \"@type\": \"PropertyValue\", \"name\": \"Nominal Format\", \"value\": \"75 x 75 cm (Flexible backing for columns)\" },\n    { \"@type\": \"PropertyValue\", \"name\": \"Guaranteed Base Yield on Site\", \"value\": \"25 sqm per day for a single operator (including unforeseen events)\" },\n    { \"@type\": \"PropertyValue\", \"name\": \"Material Optimization\", \"value\": \"Zero Waste (cutouts perfectly reusable for joining)\" }\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-f376947 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f376947\" 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-50 elementor-top-column elementor-element elementor-element-3bebb2c\" data-id=\"3bebb2c\" 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-c6575cf elementor-widget elementor-widget-html\" data-id=\"c6575cf\" 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-hpi-text-wrapper {\n        font-family: 'Montserrat', sans-serif;\n        color: #555555;\n        max-width: 500px;\n    }\n\n    .gh-hpi-text-eyebrow {\n        display: block;\n        font-size: 13px;\n        font-weight: 800;\n        color: #C8A165; \n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin-bottom: 15px;\n    }\n\n    .gh-hpi-text-title {\n        font-size: clamp(32px, 4vw, 45px);\n        font-weight: 900;\n        color: #111111; \n        line-height: 1.15;\n        margin: 0 0 35px 0;\n        letter-spacing: -1px;\n    }\n    \n    .gh-hpi-text-title span {\n        color: #C8A165; \n    }\n\n    .gh-hpi-benefits-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .gh-hpi-benefits-list li {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 25px;\n        font-size: 16px;\n        line-height: 1.5;\n        color: #555555;\n    }\n\n    .gh-hpi-check-icon {\n        flex-shrink: 0;\n        width: 34px;\n        height: 34px;\n        margin-right: 15px;\n        margin-top: 2px;\n        fill: none;\n        stroke: #C8A165;\n        stroke-width: 3.5;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .gh-hpi-benefits-list strong {\n        color: #333333;\n        font-weight: 800;\n        font-size: 16px;\n    }\n<\/style>\n\n<article class=\"gh-hpi-text-wrapper\" aria-labelledby=\"gh-hpi-heading\">\n    \n    <span class=\"gh-hpi-text-eyebrow\">HUMAN PERFORMANCE INDEX 2026<\/span>\n    \n    <h2 id=\"gh-hpi-heading\" class=\"gh-hpi-text-title\">IT DOESN'T DECORATE.<br><span>IT REGENERATES.<\/span><\/h2>\n    \n    <ul class=\"gh-hpi-benefits-list\">\n        <li>\n            <svg class=\"gh-hpi-check-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Cognitive Focus:<\/strong> Inert surfaces (plaster, glass) increase mental load and reverberation. Our Moss (Lichen) \"cleans\" the environment, promoting mental clarity and prolonged concentration.\n            <\/div>\n        <\/li>\n        <li>\n            <svg class=\"gh-hpi-check-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Biophilic Impact:<\/strong> Curtains and fabrics are decorative but biologically \"mute\". A true Green Habitat Moss Wall activates the innate biophilic response, visually reconnecting humans to the natural environment.\n            <\/div>\n        <\/li>\n        <li>\n            <svg class=\"gh-hpi-check-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Zero Cortisol:<\/strong> Grey and sterile spaces raise stress levels (Sick Building Syndrome). Our preserved moss ecosystems lower the heart rate and create an immediate oasis of decompression.\n            <\/div>\n        <\/li>\n    <\/ul>\n\n<\/article>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Neuro-Architecture and Organizational Well-being: The Benefits of Preserved Moss (Moss Wall)\",\n  \"description\": \"Green Habitat's biophilic design actively counteracts Sick Building Syndrome in B2B offices and contract environments. The installation of indoor preserved moss green walls (technically Nordic Lichen or Moss Wall) has a medical and engineering purpose: the three-dimensional structure of our Moss increases productivity, lowers cortisol levels (the stress hormone), and promotes neuroplasticity and cognitive focus of employees (Human Performance Index).\",\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-548cb45\" data-id=\"548cb45\" 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-7e1502e elementor-widget elementor-widget-html\" data-id=\"7e1502e\" 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-benchmark-v12\" style=\"min-height: 500px; display: block; position: relative;\" aria-label=\"Biophilic Benchmark and Moss Wall Analysis\">\n    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n        \n        .gh-benchmark-v12 {\n            font-family: 'Montserrat', sans-serif; background: #ffffff; border-radius: 24px;\n            box-shadow: 0 25px 70px rgba(26,60,52,0.08); max-width: 420px;\n            margin: 0 auto; overflow: hidden; border: 1px solid rgba(0,0,0,0.08);\n            position: relative; z-index: 1; box-sizing: border-box;\n        }\n\n        .gh-ben-header {\n            padding: 25px; background: #fafafa; border-bottom: 1px solid rgba(0,0,0,0.06);\n            display: flex; justify-content: space-between; align-items: center;\n        }\n        \n        .gh-ben-title { font-size: 0.8rem; font-weight: 800; color: #1A3C34; text-transform: uppercase; letter-spacing: 1px; margin: 0; line-height: 1; }\n        \n        .gh-ben-score-box { text-align: right; }\n        .gh-ben-lbl { font-size: 0.55rem; font-weight: 700; color: #999; text-transform: uppercase; display: block; }\n        .gh-ben-val { font-size: 1.4rem; font-weight: 900; color: #ccc; line-height: 1; transition: color 0.4s; display: block; margin-top: 4px;}\n\n        .gh-ben-stage {\n            padding: 40px 30px 10px 30px; background: radial-gradient(circle at bottom, #fff 0%, #f9f9f9 100%);\n            display: flex; justify-content: space-between; align-items: flex-end; height: 240px; position: relative;\n        }\n\n        .gh-ben-grid {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;\n            padding: 40px 30px 10px 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;\n        }\n        .gh-grid-line { width: 100%; height: 1px; background: rgba(0,0,0,0.03); position: relative; }\n        .gh-grid-line::after { content: attr(data-val); position: absolute; right: 0; top: -15px; font-size: 0.55rem; color: #ddd; font-weight: 700; }\n\n        .gh-ben-col { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 70px; height: 100%; position: relative; z-index: 2; }\n        .gh-ben-track { width: 18px; height: 100%; background: #f0f0f0; border-radius: 10px; position: relative; overflow: hidden; }\n        .gh-ben-fill { position: absolute; bottom: 0; left: 0; width: 100%; background: #ccc; border-radius: 10px; transition: height 0.8s cubic-bezier(0.22, 1, 0.36, 1), background 0.4s, box-shadow 0.4s; height: 5%; }\n\n        .gh-ben-icon {\n            margin-bottom: 15px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;\n            border-radius: 50%; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.05); color: #ccc; transition: all 0.5s; z-index: 10;\n        }\n        .gh-ben-svg { width: 20px; height: 20px; fill: currentColor; }\n\n        .gh-ben-txt { margin-top: 15px; font-size: 0.55rem; font-weight: 800; color: #999; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; transition: color 0.3s; }\n\n        .gh-ben-info { padding: 15px 30px; text-align: center; height: 75px; display: flex; flex-direction: column; justify-content: center; }\n        .gh-ben-res-title { font-size: 0.85rem; font-weight: 800; color: #1A3C34; margin-bottom: 4px; display: block; transition: color 0.3s; }\n        .gh-ben-res-desc { font-size: 0.75rem; color: #666; line-height: 1.4; margin: 0; }\n\n        .gh-ben-controls { padding: 15px 20px 25px 20px; display: flex; justify-content: center; gap: 6px; background: #fff; border-top: 1px solid #f9f9f9; }\n        .gh-ben-btn {\n            flex: 1; padding: 12px 5px; text-align: center; border: 1px solid #eee; border-radius: 10px;\n            font-size: 0.6rem; font-weight: 700; color: #999; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\n            background: #fff; outline: none; appearance: none; font-family: inherit; margin: 0;\n        }\n        .gh-ben-btn:hover, .gh-ben-btn:focus-visible { background: #fcfcfc; border-color: #ccc; }\n        \n        .gh-ben-btn.active {\n            background: #1A3C34; color: #fff; border-color: #1A3C34; box-shadow: 0 5px 15px rgba(26,60,52,0.15); transform: translateY(-2px);\n        }\n\n        .mode-green .gh-ben-btn.active {\n            background: #C8A165 !important; border-color: #C8A165 !important; color: #fff !important; box-shadow: 0 5px 20px rgba(200, 161, 101, 0.4) !important;\n        }\n\n        .mode-wall .gh-ben-fill { background: #cfd8dc; }\n        .mode-wall .gh-ben-val { color: #cfd8dc; }\n        \n        .mode-tessuti .gh-ben-fill { background: #90A4AE; }\n        .mode-tessuti .gh-ben-val { color: #90A4AE; }\n\n        .mode-green .gh-ben-fill { background: linear-gradient(to top, #C8A165, #EDCF9E); box-shadow: 0 0 25px rgba(200, 161, 101, 0.5); }\n        @keyframes breatheGold { 0%, 100% { opacity: 1; box-shadow: 0 0 25px rgba(200, 161, 101, 0.5); } 50% { opacity: 0.85; box-shadow: 0 0 10px rgba(200, 161, 101, 0.3); } }\n        .mode-green .gh-ben-fill { animation: breatheGold 3s infinite ease-in-out; }\n        .mode-green .gh-ben-icon { background: #1A3C34; color: #C8A165; transform: translateY(-8px) scale(1.15); box-shadow: 0 10px 20px rgba(26,60,52,0.25); }\n        .mode-green .gh-ben-txt { color: #1A3C34; }\n        .mode-green .gh-ben-val { color: #C8A165; }\n        .mode-green .gh-ben-res-title { color: #C8A165; }\n        \n        .gh-ben-seo-caption {\n            font-size: 0.65rem; color: #aaa; text-align: center; padding: 10px 20px;\n            background: #fff; border-top: 1px solid #eee; margin: 0; line-height: 1.4; font-weight: 500;\n        }\n    <\/style>\n\n    <header class=\"gh-ben-header\" aria-hidden=\"true\">\n        <h3 class=\"gh-ben-title\">Biophilic Analysis<\/h3>\n        <div class=\"gh-ben-score-box\" aria-live=\"polite\" aria-atomic=\"true\">\n            <span class=\"gh-ben-lbl\">Human Score<\/span>\n            <span class=\"gh-ben-val\" id=\"ghTotalScore\">3%<\/span>\n        <\/div>\n    <\/header>\n\n    <div class=\"gh-ben-stage\" aria-hidden=\"true\">\n        <div class=\"gh-ben-grid\">\n            <div class=\"gh-grid-line\" data-val=\"100%\"><\/div>\n            <div class=\"gh-grid-line\" data-val=\"50%\"><\/div>\n            <div class=\"gh-grid-line\" data-val=\"0%\"><\/div>\n        <\/div>\n\n        <div class=\"gh-ben-col\">\n            <div class=\"gh-ben-icon\">\n                <svg class=\"gh-ben-svg\" focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M12,2C8,2,4,5,4,9c0,2.5,1.5,4.5,4,5.5c0,0-1,2.5,0,4.5c1.5,3,5,3,6,1c1.5,1,4.5,0,5-3c0.5-3-1-3.5-1-3.5c2.5-1,4-3,4-5.5 C22,5,18,2,12,2z M12,17c-0.83,0-1.5-0.67-1.5-1.5S11.17,14,12,14s1.5,0.67,1.5,1.5S12.83,17,12,17z\"\/><\/svg>\n            <\/div>\n            <div class=\"gh-ben-track\"><div class=\"gh-ben-fill\" id=\"bar-focus\"><\/div><\/div>\n            <span class=\"gh-ben-txt\">Cognitive<br>Focus<\/span>\n        <\/div>\n\n        <div class=\"gh-ben-col\">\n            <div class=\"gh-ben-icon\">\n                <svg class=\"gh-ben-svg\" focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M17,8C8,10,5.9,16.17,3.82,21.34l1.89,0.66l0.95-2.3c0.48,0.17,0.98,0.3,1.34,0.3C19,20,22,3,22,3c0,0-9.03,0-13.57,4.5 F M14.5,18.5c-2.5,0-4.5-2-4.5-4.5s2-4.5,4.5-4.5s4.5,2,4.5,4.5S17,18.5,14.5,18.5z\"\/><\/svg>\n            <\/div>\n            <div class=\"gh-ben-track\"><div class=\"gh-ben-fill\" id=\"bar-bio\"><\/div><\/div>\n            <span class=\"gh-ben-txt\">Biophilic<br>Impact<\/span>\n        <\/div>\n\n        <div class=\"gh-ben-col\">\n            <div class=\"gh-ben-icon\">\n                <svg class=\"gh-ben-svg\" focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/><\/svg>\n            <\/div>\n            <div class=\"gh-ben-track\"><div class=\"gh-ben-fill\" id=\"bar-stress\"><\/div><\/div>\n            <span class=\"gh-ben-txt\">Stress<br>Reduction<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"gh-ben-info\" aria-live=\"polite\" aria-atomic=\"true\">\n        <span class=\"gh-ben-res-title\" id=\"ghBenTitle\">CONCRETE AND MASONRY<\/span>\n        <p class=\"gh-ben-res-desc\" id=\"ghBenDesc\">Inert environment. No natural stimuli, high reverberation, no reduction in perceived stress.<\/p>\n    <\/div>\n\n    <div class=\"gh-ben-controls\" role=\"tablist\" aria-label=\"Select materials to compare their cognitive benefits\">\n        <button type=\"button\" class=\"gh-ben-btn active js-bm-btn\" data-mode=\"wall\" role=\"tab\" aria-selected=\"true\">Concrete \/ Masonry<\/button>\n        <button type=\"button\" class=\"gh-ben-btn js-bm-btn\" data-mode=\"tessuti\" role=\"tab\" aria-selected=\"false\">Curtains \/ Fabrics<\/button>\n        <button type=\"button\" class=\"gh-ben-btn js-bm-btn\" data-mode=\"green\" role=\"tab\" aria-selected=\"false\">MOSS WALL<\/button>\n    <\/div>\n    \n    <p class=\"gh-ben-seo-caption\">Illustrative benchmark on the biophilic impact of the Moss Wall (Preserved Moss) compared to standard building materials for reducing Sick Building Syndrome.<\/p>\n\n    <script>\n    (function() {\n        const wrapper = document.querySelector('.gh-benchmark-v12');\n        if(!wrapper || wrapper.dataset.init) return;\n        wrapper.dataset.init = 'true';\n\n        let benInterval;\n        let isBenAuto = true;\n        let isBenInit = false;\n        const bmModes = ['wall', 'tessuti', 'green'];\n        let currBmIdx = 0;\n\n        const title = document.getElementById('ghBenTitle');\n        const desc = document.getElementById('ghBenDesc');\n        const score = document.getElementById('ghTotalScore');\n\n        const barFocus = document.getElementById('bar-focus');\n        const barBio = document.getElementById('bar-bio');\n        const barStress = document.getElementById('bar-stress');\n        const btns = wrapper.querySelectorAll('.js-bm-btn');\n\n        window.setBenchmark = function(mode, btnElement, isAuto = false) {\n            \n            if(!isAuto) {\n                isBenAuto = false;\n                if(benInterval) clearInterval(benInterval);\n            }\n\n            wrapper.classList.remove('mode-wall', 'mode-tessuti', 'mode-green');\n            wrapper.classList.add('mode-' + mode);\n\n            btns.forEach(b => {\n                b.classList.remove('active');\n                b.setAttribute('aria-selected', 'false');\n            });\n            \n            if(btnElement) {\n                btnElement.classList.add('active');\n                btnElement.setAttribute('aria-selected', 'true');\n            } else {\n                const idx = bmModes.indexOf(mode);\n                const targetBtn = btns[idx];\n                if(targetBtn) {\n                    targetBtn.classList.add('active');\n                    targetBtn.setAttribute('aria-selected', 'true');\n                }\n            }\n\n            if (mode === 'wall') {\n                barFocus.style.height = \"5%\";\n                barBio.style.height = \"2%\";\n                barStress.style.height = \"2%\";\n                \n                title.innerText = \"CONCRETE AND MASONRY\";\n                title.style.color = \"#1A3C34\";\n                desc.innerText = \"Inert environment. No natural stimuli, high reverberation, no reduction in perceived stress.\";\n                score.innerText = \"3%\";\n\n            } else if (mode === 'tessuti') {\n                barFocus.style.height = \"15%\";  \n                barBio.style.height = \"5%\";     \n                barStress.style.height = \"10%\"; \n                \n                title.innerText = \"CURTAINS AND FABRICS\";\n                title.style.color = \"#546E7A\";\n                desc.innerText = \"Synthetic solution. Slightly improves acoustics but does not activate the brain's biophilic response in any way.\";\n                score.innerText = \"12%\";\n\n            } else if (mode === 'green') {\n                barFocus.style.height = \"95%\";\n                barBio.style.height = \"100%\";\n                barStress.style.height = \"100%\";\n                \n                title.innerText = \"GREEN HABITAT MOSS\";\n                desc.innerText = \"Regenerative ecosystem in pure Moss\/Lichen. Maximizes focus, reduces cortisol, and reconnects humans to nature.\";\n                \n                let s = 12;\n                const scoreTimer = setInterval(() => {\n                    s += 6;\n                    if(s > 98) { s = 100; clearInterval(scoreTimer); }\n                    score.innerText = s + \"%\";\n                }, 30);\n            }\n        };\n\n        btns.forEach(btn => {\n            btn.addEventListener('click', function(e) {\n                e.preventDefault();\n                window.setBenchmark(this.getAttribute('data-mode'), this, false);\n            });\n        });\n\n        function cycleBenchmark() {\n            if(!isBenAuto) return;\n            currBmIdx = (currBmIdx + 1) % 3;\n            window.setBenchmark(bmModes[currBmIdx], null, true);\n        }\n\n        const observer = new IntersectionObserver((entries) => {\n            if(entries[0].isIntersecting) {\n                if(!isBenInit) {\n                    isBenInit = true;\n                    window.setBenchmark('wall', null, true);\n                    benInterval = setInterval(cycleBenchmark, 5000);\n                }\n                observer.disconnect();\n            }\n        }, { threshold: 0.5 });\n        \n        observer.observe(wrapper);\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-e4b69be elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e4b69be\" 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-b20c275\" data-id=\"b20c275\" 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-98d5055 elementor-widget elementor-widget-html\" data-id=\"98d5055\" 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-smart-install-section\" aria-labelledby=\"gh-si-main-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-smart-install-section {\n            display: flex; flex-wrap: wrap; gap: 60px; justify-content: space-between;\n            width: 100%; max-width: 1300px; margin: 30px auto; \n            font-family: 'Montserrat', sans-serif; padding: 0 20px; box-sizing: border-box;\n            align-items: flex-start; \n        }\n\n        .gh-si-video-col {\n            flex: 0 0 clamp(340px, 48vh, 550px); position: sticky; top: 40px; \n        }\n\n        .gh-si-video-frame {\n            width: 100%; aspect-ratio: 9 \/ 16; max-height: 82vh; \n            border-radius: 12px; overflow: hidden;\n            box-shadow: 0 25px 60px rgba(0,0,0,0.25); background: #000; position: relative;\n            background-image: url(''); \n            background-size: cover; background-position: center;\n        }\n        .gh-si-video-frame video { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 1 !important; visibility: visible !important;}\n\n        .gh-video-badge {\n            position: absolute; top: 20px; left: 20px; background: rgba(0,0,0,0.7);\n            color: #fff; font-size: 11px; font-weight: 800; padding: 8px 14px;\n            border-radius: 6px; backdrop-filter: blur(5px); letter-spacing: 1px;\n            display: flex; align-items: center; gap: 8px; z-index: 2;\n            text-transform: uppercase; border: 1px solid rgba(255,255,255,0.15);\n        }\n        .gh-video-badge::before {\n            content: ''; width: 8px; height: 8px; background: #FF4B4B; border-radius: 50%;\n            animation: gh-rec-pulse 1.5s infinite;\n        }\n        @keyframes gh-rec-pulse { \n            0% { opacity: 1; box-shadow: 0 0 0 0 rgba(255,75,75,0.7); } \n            50% { opacity: 0.5; box-shadow: 0 0 0 6px rgba(255,75,75,0); } \n            100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255,75,75,0); } \n        }\n\n        .gh-si-text-col { flex: 1; display: flex; flex-direction: column; min-width: 320px; padding-top: 10px; }\n\n        .gh-si-header { text-align: center; margin-bottom: 40px; }\n        .gh-si-title { font-size: clamp(28px, 4vw, 36px); font-weight: 900; color: #1A3C34; margin: 0 0 8px 0; letter-spacing: -0.5px; text-transform: uppercase; }\n        .gh-si-subtitle { font-size: 14px; font-weight: 700; color: #C8A165; display: block; letter-spacing: 0.5px; text-transform: uppercase; }\n\n        .gh-si-accordion { display: flex; flex-direction: column; gap: 0; }\n        .gh-si-details { border-bottom: 1px solid #eaeaea; padding: 25px 0; }\n        .gh-si-details:first-child { border-top: 1px solid #eaeaea; }\n\n        .gh-si-summary {\n            display: grid; grid-template-columns: 180px 1fr; gap: 20px;\n            list-style: none; cursor: pointer; outline: none; align-items: flex-start;\n        }\n        .gh-si-summary::-webkit-details-marker { display: none; }\n\n        .gh-si-sum-left { display: flex; flex-direction: column; gap: 12px; }\n        .gh-si-label { font-size: 11px; font-weight: 700; color: #999; text-transform: uppercase; letter-spacing: 1px; }\n        .gh-si-plus-box {\n            border: 1px solid #f0f0f0; border-radius: 4px; height: 50px; display: flex; justify-content: center; align-items: center;\n            background: #fafafa; transition: all 0.3s ease;\n        }\n        .gh-si-plus-icon { width: 14px; height: 14px; position: relative; color: #999; transition: transform 0.3s ease; }\n        .gh-si-plus-icon::before, .gh-si-plus-icon::after { content: ''; position: absolute; background-color: currentColor; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; }\n        .gh-si-plus-icon::before { width: 14px; height: 2px; }\n        .gh-si-plus-icon::after { width: 2px; height: 14px; }\n\n        .gh-si-summary:hover .gh-si-plus-box { border-color: #C8A165; color: #C8A165; background: #fff; }\n        .gh-si-details[open] .gh-si-plus-box { border-color: #1A3C34; color: #1A3C34; background: #fff; }\n        .gh-si-details[open] .gh-si-plus-icon::after { transform: translate(-50%, -50%) rotate(90deg); }\n\n        .gh-si-sum-right { text-align: right; display: flex; flex-direction: column; justify-content: flex-start; }\n        .gh-si-item-title { font-size: 17px; font-weight: 800; color: #111; margin: 0 0 15px 0; text-transform: uppercase; line-height: 1.2; }\n        \n        .gh-si-bullets { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; align-items: flex-end; }\n        .gh-si-bullets li { font-size: 13.5px; font-weight: 700; color: #777; display: flex; align-items: center; gap: 8px; flex-direction: row-reverse; }\n        .gh-si-bullets li::after { content: ''; width: 5px; height: 5px; background-color: #777; border-radius: 50%; display: inline-block; flex-shrink: 0; margin-top: 1px;}\n        \n        .gh-si-bullets li.gh-gold { color: #C8A165; }\n        .gh-si-bullets li.gh-gold::after { background-color: #C8A165; }\n\n        .gh-si-content {\n            grid-column: 2; padding-top: 20px; font-size: 14.5px; line-height: 1.6; color: #555; font-weight: 500;\n            text-align: right; animation: fadeDownGH 0.4s ease-out;\n        }\n        .gh-si-content strong { color: #1A3C34; font-weight: 700; }\n        @keyframes fadeDownGH { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }\n\n        @media (max-width: 992px) {\n            .gh-smart-install-section { flex-direction: column; gap: 40px; margin: 20px auto; }\n            .gh-si-video-col { width: 100%; max-width: 450px; margin: 0 auto; position: static; flex: auto; }\n            .gh-si-summary { grid-template-columns: 1fr; gap: 15px; }\n            .gh-si-sum-left { flex-direction: row; align-items: center; justify-content: space-between; }\n            .gh-si-plus-box { width: 50px; height: 40px; }\n            .gh-si-sum-right { text-align: left; align-items: flex-start; }\n            .gh-si-bullets { align-items: flex-start; }\n            .gh-si-bullets li { flex-direction: row; text-align: left;}\n            .gh-si-bullets li::after { display: none; }\n            .gh-si-bullets li::before { content: ''; width: 5px; height: 5px; background-color: currentColor; border-radius: 50%; display: inline-block; flex-shrink: 0; margin-top: 1px;}\n            .gh-si-content { grid-column: 1; text-align: left; }\n        }\n    <\/style>\n\n    <div class=\"gh-si-video-col\">\n        <div class=\"gh-si-video-frame\" id=\"gh-pieri-moss-video-container\">\n            <div class=\"gh-video-badge\">PRESERVED MOSS WALL WORKSITE<\/div>\n        <\/div>\n    <\/div>\n\n    <article class=\"gh-si-text-col\">\n        <header class=\"gh-si-header\">\n            <h2 id=\"gh-si-main-title\" class=\"gh-si-title\">SMART INSTALL MOSS SYSTEM<\/h2>\n            <p class=\"gh-si-subtitle\">Green Habitat\u00ae proprietary technology<\/p>\n        <\/header>\n\n        <div class=\"gh-si-accordion\">\n            <details class=\"gh-si-details\" name=\"gh-smart-accordion\" open>\n                <summary class=\"gh-si-summary\">\n                    <div class=\"gh-si-sum-left\">\n                        <span class=\"gh-si-label\">PRODUCTION AND LOGISTICS:<\/span>\n                        <div class=\"gh-si-plus-box\"><div class=\"gh-si-plus-icon\"><\/div><\/div>\n                    <\/div>\n                    <div class=\"gh-si-sum-right\">\n                        <h3 class=\"gh-si-item-title\">LARGE SCALE PRODUCTION CAPACITY.<\/h3>\n                        <ul class=\"gh-si-bullets\">\n                            <li class=\"gh-gold\">\"Single Batch\" Moss Processing<\/li>\n                            <li>Material Stock Ready for Delivery<\/li>\n                            <li>Technical Packaging and European Shipping<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/summary>\n                <div class=\"gh-si-content\">\n                    <strong>The secret of perfect homogeneity:<\/strong> Our enormous industrial capacity allows us to mix the entire supply of preserved moss (Nordic lichen) in a single <em>\"Single Batch\"<\/em>. The installation is then carried out by a single artisan hand, guaranteeing absolute visual fluidity even on monumental moss walls and avoiding the classic \"checkerboard effect\".\n                <\/div>\n            <\/details>\n\n            <details class=\"gh-si-details\" name=\"gh-smart-accordion\">\n                <summary class=\"gh-si-summary\">\n                    <div class=\"gh-si-sum-left\">\n                        <span class=\"gh-si-label\">CUSTOMIZATION:<\/span>\n                        <div class=\"gh-si-plus-box\"><div class=\"gh-si-plus-icon\"><\/div><\/div>\n                    <\/div>\n                    <div class=\"gh-si-sum-right\">\n                        <h3 class=\"gh-si-item-title\">CUSTOM DESIGN AND CNC CUTTING.<\/h3>\n                        <ul class=\"gh-si-bullets\">\n                            <li class=\"gh-gold\">Nomad Logo (Unscrewable, Reusable Wall)<\/li>\n                            <li>Millimetric custom shaping<\/li>\n                            <li>Customizable textures<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/summary>\n                <div class=\"gh-si-content\">\n                    <strong>Protection of your Investment:<\/strong> We faithfully reproduce your brand by placing it as an independent overlay on the moss plant wall. In case of an exhibition, you can unscrew it and take it with you. In the event of a corporate relocation, the underlying moss panels will be perfect and reusable elsewhere.\n                <\/div>\n            <\/details>\n\n            <details class=\"gh-si-details\" name=\"gh-smart-accordion\">\n                <summary class=\"gh-si-summary\">\n                    <div class=\"gh-si-sum-left\">\n                        <span class=\"gh-si-label\">INSTALLATION:<\/span>\n                        <div class=\"gh-si-plus-box\"><div class=\"gh-si-plus-icon\"><\/div><\/div>\n                    <\/div>\n                    <div class=\"gh-si-sum-right\">\n                        <h3 class=\"gh-si-item-title\">DRY MECHANICAL SYSTEM (DRY TECH).<\/h3>\n                        <ul class=\"gh-si-bullets\">\n                            <li class=\"gh-gold\">Clean and night-time worksite (Zero downtime installation)<\/li>\n                            <li>Fast nail\/screw fastening (No Glues)<\/li>\n                            <li>Free engineering supervision<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/summary>\n                <div class=\"gh-si-content\">\n                    <strong>Installation without business disruption:<\/strong> The <em>Dry Tech<\/em> system is a totally dry installation (screws on plasterboard or nails on the wall). Zero glue, zero drying times, zero dust on the ground. This allows us to perform large-scale Moss Wall assemblies even at night: the staff will leave the office in the evening and the next morning will find a completely regenerated ecosystem.\n                <\/div>\n            <\/details>\n\n            <details class=\"gh-si-details\" name=\"gh-smart-accordion\">\n                <summary class=\"gh-si-summary\">\n                    <div class=\"gh-si-sum-left\">\n                        <span class=\"gh-si-label\">MAINTENANCE:<\/span>\n                        <div class=\"gh-si-plus-box\"><div class=\"gh-si-plus-icon\"><\/div><\/div>\n                    <\/div>\n                    <div class=\"gh-si-sum-right\">\n                        <h3 class=\"gh-si-item-title\">ZERO OPERATING COSTS (OPEX).<\/h3>\n                        <ul class=\"gh-si-bullets\">\n                            <li class=\"gh-gold\">No Water, No Light, Maintenance-free<\/li>\n                            <li>100% Natural and Biodegradable<\/li>\n                            <li>Antistatic: does not attract dust<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/summary>\n                <div class=\"gh-si-content\">\n                    <strong>No management expenses:<\/strong> Unlike walls with living plants (which require water pumps, sunlight, and gardening contracts), our preserved moss naturally absorbs moisture from the air, remaining vital. The antistatic treatment repels dust, totally eliminating post-sales maintenance costs.\n                <\/div>\n            <\/details>\n\n            <details class=\"gh-si-details\" name=\"gh-smart-accordion\">\n                <summary class=\"gh-si-summary\">\n                    <div class=\"gh-si-sum-left\">\n                        <span class=\"gh-si-label\">PRODUCTIVITY:<\/span>\n                        <div class=\"gh-si-plus-box\"><div class=\"gh-si-plus-icon\"><\/div><\/div>\n                    <\/div>\n                    <div class=\"gh-si-sum-right\">\n                        <h3 class=\"gh-si-item-title\">\"DAY 1\" READY EFFECT.<\/h3>\n                        <ul class=\"gh-si-bullets\">\n                            <li class=\"gh-gold\">Guaranteed Yield: at least 25 SQM\/day<\/li>\n                            <li>Total agility (Use on aerial work platform)<\/li>\n                            <li>Plug & Play Architectural Approach<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/summary>\n                <div class=\"gh-si-content\">\n                    <strong>Unmatched speed:<\/strong> We guarantee a base worksite yield of at least 25 square meters per day per single operator. As demonstrated by the monumental 3-story wall in the Pieri Group video, two operators on an aerial work platform can complete a maxi installation in a single working day.\n                <\/div>\n            <\/details>\n        <\/div>\n    <\/article>\n\n<\/section>\n\n<script data-cfasync=\"false\" data-no-optimize=\"1\">\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const detailsElements = document.querySelectorAll(\".gh-si-details\");\n        detailsElements.forEach(targetDetail => {\n            targetDetail.addEventListener(\"click\", () => {\n                detailsElements.forEach(detail => {\n                    if (detail !== targetDetail && detail.hasAttribute('open')) {\n                        detail.removeAttribute(\"open\");\n                    }\n                });\n            });\n        });\n\n        var videoContainer = document.getElementById('gh-pieri-moss-video-container');\n        if ('IntersectionObserver' in window && videoContainer) {\n            var videoObserver = new IntersectionObserver(function(entries, observer) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        videoContainer.innerHTML += '<video class=\"skip-lazy no-lazy\" data-cookieconsent=\"ignore\" data-no-lazy=\"1\" data-skip-lazy=\"1\" autoplay loop muted playsinline aria-label=\"Time-lapse of the rapid dry mechanical installation of a preserved moss wall on 3 floors at Pieri Group\"><source data-cookieconsent=\"ignore\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/VIDEO-PIERI.mp4\" type=\"video\/mp4\"><\/video>';\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, { rootMargin: \"200px 0px\" }); \n            \n            videoObserver.observe(videoContainer);\n        }\n    });\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"HowTo\",\n      \"name\": \"Smart Install System: Dry Installation (Dry Tech) of Preserved Moss Walls\",\n      \"description\": \"How to manage complex architectural worksites without business disruption. The Green Habitat system guarantees a clean and night-time mechanical assembly for moss walls.\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Phase 1: Single Batch Preparation\",\n          \"text\": \"We pre-mix the entire supply into a single Single Batch to guarantee absolute aesthetic and chromatic homogeneity, eliminating the checkerboard effect typical of fake mosses.\"\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Phase 2: Dry Mechanical Fastening\",\n          \"text\": \"The moss panels are fixed to the wall using screws or nails. The guaranteed base yield is at least 25 sqm per day per operator.\"\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Phase 3: Logo Engineering (Optional)\",\n          \"text\": \"The logos are installed as an independent overlay. They can be unscrewed in case of a trade fair or corporate relocation, safeguarding 100% of the investment on the underlying Moss panels.\"\n        }\n      ]\n    },\n    {\n      \"@type\": \"VideoObject\",\n      \"name\": \"Time-Lapse Monumental Moss Wall Installation\",\n      \"description\": \"Pieri Group Case Study: rapid dry installation of a preserved moss wall on 3 floors. Completion in a single working day by two operators on an aerial work platform.\",\n      \"thumbnailUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/pannello-muschio-stabilizzato-moss-wall-75x75-1.jpg\",\n      \"contentUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/VIDEO-PIERI.mp4\",\n      \"uploadDate\": \"2026-03-09T08: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-192e0cb elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"192e0cb\" 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-4da1e6f\" data-id=\"4da1e6f\" 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-62a6b69 elementor-widget elementor-widget-html\" data-id=\"62a6b69\" 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-yt-proof-section\" aria-labelledby=\"gh-yt-proof-title\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;700;800;900&display=swap');\n\n        .gh-yt-proof-wrapper {\n            width: 100%; max-width: 1250px; margin: 0 auto 80px auto;\n            padding: 0 20px; box-sizing: border-box; font-family: 'Montserrat', sans-serif;\n        }\n\n        .gh-yt-box {\n            position: relative; border-radius: 16px; overflow: hidden;\n            box-shadow: 0 20px 50px rgba(26,60,52,0.4); border: 1px solid rgba(200,161,101,0.3);\n            display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;\n            padding: 60px 50px; gap: 40px;\n            background-image: url('https:\/\/img.youtube.com\/vi\/_ZI9LKN6Xaw\/maxresdefault.jpg');\n            background-size: cover; background-position: center; background-repeat: no-repeat;\n        }\n\n        .gh-yt-overlay {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(135deg, rgba(11,28,22,0.95) 0%, rgba(26,60,52,0.85) 100%);\n            z-index: 1;\n        }\n\n        .gh-yt-text-content { position: relative; z-index: 2; flex: 1; min-width: 300px; max-width: 650px; }\n        \n        .gh-yt-eyebrow {\n            color: #C8A165; font-size: 12px; font-weight: 800; text-transform: uppercase;\n            letter-spacing: 2px; margin-bottom: 15px; display: flex; align-items: center; gap: 8px;\n        }\n        \n        .gh-yt-rec {\n            width: 10px; height: 10px; background-color: #FF4B4B; border-radius: 50%;\n            display: inline-block; animation: ghRecPulseYt 1.5s infinite;\n        }\n        @keyframes ghRecPulseYt { 0% { box-shadow: 0 0 0 0 rgba(255,75,75,0.7); } 70% { box-shadow: 0 0 0 6px rgba(255,75,75,0); } 100% { box-shadow: 0 0 0 0 rgba(255,75,75,0); } }\n\n        .gh-yt-title {\n            color: #ffffff; font-size: clamp(28px, 4vw, 42px); font-weight: 900;\n            line-height: 1.1; margin: 0 0 15px 0; letter-spacing: -1px; text-shadow: 0 4px 10px rgba(0,0,0,0.5);\n        }\n        \n        .gh-yt-desc {\n            color: #e0ece6; font-size: 16px; font-weight: 500; line-height: 1.6; margin: 0;\n            text-shadow: 0 2px 5px rgba(0,0,0,0.5);\n        }\n        .gh-yt-desc strong { color: #ffffff; font-weight: 800; }\n\n        .gh-yt-views {\n            display: inline-flex; align-items: center; gap: 8px; margin-top: 20px;\n            background: rgba(0,0,0,0.5); padding: 8px 16px; border-radius: 50px;\n            border: 1px solid rgba(255,255,255,0.1); color: #fff; font-size: 12px; font-weight: 700;\n            letter-spacing: 0.5px;\n        }\n        .gh-yt-views svg { width: 16px; height: 16px; fill: #C8A165; }\n\n        .gh-yt-btn-col { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; }\n        \n        .gh-btn-play-video {\n            background-color: #C8A165; color: #111; border: none; border-radius: 50px;\n            padding: 20px 40px 20px 30px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 900;\n            text-transform: uppercase; letter-spacing: 1px; cursor: pointer;\n            display: flex; align-items: center; gap: 15px; transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(200,161,101,0.5); outline: none;\n        }\n        .gh-btn-play-video:hover, .gh-btn-play-video:focus-visible {\n            transform: scale(1.05); background-color: #dcb87d; box-shadow: 0 15px 40px rgba(200,161,101,0.7);\n        }\n        .gh-btn-icon-wrapper {\n            width: 40px; height: 40px; background: #111; border-radius: 50%;\n            display: flex; justify-content: center; align-items: center;\n        }\n        .gh-btn-icon-wrapper svg { width: 18px; height: 18px; fill: #C8A165; margin-left: 3px; }\n\n        .gh-modal-overlay {\n            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n            background: rgba(0,0,0,0.95); z-index: 999999;\n            display: flex; justify-content: center; align-items: center;\n            opacity: 0; visibility: hidden; transition: opacity 0.3s ease;\n            backdrop-filter: blur(15px);\n        }\n        .gh-modal-overlay.gh-active { opacity: 1; visibility: visible; }\n\n        .gh-modal-frame {\n            width: 95%; max-width: 1100px; aspect-ratio: 16 \/ 9; background: #000;\n            border-radius: 12px; overflow: hidden; position: relative;\n            box-shadow: 0 25px 80px rgba(0,0,0,0.9); border: 1px solid rgba(255,255,255,0.15);\n            transform: scale(0.95); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n        .gh-modal-overlay.gh-active .gh-modal-frame { transform: scale(1); }\n\n        .gh-modal-close-btn {\n            position: absolute; top: -50px; right: 0; color: #fff; font-family: sans-serif;\n            font-size: 40px; font-weight: 300; cursor: pointer; line-height: 1; opacity: 0.6; transition: all 0.3s;\n            background: transparent; border: none; outline: none; padding: 0;\n        }\n        .gh-modal-close-btn:hover, .gh-modal-close-btn:focus-visible { opacity: 1; color: #C8A165; transform: scale(1.1); }\n\n        .gh-modal-frame iframe { width: 100%; height: 100%; border: none; display: block; }\n\n        @media (max-width: 992px) {\n            .gh-yt-box { flex-direction: column; text-align: center; padding: 40px 20px; gap: 30px; }\n            .gh-yt-eyebrow { justify-content: center; }\n            .gh-yt-title { font-size: 28px; }\n            .gh-btn-play-video { padding: 15px 30px 15px 20px; font-size: 14px; }\n            .gh-modal-close-btn { top: -45px; right: 5px; font-size: 35px; }\n        }\n    <\/style>\n\n    <div class=\"gh-yt-proof-wrapper\">\n        <div class=\"gh-yt-box\">\n            <div class=\"gh-yt-overlay\"><\/div>\n            \n            <div class=\"gh-yt-text-content\">\n                <span class=\"gh-yt-eyebrow\" aria-hidden=\"true\"><span class=\"gh-yt-rec\"><\/span> UNEDITED MOSS SITE TIMELAPSE<\/span>\n                <h2 id=\"gh-yt-proof-title\" class=\"gh-yt-title\">2.18 Sqm installed in exactly 7 minutes.<\/h2>\n                <p class=\"gh-yt-desc\">No theories, just site efficiency. Watch the full video (uncut) of a single operator installing preserved moss walls covering <strong>over 2 square meters completely autonomously in just 7 minutes<\/strong>.<\/p>\n                \n                <div class=\"gh-yt-views\" aria-label=\"Over 22 thousand views on YouTube\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\/><\/svg>\n                    Already analyzed by 22,000+ professionals\n                <\/div>\n            <\/div>\n            \n            <div class=\"gh-yt-btn-col\">\n                <button class=\"gh-btn-play-video\" id=\"ghOpenYtModal\" aria-label=\"Open the Youtube video of the moss installation\">\n                    <span class=\"gh-btn-icon-wrapper\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\" focusable=\"false\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                    <\/span>\n                    WATCH THE REAL TEST\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"gh-modal-overlay\" id=\"ghYtModalOverlay\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"YouTube Video Player\">\n        <div class=\"gh-modal-frame\">\n            <button class=\"gh-modal-close-btn\" id=\"ghCloseYtModal\" aria-label=\"Close video\">&times;<\/button>\n            <iframe id=\"ghYtIframe\" title=\"Preserved moss wall installation video\" src=\"\" data-src=\"https:\/\/www.youtube-nocookie.com\/embed\/_ZI9LKN6Xaw?rel=0&autoplay=1&enablejsapi=1&modestbranding=1\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n        <\/div>\n    <\/div>\n\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"VideoObject\",\n      \"name\": \"Dry Installation Test: Preserved Moss Wall (Moss Wall) in 7 Minutes\",\n      \"description\": \"Real site demonstration: installation of 2.18 sqm of Green Habitat preserved moss (Nordic lichen) wall in just 7 minutes. A single operator completely autonomously shows the techniques of dry installation, trimming, and joining without visible seams, with the aim of reducing labor costs.\",\n      \"thumbnailUrl\": \"https:\/\/img.youtube.com\/vi\/_ZI9LKN6Xaw\/maxresdefault.jpg\",\n      \"uploadDate\": \"2023-01-01T08:00:00+01:00\",\n      \"contentUrl\": \"https:\/\/www.youtube.com\/watch?v=_ZI9LKN6Xaw\",\n      \"embedUrl\": \"https:\/\/www.youtube-nocookie.com\/embed\/_ZI9LKN6Xaw\",\n      \"interactionStatistic\": {\n        \"@type\": \"InteractionCounter\",\n        \"interactionType\": { \"@type\": \"WatchAction\" },\n        \"userInteractionCount\": 22000\n      },\n      \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Green Habitat\"\n      }\n    }\n    <\/script>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const btnOpen = document.getElementById('ghOpenYtModal');\n            const btnClose = document.getElementById('ghCloseYtModal');\n            const modal = document.getElementById('ghYtModalOverlay');\n            const iframe = document.getElementById('ghYtIframe');\n\n            if(btnOpen && modal && iframe) {\n                btnOpen.addEventListener('click', () => {\n                    iframe.src = iframe.getAttribute('data-src');\n                    modal.classList.add('gh-active');\n                    modal.setAttribute('aria-hidden', 'false');\n                    document.body.style.overflow = 'hidden'; \n                });\n\n                const closeModal = () => {\n                    modal.classList.remove('gh-active');\n                    modal.setAttribute('aria-hidden', 'true');\n                    document.body.style.overflow = '';\n                    iframe.src = ''; \n                };\n\n                btnClose.addEventListener('click', closeModal);\n                \n                modal.addEventListener('click', (e) => {\n                    if(e.target === modal) closeModal();\n                });\n\n                document.addEventListener('keydown', (e) => {\n                    if(e.key === 'Escape' && modal.classList.contains('gh-active')) {\n                        closeModal();\n                    }\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-5b78a51 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5b78a51\" 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-556ec08\" data-id=\"556ec08\" 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-7ae93f0 elementor-widget elementor-widget-html\" data-id=\"7ae93f0\" 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=Inter:wght@400;500;600;700;800;900&display=swap');\n\n    #gh-fullwidth-palette {\n        display: block !important;\n        width: 100% !important;\n        background-color: #ffffff !important;\n        padding: 120px 0 100px 0 !important;\n        font-family: 'Inter', sans-serif !important;\n        border-top: 1px solid #e5e7eb !important;\n        overflow: hidden !important;\n    }\n\n    #gh-fullwidth-palette * { box-sizing: border-box !important; }\n\n    .gh-fwp-container {\n        width: 100% !important;\n        max-width: 1600px !important;\n        margin: 0 auto !important;\n        padding: 0 5% !important;\n    }\n\n    .gh-fwp-header {\n        display: flex !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        margin-bottom: 60px !important;\n        gap: 60px !important;\n    }\n\n    .gh-fwp-text { width: 45% !important; }\n\n    .gh-fwp-badge {\n        font-size: 0.8rem !important;\n        font-weight: 800 !important;\n        color: #b59a5a !important; \n        text-transform: uppercase !important;\n        letter-spacing: 3px !important;\n        margin-bottom: 20px !important;\n        display: inline-block !important;\n        border-bottom: 2px solid #b59a5a !important;\n        padding-bottom: 5px !important;\n    }\n\n    .gh-fwp-text h2 {\n        font-size: clamp(38px, 4vw, 60px) !important;\n        font-weight: 900 !important;\n        color: #111827 !important;\n        margin: 0 0 25px 0 !important;\n        line-height: 1.05 !important;\n        letter-spacing: -1.5px !important;\n    }\n\n    .gh-fwp-text p {\n        font-size: 1.15rem !important;\n        font-weight: 500 !important;\n        color: #4b5563 !important;\n        line-height: 1.6 !important;\n        margin: 0 0 20px 0 !important;\n    }\n\n    .gh-fwp-img { width: 55% !important; }\n\n    .gh-fwp-img img {\n        width: 100% !important;\n        height: 400px !important;\n        object-fit: cover !important;\n        border-radius: 0 !important;\n        box-shadow: 0 25px 50px rgba(17, 24, 39, 0.08) !important;\n        border: 1px solid #e5e7eb !important;\n        pointer-events: none !important;\n    }\n\n    .gh-fwp-controls {\n        display: flex !important;\n        justify-content: space-between !important;\n        align-items: flex-end !important;\n        margin-bottom: 30px !important;\n    }\n\n    .gh-fwp-controls h3 {\n        font-size: 1.2rem !important;\n        font-weight: 800 !important;\n        color: #111827 !important;\n        margin: 0 !important;\n        text-transform: uppercase !important;\n        letter-spacing: 1px !important;\n    }\n\n    .gh-fwp-arrows {\n        display: flex !important;\n        gap: 12px !important;\n    }\n\n    .gh-fwp-arrow {\n        width: 50px !important;\n        height: 50px !important;\n        background: #111827 !important;\n        color: #ffffff !important;\n        border: none !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        cursor: pointer !important;\n        transition: all 0.3s ease !important;\n        border-radius: 0 !important;\n    }\n\n    .gh-fwp-arrow:hover, .gh-fwp-arrow:focus-visible {\n        background: #b59a5a !important; \n        transform: translateY(-3px) !important;\n        outline: none;\n    }\n\n    .gh-fwp-track-wrapper {\n        width: 100% !important;\n        position: relative !important;\n    }\n\n    .gh-fwp-track {\n        display: flex !important;\n        gap: 1.5vw !important; \n        overflow-x: auto !important;\n        scroll-snap-type: x mandatory !important;\n        scroll-behavior: smooth !important;\n        -webkit-overflow-scrolling: touch !important;\n        padding-bottom: 40px !important;\n        padding-left: 5% !important; \n        padding-right: 5% !important; \n        scrollbar-width: none !important; \n        cursor: grab !important;\n    }\n\n    .gh-fwp-track.gh-dragging {\n        cursor: grabbing !important;\n        scroll-snap-type: none !important;\n        scroll-behavior: auto !important;\n    }\n\n    .gh-fwp-track::-webkit-scrollbar { display: none !important; }\n\n    .gh-fwp-slide {\n        flex: 0 0 calc(15.5vw - 1.5vw) !important; \n        flex-shrink: 0 !important; \n        scroll-snap-align: start !important;\n        background: #ffffff !important;\n        border: 1px solid #e5e7eb !important;\n        display: flex !important;\n        flex-direction: column !important;\n        transition: transform 0.4s ease, box-shadow 0.4s ease !important;\n        user-select: none !important;\n    }\n\n    .gh-fwp-track:not(.gh-dragging) .gh-fwp-slide:hover {\n        transform: translateY(-10px) !important;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;\n    }\n\n    .gh-fwp-img-box {\n        width: 100% !important;\n        aspect-ratio: 1 \/ 1 !important; \n        overflow: hidden !important;\n        border-bottom: 1px solid #e5e7eb !important;\n        pointer-events: none !important;\n        background: #f9fafb !important;\n    }\n\n    .gh-fwp-img-box img {\n        width: 100% !important;\n        height: 100% !important;\n        object-fit: cover !important; \n        transition: transform 0.8s ease !important;\n    }\n\n    .gh-fwp-track:not(.gh-dragging) .gh-fwp-slide:hover .gh-fwp-img-box img {\n        transform: scale(1.08) !important; \n    }\n\n    .gh-fwp-label-box {\n        padding: 15px 15px !important; \n        display: flex !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        background: #ffffff !important;\n    }\n\n    .gh-fwp-label-name {\n        font-size: 0.85rem !important; \n        font-weight: 800 !important;\n        color: #111827 !important;\n        text-transform: uppercase !important;\n        letter-spacing: 1px !important;\n        margin: 0 !important;\n    }\n\n    .gh-fwp-label-dot {\n        width: 12px !important;\n        height: 12px !important;\n        border-radius: 50% !important;\n        border: 1px solid #d1d5db !important;\n    }\n\n    @media (max-width: 1200px) {\n        .gh-fwp-text h2 { font-size: 3.2rem !important; }\n        .gh-fwp-slide { flex: 0 0 calc(22.5vw - 1.5vw) !important; } \n    }\n    @media (max-width: 1024px) {\n        .gh-fwp-header { flex-direction: column !important; gap: 40px !important; }\n        .gh-fwp-text, .gh-fwp-img { width: 100% !important; }\n        .gh-fwp-slide { flex: 0 0 calc(30vw - 1.5vw) !important; } \n    }\n    @media (max-width: 768px) {\n        #gh-fullwidth-palette { padding: 80px 0 !important; }\n        .gh-fwp-text h2 { font-size: 2.6rem !important; letter-spacing: -1px !important; }\n        .gh-fwp-controls { flex-direction: column; align-items: flex-start !important; gap: 20px; }\n        .gh-fwp-slide { flex: 0 0 calc(45vw - 1vw) !important; } \n        .gh-fwp-label-name { font-size: 0.8rem !important; }\n    }\n<\/style>\n\n<div class=\"gh-fwp-container\">\n    <div class=\"gh-fwp-header\">\n        <div class=\"gh-fwp-text\">\n            <div class=\"gh-fwp-badge\" aria-hidden=\"true\">BIOPHILIC PALETTE<\/div>\n            <h2 id=\"gh-palette-heading\">Real matter, pulsing color.<\/h2>\n            <p>We transform your Corporate Identity into a tactile experience. Working with pure organic biomass, here are some of our colors that offer a visual depth impossible to replicate with industrial paints.<\/p>\n            <p>Every single tuft of moss absorbs the pigment naturally, creating interplays of shadows, lights, and nuances that make the installation vibrant, three-dimensional, and alive.<\/p>\n        <\/div>\n        <div class=\"gh-fwp-img\" aria-hidden=\"true\">\n            <img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/composizione-lichene-stabilizzato-manifattura-loghi.jpg\" alt=\"Green Habitat Logos Preserved Moss Laboratory\" draggable=\"false\" loading=\"lazy\">\n        <\/div>\n    <\/div>\n\n    <div class=\"gh-fwp-controls\">\n        <h3 aria-hidden=\"true\">Color Swatches<\/h3>\n        <div class=\"gh-fwp-arrows\">\n            <button class=\"gh-fwp-arrow\" id=\"gh-fw-prev\" aria-label=\"Scroll to previous colors\">\n                <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" focusable=\"false\" aria-hidden=\"true\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n            <\/button>\n            <button class=\"gh-fwp-arrow\" id=\"gh-fw-next\" aria-label=\"Scroll to next colors\">\n                <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" focusable=\"false\" aria-hidden=\"true\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"gh-fwp-track-wrapper\">\n    <div class=\"gh-fwp-track\" id=\"gh-fw-track\" role=\"region\" aria-label=\"Available colors carousel\">\n        \n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"Light Green Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-verde-chiaro.jpg\" alt=\"Light Green Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">Light Green<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #8CC63F;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"Intense Green Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-verde-intenso.jpg\" alt=\"Intense Green Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">Intense Green<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #4CAF50;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"Dark Green Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-verde-scuro.jpg\" alt=\"Dark Green Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">Dark Green<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #1B5E20;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"White Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-bianco.jpg\" alt=\"White Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">White<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #F5F5F5;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"Black Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-nero.jpg\" alt=\"Black Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">Black<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #212121;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"Blue Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-blu.jpg\" alt=\"Blue Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">Blue<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #0D47A1;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"Light Blue Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-azzurro.jpg\" alt=\"Light Blue Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">Light Blue<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #03A9F4;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"Red Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-rosso.jpg\" alt=\"Red Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">Red<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #D32F2F;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"Orange Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-arancione.jpg\" alt=\"Orange Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">Orange<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #FF9800;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"Yellow Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-giallo.jpg\" alt=\"Yellow Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">Yellow<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #FFEB3B;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"Ochre Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-ocra.jpg\" alt=\"Ochre Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">Ochre<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #BCAAA4;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n        <div class=\"gh-fwp-slide\" role=\"group\" aria-label=\"Fuchsia Moss color\">\n            <div class=\"gh-fwp-img-box\"><img decoding=\"async\" src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/lichene-stabilizzato-fucsia.jpg\" alt=\"Fuchsia Moss Swatch\" draggable=\"false\" loading=\"lazy\"><\/div>\n            <div class=\"gh-fwp-label-box\"><h4 class=\"gh-fwp-label-name\">Fuchsia<\/h4><div class=\"gh-fwp-label-dot\" style=\"background-color: #E91E63;\" aria-hidden=\"true\"><\/div><\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Chromatic Material Library: Moss Wall Colors\",\n  \"description\": \"Green Habitat has a vast chromatic material library for its preserved moss wall panels. Our food-grade pigments guarantee natural depth and reflections, allowing architects to replicate corporate identity without the use of synthetic paints. Available colors: Light Green, Intense Green, Dark Green, White, Black, Blue, Light Blue, Red, Orange, Yellow, Ochre, Fuchsia.\",\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\"\n  }\n}\n<\/script>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const track = document.getElementById('gh-fw-track');\n        const prevBtn = document.getElementById('gh-fw-prev');\n        const nextBtn = document.getElementById('gh-fw-next');\n\n        if(!track || !prevBtn || !nextBtn) return;\n\n        nextBtn.addEventListener('click', () => {\n            track.scrollBy({ left: track.clientWidth * 0.9, behavior: 'smooth' });\n        });\n\n        prevBtn.addEventListener('click', () => {\n            track.scrollBy({ left: -(track.clientWidth * 0.9), behavior: 'smooth' });\n        });\n\n        let isDown = false;\n        let startX;\n        let scrollLeft;\n\n        track.addEventListener('mousedown', (e) => {\n            isDown = true;\n            track.classList.add('gh-dragging');\n            startX = e.pageX - track.offsetLeft;\n            scrollLeft = track.scrollLeft;\n        });\n\n        track.addEventListener('mouseleave', () => {\n            isDown = false;\n            track.classList.remove('gh-dragging');\n        });\n\n        track.addEventListener('mouseup', () => {\n            isDown = false;\n            track.classList.remove('gh-dragging');\n        });\n\n        track.addEventListener('mousemove', (e) => {\n            if (!isDown) return;\n            e.preventDefault();\n            const x = e.pageX - track.offsetLeft;\n            const walk = (x - startX) * 1.5; \n            track.scrollLeft = scrollLeft - walk;\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-4646684 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4646684\" 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-173d16f\" data-id=\"173d16f\" 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-d6218bc elementor-widget elementor-widget-html\" data-id=\"d6218bc\" 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-main-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-intro-col {\n            flex: 0 0 clamp(300px, 35vw, 420px);\n            position: sticky; top: 120px;\n        }\n\n        .gh-faq-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-title {\n            font-size: clamp(32px, 4vw, 48px); font-weight: 900; color: #1A3C34; \n            line-height: 1.1; margin: 0 0 20px 0; letter-spacing: -1px; text-transform: uppercase;\n        }\n\n        .gh-faq-desc {\n            font-size: 16px; font-weight: 500; color: #666; line-height: 1.6; margin: 0;\n        }\n\n        .gh-faq-accordion-col {\n            flex: 1; min-width: 320px; display: flex; flex-direction: column; gap: 12px;\n        }\n\n        .gh-faq-category-title {\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-category-title:first-child { margin-top: 0; }\n\n        .gh-faq-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-item:hover { border-color: #dcdcdc; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }\n        .gh-faq-item[open] { border-color: #C8A165; box-shadow: 0 10px 30px rgba(200,161,101,0.1); }\n\n        .gh-faq-summary {\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-summary::-webkit-details-marker { display: none; }\n        \n        .gh-faq-item:hover .gh-faq-summary { background: #ffffff; }\n        .gh-faq-item[open] .gh-faq-summary { background: #ffffff; }\n\n        .gh-faq-question {\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-item[open] .gh-faq-question { color: #1A3C34; }\n        .gh-faq-summary:hover .gh-faq-question { color: #C8A165; }\n\n        .gh-faq-icon {\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-icon::before, .gh-faq-icon::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-icon::before { width: 12px; height: 2px; }\n        .gh-faq-icon::after { width: 2px; height: 12px; }\n\n        .gh-faq-item[open] .gh-faq-icon { background: #1A3C34; color: #fff; transform: rotate(180deg); }\n        .gh-faq-item[open] .gh-faq-icon::after { transform: rotate(90deg); opacity: 0; }\n\n        .gh-faq-answer {\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-item[open] .gh-faq-answer { padding-top: 20px; }\n\n        .gh-faq-answer strong { color: #1A3C34; font-weight: 700; }\n        .gh-faq-answer p { margin: 0 0 12px 0; }\n        .gh-faq-answer p:last-child { margin: 0; }\n        .gh-faq-answer ul { margin: 12px 0 0 0; padding-left: 20px; }\n        .gh-faq-answer 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-intro-col { position: static; width: 100%; max-width: none; text-align: center; }\n            .gh-faq-eyebrow { justify-content: center; }\n            .gh-faq-summary { padding: 18px 20px; }\n            .gh-faq-question { font-size: 15px; }\n            .gh-faq-answer { padding: 0 20px 20px 20px; font-size: 14px; }\n        }\n    <\/style>\n\n    <div class=\"gh-faq-intro-col\">\n        <span class=\"gh-faq-eyebrow\">\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\" focusable=\"false\"><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            MOSS WALL KNOWLEDGE BASE\n        <\/span>\n        <h2 id=\"gh-faq-main-title\" class=\"gh-faq-title\">The Moss Encyclopedia.<\/h2>\n        <p class=\"gh-faq-desc\">From the botanical truth about Preserved Moss to international architectural protocols. We have analyzed the doubts of designers and General Contractors to offer you unequivocal answers.<\/p>\n    <\/div>\n\n    <div class=\"gh-faq-accordion-col\">\n        \n        <h3 class=\"gh-faq-category-title\">Origin, Nature and Safety<\/h3>\n\n        <details class=\"gh-faq-item\" open>\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">1. What is the difference between Preserved Moss, Moss Wall and Lichen?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                Let's clarify technically: what is commercially called a <strong>\"Moss Wall\" or \"Preserved Moss\"<\/strong> in the design world, is actually the <strong>precious Nordic Lichen (Cladonia Stellaris)<\/strong> in our premium products. We chose to use Lichen because, unlike common flat undergrowth moss, its three-dimensional bushy structure is the only one capable of guaranteeing true certified sound-absorbing performance.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">2. How is Moss preserved? Does it contain harmful chemicals?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                Our 100% natural Moss is preserved using a green process: the life sap is replaced with an <strong>organic mixture based on salts, vegetable glycerin, and food-grade pigments<\/strong>. This technique stops the plant's life cycle, transforming it into an inert material, safe for health and with <strong>zero VOC emissions<\/strong> (Volatile Organic Compounds).\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">3. Does a moss wall generate odors in the work environment?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>No.<\/strong> Green Habitat's use of purified vegetable glycerin prevents any release of bad odors. In the first few days after installation, the environment will be pervaded by a slight and pleasant <strong>aroma of a Nordic forest<\/strong>, which will naturally dissipate within a couple of weeks, leaving the Moss Wall odorless.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">4. Can it be toxic if touched by children or pets?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>It is a totally Pet & Child Friendly green wall.<\/strong> Unlike indoor living plants (e.g., Monstera or Ficus) that hide toxicity risks if ingested, our preserved Moss has no contraindications. The salts and food colorings guarantee absolute safety even in case of accidental contact.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">5. Is there a fire certification to install it in the Contract sector?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>Absolutely yes.<\/strong> The presence of natural salts inside the plant acts as an ecological fire shield. The Moss panel has passed the tests of the Istituto Giordano obtaining the official fire reaction classification <strong>Class B-s2, d0 (UNI EN 13501-1 Standard)<\/strong>, confirming low flammability and zero dripping in the event of a fire.\n            <\/div>\n        <\/details>\n\n        <h3 class=\"gh-faq-category-title\">Environments, Installation and Limits<\/h3>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">6. Can the Moss Wall survive in the dark? Does it need specific lighting?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>It proliferates at 0 Lux (total darkness).<\/strong> From the moment it is preserved, the moss ceases chlorophyll photosynthesis. It requires neither sun nor phyto-stimulating LED lamps. This makes it the ideal architectural solution to enhance <strong>basement spaces, panoramic elevators, windowless bathrooms, and dimly lit lobbies<\/strong>.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">7. Is it suitable for exterior facades or damp shower cabins?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>NO, its use is strictly Indoor.<\/strong> Any contact with the elements (frost, rain) or direct splashes of water (e.g., inside a shower) would dilute the glycerin and natural salts, irreparably compromising the integrity of the preserved moss. If kept indoors, its longevity can be measured in years.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">8. How to prevent the natural color of the moss from fading?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                The secret to preserving the chromatic intensity (which lasts on average from 8 to 10 years) is <strong>to avoid direct and prolonged exposure to solar UV rays<\/strong>. It is essential to place the wall away from direct sunlight (large windows) and intense contact heat sources (such as radiators or stoves). Ambient light and office LEDs, however, are perfect.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">9. Do I need to reinforce the plasterboard before applying the Moss panels?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>No reinforcement is necessary.<\/strong> Our moss modules (standard 75x75 cm format) boast a featherweight that ranges between <strong>5.3 and 5.9 kg per sqm<\/strong>. Thanks to Dry Tech technology, dry anchoring using direct screws on the plasterboard is safe and very fast.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">10. Can the moss adapt to curved walls or columns?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                Yes, flexibility is a basic feature. The substrate of Green Habitat Moss panels is a fire-retardant MDF layer just 3mm thick. This thinness gives it exceptional malleability, allowing the \"seamless\" cladding of circular pillars, reception desks, and complex geometries.\n            <\/div>\n        <\/details>\n\n\n        <h3 class=\"gh-faq-category-title\">Maintenance, Health and ROI<\/h3>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">11. 40-60% Humidity: Is it a weakness of Moss or an advantage for humans?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <p>It represents the ultimate indicator of healthiness. International bodies (such as the <strong>WHO or EPA<\/strong>) declare that a relative humidity range between 40% and 60% is vital to prevent the spread of pathogens and protect the respiratory tract in offices.<\/p>\n                <p>The Moss Wall acts as a <strong>Natural Hygrometer (Bio-Hygrometer)<\/strong>. If it feels soft to the touch, you have physical confirmation that the building's air is healthy. If it becomes crispy, it is an alert that the environment (perhaps due to HVAC) is excessively dry and harmful to people.<\/p>\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">12. What happens if the preserved moss dries out and hardens?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>It is not dying and does not need to be replaced.<\/strong> The hygroscopic nature of the moss causes it to stiffen if the humidity drops below the 40% threshold. <strong>Golden rule: never mist it with water.<\/strong> It is sufficient to raise the humidity level in the air (by opening windows or using a humidifier), and the moss will return soft and spongy within a few hours.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">13. Is there a risk of dust accumulation or insect proliferation?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                The protective glycerin gives the moss an <strong>antistatic<\/strong> effect, which physiologically repels dust micro-particles. Furthermore, not needing water, soil substrate, or light to live, it does not create the ideal habitat for parasites, fungi, or insects. For an extraordinary post-construction cleaning, a puff of cold air from a distance is sufficient. \n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">14. Do Moss Wall projects help with ESG certifications (LEED, WELL)?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>Yes.<\/strong> Integrating preserved moss into corporate fit-out projects constitutes a powerful lever for sustainable architecture:\n                <ul>\n                    <li><strong>WELL Building Standard v2:<\/strong> It brings direct benefits to requirements related to Acoustic Comfort (Sound) and natural design (Mind \/ Biophilia).<\/li>\n                    <li><strong>LEED v4.1:<\/strong> It supports the parameters of <em>Water Efficiency<\/em> (not needing irrigation) and <em>Indoor Environmental Quality<\/em> (guaranteeing the absence of VOCs).<\/li>\n                <\/ul>\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">15. How does moss maintenance affect Total Cost (ROI)?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                The fundamental parameter in Corporate Real Estate is the TCO (Total Cost of Ownership) over 5 years. Choosing living walls entails huge constant operating costs (irrigation, pumps, pruning, phyto-stimulating lighting). Preserved moss offers an extreme advantage: <strong>the management cost (OPEX) is zero<\/strong>. The financial commitment ends with the installation, maximizing the return on investment (ROI).\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\": \"What is the difference between Preserved Moss, Moss Wall and Lichen?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Although the commercial term 'Moss Wall' or 'Preserved Moss' is used in design, common flat moss has no acoustic value. We use Nordic Lichen (Cladonia Stellaris): the only bushy essence that provides a real certified reverberation absorption coefficient.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How is Moss preserved? Does it contain harmful chemicals?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Natural Moss is preserved with a green process: we replace the life sap with organic salts, vegetable glycerin, and food-grade pigments. The final material is inert, safe for humans, and has zero VOC (Volatile Organic Compounds) emissions.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Does a moss wall generate odors in the work environment?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"No. By using very high-quality vegetable glycerin, there are no chemical or unpleasant odors. In the first few days, you only perceive a slight natural undergrowth scent, which fades completely in a few weeks.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can it be toxic if touched by children or pets?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"It is a 100% Pet and Child Friendly green wall. The exclusive use of glycerin, salts, and food colors makes it absolutely non-toxic and safe in case of accidental contact, unlike many living plants.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is there a fire certification to install it in the Contract sector?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Absolutely yes. The natural preservation salts make the Moss Wall a flame retardant. It holds the European Class B-s2, d0 fire certification (Istituto Giordano), guaranteeing the absence of dripping in the event of a fire.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can the Moss Wall survive in the dark? Does it need specific lighting?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"It proliferates at 0 Lux. Not performing photosynthesis, it has no need for sunlight or phyto-stimulating UV lamps. Perfect for illuminating windowless bathrooms, underground corridors, and elevators with green.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is it suitable for exterior facades or damp shower cabins?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"No, it is designed exclusively for interior design (Indoor). Rain, frost, or direct water would wash away the protective glycerin. If protected indoors, it lasts for several years.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How to prevent the natural color of the moss from fading?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"The secret to maintaining brilliance for 8-10 years is to place the moss away from direct solar UV rays (behind large windows) and away from contact with intense thermal hearths (radiators).\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do I need to reinforce the plasterboard before applying the Moss panels?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"No reinforcement is required. The Moss panel weighs only between 5.3 and 5.9 kg per sqm. Installation is dry, screwing the panels directly onto standard plasterboard walls.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can the moss adapt to curved walls or columns?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes, the elasticity is guaranteed by an MDF support just 3mm thick. This engineering allows it to follow curved lines and clad circular columns continuously and without visible breaks (seamless).\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Humidity at 40-60%: Is it a weakness of Moss or an advantage for humans?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"It is the guarantee of well-being. Global bodies indicate 40-60% humidity as the limit to inhibit viruses. The Moss acts as a Natural Hygrometer: it remains soft only in this range, visually certifying the healthiness of the air.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What happens if the preserved moss dries out and hardens?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Moss is hygroscopic, so it hardens if the air becomes too dry (below 40%). To restore it, it must NOT be sprayed with water: just increase the environmental humidity in the room and it will become soft again on its own.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is there a risk of dust accumulation or insect proliferation?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"The glycerin processing generates an antistatic effect, repelling dust accumulation. Furthermore, having no water or soil, the inert moss does not attract insects or parasites in any case.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do Moss Wall projects help with ESG certifications (LEED, WELL)?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes, their inclusion actively supports ESG protocols. They contribute to the LEED v4.1 (Zero Water Consumption and Zero VOC) and WELL Building Standard v2 (Acoustic comfort and Access to biophilic Nature) requirements.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How does moss maintenance affect Total Cost (ROI)?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Unlike expensive living green walls (which require pruning, irrigation pumps, electricity), preserved moss reduces operating costs (Zero OPEX). The initial investment pays for itself quickly, maximizing the ROI.\" }\n    }\n  ]\n}\n<\/script>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const details = document.querySelectorAll(\".gh-faq-item\");\n        details.forEach(targetDetail => {\n            targetDetail.addEventListener(\"toggle\", () => {\n                if (targetDetail.open) {\n                    details.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-9b58aaa elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9b58aaa\" 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-d4300b0\" data-id=\"d4300b0\" 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-b707b2f elementor-widget elementor-widget-html\" data-id=\"b707b2f\" 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-resources-wrapper\" aria-labelledby=\"gh-res-heading\">\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&display=swap');\n\n        .gh-resources-wrapper {\n            width: 100%; max-width: 1250px; margin: 80px auto; \n            font-family: 'Montserrat', sans-serif; padding: 0 20px; box-sizing: border-box;\n        }\n\n        .gh-res-header { text-align: center; margin-bottom: 50px; }\n        \n        .gh-res-eyebrow {\n            font-size: 12px; font-weight: 800; color: #C8A165; text-transform: uppercase;\n            letter-spacing: 2px; margin-bottom: 15px; display: inline-block;\n        }\n\n        .gh-res-title {\n            font-size: clamp(32px, 4vw, 45px); font-weight: 900; color: #1A3C34;\n            margin: 0; letter-spacing: -1px; line-height: 1.1; text-transform: uppercase;\n        }\n\n        .gh-res-grid {\n            display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: stretch;\n        }\n\n        .gh-res-download-col {\n            background: #fdfdfd; border: 1px solid #eaeaea; border-radius: 16px;\n            padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.02);\n            display: flex; flex-direction: column;\n        }\n\n        .gh-res-col-title {\n            font-size: 20px; font-weight: 800; color: #111; margin: 0 0 10px 0;\n            text-transform: uppercase; letter-spacing: -0.5px;\n        }\n\n        .gh-res-col-desc {\n            font-size: 15px; font-weight: 500; color: #666; margin: 0 0 30px 0; line-height: 1.5;\n        }\n\n        .gh-res-btn-group { display: flex; flex-direction: column; gap: 12px; }\n\n        .gh-res-dl-btn {\n            display: flex; align-items: center; justify-content: space-between;\n            padding: 16px 20px; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;\n            text-decoration: none; color: #333; transition: all 0.3s ease; group;\n        }\n\n        .gh-res-dl-btn:hover {\n            border-color: #C8A165; box-shadow: 0 5px 15px rgba(200,161,101,0.1); transform: translateY(-2px);\n        }\n\n        .gh-res-dl-left { display: flex; align-items: center; gap: 15px; }\n        \n        .gh-res-pdf-icon { width: 24px; height: 24px; fill: #D9534F; flex-shrink: 0; }\n        \n        .gh-res-dl-text { display: flex; flex-direction: column; }\n        .gh-res-dl-name { font-size: 14px; font-weight: 700; color: #111; text-transform: uppercase; }\n        .gh-res-dl-meta { font-size: 11px; font-weight: 600; color: #999; margin-top: 3px; }\n\n        .gh-res-dl-arrow {\n            width: 18px; height: 18px; fill: #ccc; transition: fill 0.3s ease;\n        }\n        .gh-res-dl-btn:hover .gh-res-dl-arrow { fill: #C8A165; }\n\n        .gh-res-concierge-col {\n            background: linear-gradient(145deg, #1A3C34 0%, #112a23 100%);\n            border-radius: 16px; padding: 50px 40px;\n            box-shadow: 0 20px 40px rgba(26,60,52,0.2);\n            display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden;\n        }\n\n        .gh-res-blueprint {\n            position: absolute; top: 0; right: 0; width: 100%; height: 100%;\n            background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n            background-size: 30px 30px; pointer-events: none; opacity: 0.5;\n        }\n\n        .gh-concierge-badge {\n            display: inline-flex; align-items: center; gap: 8px; background: rgba(200,161,101,0.15);\n            color: #C8A165; font-size: 11px; font-weight: 800; padding: 6px 12px;\n            border-radius: 4px; border: 1px solid rgba(200,161,101,0.3);\n            text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; align-self: flex-start;\n        }\n\n        .gh-concierge-title {\n            font-size: 26px; font-weight: 800; color: #fff; margin: 0 0 15px 0;\n            line-height: 1.2; text-transform: uppercase; letter-spacing: -0.5px; position: relative; z-index: 2;\n        }\n\n        .gh-concierge-desc {\n            font-size: 15px; font-weight: 500; color: #e0ece6; margin: 0 0 35px 0; line-height: 1.7; position: relative; z-index: 2;\n        }\n        .gh-concierge-desc strong { color: #C8A165; font-weight: 700; }\n\n        .gh-concierge-cta {\n            background-color: #C8A165; color: #111; text-decoration: none;\n            padding: 18px 30px; border-radius: 8px; font-size: 14px; font-weight: 800;\n            text-transform: uppercase; letter-spacing: 1px; text-align: center;\n            transition: all 0.3s ease; align-self: flex-start; position: relative; z-index: 2;\n        }\n\n        .gh-concierge-cta:hover {\n            background-color: #dcb87d; box-shadow: 0 10px 25px rgba(200,161,101,0.4); transform: translateY(-2px);\n        }\n\n        @media (max-width: 992px) {\n            .gh-res-grid { grid-template-columns: 1fr; gap: 30px; }\n            .gh-res-download-col, .gh-res-concierge-col { padding: 30px 25px; }\n            .gh-res-title { font-size: 28px; }\n            .gh-concierge-title { font-size: 22px; }\n        }\n    <\/style>\n\n    <header class=\"gh-res-header\">\n        <span class=\"gh-res-eyebrow\" aria-hidden=\"true\">B2B RESOURCES AND SUPPORT<\/span>\n        <h2 id=\"gh-res-heading\" class=\"gh-res-title\">Documentation &<br>Design Concierge<\/h2>\n    <\/header>\n\n    <div class=\"gh-res-grid\">\n        \n        <article class=\"gh-res-download-col\">\n            <h3 class=\"gh-res-col-title\">Immediate Download<\/h3>\n            <p class=\"gh-res-col-desc\">Download the technical documentation and the tests of the Istituto Giordano, formulated on our standard <strong>75x75 cm moss panel (Ready for Delivery)<\/strong>.<\/p>\n            \n            <div class=\"gh-res-btn-group\" role=\"list\">\n                \n                <a href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/certificazione-fuoco-lichene-stabilizzato-green-habitat.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-res-dl-btn\" role=\"listitem\" aria-label=\"Download the Fire Certificate B-s2,d0 in PDF\">\n                    <div class=\"gh-res-dl-left\">\n                        <svg class=\"gh-res-pdf-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M12 16L7 11l1.4-1.4 2.6 2.6V4h2v8.2l2.6-2.6L17 11l-5 5zm-8 4v-5h2v3h12v-3h2v5H4z\"\/><\/svg>\n                        <div class=\"gh-res-dl-text\">\n                            <span class=\"gh-res-dl-name\">Fire Certificate<\/span>\n                            <span class=\"gh-res-dl-meta\">Class B-s2,d0 (Test on 75x75 mod.)<\/span>\n                        <\/div>\n                    <\/div>\n                    <svg class=\"gh-res-dl-arrow\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/a>\n\n                <a href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/certificazione-acustica-lichene-stabilizzato-green-habitat.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-res-dl-btn\" role=\"listitem\" aria-label=\"Download the Acoustic Certificate in PDF\">\n                    <div class=\"gh-res-dl-left\">\n                        <svg class=\"gh-res-pdf-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M12 16L7 11l1.4-1.4 2.6 2.6V4h2v8.2l2.6-2.6L17 11l-5 5zm-8 4v-5h2v3h12v-3h2v5H4z\"\/><\/svg>\n                        <div class=\"gh-res-dl-text\">\n                            <span class=\"gh-res-dl-name\">Acoustic Certificate<\/span>\n                            <span class=\"gh-res-dl-meta\">Absorption \u03b1w=0.42<\/span>\n                        <\/div>\n                    <\/div>\n                    <svg class=\"gh-res-dl-arrow\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/a>\n\n                <a href=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2022\/02\/scheda_tecnica_Lichene.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gh-res-dl-btn\" role=\"listitem\" aria-label=\"Download the Moss Data Sheet in PDF\">\n                    <div class=\"gh-res-dl-left\">\n                        <svg class=\"gh-res-pdf-icon\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M12 16L7 11l1.4-1.4 2.6 2.6V4h2v8.2l2.6-2.6L17 11l-5 5zm-8 4v-5h2v3h12v-3h2v5H4z\"\/><\/svg>\n                        <div class=\"gh-res-dl-text\">\n                            <span class=\"gh-res-dl-name\">Data Sheet<\/span>\n                            <span class=\"gh-res-dl-meta\">Base Material Specifications<\/span>\n                        <\/div>\n                    <\/div>\n                    <svg class=\"gh-res-dl-arrow\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/a>\n\n            <\/div>\n        <\/article>\n\n        <article class=\"gh-res-concierge-col\">\n            <div class=\"gh-res-blueprint\"><\/div>\n            \n            <div class=\"gh-concierge-badge\" aria-hidden=\"true\">\n                <svg width=\"14\" height=\"14\" focusable=\"false\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n                EXCLUSIVE ARCHITECT SERVICE\n            <\/div>\n            \n            <h3 class=\"gh-concierge-title\">Beyond Standard:<br>Tailored Manufacturing.<\/h3>\n            \n            <p class=\"gh-concierge-desc\">\n                The 75x75 cm module guarantees immediate processing, but as a Smart Factory we also work custom-made (CNC cutting). <strong>Standard 3D (BIM) blocks would be inaccurate for complex shapes.<\/strong><br><br>\n                <strong>Send us the draft or your dimensions:<\/strong> our department will provide you with the executive CAD\/DWG drawings. You will see exactly the footprint of the moss wall, the subdivision of the panels, and the integration of logos or text, ensuring zero approximations on site.\n            <\/p>\n\n            <a href=\"#contatti\" class=\"gh-concierge-cta\">Speak with the Technical Dept.<\/a>\n        <\/article>\n\n    <\/div>\n\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-707b534c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"707b534c\" data-element_type=\"section\" data-e-type=\"section\" id=\"form\">\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-4138db4b\" data-id=\"4138db4b\" 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-77fd0845 elementor-widget elementor-widget-html\" data-id=\"77fd0845\" 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-78f36775 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"78f36775\" 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-4558710d\" data-id=\"4558710d\" 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-53f5cd45 elementor-widget elementor-widget-html\" data-id=\"53f5cd45\" 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-3d72203d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3d72203d\" 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-90357b4\" data-id=\"90357b4\" 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-39968cfd elementor-widget elementor-widget-html\" data-id=\"39968cfd\" 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>Stabilized moss: install it and think no more about it Have you ever thought of covering a wall, ceiling, or corner of your interior rooms with a coating of real moss? Can you imagine the reaction of those who will enter, faced with an element of nature dropped into a business or work context? Yes, [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":22973,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-6341","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6341","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=6341"}],"version-history":[{"count":22,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6341\/revisions"}],"predecessor-version":[{"id":23413,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6341\/revisions\/23413"}],"up":[{"embeddable":true,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/22973"}],"wp:attachment":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/media?parent=6341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}