{"id":6365,"date":"2022-02-02T09:34:47","date_gmt":"2022-02-02T09:34:47","guid":{"rendered":"https:\/\/greenhabitat.it\/stabilized-green\/stabilized-lichen\/"},"modified":"2026-03-14T19:55:27","modified_gmt":"2026-03-14T19:55:27","slug":"preserved-reindeer-moss-walls","status":"publish","type":"page","link":"https:\/\/greenhabitat.it\/en\/vertical-gardens\/preserved-greenery\/preserved-reindeer-moss-walls\/","title":{"rendered":"Reindeer Moss"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6365\" class=\"elementor elementor-6365 elementor-3598\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-40cd53c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"40cd53c\" 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-3768d53\" data-id=\"3768d53\" 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-4fd008a elementor-widget elementor-widget-html\" data-id=\"4fd008a\" 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-lichene-stabilizzato-indoor-comfort-acustico.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-lichene-stabilizzato-indoor-comfort-acustico-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-lichene-stabilizzato-indoor-comfort-acustico.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 Pure Preserved Lichen<\/span>\n    <h1 class=\"gh-h1-main\">THE SILENCE THAT DECORATES.<br>REAL ZERO MAINTENANCE.<\/h1>\n\n    <h2 class=\"gh-h2-seo\">\n      Engineered bio-acoustic systems 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 corporate supply ready for delivery\">\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 Natural 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\/lichene-stabilizzato\/#service\",\n      \"name\": \"Supply of Sound-absorbing Panels in Preserved Lichen\",\n      \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/parete-lichene-stabilizzato-indoor-comfort-acustico.jpg\",\n      \"description\": \"B2B supply of engineered bio-acoustic panels in pure 100% natural preserved lichen. CNC machining for Corporate Fit-out and interior architecture. Official acoustic certification Istituto Giordano\/Accredia (no. 386512) without the use of additional 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    },\n    {\n      \"@type\": \"VideoObject\",\n      \"name\": \"Preserved Lichen Panels for Indoor Acoustic Comfort\",\n      \"description\": \"Architectural application of Green Habitat preserved lichen walls for the control of acoustic reverberation in workspaces (Zero Maintenance).\",\n      \"thumbnailUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/03\/parete-lichene-stabilizzato-indoor-comfort-acustico.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-2fc3050a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2fc3050a\" 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-4a9af901\" data-id=\"4a9af901\" 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-5d5d8f2d elementor-widget elementor-widget-html\" data-id=\"5d5d8f2d\" 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-d11b909 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d11b909\" 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-2a741b6\" data-id=\"2a741b6\" 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-dca6fb0 elementor-widget elementor-widget-html\" data-id=\"dca6fb0\" 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-63e07bd elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"63e07bd\" 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-9acab34\" data-id=\"9acab34\" 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-65262f9 elementor-widget elementor-widget-html\" data-id=\"65262f9\" 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-c048c86 elementor-section-full_width elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"c048c86\" 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-ba9e48d\" data-id=\"ba9e48d\" 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-5a540d4 elementor-widget elementor-widget-html\" data-id=\"5a540d4\" 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-3895607 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3895607\" 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-52179f9\" data-id=\"52179f9\" 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-59c49c7 elementor-widget elementor-widget-html\" data-id=\"59c49c7\" 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=\"Commercial terminology note\">\n    <div class=\"gh-semantic-content\">\n        <p>\ud83d\udca1 <strong>Commercial Note:<\/strong> Many of our clients know this product by its industry terminology. Discover our installations in the section dedicated to <a href=\"https:\/\/greenhabitat.it\/giardini-verticali\/verde-stabilizzato\/muschio-stabilizzato\/\" title=\"Go to the Preserved Moss Walls page\">Preserved Moss Walls<\/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-f366fa6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f366fa6\" 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-dfc6418\" data-id=\"dfc6418\" 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-e4f7199 elementor-widget elementor-widget-html\" data-id=\"e4f7199\" 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-title\">\n    \n    <span class=\"gh-fire-text-eyebrow\">ISTITUTO GIORDANO CLASSIFICATION NO. 369047<\/span>\n    \n    <h2 id=\"gh-fire-title\" class=\"gh-fire-text-title\">DOES NOT BURN.<br>DOES NOT DRIP.<br>PROTECTS.<\/h2>\n    \n    <ul class=\"gh-fire-benefits-list\">\n        <li>\n            <svg class=\"gh-fire-check-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Compliance:<\/strong> Engineered for strict regulations. An active shield complying with the <strong>UNI EN 13501-1<\/strong> standard.\n            <\/div>\n        <\/li>\n        <li>\n            <svg class=\"gh-fire-check-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Fire resistance:<\/strong> Classified <strong>B-s2,d0<\/strong> material that resists ignition and drastically delays flame propagation.\n            <\/div>\n        <\/li>\n        <li>\n            <svg class=\"gh-fire-check-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n            <div>\n                <strong>Zero dripping:<\/strong> Regulatory excellence (d0): in the event of a fire, it releases no flaming 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-eba337a\" data-id=\"eba337a\" 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-2031562 elementor-widget elementor-widget-html\" data-id=\"2031562\" 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 {\n            font-family: 'Montserrat', sans-serif; background: #ffffff; border-radius: 24px;\n            box-shadow: 0 20px 60px rgba(200, 161, 101, 0.1); max-width: 420px;\n            margin: 0 auto; overflow: hidden; border: 1px solid rgba(200, 161, 101, 0.15);\n            position: relative; z-index: 1; user-select: none;\n        }\n\n        .gh-fire-header-v7 {\n            padding: 20px 25px; background: #fafafa; border-bottom: 1px solid rgba(0,0,0,0.06);\n            display: flex; justify-content: space-between; align-items: center;\n            position: relative; z-index: 50; \n        }\n        \n        .gh-fire-title-v7 { \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        \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\n        .gh-fire-stage-v7 {\n            height: 320px; position: relative; background: radial-gradient(circle at center, #fff 0%, #fcfcfc 100%);\n            display: flex; flex-direction: column; align-items: center; justify-content: flex-start; \n            padding-top: 60px; overflow: hidden; z-index: 5;\n        }\n\n        .gh-shield-ring-v7 {\n            width: 140px; height: 140px; border-radius: 50%; border: 2px solid #eee;\n            position: relative; display: flex; align-items: center; justify-content: center;\n            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); z-index: 10; flex-shrink: 0; \n        }\n        \n        .gh-shield-icon-v7 { width: 60px; height: 60px; transition: all 0.3s; color: #ccc; }\n\n        .gh-shield-pulse-v7 {\n            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n            width: 140px; height: 140px; border-radius: 50%; border: 2px solid transparent;\n            opacity: 0; z-index: 1;\n        }\n        \n        @keyframes pulseProtectV7 {\n            0% { width: 140px; height: 140px; opacity: 0.5; border-color: inherit; }\n            50% { opacity: 0.2; }\n            100% { width: 190px; height: 190px; opacity: 0; border-color: inherit; }\n        }\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\n        .gh-fire-controls-v7 {\n            padding: 25px; background: #fff; display: flex; justify-content: space-between; gap: 10px;\n            position: relative; z-index: 100; border-top: 1px solid #f5f5f5;\n        }\n        \n        @keyframes floatInviteV7 {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-3px); }\n        }\n\n        .gh-fire-btn-v7 {\n            flex: 1; padding: 12px 5px; background: #fff; border: 1px solid #eee; border-radius: 12px;\n            display: flex; flex-direction: column; align-items: center; gap: 5px;\n            cursor: pointer; transition: all 0.3s; box-shadow: 0 4px 6px rgba(0,0,0,0.03);\n            pointer-events: auto; appearance: none; outline: none; font-family: inherit; margin: 0;\n        }\n        \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        \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\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        \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 Droplets 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        \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 DROPLETS\"; benefit.style.color = \"#C8A165\"; \n                    desc.innerText = \"Regulatory excellence (d0): in case of fire, it does not release burning 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-ca4eb0d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca4eb0d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-aa5ffbe\" data-id=\"aa5ffbe\" 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-daab37f elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"daab37f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#FORM\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">VERIFICA FATTIBILIT\u00c0 E COSTI<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1930738c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1930738c\" 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-528cff37\" data-id=\"528cff37\" 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-28e07c6a elementor-widget elementor-widget-html\" data-id=\"28e07c6a\" 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-153d0c23 elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"153d0c23\" 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-64170a1\" data-id=\"64170a1\" 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-1d179b04 elementor-widget elementor-widget-html\" data-id=\"1d179b04\" 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=\"soffitti\" 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-63ac6cb7 elementor-section-full_width elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"63ac6cb7\" 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-6cb27b59\" data-id=\"6cb27b59\" 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-5076be60 elementor-widget elementor-widget-html\" data-id=\"5076be60\" 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=\"soffitti\" 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-06b64b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"06b64b0\" 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-e14a422\" data-id=\"e14a422\" 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-e5921b7 elementor-widget elementor-widget-html\" data-id=\"e5921b7\" 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\">REDUCED REVERBERATION.<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>Acoustic Comfort:<\/strong> Efficiency peak at 1000 Hz <strong>(\u03b1 0.38)<\/strong>. It \"cleans\" speech frequencies, eliminating the background buzz that generates stress in work environments.\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>Natural Diffusion:<\/strong> The irregular surface of the Preserved Moss breaks sound waves, eliminating metallic echo without making the environment unnaturally deadened.\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 synthetic sponges, it maintains the brilliance of natural sound, ideal for offices, restaurants, and lobbies.\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-7350b91\" data-id=\"7350b91\" 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-be9d47e elementor-widget elementor-widget-html\" data-id=\"be9d47e\" 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\">Acoustic 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;\">Scroll to see how moss affects 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: scroll to view absorption at different frequencies\" 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> SCROLL <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 = \"Allows long waves to 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 reverberation. Defines speech (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-aa7b6ba elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aa7b6ba\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9f8153d\" data-id=\"9f8153d\" 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-7e97dd5 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"7e97dd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#FORM\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">VERIFICA FATTIBILIT\u00c0 E COSTI<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8ebeee1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8ebeee1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3eda2ca\" data-id=\"3eda2ca\" 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-5f8c109 elementor-widget elementor-widget-html\" data-id=\"5f8c109\" 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\/02\/pannello-lichene-stabilizzato-nordico-75x75-1.jpg\" alt=\"Detail of a 75x75 cm modular panel in pure Nordic preserved lichen for sound-absorbing 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 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\">75x75 cm Modular Panel.<\/h3>\n            <p class=\"gh-inst-p\">Technical format for large surfaces, <strong>flexible for cladding columns<\/strong>. It 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. Offcuts fit together perfectly (seamless), eliminating waste.<\/li>\n                <li><strong>Ready-to-Deliver European Logistics:<\/strong> Panels in individual protective boxes. A base pallet (80x80 cm) holds 20 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 is strictly processed by the same artisan hand, eliminating the risk of color variations 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 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 at the construction site already shaped to your measurements, numbered, and ready for fixing (1:1 scheme).<\/li>\n                <li><strong>Infallible precision:<\/strong> Installs in minutes, bypassing switches, monitors, and fixtures without any margin for 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 Lichen Technical Modular Panel (75x75 cm)\",\n  \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pannello-lichene-stabilizzato-nordico-75x75-1.jpg\",\n  \"description\": \"B2B supply of flexible 75x75 cm sound-absorbing panel for interior design. Ultra-fast dry installation (guaranteed base yield 25sqm\/day per operator, documented peaks of 2.18sqm in 7 minutes). Zero waste: offcuts can be joined seamlessly. CNC cutting for custom finishes and perfect installation.\",\n  \"brand\": {\n    \"@type\": \"Brand\",\n    \"name\": \"Green Habitat\"\n  },\n  \"additionalType\": \"https:\/\/schema.org\/B2BBusiness\",\n  \"additionalProperty\": [\n    { \"@type\": \"PropertyValue\", \"name\": \"Nominal Format\", \"value\": \"75 x 75 cm (Flexible support for columns)\" },\n    { \"@type\": \"PropertyValue\", \"name\": \"Guaranteed Base Yield on Site\", \"value\": \"25 sqm per day for a single operator (including contingencies)\" },\n    { \"@type\": \"PropertyValue\", \"name\": \"Installation Performance Peak\", \"value\": \"Documented test at 2.18 sqm in 7 net minutes on a linear wall\" },\n    { \"@type\": \"PropertyValue\", \"name\": \"Material Optimization\", \"value\": \"Zero Waste (offcuts perfectly reusable for joining)\" },\n    { \"@type\": \"PropertyValue\", \"name\": \"Pallet Logistics\", \"value\": \"80x80 cm pallet with 20 individual protective boxes, Weight 70 kg\" }\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-ee4d83d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee4d83d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fe1b91d\" data-id=\"fe1b91d\" 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-8378bd6 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"8378bd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#FORM\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">VERIFICA FATTIBILIT\u00c0 E COSTI<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b31f5c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b31f5c\" 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-7c5a6bb\" data-id=\"7c5a6bb\" 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-a9aa179 elementor-widget elementor-widget-html\" data-id=\"a9aa179\" 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 DOES NOT 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. Preserved Moss \"cleans\" the environment, promoting 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\". Green Habitat triggers 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> Gray and sterile spaces raise stress levels (Sick Building Syndrome). Our ecosystems reduce heart rate and create an immediate decompression oasis.\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\",\n  \"description\": \"Green Habitat's Biophilic Design actively combats Sick Building Syndrome in B2B offices and contract environments. The indoor installation of Preserved Moss Walls serves a medical and engineering purpose: it increases productivity, lowers cortisol levels (the stress hormone), and promotes neuroplasticity and cognitive focus in 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-4e13dc3\" data-id=\"4e13dc3\" 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-0413e74 elementor-widget elementor-widget-html\" data-id=\"0413e74\" 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 Preserved Moss 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 stimulus, 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 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<\/button>\n    <\/div>\n    \n    <p class=\"gh-ben-seo-caption\">Illustrative benchmark on the biophilic impact of Preserved Moss compared to standard building materials for the reduction of 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 stimulus, 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 Preserved Moss. 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-cfffea0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cfffea0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-618a8ef\" data-id=\"618a8ef\" 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-2bfb4e4 elementor-widget elementor-widget-html\" data-id=\"2bfb4e4\" 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-video-container\">\n            <div class=\"gh-video-badge\">PIERI GROUP SITE<\/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 SYSTEM<\/h2>\n            <p class=\"gh-si-subtitle\">Proprietary Green Habitat\u00ae 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\" Processing (Zero Checkerboard)<\/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 to perfect homogeneity:<\/strong> Our enormous industrial capacity allows us to mix the entire supply of lichen in a single <em>\"Single Batch\"<\/em>. The installation is then performed by a single artisan hand, ensuring absolute visual fluidity even on monumental square footages 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\">Independent Logo (Unscrewable, Reusable Wall)<\/li>\n                            <li>Millimetric shaping to design<\/li>\n                            <li>Customizable textures<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/summary>\n                <div class=\"gh-si-content\">\n                    <strong>Protecting your Investment:<\/strong> We faithfully reproduce your brand by placing it independently overlapping the plant wall. In case of a trade fair, you can unscrew it and take it with you. In the event of a corporate relocation, the underlying lichen 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 site (Zero Corporate Downtime)<\/li>\n                            <li>Quick nail\/screw fixing (Without Glues)<\/li>\n                            <li>Free engineering supervision<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/summary>\n                <div class=\"gh-si-content\">\n                    <strong>Trauma-free installation for business:<\/strong> The <em>Dry Tech<\/em> system is completely dry (screws on plasterboard or nails on walls). Zero glue, zero drying times, zero dust on the floor. This allows installations to be carried out even at night: the staff will find a regenerated office the next morning.\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, No Pruning<\/li>\n                            <li>100% Natural and Biodegradable<\/li>\n                            <li>Anti-static: 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 air humidity while remaining vital. The anti-static 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\">IMMEDIATE \"DAY 1\" EFFECT.<\/h3>\n                        <ul class=\"gh-si-bullets\">\n                            <li class=\"gh-gold\">Guaranteed Yield: at least 25 SQM\/day (Peaks: 2sqm in 7 min)<\/li>\n                            <li>Total agility (Use on a cherry picker)<\/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 basic site yield of at least 25 square meters per day per individual operator, but we have documented peak performances of over 2 sqm installed in just 7 minutes. As demonstrated by the monumental 3-story wall in the Pieri Group video, two operators on a cherry picker can complete a massive 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-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 lichen wall over 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 sites without business interruption. The Green Habitat system ensures clean and night-time mechanical assembly.\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Phase 1: Single Batch Preparation\",\n          \"text\": \"We pre-mix the entire supply of lichen in a Single Batch to guarantee absolute aesthetic and chromatic homogeneity, eliminating the checkerboard effect.\"\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Phase 2: Dry Mechanical Fixing\",\n          \"text\": \"The panels are fixed to the wall using screws or small nails. Guaranteed basic yield of 25 sqm per day per operator, with tested peaks of 2.18 sqm in 7 minutes.\"\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Phase 3: Logo Engineering (Optional)\",\n          \"text\": \"Logos are installed in an independent overlapping manner. They can be unscrewed in case of a trade fair or corporate relocation, safeguarding 100% of the investment on the underlying panels.\"\n        }\n      ]\n    },\n    {\n      \"@type\": \"VideoObject\",\n      \"name\": \"Monumental Lichen Wall Installation Time-Lapse\",\n      \"description\": \"Pieri Group Case Study: rapid dry assembly of a preserved moss wall over 3 floors. Completion in a single working day by two operators on a cherry picker.\",\n      \"thumbnailUrl\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/VIDEO-PIERI.mp4\",\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-af7a879 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"af7a879\" 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-5927f37\" data-id=\"5927f37\" 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-be3591e elementor-widget elementor-widget-html\" data-id=\"be3591e\" 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 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 construction site efficiency. Watch the full video (uncut) of a single operator installing and trimming <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 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 lichen 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 Lichen Wall in 7 Minutes\",\n      \"description\": \"Real, uncut demonstration for the B2B construction and architectural sector: installation of 2.18 sqm of Green Habitat preserved lichen wall in just 7 minutes by a single operator in complete autonomy. Dry installation, trimming, and joining techniques to reduce labor costs on site.\",\n      \"thumbnailUrl\": \"https:\/\/img.youtube.com\/vi\/_ZI9LKN6Xaw\/maxresdefault.jpg\",\n      \"uploadDate\": \"2020-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-67dd5f3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"67dd5f3\" 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-d4955b6\" data-id=\"d4955b6\" 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-fe6e1ad elementor-widget elementor-widget-html\" data-id=\"fe6e1ad\" 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 lichen 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\" aria-hidden=\"true\" focusable=\"false\"><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\" aria-hidden=\"true\" focusable=\"false\"><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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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 Lichen 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: Preserved Moss Colors\",\n  \"description\": \"The Green Habitat chromatic material library uses food-grade organic pigments for biophilic panels. Available colors: Light Green, Intense Green, Dark Green, White, Black, Blue, Light Blue, Red, Orange, Yellow, Ochre, Fuchsia. Ideal for replicating Corporate Identity while complying with ESG directives.\",\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-0289cd9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"0289cd9\" 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-6a83b8b\" data-id=\"6a83b8b\" 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-39b70a8 elementor-widget elementor-widget-html\" data-id=\"39b70a8\" 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            B2B 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 natural preservation biotechnology to international architectural protocols, up to the most common doubts. We have analyzed the questions of designers, General Contractors, and end customers to offer you unequivocal and transparent 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. How does the preservation process work? Are toxic substances used?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                Our Nordic moss (<em>Cladonia Stellaris<\/em>) is 100% natural. The ecological preservation process replaces the lifeblood with a <strong>non-toxic mixture based on natural salts, vegetable glycerin, and food-grade pigments<\/strong>. This treatment stops the aging of the plant, making it an inert, biodegradable, and <strong>zero VOC (Volatile Organic Compounds) emitting<\/strong> material, guaranteeing healthy air.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">2. Does preserved moss emit bad odors or chemicals?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>Absolutely not.<\/strong> Green Habitat uses very high-quality purified glycerin. Immediately after installation, you will perceive a slight and pleasant <strong>scent of natural undergrowth<\/strong>, which will fade physiologically within a couple of weeks, leaving the wall totally odorless and neutral.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">3. Is it safe or poisonous for children and pets (dogs and cats)?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>It is totally Pet-Friendly and safe.<\/strong> Unlike many live houseplants (like Poinsettia or Ivy) which are toxic if ingested, our moss, thanks to the exclusive use of salts, vegetable glycerin, and food coloring, is neither poisonous nor harmful in case of accidental contact or ingestion.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">4. Does harvesting the moss damage the Nordic forests?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>No environmental damage.<\/strong> The raw material is rigorously hand-picked in controlled forest areas of Northern Europe. The harvest is authorized and takes place only in specific time windows and limited percentages, allowing the perfect regrowth and renewal of the tundra ecosystem.\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 it a fire-certified material for public venues or offices?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>Yes.<\/strong> The natural salts used in the process act as formidable <strong>ecological flame retardants<\/strong>. Our panel possesses the official fire reaction classification <strong>Class B-s2, d0 (European Standard UNI EN 13501-1)<\/strong> issued by the Istituto Giordano (Report No. 369047). It is hardly flammable and guarantees the total absence of burning droplets.\n            <\/div>\n        <\/details>\n\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. Does it need sunlight? Can I install it in windowless bathrooms or dark corridors?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>Yes, it lives at 0 Lux (total darkness).<\/strong> Since the lifeblood has been replaced, the moss no longer performs chlorophyll photosynthesis. It does not require any source of sunlight or phytostimulating lamps (UV). It is the ultimate architectural solution to bring biophilic design into <strong>windowless bathrooms, corridors, underground meeting rooms, or elevators<\/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. Can I use it outdoors or in a shower cabin?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>NO, it is designed exclusively for interiors (Indoor).<\/strong> Exposure to the elements (rain, frost) or direct contact with liquid water (e.g., a shower jet) would wash away the salts and glycerin, destroying the panel. If installed indoors and away from direct water, it will last for 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. Does the color fade over time? Does it resist solar UV rays?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                To guarantee maximum chromatic brilliance for its entire lifecycle (8-10 years), it is essential <strong>not to expose the wall to direct and prolonged sunlight<\/strong> (UV rays shining through windows) and to keep it away from intense heat sources (radiators in contact). Normal diffused sunlight and LED lighting do not create any problems.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">9. Will my plasterboard wall hold the weight of the green wall?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>Yes, without any structural reinforcement.<\/strong> Our 75x75 cm modular panel has a featherweight that ranges between <strong>5.3 and 5.9 kg per square meter<\/strong>. It is mechanically dry-fixed (Dry Tech) directly onto normal plasterboard sheets using simple screws. \n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">10. Is it flexible? Can I use it to clad circular columns?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                Absolutely yes. The MDF backing of the Green Habitat panels is only 3mm thick and is <strong>extremely flexible<\/strong>. It is engineered to follow the geometries of the building, allowing you to perfectly clad circular pillars and columns continuously and without visible joints (seamless).\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. Humidity at 40-60%: Is it a limit or a guarantee of human health?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <p>It is a guarantee of health. Global guidelines on Indoor Air Quality (<strong>ASHRAE, EPA, and WHO<\/strong>) document that maintaining indoor humidity between 40% and 60% is the only condition that inhibits viruses, bacteria, mites, and prevents respiratory dryness.<\/p>\n                <p>Our moss acts as a <strong>Passive Bio-Hygrometer<\/strong>: it stays soft exactly in this range. If it is soft, you have visual proof that the office air is healthy. If it hardens, it warns you that the air (often due to air conditioning) has become too dry and unhealthy.<\/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 it dries out (below 40% humidity)? Does it die?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>It does not die and does not get ruined.<\/strong> Preserved moss is hygroscopic (it works like a sponge). If the humidity drops below 40%, it simply hardens to the touch. <strong>It should not be touched and must never be sprayed with liquid water.<\/strong> It is enough to restore the correct humidity in the room (with a humidifier or by ventilating) and the moss will autonomously return to being soft and vital in a few hours, absorbing moisture from the air.\n            <\/div>\n        <\/details>\n\n        <details class=\"gh-faq-item\">\n            <summary class=\"gh-faq-summary\">\n                <h3 class=\"gh-faq-question\">13. Does the moss attract dust or insects over time? How is it cleaned?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                The glycerin-based treatment gives the material strong <strong>antistatic<\/strong> properties, naturally repelling dust accumulation. Being inert and soil-free, it provides no vital habitat: <strong>it does not attract insects or parasites in any way<\/strong>. If dust settles during the construction phase, an electrostatic duster or the jet of a hair dryer with cold air from a safe 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 walls contribute to LEED and WELL credits?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                <strong>Yes.<\/strong> Although no single material can be \"LEED Certified\", the inclusion of our biophilic walls actively supports designers in obtaining green building credits.\n                <ul>\n                    <li><strong>WELL Building Standard v2:<\/strong> They meet the requirements of the <em>Mind \/ Biophilia<\/em> (Access to Nature) and <em>Sound<\/em> (Acoustic Comfort) chapters.<\/li>\n                    <li><strong>LEED v4.1:<\/strong> They contribute to the <em>Indoor Environmental Quality<\/em> (thanks to Zero VOC Emissions) and <em>Water Efficiency<\/em> (thanks to Zero Water Consumption for maintenance) credits.<\/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 is the quote calculated and what is the ROI of the investment?<\/h3>\n                <div class=\"gh-faq-icon\" aria-hidden=\"true\"><\/div>\n            <\/summary>\n            <div class=\"gh-faq-answer\">\n                The true evaluation parameter in B2B is the Total Cost of Ownership (TCO) over 5 years. Living vertical gardens entail huge continuous hidden costs (plumbing, phytostimulating lighting, water consumption, and gardener subscriptions). Preserved moss has an <strong>operating and maintenance cost (OPEX) of zero<\/strong>. The initial investment, based on Square Meters and Custom processing, pays for itself in a very short time.\n            <\/div>\n        <\/details>\n\n    <\/div>\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How does the preservation process work? Are toxic substances used?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"The moss (Cladonia Stellaris) is 100% natural. It is preserved by replacing the lifeblood with a non-toxic mixture based on natural salts, vegetable glycerin, and food-grade pigments. The material is inert, biodegradable, and has zero VOC emissions, without the use of synthetic paints or solvents.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Does preserved moss emit bad odors in the office?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Absolutely not. Green Habitat uses purified glycerin. Immediately after installation, you will perceive a slight and pleasant scent of natural undergrowth, which fades in a couple of weeks, leaving the wall odorless.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is it safe or poisonous for children and pets (dogs and cats)?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"It is totally Pet-Friendly and safe. It does not contain pesticides or toxic resins. Thanks to the use of glycerin and food coloring, it is neither poisonous nor harmful in case of accidental contact.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Does harvesting the moss damage the Nordic forests?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"No environmental damage. The raw material is hand-picked in controlled areas and in specific time windows, guaranteeing the natural renewal of the forest ecosystem.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is it a fire-certified material for public venues or offices?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes. The natural salts act as ecological flame retardants. It possesses the Class B-s2, d0 fire certification (UNI EN 13501-1) tested by the Istituto Giordano (hardly flammable, zero droplets).\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Does it need sunlight? Can I install it in windowless bathrooms or dark corridors?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes, it lives at 0 Lux (total darkness). Having stopped photosynthesis, it does not require sunlight or phytostimulating lamps. It is ideal for windowless bathrooms, underground meeting rooms, or elevators.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can I use it outdoors or in a shower cabin?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"No, it is designed exclusively for interiors (Indoor). Rain or direct contact with liquid water (e.g., in a shower) would wash away the salts and glycerin, destroying the panel.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Does the color fade over time? Does it resist solar UV rays?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"It maintains its brilliance for 8-10 years. To guarantee this, it must not be exposed to direct and prolonged sunlight (UV rays) and must be kept away from direct heat sources (e.g., radiators).\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Will my plasterboard wall hold the weight of the green wall?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes, without structural reinforcements. The 75x75 cm panel weighs only between 5.3 and 5.9 kg per square meter. It is dry-fixed with simple screws, making it lighter than a large mirror.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is it flexible? Can I use it to clad circular columns?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Absolutely yes. The 3mm MDF backing is engineered to be flexible, allowing you to clad round columns and curved pillars without visible joints (seamless).\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Humidity at 40-60%: Is it a limit or a guarantee of human health?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"It is a vital health parameter. WHO, ASHRAE, and EPA guidelines state that humidity between 40% and 60% inhibits viruses and prevents respiratory dryness. The moss acts as a bio-hygrometer, remaining soft only in this range.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What happens if it dries out (below 40% humidity)? Does it die?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"It does not die and does not get ruined. Being hygroscopic, below 40% humidity it hardens to the touch. Simply restore the correct environmental humidity and it will become soft again on its own. It must never be watered.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Does the moss attract dust or insects over time? How is it cleaned?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"The glycerin treatment makes it antistatic, repelling dust. Being inert and devoid of soil\/water, it does not attract insects or mold. It can be cleaned if necessary with cold air (e.g., a hairdryer).\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do moss walls contribute to LEED and WELL credits?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes. They support obtaining the LEED v4.1 (Indoor Environmental Quality and Water Efficiency) and WELL Building Standard v2 (Mind \/ Biophilia and Sound chapters) protocols.\" }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How is the quote calculated and what is the ROI of the investment?\",\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Unlike living vertical gardens, moss has zero operating and maintenance costs (Zero OPEX). The quote is calculated based on Sqm and Custom cuts (e.g., Logos). The ROI is very high thanks to the elimination of management costs.\" }\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-c2cd3e5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c2cd3e5\" 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-7e7db8d\" data-id=\"7e7db8d\" 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-4f657f4 elementor-widget elementor-widget-html\" data-id=\"4f657f4\" 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 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.30<\/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 Lichen 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 greenery, 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-1bed2750 elementor-section-full_width form elementor-section-height-default elementor-section-height-default\" data-id=\"1bed2750\" 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-1e2bbefa\" data-id=\"1e2bbefa\" 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-1a75c7d3 elementor-widget elementor-widget-html\" data-id=\"1a75c7d3\" 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-58ea32cf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"58ea32cf\" 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-19f7c150\" data-id=\"19f7c150\" 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-70929a20 elementor-widget elementor-widget-html\" data-id=\"70929a20\" 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-2be04f86 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2be04f86\" 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-363cc2f5\" data-id=\"363cc2f5\" 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-3bc1e9e9 elementor-widget elementor-widget-html\" data-id=\"3bc1e9e9\" 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 Lichen: Competitive price and unique design Stabilized lichen is a 100 percent natural product with sound-absorbing and moisture-regulating qualities that make it an excellent coating for improving indoor comfort and protecting the health of those who live there. This is a truly unique innovation in that, despite being a natural, plant-based product, it can [&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-6365","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6365","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=6365"}],"version-history":[{"count":23,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6365\/revisions"}],"predecessor-version":[{"id":23411,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6365\/revisions\/23411"}],"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=6365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}