{"id":6291,"date":"2022-03-25T14:14:21","date_gmt":"2022-03-25T14:14:21","guid":{"rendered":"https:\/\/greenhabitat.it\/homes\/"},"modified":"2026-03-14T19:56:07","modified_gmt":"2026-03-14T19:56:07","slug":"biophilic-design-projects","status":"publish","type":"page","link":"https:\/\/greenhabitat.it\/en\/biophilic-design-projects\/","title":{"rendered":"Biophilic Office Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6291\" class=\"elementor elementor-6291 elementor-4000\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-045218f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"045218f\" 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-c479df8\" data-id=\"c479df8\" 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-a963eb2 elementor-widget elementor-widget-html\" data-id=\"a963eb2\" 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-cases-header {\n        background-color: #ffffff;\n        padding: 80px 5% 40px 5%;\n        text-align: center;\n        font-family: 'Inter', sans-serif;\n        border-bottom: 1px solid #e2e8f0;\n    }\n    \n    .gh-cases-header .gh-seo-badge {\n        display: inline-block;\n        color: #0284c7; \n        font-size: 0.75rem;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 15px;\n    }\n    \n    .gh-cases-header h1 {\n        font-family: 'Playfair Display', serif;\n        font-size: 3.2rem;\n        color: #0f172a;\n        font-weight: 900;\n        line-height: 1.1;\n        margin: 0 auto 20px auto;\n        max-width: 900px;\n        letter-spacing: -1px;\n    }\n    \n    .gh-cases-header p.gh-lead {\n        font-size: 1.15rem;\n        color: #475569;\n        line-height: 1.6;\n        margin: 0 auto;\n        max-width: 800px;\n    }\n    \n    @media (max-width: 768px) {\n        .gh-cases-header { padding: 50px 20px 30px 20px; }\n        .gh-cases-header h1 { font-size: 2.2rem; }\n        .gh-cases-header p.gh-lead { font-size: 1.05rem; }\n    }\n<\/style>\n\n<header class=\"gh-cases-header\">\n    <span class=\"gh-seo-badge\" aria-hidden=\"true\">Technical Archive | Case Studies<\/span>\n    <h1>Biophilic Design Projects for Architecture and B2B.<\/h1>\n    <p class=\"gh-lead\">Explore the behind-the-scenes of our <strong>biophilic design projects<\/strong>. Detailed case studies on how we solve complex architectural challenges by integrating nature: from noise reduction to air purification in corporate spaces.<\/p>\n<\/header>\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-28fdc348 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"28fdc348\" 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-137568df\" data-id=\"137568df\" 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-40a73d97 elementor-widget elementor-widget-html\" data-id=\"40a73d97\" 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-4b41179 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4b41179\" 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-67fb527\" data-id=\"67fb527\" 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-2811b40 elementor-widget elementor-widget-html\" data-id=\"2811b40\" 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-portfolio-finance-v4 {\n        display: block !important;\n        width: 100% !important;\n        background-color: #ffffff !important; \n        padding: 100px 5% !important;\n        box-sizing: border-box !important;\n        font-family: 'Inter', sans-serif !important;\n        border-bottom: 1px solid #e2e8f0 !important;\n    }\n\n    #gh-portfolio-finance-v4 * { box-sizing: border-box !important; }\n    #gh-portfolio-finance-v4 sup { font-size: 0.6em !important; vertical-align: super !important; line-height: 0 !important; }\n    #gh-portfolio-finance-v4 .gh-hero-case { max-width: 1350px !important; margin: 0 auto !important; }\n\n    #gh-portfolio-finance-v4 .gh-split-grid { \n        display: grid !important; \n        grid-template-columns: 1fr 1.15fr !important; \n        gap: 60px !important; \n        align-items: center !important; \n    }\n\n    #gh-portfolio-finance-v4 .gh-content-left {\n        display: flex !important; flex-direction: column !important; justify-content: center !important;\n    }\n\n    #gh-portfolio-finance-v4 span.gh-dash-badge {\n        display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #334155 !important; \n        font-size: 0.75rem !important; text-transform: uppercase !important; letter-spacing: 2px !important;\n        font-weight: 800 !important; margin-bottom: 20px !important; font-family: 'Inter', sans-serif !important;\n    }\n    #gh-portfolio-finance-v4 span.gh-dash-badge::before {\n        content: '' !important; display: block !important; width: 6px !important; height: 6px !important;\n        background-color: #334155 !important; border-radius: 50% !important;\n    }\n    \n    #gh-portfolio-finance-v4 h2.gh-dash-title {\n        font-size: 2.5rem !important; color: #0f172a !important; margin: 0 0 20px 0 !important;\n        line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: -1px !important;\n        font-family: 'Playfair Display', serif !important; \n    }\n    \n    #gh-portfolio-finance-v4 p.gh-dash-subtitle { \n        font-size: 1.05rem !important; color: #475569 !important; \n        line-height: 1.6 !important; margin: 0 0 35px 0 !important; font-weight: 400 !important; \n    }\n    #gh-portfolio-finance-v4 p.gh-dash-subtitle strong { color: #0f172a !important; font-weight: 800 !important; }\n\n    #gh-portfolio-finance-v4 .gh-telemetry-module {\n        background: #ffffff !important; \n        border-radius: 12px !important; overflow: hidden !important;\n        box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08) !important; \n        border: 1px solid #e2e8f0 !important;\n        display: flex !important; flex-direction: column !important;\n        width: 100% !important;\n        margin-bottom: 0 !important; \n    }\n    \n    #gh-portfolio-finance-v4 .gh-tel-header {\n        padding: 12px 20px !important; background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important;\n        display: flex !important; justify-content: space-between !important; align-items: center !important;\n    }\n    #gh-portfolio-finance-v4 span.gh-tel-title { font-size: 0.7rem !important; font-weight: 800 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; }\n    #gh-portfolio-finance-v4 .gh-tel-live { display: flex !important; align-items: center !important; gap: 6px !important; color: #059669 !important; font-size: 0.6rem !important; font-weight: 800 !important; letter-spacing: 1px !important; }\n    #gh-portfolio-finance-v4 .gh-tel-dot { width: 6px !important; height: 6px !important; background: #059669 !important; border-radius: 50% !important; animation: livePulse 1.5s infinite !important; }\n    @keyframes livePulse { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }\n\n    #gh-portfolio-finance-v4 .gh-tel-stage {\n        padding: 30px 20px !important; position: relative !important; background: #ffffff !important;\n        display: flex !important; align-items: center !important; gap: 20px !important; min-height: 160px !important;\n    }\n    \n    #gh-portfolio-finance-v4 .gh-tel-ring-wrapper { position: relative !important; width: 80px !important; height: 80px !important; flex-shrink: 0 !important; }\n    #gh-portfolio-finance-v4 .gh-tel-ring-bg { position: absolute !important; top:0 !important; left:0 !important; width: 100% !important; height: 100% !important; border-radius: 50% !important; border: 4px solid #f1f5f9 !important; }\n    #gh-portfolio-finance-v4 .gh-tel-ring-active {\n        position: absolute !important; top:0 !important; left:0 !important; width: 100% !important; height: 100% !important; border-radius: 50% !important;\n        border: 4px solid transparent !important; \n        border-top-color: var(--theme-color, #334155) !important; border-right-color: var(--theme-color, #334155) !important;\n        transform: rotate(-45deg) !important; transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.5s ease !important;\n    }\n    #gh-portfolio-finance-v4 .gh-tel-icon-box {\n        position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;\n        width: 30px !important; height: 30px !important; color: var(--theme-color, #334155) !important; transition: opacity 0.3s ease, color 0.5s ease !important;\n    }\n    #gh-portfolio-finance-v4 .gh-tel-icon-box svg { width: 100% !important; height: 100% !important; stroke-width: 2 !important; }\n    \n    #gh-portfolio-finance-v4 .gh-tel-content { display: flex !important; flex-direction: column !important; justify-content: center !important; transition: opacity 0.3s ease !important; text-align: left !important;}\n    #gh-portfolio-finance-v4 .gh-fade-out { opacity: 0 !important; }\n\n    #gh-portfolio-finance-v4 div.gh-tel-lbl { font-size: 0.65rem !important; font-weight: 800 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 4px !important; }\n    #gh-portfolio-finance-v4 div.gh-tel-val { font-family: 'Inter', sans-serif !important; font-size: 1.8rem !important; font-weight: 900 !important; color: var(--theme-color, #334155) !important; line-height: 1 !important; margin-bottom: 8px !important; transition: color 0.5s ease !important; letter-spacing: -1px !important;}\n    #gh-portfolio-finance-v4 div.gh-tel-desc { font-size: 0.9rem !important; color: #475569 !important; line-height: 1.5 !important; font-weight: 400 !important; margin:0 !important; }\n    \n    #gh-portfolio-finance-v4 .gh-tel-controls {\n        display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; padding: 0 !important;\n        background: #f8fafc !important; border-top: 1px solid #e2e8f0 !important;\n    }\n    #gh-portfolio-finance-v4 button.gh-tel-btn {\n        background: transparent !important; border: none !important; border-right: 1px solid #e2e8f0 !important; border-bottom: 1px solid #e2e8f0 !important; padding: 14px 20px !important;\n        display: flex !important; flex-direction: column !important; align-items: flex-start !important; cursor: pointer !important;\n        transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important; position: relative !important; overflow: hidden !important; text-align: left !important;\n    }\n    #gh-portfolio-finance-v4 button.gh-tel-btn:nth-child(even) { border-right: none !important; }\n    #gh-portfolio-finance-v4 button.gh-tel-btn:nth-child(3), #gh-portfolio-finance-v4 button.gh-tel-btn:nth-child(4) { border-bottom: none !important; }\n    \n    #gh-portfolio-finance-v4 button.gh-tel-btn::before {\n        content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important;\n        background: transparent !important; transition: background 0.3s ease !important;\n    }\n    #gh-portfolio-finance-v4 button.gh-tel-btn:hover, #gh-portfolio-finance-v4 button.gh-tel-btn:focus-visible { background: #ffffff !important; }\n    #gh-portfolio-finance-v4 button.gh-tel-btn:focus-visible { outline: 2px solid #0f172a; outline-offset: -2px; }\n    #gh-portfolio-finance-v4 span.gh-btn-eyebrow { font-size: 0.6rem !important; color: #64748b !important; text-transform: uppercase !important; font-weight: 800 !important; letter-spacing: 1px !important; margin-bottom: 2px !important; transition: color 0.3s !important; }\n    #gh-portfolio-finance-v4 span.gh-btn-title { font-size: 0.85rem !important; color: #0f172a !important; font-weight: 700 !important; transition: color 0.3s !important; }\n    \n    #gh-portfolio-finance-v4 button.gh-tel-btn.active { background: #ffffff !important; box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important; z-index: 1 !important; }\n    #gh-portfolio-finance-v4 button.gh-tel-btn.active[data-mode=\"acustica\"]::before { background: #334155 !important; }\n    #gh-portfolio-finance-v4 button.gh-tel-btn.active[data-mode=\"acustica\"] span.gh-btn-title { color: #334155 !important; font-weight: 800 !important; }\n    #gh-portfolio-finance-v4 button.gh-tel-btn.active[data-mode=\"antincendio\"]::before { background: #b45309 !important; }\n    #gh-portfolio-finance-v4 button.gh-tel-btn.active[data-mode=\"antincendio\"] span.gh-btn-title { color: #b45309 !important; font-weight: 800 !important; }\n    #gh-portfolio-finance-v4 button.gh-tel-btn.active[data-mode=\"biofilia\"]::before { background: #0284c7 !important; }\n    #gh-portfolio-finance-v4 button.gh-tel-btn.active[data-mode=\"biofilia\"] span.gh-btn-title { color: #0284c7 !important; font-weight: 800 !important; }\n    #gh-portfolio-finance-v4 button.gh-tel-btn.active[data-mode=\"gestione\"]::before { background: #059669 !important; }\n    #gh-portfolio-finance-v4 button.gh-tel-btn.active[data-mode=\"gestione\"] span.gh-btn-title { color: #059669 !important; font-weight: 800 !important; }\n\n    #gh-portfolio-finance-v4 .gh-content-right {\n        display: flex !important; flex-direction: column !important; justify-content: center !important; width: 100% !important;\n    }\n\n    #gh-portfolio-finance-v4 .gh-gallery-collage {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 12px !important;\n        width: 100% !important;\n        margin-bottom: 25px !important;\n    }\n\n    #gh-portfolio-finance-v4 .gh-collage-main {\n        border-radius: 12px !important;\n        overflow: hidden !important;\n        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.08) !important;\n        width: 100% !important;\n        display: block !important;\n    }\n    \n    #gh-portfolio-finance-v4 .gh-bento-grid-small {\n        display: grid !important;\n        grid-template-columns: repeat(3, 1fr) !important; \n        gap: 12px !important;\n        width: 100% !important;\n    }\n\n    #gh-portfolio-finance-v4 .gh-bento-item {\n        border-radius: 8px !important;\n        overflow: hidden !important;\n        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06) !important;\n        display: block !important;\n        aspect-ratio: 1 \/ 1 !important; \n        position: relative !important;\n    }\n\n    #gh-portfolio-finance-v4 .gh-gallery-collage img {\n        width: 100% !important;\n        display: block !important;\n        transition: transform 0.6s ease !important;\n    }\n\n    #gh-portfolio-finance-v4 .gh-collage-main img {\n        height: auto !important; \n        object-fit: contain !important;\n    }\n\n    #gh-portfolio-finance-v4 .gh-bento-item img {\n        height: 100% !important;\n        object-fit: cover !important;\n    }\n\n    #gh-portfolio-finance-v4 .gh-collage-main:hover img,\n    #gh-portfolio-finance-v4 .gh-bento-item:hover img {\n        transform: scale(1.05) !important;\n    }\n    \n    #gh-portfolio-finance-v4 .gh-link-cover {\n        position: absolute !important;\n        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        width: 100% !important; height: 100% !important;\n        z-index: 3 !important;\n        text-decoration: none !important;\n    }\n\n    #gh-portfolio-finance-v4 .gh-more-overlay {\n        position: absolute !important;\n        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        background: rgba(15, 23, 42, 0.75) !important; \n        backdrop-filter: blur(3px) !important;\n        -webkit-backdrop-filter: blur(3px) !important;\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: center !important;\n        align-items: center !important;\n        color: #ffffff !important;\n        font-family: 'Inter', sans-serif !important;\n        transition: background 0.3s ease !important;\n        cursor: pointer !important;\n        z-index: 2 !important;\n        pointer-events: none !important; \n    }\n\n    #gh-portfolio-finance-v4 .gh-bento-item:hover .gh-more-overlay {\n        background: rgba(15, 23, 42, 0.9) !important;\n    }\n\n    #gh-portfolio-finance-v4 .gh-more-overlay svg {\n        width: 22px !important;\n        stroke: #ffffff !important;\n        margin-bottom: 6px !important;\n        transition: transform 0.3s ease !important;\n    }\n    #gh-portfolio-finance-v4 .gh-bento-item:hover .gh-more-overlay svg {\n        transform: scale(1.15) !important;\n    }\n\n    #gh-portfolio-finance-v4 .gh-more-text {\n        font-size: 0.85rem !important;\n        font-weight: 800 !important;\n        letter-spacing: 1px !important;\n        text-transform: uppercase !important;\n        text-align: center !important;\n        line-height: 1.3 !important;\n    }\n    #gh-portfolio-finance-v4 .gh-more-text small {\n        font-size: 0.65rem !important;\n        color: #cbd5e1 !important; \n        letter-spacing: 0.5px !important;\n    }\n\n    #gh-portfolio-finance-v4 a.gh-cta-project {\n        display: inline-flex !important; align-items: center !important; justify-content: space-between !important; \n        background-color: #f8fafc !important; color: #0f172a !important; text-decoration: none !important;\n        padding: 20px 30px !important; border-radius: 12px !important;\n        font-family: 'Inter', sans-serif !important; font-weight: 800 !important; font-size: 0.95rem !important; \n        text-transform: uppercase !important; letter-spacing: 1px !important;\n        width: 100% !important; \n        transition: all 0.3s ease !important;\n        border: 2px dashed #cbd5e1 !important;\n    }\n    #gh-portfolio-finance-v4 a.gh-cta-project:hover {\n        background-color: #0f172a !important; color: #ffffff !important; border-color: #0f172a !important;\n        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.15) !important;\n        transform: translateY(-3px) !important;\n    }\n    #gh-portfolio-finance-v4 a.gh-cta-project svg { width: 20px !important; transition: transform 0.3s ease !important; }\n    #gh-portfolio-finance-v4 a.gh-cta-project:hover svg { transform: translateX(5px) !important; stroke: #ffffff !important; }\n\n    @media (max-width: 1024px) {\n        #gh-portfolio-finance-v4 { padding: 60px 20px !important; }\n        #gh-portfolio-finance-v4 .gh-split-grid { grid-template-columns: 1fr !important; gap: 50px !important; }\n        #gh-portfolio-finance-v4 h2.gh-dash-title { font-size: 2.2rem !important; }\n    }\n    @media (max-width: 600px) {\n        #gh-portfolio-finance-v4 .gh-tel-stage { flex-direction: column !important; text-align: center !important; gap: 15px !important; padding: 25px 20px !important;}\n        #gh-portfolio-finance-v4 .gh-tel-content { text-align: center !important; align-items: center !important; }\n        #gh-portfolio-finance-v4 button.gh-tel-btn { padding: 12px 15px !important; }\n        #gh-portfolio-finance-v4 .gh-bento-grid-small { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; } \n        #gh-portfolio-finance-v4 a.gh-cta-project { padding: 15px 20px !important; font-size: 0.8rem !important; }\n        #gh-portfolio-finance-v4 .gh-more-text { font-size: 0.65rem !important; }\n    }\n<\/style>\n\n<div id=\"gh-portfolio-finance-v4\" aria-labelledby=\"gh-case-study-finance\">\n    <div class=\"gh-hero-case\">\n\n        <div class=\"gh-split-grid\">\n            \n            <div class=\"gh-content-left\">\n                <span class=\"gh-dash-badge\" aria-hidden=\"true\">Corporate Finance | Headquarter & Branches<\/span>\n                \n                <h2 id=\"gh-case-study-finance\" class=\"gh-dash-title\">Financial Group: Acoustic Privacy and Biophilic Design Projects.<\/h2>\n                \n                <p class=\"gh-dash-subtitle\">\n                    <strong>The Challenge:<\/strong> Mitigating acoustic chaos and visual pollution in large executive open space environments. The goal was to integrate true <strong>biophilic design projects<\/strong> to guarantee privacy between workstations, reduce phone call reverberation (speech noise), and insert natural elements, while strictly respecting the severe fire safety standards of the banking sector.<br><br>\n                    <strong>The Solution:<\/strong> The strategic insertion of freestanding double-sided walls and dividers in real preserved Nordic Lichen. In addition to configuring the layout flexibly, this advanced application of <strong>biophilic design<\/strong> acts as a targeted acoustic shield and an anti-stress visual barrier for the team, completely eliminating maintenance costs and the risks associated with water systems.\n                <\/p>\n\n                <div class=\"gh-telemetry-module js-telemetry-module\" aria-live=\"polite\">\n                    \n                    <div class=\"gh-tel-header\">\n                        <span class=\"gh-tel-title\">Acoustics & HR Engineering<\/span>\n                        <div class=\"gh-tel-live\"><span class=\"gh-tel-dot\" aria-hidden=\"true\"><\/span> <span class=\"js-live-text\">AUTO-PLAY<\/span><\/div>\n                    <\/div>\n\n                    <div class=\"gh-tel-stage\" style=\"--theme-color: #334155;\">\n                        <div class=\"gh-tel-ring-wrapper\" aria-hidden=\"true\">\n                            <div class=\"gh-tel-ring-bg\"><\/div>\n                            <div class=\"gh-tel-ring-active js-tel-ring\"><\/div>\n                            <div class=\"gh-tel-icon-box js-tel-icon\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path><\/svg>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"gh-tel-content js-tel-content-wrap\">\n                            <div class=\"gh-tel-lbl js-tel-lbl\">VOCAL ABSORPTION<\/div>\n                            <div class=\"gh-tel-val js-tel-val\">\u03b1w 0.41 @ 2000Hz<\/div>\n                            <div class=\"gh-tel-desc js-tel-desc\">Reverberation chamber tests (UNI EN ISO 354) confirm the effectiveness of the lichen on critical speech frequencies: absorption coefficient 0.38 at 1000 Hz and 0.41 at 2000 Hz. Background noise is literally broken.<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"gh-tel-controls\" role=\"tablist\">\n                        <button class=\"gh-tel-btn active js-tel-btn\" data-mode=\"acustica\" role=\"tab\" aria-selected=\"true\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Performance<\/span>\n                            <span class=\"gh-btn-title\">Acoustic Data<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"antincendio\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Compliance<\/span>\n                            <span class=\"gh-btn-title\">Fire Safety<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"biofilia\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Human Resources<\/span>\n                            <span class=\"gh-btn-title\">Deep Work<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"gestione\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Facility<\/span>\n                            <span class=\"gh-btn-title\">Zero Systems<\/span>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-content-right\">\n                \n                <div class=\"gh-gallery-collage\">\n                    \n                    <div class=\"gh-collage-main\">\n                        <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/giardino-verticale-indoor-sala-riunioni.jpg\" alt=\"Biophilic design projects: Green divider panels for executive office open spaces\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    \n                    <div class=\"gh-bento-grid-small\">\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/divisori-vegetali-ambienti-lavoro.jpg\" alt=\"Natural sound insulation and biophilic design in open spaces\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/fioriera-verde-senza-manutenzione.jpg\" alt=\"Employee well-being with corporate biophilic design projects\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-verde-stabilizzato-uffici-direzionali.jpg\" alt=\"Separation of workstations using biophilic design solutions\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pannelli-fonoassorbenti-vegetali-ufficio.jpg\" alt=\"Acoustic privacy for executive offices with preserved greenery\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/verde-stabilizzato-pareti-centro-commerciale.jpg\" alt=\"Vegetal sound-absorbing panels for indoor architecture\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n\n                        <div class=\"gh-bento-item\" aria-label=\"View 18 more photos of the Corporate Finance project\">\n                            <a href=\"https:\/\/greenhabitat.it\/en\/contact-us\/\" class=\"gh-link-cover\" aria-hidden=\"true\" tabindex=\"-1\"><\/a>\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/fioriere-senza-manutenzione.jpg\" alt=\"Biophilic design projects and sustainable office furniture for banks\" loading=\"lazy\" decoding=\"async\">\n                            \n                            <div class=\"gh-more-overlay\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n                                <span class=\"gh-more-text\">+18 PHOTOS<br><small>Request More<\/small><\/span>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n\n                <\/div>\n\n                <a href=\"https:\/\/greenhabitat.it\/en\/contact-us\/\" class=\"gh-cta-project\" aria-label=\"Request more information on Open Space optimization\">\n                    <span>Request Open Space insight<\/span>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                <\/a>\n\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Financial Group: Acoustic Privacy and Biophilic Design Projects\",\n  \"description\": \"Case study on the application of Biophilic Design in Corporate Finance headquarters. Use of walls and dividers in preserved Nordic Lichen to guarantee privacy, reduce acoustic reverberation (\u03b1w 0.41), and comply with fire safety regulations (Class B-s2, d0) at zero operating costs.\",\n  \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/giardino-verticale-indoor-sala-riunioni.jpg\",\n  \"author\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\"\n  },\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\",\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2022\/02\/logo-green-habitat.png\"\n    }\n  }\n}\n<\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    const modules = document.querySelectorAll('#gh-portfolio-finance-v4 .js-telemetry-module');\n    \n    const dataHub = {\n        acustica: {\n            color: '#334155', \n            lbl: 'VOCAL ABSORPTION',\n            val: '\u03b1w 0.41 @ 2000Hz',\n            desc: 'Reverberation chamber tests (UNI EN ISO 354) confirm the effectiveness of the lichen on critical speech frequencies: absorption coefficient 0.38 at 1000 Hz and 0.41 at 2000 Hz. Background noise is literally broken.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path><\/svg>'\n        },\n        antincendio: {\n            color: '#b45309', \n            lbl: 'REACTION TO FIRE',\n            val: 'Class B-s2, d0',\n            desc: 'The fundamental passport for major contracts. Our lichen is certified to the highest levels: it retards flame (B), produces limited smoke (s2), and does not drip (d0), allowing safe installation.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2c0 0-4 3-4 8a4 4 0 0 0 8 0c0-5-4-8-4-8z\"><\/path><path d=\"M12 2c0 0 4 3 4 8a4 4 0 0 1-8 0c0-5 4-8 4-8z\"><\/path><path d=\"M12 12c0-2-1.5-3-1.5-3s1.5 2.5 1.5 4.5\"><\/path><\/svg>'\n        },\n        biofilia: {\n            color: '#0284c7', \n            lbl: 'VISUAL PRIVACY',\n            val: 'Zero \"Cage Effect\"',\n            desc: 'No more plexiglass or plasterboard partitions. The use of soft organic textures creates protected micro-environments that lower mental fatigue, improving focus (Deep Work) and productivity of financial teams.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>'\n        },\n        gestione: {\n            color: '#059669', \n            lbl: 'MAINTENANCE COSTS',\n            val: '0 \u20ac \/ Year',\n            desc: 'While bringing nature a few centimeters from employees\\' computers, the system is completely dry. No soil, insects, or watering needs: a perfect asset for the safety of IT equipment.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>'\n        }\n    };\n\n    modules.forEach(mod => {\n        if(mod.dataset.init) return;\n        mod.dataset.init = 'true';\n\n        const stage = mod.querySelector('.gh-tel-stage');\n        const ring = mod.querySelector('.js-tel-ring');\n        const iconBox = mod.querySelector('.js-tel-icon');\n        const contentWrap = mod.querySelector('.js-tel-content-wrap');\n        const lbl = mod.querySelector('.js-tel-lbl');\n        const val = mod.querySelector('.js-tel-val');\n        const desc = mod.querySelector('.js-tel-desc');\n        const btns = mod.querySelectorAll('.js-tel-btn');\n        const liveText = mod.querySelector('.js-live-text');\n        \n        let keys = Object.keys(dataHub);\n        let currentIndex = 0; \n        let isAutoPlaying = true;\n        let autoInterval;\n\n        function updateTelemetry(mode, isAuto = false) {\n            if(!isAuto) {\n                isAutoPlaying = false;\n                clearInterval(autoInterval);\n                if(liveText) liveText.innerText = 'MANUAL';\n            }\n\n            const data = dataHub[mode];\n            \n            btns.forEach(b => {\n                b.classList.remove('active');\n                b.setAttribute('aria-selected', 'false');\n            });\n            const activeBtn = mod.querySelector(`[data-mode=\"${mode}\"]`);\n            if(activeBtn) {\n                activeBtn.classList.add('active');\n                activeBtn.setAttribute('aria-selected', 'true');\n            }\n\n            stage.style.setProperty('--theme-color', data.color);\n\n            ring.style.transition = 'none';\n            ring.style.transform = 'rotate(-180deg)';\n            void ring.offsetWidth; \n            ring.style.transition = 'all 0.8s cubic-bezier(0.25, 1, 0.5, 1)';\n            ring.style.transform = 'rotate(-45deg)';\n\n            contentWrap.classList.add('gh-fade-out');\n            iconBox.classList.add('gh-fade-out');\n            \n            setTimeout(() => {\n                iconBox.innerHTML = data.icon;\n                lbl.innerText = data.lbl;\n                val.innerHTML = data.val; \n                desc.innerHTML = data.desc;\n                \n                contentWrap.classList.remove('gh-fade-out');\n                iconBox.classList.remove('gh-fade-out');\n            }, 300);\n        }\n\n        function cycleTelemetry() {\n            if(!isAutoPlaying) return;\n            currentIndex = (currentIndex + 1) % keys.length;\n            updateTelemetry(keys[currentIndex], true);\n        }\n\n        btns.forEach((btn, index) => {\n            btn.addEventListener('click', () => {\n                currentIndex = index;\n                updateTelemetry(btn.dataset.mode, false);\n            });\n        });\n\n        if ('IntersectionObserver' in window) {\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        if (isAutoPlaying && !autoInterval) {\n                            autoInterval = setInterval(cycleTelemetry, 4800);\n                        }\n                    } else {\n                        clearInterval(autoInterval);\n                        autoInterval = null;\n                    }\n                });\n            }, { threshold: 0.1 });\n            observer.observe(mod);\n        } else {\n            autoInterval = setInterval(cycleTelemetry, 4800);\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-05d2939 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"05d2939\" 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-9112236\" data-id=\"9112236\" 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-253ad8c elementor-widget elementor-widget-html\" data-id=\"253ad8c\" 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-portfolio-lenovo-v3 {\n        display: block !important;\n        width: 100% !important;\n        background-color: #ffffff !important; \n        padding: 100px 5% !important;\n        box-sizing: border-box !important;\n        font-family: 'Inter', sans-serif !important;\n        border-bottom: 1px solid #e2e8f0 !important;\n    }\n\n    #gh-portfolio-lenovo-v3 * { box-sizing: border-box !important; }\n    #gh-portfolio-lenovo-v3 sup { font-size: 0.6em !important; vertical-align: super !important; line-height: 0 !important; }\n    #gh-portfolio-lenovo-v3 .gh-hero-case { max-width: 1350px !important; margin: 0 auto !important; }\n\n    #gh-portfolio-lenovo-v3 .gh-split-grid { \n        display: grid !important; \n        grid-template-columns: 1fr 1.15fr !important; \n        gap: 60px !important; \n        align-items: center !important; \n    }\n\n    #gh-portfolio-lenovo-v3 .gh-content-left {\n        display: flex !important; flex-direction: column !important; justify-content: center !important;\n    }\n\n    #gh-portfolio-lenovo-v3 span.gh-dash-badge {\n        display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #b45309 !important; \n        font-size: 0.75rem !important; text-transform: uppercase !important; letter-spacing: 2px !important;\n        font-weight: 800 !important; margin-bottom: 20px !important; font-family: 'Inter', sans-serif !important;\n    }\n    #gh-portfolio-lenovo-v3 span.gh-dash-badge::before {\n        content: '' !important; display: block !important; width: 6px !important; height: 6px !important;\n        background-color: #b45309 !important; border-radius: 50% !important;\n    }\n    \n    #gh-portfolio-lenovo-v3 h2.gh-dash-title {\n        font-size: 2.5rem !important; color: #0f172a !important; margin: 0 0 20px 0 !important;\n        line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: -1px !important;\n        font-family: 'Playfair Display', serif !important; \n    }\n    \n    #gh-portfolio-lenovo-v3 p.gh-dash-subtitle { \n        font-size: 1.05rem !important; color: #475569 !important; \n        line-height: 1.6 !important; margin: 0 0 35px 0 !important; font-weight: 400 !important; \n    }\n    #gh-portfolio-lenovo-v3 p.gh-dash-subtitle strong { color: #0f172a !important; font-weight: 800 !important; }\n\n    #gh-portfolio-lenovo-v3 .gh-telemetry-module {\n        background: #ffffff !important; \n        border-radius: 12px !important; overflow: hidden !important;\n        box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08) !important; \n        border: 1px solid #e2e8f0 !important;\n        display: flex !important; flex-direction: column !important;\n        width: 100% !important;\n        margin-bottom: 0 !important; \n    }\n    \n    #gh-portfolio-lenovo-v3 .gh-tel-header {\n        padding: 12px 20px !important; background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important;\n        display: flex !important; justify-content: space-between !important; align-items: center !important;\n    }\n    #gh-portfolio-lenovo-v3 span.gh-tel-title { font-size: 0.7rem !important; font-weight: 800 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; }\n    #gh-portfolio-lenovo-v3 .gh-tel-live { display: flex !important; align-items: center !important; gap: 6px !important; color: #059669 !important; font-size: 0.6rem !important; font-weight: 800 !important; letter-spacing: 1px !important; }\n    #gh-portfolio-lenovo-v3 .gh-tel-dot { width: 6px !important; height: 6px !important; background: #059669 !important; border-radius: 50% !important; animation: livePulse 1.5s infinite !important; }\n    @keyframes livePulse { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }\n\n    #gh-portfolio-lenovo-v3 .gh-tel-stage {\n        padding: 30px 20px !important; position: relative !important; background: #ffffff !important;\n        display: flex !important; align-items: center !important; gap: 20px !important; min-height: 160px !important;\n    }\n    \n    #gh-portfolio-lenovo-v3 .gh-tel-ring-wrapper { position: relative !important; width: 80px !important; height: 80px !important; flex-shrink: 0 !important; }\n    #gh-portfolio-lenovo-v3 .gh-tel-ring-bg { position: absolute !important; top:0 !important; left:0 !important; width: 100% !important; height: 100% !important; border-radius: 50% !important; border: 4px solid #f1f5f9 !important; }\n    #gh-portfolio-lenovo-v3 .gh-tel-ring-active {\n        position: absolute !important; top:0 !important; left:0 !important; width: 100% !important; height: 100% !important; border-radius: 50% !important;\n        border: 4px solid transparent !important; \n        border-top-color: var(--theme-color, #0284c7) !important; border-right-color: var(--theme-color, #0284c7) !important;\n        transform: rotate(-45deg) !important; transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.5s ease !important;\n    }\n    #gh-portfolio-lenovo-v3 .gh-tel-icon-box {\n        position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;\n        width: 30px !important; height: 30px !important; color: var(--theme-color, #0284c7) !important; transition: opacity 0.3s ease, color 0.5s ease !important;\n    }\n    #gh-portfolio-lenovo-v3 .gh-tel-icon-box svg { width: 100% !important; height: 100% !important; stroke-width: 2 !important; }\n    \n    #gh-portfolio-lenovo-v3 .gh-tel-content { display: flex !important; flex-direction: column !important; justify-content: center !important; transition: opacity 0.3s ease !important; text-align: left !important;}\n    #gh-portfolio-lenovo-v3 .gh-fade-out { opacity: 0 !important; }\n\n    #gh-portfolio-lenovo-v3 div.gh-tel-lbl { font-size: 0.65rem !important; font-weight: 800 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 4px !important; }\n    #gh-portfolio-lenovo-v3 div.gh-tel-val { font-family: 'Inter', sans-serif !important; font-size: 1.8rem !important; font-weight: 900 !important; color: var(--theme-color, #0284c7) !important; line-height: 1 !important; margin-bottom: 8px !important; transition: color 0.5s ease !important; letter-spacing: -1px !important;}\n    #gh-portfolio-lenovo-v3 div.gh-tel-desc { font-size: 0.9rem !important; color: #475569 !important; line-height: 1.5 !important; font-weight: 400 !important; margin:0 !important; }\n    \n    #gh-portfolio-lenovo-v3 .gh-tel-controls {\n        display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; padding: 0 !important;\n        background: #f8fafc !important; border-top: 1px solid #e2e8f0 !important;\n    }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn {\n        background: transparent !important; border: none !important; border-right: 1px solid #e2e8f0 !important; border-bottom: 1px solid #e2e8f0 !important; padding: 14px 20px !important;\n        display: flex !important; flex-direction: column !important; align-items: flex-start !important; cursor: pointer !important;\n        transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important; position: relative !important; overflow: hidden !important; text-align: left !important;\n    }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn:nth-child(even) { border-right: none !important; }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn:nth-child(3), #gh-portfolio-lenovo-v3 button.gh-tel-btn:nth-child(4) { border-bottom: none !important; }\n    \n    #gh-portfolio-lenovo-v3 button.gh-tel-btn::before {\n        content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important;\n        background: transparent !important; transition: background 0.3s ease !important;\n    }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn:hover, #gh-portfolio-lenovo-v3 button.gh-tel-btn:focus-visible { background: #ffffff !important; }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn:focus-visible { outline: 2px solid #0f172a; outline-offset: -2px; }\n    #gh-portfolio-lenovo-v3 span.gh-btn-eyebrow { font-size: 0.6rem !important; color: #64748b !important; text-transform: uppercase !important; font-weight: 800 !important; letter-spacing: 1px !important; margin-bottom: 2px !important; transition: color 0.3s !important; }\n    #gh-portfolio-lenovo-v3 span.gh-btn-title { font-size: 0.85rem !important; color: #0f172a !important; font-weight: 700 !important; transition: color 0.3s !important; }\n    \n    #gh-portfolio-lenovo-v3 button.gh-tel-btn.active { background: #ffffff !important; box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important; z-index: 1 !important; }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn.active[data-mode=\"ingegneria\"]::before { background: #0284c7 !important; }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn.active[data-mode=\"ingegneria\"] span.gh-btn-title { color: #0284c7 !important; font-weight: 800 !important; }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn.active[data-mode=\"retail\"]::before { background: #334155 !important; }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn.active[data-mode=\"retail\"] span.gh-btn-title { color: #334155 !important; font-weight: 800 !important; }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn.active[data-mode=\"brand\"]::before { background: #b45309 !important; }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn.active[data-mode=\"brand\"] span.gh-btn-title { color: #b45309 !important; font-weight: 800 !important; }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn.active[data-mode=\"gestione\"]::before { background: #059669 !important; }\n    #gh-portfolio-lenovo-v3 button.gh-tel-btn.active[data-mode=\"gestione\"] span.gh-btn-title { color: #059669 !important; font-weight: 800 !important; }\n\n    #gh-portfolio-lenovo-v3 .gh-content-right {\n        display: flex !important; flex-direction: column !important; justify-content: center !important; width: 100% !important;\n    }\n\n    #gh-portfolio-lenovo-v3 .gh-gallery-collage {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 12px !important;\n        width: 100% !important;\n        margin-bottom: 25px !important;\n    }\n\n    #gh-portfolio-lenovo-v3 .gh-collage-main {\n        border-radius: 12px !important;\n        overflow: hidden !important;\n        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.08) !important;\n        width: 100% !important;\n        display: block !important;\n    }\n    \n    #gh-portfolio-lenovo-v3 .gh-bento-grid-small {\n        display: grid !important;\n        grid-template-columns: repeat(3, 1fr) !important; \n        gap: 12px !important;\n        width: 100% !important;\n    }\n\n    #gh-portfolio-lenovo-v3 .gh-bento-item {\n        border-radius: 8px !important;\n        overflow: hidden !important;\n        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06) !important;\n        display: block !important;\n        aspect-ratio: 1 \/ 1 !important; \n        position: relative !important;\n        transform: translateZ(0) !important; \n    }\n\n    #gh-portfolio-lenovo-v3 .gh-gallery-collage img {\n        width: 100% !important;\n        display: block !important;\n        transition: transform 0.6s ease !important;\n    }\n\n    #gh-portfolio-lenovo-v3 .gh-collage-main img {\n        height: auto !important; \n        object-fit: contain !important;\n    }\n\n    #gh-portfolio-lenovo-v3 .gh-bento-item img {\n        height: 100% !important;\n        object-fit: cover !important;\n    }\n\n    #gh-portfolio-lenovo-v3 .gh-collage-main:hover img,\n    #gh-portfolio-lenovo-v3 .gh-bento-item:hover img {\n        transform: scale(1.05) !important;\n    }\n\n    #gh-portfolio-lenovo-v3 .gh-link-cover {\n        position: absolute !important;\n        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        width: 100% !important; height: 100% !important;\n        z-index: 3 !important;\n        text-decoration: none !important;\n    }\n\n    #gh-portfolio-lenovo-v3 .gh-more-overlay {\n        position: absolute !important;\n        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        background: rgba(15, 23, 42, 0.75) !important; \n        backdrop-filter: blur(3px) !important;\n        -webkit-backdrop-filter: blur(3px) !important;\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: center !important;\n        align-items: center !important;\n        color: #ffffff !important;\n        font-family: 'Inter', sans-serif !important;\n        transition: background 0.3s ease !important;\n        cursor: pointer !important;\n        z-index: 2 !important;\n        pointer-events: none !important; \n    }\n\n    #gh-portfolio-lenovo-v3 .gh-bento-item:hover .gh-more-overlay {\n        background: rgba(15, 23, 42, 0.9) !important;\n    }\n\n    #gh-portfolio-lenovo-v3 .gh-more-overlay svg {\n        width: 22px !important;\n        stroke: #ffffff !important;\n        margin-bottom: 6px !important;\n        transition: transform 0.3s ease !important;\n    }\n    \n    #gh-portfolio-lenovo-v3 .gh-bento-item:hover .gh-more-overlay svg {\n        transform: scale(1.15) !important;\n    }\n\n    #gh-portfolio-lenovo-v3 .gh-more-text {\n        font-size: 0.85rem !important;\n        font-weight: 800 !important;\n        letter-spacing: 1px !important;\n        text-transform: uppercase !important;\n        text-align: center !important;\n        line-height: 1.3 !important;\n    }\n    #gh-portfolio-lenovo-v3 .gh-more-text small {\n        font-size: 0.60rem !important;\n        color: #cbd5e1 !important; \n        letter-spacing: 0.5px !important;\n    }\n\n    #gh-portfolio-lenovo-v3 a.gh-cta-project {\n        display: inline-flex !important; align-items: center !important; justify-content: space-between !important; \n        background-color: #ffffff !important; color: #0f172a !important; text-decoration: none !important;\n        padding: 20px 30px !important; border-radius: 12px !important;\n        font-family: 'Inter', sans-serif !important; font-weight: 800 !important; font-size: 0.95rem !important; \n        text-transform: uppercase !important; letter-spacing: 1px !important;\n        width: 100% !important; \n        transition: all 0.3s ease !important;\n        border: 2px dashed #cbd5e1 !important;\n    }\n    #gh-portfolio-lenovo-v3 a.gh-cta-project:hover {\n        background-color: #0f172a !important; color: #ffffff !important; border-color: #0f172a !important;\n        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.15) !important;\n        transform: translateY(-3px) !important;\n    }\n    #gh-portfolio-lenovo-v3 a.gh-cta-project svg { width: 20px !important; transition: transform 0.3s ease !important; }\n    #gh-portfolio-lenovo-v3 a.gh-cta-project:hover svg { transform: translateX(5px) !important; stroke: #ffffff !important; }\n\n    @media (max-width: 1024px) {\n        #gh-portfolio-lenovo-v3 { padding: 60px 20px !important; }\n        #gh-portfolio-lenovo-v3 .gh-split-grid { grid-template-columns: 1fr !important; gap: 50px !important; }\n        #gh-portfolio-lenovo-v3 h2.gh-dash-title { font-size: 2.2rem !important; }\n    }\n    @media (max-width: 600px) {\n        #gh-portfolio-lenovo-v3 .gh-tel-stage { flex-direction: column !important; text-align: center !important; gap: 15px !important; padding: 25px 20px !important;}\n        #gh-portfolio-lenovo-v3 .gh-tel-content { text-align: center !important; align-items: center !important; }\n        #gh-portfolio-lenovo-v3 button.gh-tel-btn { padding: 12px 15px !important; }\n        #gh-portfolio-lenovo-v3 .gh-bento-grid-small { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; } \n        #gh-portfolio-lenovo-v3 a.gh-cta-project { padding: 15px 20px !important; font-size: 0.8rem !important; }\n        #gh-portfolio-lenovo-v3 .gh-more-text { font-size: 0.65rem !important; }\n    }\n<\/style>\n\n<div id=\"gh-portfolio-lenovo-v3\" aria-labelledby=\"gh-case-study-lenovo\">\n    <div class=\"gh-hero-case\">\n\n        <div class=\"gh-split-grid\">\n            \n            <div class=\"gh-content-left\">\n                <span class=\"gh-dash-badge\" aria-hidden=\"true\">Retail & Tech | Flagship Store<\/span>\n                \n                <h2 id=\"gh-case-study-lenovo\" class=\"gh-dash-title\">Biophilic Design Projects: Inspectable Columns in the Lenovo Flagship.<\/h2>\n                \n                <p class=\"gh-dash-subtitle\">\n                    <strong>The Challenge:<\/strong> Transform dozens of unsightly reinforced concrete load-bearing pillars, scattered over several floors, into attractive design elements for displaying tech products. All this while guaranteeing accessibility to the internal technical systems and respecting the brand's strict sustainability standards.<br><br>\n                    <strong>The Solution:<\/strong> An engineered Preserved Greenery cladding that fully fits among our most innovative <strong>biophilic design projects<\/strong> for retail. Thanks to CNC machined Forex panels, we created green trunks equipped with invisible \"push-pull\" doors. The columns have become the exhibition and eco-sustainable fulcrum of the store, with zero maintenance.\n                <\/p>\n\n                <div class=\"gh-telemetry-module js-telemetry-module\" aria-live=\"polite\">\n                    \n                    <div class=\"gh-tel-header\">\n                        <span class=\"gh-tel-title\">Architectural & Retail Monitoring<\/span>\n                        <div class=\"gh-tel-live\"><span class=\"gh-tel-dot\" aria-hidden=\"true\"><\/span> <span class=\"js-live-text\">AUTO-PLAY<\/span><\/div>\n                    <\/div>\n\n                    <div class=\"gh-tel-stage\" style=\"--theme-color: #0284c7;\">\n                        <div class=\"gh-tel-ring-wrapper\" aria-hidden=\"true\">\n                            <div class=\"gh-tel-ring-bg\"><\/div>\n                            <div class=\"gh-tel-ring-active js-tel-ring\"><\/div>\n                            <div class=\"gh-tel-icon-box js-tel-icon\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"><\/line><\/svg>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"gh-tel-content js-tel-content-wrap\">\n                            <div class=\"gh-tel-lbl js-tel-lbl\">PUSH-PULL SYSTEM<\/div>\n                            <div class=\"gh-tel-val js-tel-val\">100% Accessible<\/div>\n                            <div class=\"gh-tel-desc js-tel-desc\">No technical compromise. The CNC milled panels hide invisible doors among the foliage, guaranteeing immediate access to the structural systems without ruining the design.<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"gh-tel-controls\" role=\"tablist\">\n                        <button class=\"gh-tel-btn active js-tel-btn\" data-mode=\"ingegneria\" role=\"tab\" aria-selected=\"true\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Functionality<\/span>\n                            <span class=\"gh-btn-title\">Inspectability<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"retail\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Visual Merchandising<\/span>\n                            <span class=\"gh-btn-title\">Product Display<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"brand\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Sustainability<\/span>\n                            <span class=\"gh-btn-title\">Brand Identity<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"gestione\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Management<\/span>\n                            <span class=\"gh-btn-title\">Zero Plumbing<\/span>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-content-right\">\n                \n                <div class=\"gh-gallery-collage\">\n                    \n                    <div class=\"gh-collage-main\">\n                        <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/retail-design-biofilico-negozio-tecnologia-lenovo.jpg\" alt=\"Biophilic design projects for retail: Preserved green columns Lenovo Flagship Store\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    \n                    <div class=\"gh-bento-grid-small\">\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/brand-identity-sostenibile-lenovo-verde-indoor.jpg\" alt=\"Tech product display on green column: examples of biophilic design\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/pannelli-cnc-rivestimento-colonne-verde-indoor.jpg\" alt=\"Inspectable push pull panel for preserved greenery cladding\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/riqualificazione-pilastri-cemento-design-biofilico.jpg\" alt=\"Sustainable retail interior design and biophilic design for shops\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/sistema-push-pull-ispezionabile-parete-verde.jpg\" alt=\"Reinforced concrete pillar cladding with inspectable preserved greenery\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/architettura-sostenibile-spazi-commerciali-lenovo.jpg\" alt=\"Sustainable architecture Lenovo hi-tech shop\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n\n                        <div class=\"gh-bento-item\" aria-label=\"View another 18 photos of the Lenovo project\">\n                            <a href=\"https:\/\/greenhabitat.it\/en\/contact-us\/\" class=\"gh-link-cover\" aria-hidden=\"true\" tabindex=\"-1\"><\/a>\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/brand-identity-sostenibile-lenovo-verde-indoor.jpg\" alt=\"Lenovo commercial green furniture details\" loading=\"lazy\" decoding=\"async\">\n                            \n                            <div class=\"gh-more-overlay\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n                                <span class=\"gh-more-text\">+18 PHOTOS<br><small>Request More<\/small><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <a href=\"https:\/\/greenhabitat.it\/en\/contact-us\/\" class=\"gh-cta-project\" aria-label=\"Request Green Habitat Retail Concept\">\n                    <span>Request the Retail Concept<\/span>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                <\/a>\n\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Biophilic Design Projects: Inspectable Columns in the Lenovo Flagship\",\n  \"description\": \"Case study on the integration of biophilic design in the Lenovo flagship store. Cladding of concrete pillars with CNC panels in preserved greenery. Invention of the invisible push-pull system for 100% accessibility to the systems, with zero management and maintenance costs.\",\n  \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/retail-design-biofilico-negozio-tecnologia-lenovo.jpg\",\n  \"author\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\"\n  },\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\",\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2022\/02\/logo-green-habitat.png\"\n    }\n  }\n}\n<\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    const modules = document.querySelectorAll('#gh-portfolio-lenovo-v3 .js-telemetry-module');\n    \n    const dataHub = {\n        ingegneria: {\n            color: '#0284c7', \n            lbl: 'PUSH-PULL SYSTEM',\n            val: '100% Accessible',\n            desc: 'No technical compromise. The CNC milled panels hide invisible doors among the foliage, guaranteeing immediate access to the structural systems without ruining the design.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"><\/line><\/svg>'\n        },\n        retail: {\n            color: '#334155', \n            lbl: 'PRODUCT ENHANCEMENT',\n            val: 'Visual Fulcrum',\n            desc: 'The pillars, once visual obstacles, have become exhibition totems. The natural green creates a high-contrast background that makes the design of Lenovo technological devices stand out.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>'\n        },\n        brand: {\n            color: '#b45309', \n            lbl: 'GREEN POSITIONING',\n            val: 'Eco-Tech',\n            desc: 'The project embodies Lenovo\\'s sustainable vision, celebrated in all inaugural PR. The organic-technological contrast communicates innovation and respect for the environment to consumers.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line><\/svg>'\n        },\n        gestione: {\n            color: '#059669', \n            lbl: 'MAINTENANCE COSTS',\n            val: '0 \u20ac \/ Year',\n            desc: 'Multi-story preserved installations do not require irrigation systems or sunlight. The \"urban jungle\" effect is guaranteed for years without any intervention by the staff.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>'\n        }\n    };\n\n    modules.forEach(mod => {\n        if(mod.dataset.init) return;\n        mod.dataset.init = 'true';\n\n        const stage = mod.querySelector('.gh-tel-stage');\n        const ring = mod.querySelector('.js-tel-ring');\n        const iconBox = mod.querySelector('.js-tel-icon');\n        const contentWrap = mod.querySelector('.js-tel-content-wrap');\n        const lbl = mod.querySelector('.js-tel-lbl');\n        const val = mod.querySelector('.js-tel-val');\n        const desc = mod.querySelector('.js-tel-desc');\n        const btns = mod.querySelectorAll('.js-tel-btn');\n        const liveText = mod.querySelector('.js-live-text');\n        \n        let keys = Object.keys(dataHub);\n        let currentIndex = 0; \n        let isAutoPlaying = true;\n        let autoInterval;\n\n        function updateTelemetry(mode, isAuto = false) {\n            if(!isAuto) {\n                isAutoPlaying = false;\n                clearInterval(autoInterval);\n                if(liveText) liveText.innerText = 'MANUAL';\n            }\n\n            const data = dataHub[mode];\n            \n            btns.forEach(b => {\n                b.classList.remove('active');\n                b.setAttribute('aria-selected', 'false');\n            });\n            const activeBtn = mod.querySelector(`[data-mode=\"${mode}\"]`);\n            if(activeBtn) {\n                activeBtn.classList.add('active');\n                activeBtn.setAttribute('aria-selected', 'true');\n            }\n\n            stage.style.setProperty('--theme-color', data.color);\n\n            ring.style.transition = 'none';\n            ring.style.transform = 'rotate(-180deg)';\n            void ring.offsetWidth; \n            ring.style.transition = 'all 0.8s cubic-bezier(0.25, 1, 0.5, 1)';\n            ring.style.transform = 'rotate(-45deg)';\n\n            contentWrap.classList.add('gh-fade-out');\n            iconBox.classList.add('gh-fade-out');\n            \n            setTimeout(() => {\n                iconBox.innerHTML = data.icon;\n                lbl.innerText = data.lbl;\n                val.innerHTML = data.val; \n                desc.innerHTML = data.desc;\n                \n                contentWrap.classList.remove('gh-fade-out');\n                iconBox.classList.remove('gh-fade-out');\n            }, 300);\n        }\n\n        function cycleTelemetry() {\n            if(!isAutoPlaying) return;\n            currentIndex = (currentIndex + 1) % keys.length;\n            updateTelemetry(keys[currentIndex], true);\n        }\n\n        btns.forEach((btn, index) => {\n            btn.addEventListener('click', () => {\n                currentIndex = index;\n                updateTelemetry(btn.dataset.mode, false);\n            });\n        });\n\n        if ('IntersectionObserver' in window) {\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        if (isAutoPlaying && !autoInterval) {\n                            autoInterval = setInterval(cycleTelemetry, 4800);\n                        }\n                    } else {\n                        clearInterval(autoInterval);\n                        autoInterval = null;\n                    }\n                });\n            }, { threshold: 0.1 });\n            observer.observe(mod);\n        } else {\n            autoInterval = setInterval(cycleTelemetry, 4800);\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-17e9fd1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"17e9fd1\" 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-9462738\" data-id=\"9462738\" 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-0c91955 elementor-widget elementor-widget-html\" data-id=\"0c91955\" 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-portfolio-pieri-v2 {\n        display: block !important;\n        width: 100% !important;\n        background-color: #f8fafc !important; \n        padding: 100px 5% !important;\n        box-sizing: border-box !important;\n        font-family: 'Inter', sans-serif !important;\n        border-bottom: 1px solid #e2e8f0 !important;\n    }\n\n    #gh-portfolio-pieri-v2 * { box-sizing: border-box !important; }\n    #gh-portfolio-pieri-v2 sup { font-size: 0.6em !important; vertical-align: super !important; line-height: 0 !important; }\n    #gh-portfolio-pieri-v2 .gh-hero-case { max-width: 1350px !important; margin: 0 auto !important; }\n\n    #gh-portfolio-pieri-v2 .gh-split-grid { \n        display: grid !important; \n        grid-template-columns: 1fr 1.15fr !important; \n        gap: 60px !important; \n        align-items: center !important; \n    }\n\n    #gh-portfolio-pieri-v2 .gh-content-left {\n        display: flex !important; flex-direction: column !important; justify-content: center !important;\n    }\n\n    #gh-portfolio-pieri-v2 span.gh-dash-badge {\n        display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #b45309 !important; \n        font-size: 0.75rem !important; text-transform: uppercase !important; letter-spacing: 2px !important;\n        font-weight: 800 !important; margin-bottom: 20px !important; font-family: 'Inter', sans-serif !important;\n    }\n    #gh-portfolio-pieri-v2 span.gh-dash-badge::before {\n        content: '' !important; display: block !important; width: 6px !important; height: 6px !important;\n        background-color: #b45309 !important; border-radius: 50% !important;\n    }\n    \n    #gh-portfolio-pieri-v2 h2.gh-dash-title {\n        font-size: 2.5rem !important; color: #0f172a !important; margin: 0 0 20px 0 !important;\n        line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: -1px !important;\n        font-family: 'Playfair Display', serif !important; \n    }\n    \n    #gh-portfolio-pieri-v2 p.gh-dash-subtitle { \n        font-size: 1.05rem !important; color: #475569 !important; \n        line-height: 1.6 !important; margin: 0 0 35px 0 !important; font-weight: 400 !important; \n    }\n    #gh-portfolio-pieri-v2 p.gh-dash-subtitle strong { color: #0f172a !important; font-weight: 800 !important; }\n\n    #gh-portfolio-pieri-v2 .gh-telemetry-module {\n        background: #ffffff !important; \n        border-radius: 12px !important; overflow: hidden !important;\n        box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08) !important; \n        border: 1px solid #e2e8f0 !important;\n        display: flex !important; flex-direction: column !important;\n        width: 100% !important;\n        margin-bottom: 0 !important; \n    }\n    \n    #gh-portfolio-pieri-v2 .gh-tel-header {\n        padding: 12px 20px !important; background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important;\n        display: flex !important; justify-content: space-between !important; align-items: center !important;\n    }\n    #gh-portfolio-pieri-v2 span.gh-tel-title { font-size: 0.7rem !important; font-weight: 800 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; }\n    #gh-portfolio-pieri-v2 .gh-tel-live { display: flex !important; align-items: center !important; gap: 6px !important; color: #059669 !important; font-size: 0.6rem !important; font-weight: 800 !important; letter-spacing: 1px !important; }\n    #gh-portfolio-pieri-v2 .gh-tel-dot { width: 6px !important; height: 6px !important; background: #059669 !important; border-radius: 50% !important; animation: livePulse 1.5s infinite !important; }\n    @keyframes livePulse { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }\n\n    #gh-portfolio-pieri-v2 .gh-tel-stage {\n        padding: 30px 20px !important; position: relative !important; background: #ffffff !important;\n        display: flex !important; align-items: center !important; gap: 20px !important; min-height: 160px !important;\n    }\n    \n    #gh-portfolio-pieri-v2 .gh-tel-ring-wrapper { position: relative !important; width: 80px !important; height: 80px !important; flex-shrink: 0 !important; }\n    #gh-portfolio-pieri-v2 .gh-tel-ring-bg { position: absolute !important; top:0 !important; left:0 !important; width: 100% !important; height: 100% !important; border-radius: 50% !important; border: 4px solid #f1f5f9 !important; }\n    #gh-portfolio-pieri-v2 .gh-tel-ring-active {\n        position: absolute !important; top:0 !important; left:0 !important; width: 100% !important; height: 100% !important; border-radius: 50% !important;\n        border: 4px solid transparent !important; \n        border-top-color: var(--theme-color, #0284c7) !important; border-right-color: var(--theme-color, #0284c7) !important;\n        transform: rotate(-45deg) !important; transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.5s ease !important;\n    }\n    #gh-portfolio-pieri-v2 .gh-tel-icon-box {\n        position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;\n        width: 30px !important; height: 30px !important; color: var(--theme-color, #0284c7) !important; transition: opacity 0.3s ease, color 0.5s ease !important;\n    }\n    #gh-portfolio-pieri-v2 .gh-tel-icon-box svg { width: 100% !important; height: 100% !important; stroke-width: 2 !important; }\n    \n    #gh-portfolio-pieri-v2 .gh-tel-content { display: flex !important; flex-direction: column !important; justify-content: center !important; transition: opacity 0.3s ease !important; text-align: left !important;}\n    #gh-portfolio-pieri-v2 .gh-fade-out { opacity: 0 !important; }\n\n    #gh-portfolio-pieri-v2 div.gh-tel-lbl { font-size: 0.65rem !important; font-weight: 800 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 4px !important; }\n    #gh-portfolio-pieri-v2 div.gh-tel-val { font-family: 'Inter', sans-serif !important; font-size: 1.8rem !important; font-weight: 900 !important; color: var(--theme-color, #0284c7) !important; line-height: 1 !important; margin-bottom: 8px !important; transition: color 0.5s ease !important; letter-spacing: -1px !important;}\n    #gh-portfolio-pieri-v2 div.gh-tel-desc { font-size: 0.9rem !important; color: #475569 !important; line-height: 1.5 !important; font-weight: 400 !important; margin:0 !important; }\n    \n    #gh-portfolio-pieri-v2 .gh-tel-controls {\n        display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; padding: 0 !important;\n        background: #f8fafc !important; border-top: 1px solid #e2e8f0 !important;\n    }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn {\n        background: transparent !important; border: none !important; border-right: 1px solid #e2e8f0 !important; border-bottom: 1px solid #e2e8f0 !important; padding: 14px 20px !important;\n        display: flex !important; flex-direction: column !important; align-items: flex-start !important; cursor: pointer !important;\n        transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important; position: relative !important; overflow: hidden !important; text-align: left !important;\n    }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn:nth-child(even) { border-right: none !important; }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn:nth-child(3), #gh-portfolio-pieri-v2 button.gh-tel-btn:nth-child(4) { border-bottom: none !important; }\n    \n    #gh-portfolio-pieri-v2 button.gh-tel-btn::before {\n        content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important;\n        background: transparent !important; transition: background 0.3s ease !important;\n    }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn:hover, #gh-portfolio-pieri-v2 button.gh-tel-btn:focus-visible { background: #ffffff !important; }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn:focus-visible { outline: 2px solid #0f172a; outline-offset: -2px; }\n    #gh-portfolio-pieri-v2 span.gh-btn-eyebrow { font-size: 0.6rem !important; color: #64748b !important; text-transform: uppercase !important; font-weight: 800 !important; letter-spacing: 1px !important; margin-bottom: 2px !important; transition: color 0.3s !important; }\n    #gh-portfolio-pieri-v2 span.gh-btn-title { font-size: 0.85rem !important; color: #0f172a !important; font-weight: 700 !important; transition: color 0.3s !important; }\n    \n    #gh-portfolio-pieri-v2 button.gh-tel-btn.active { background: #ffffff !important; box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important; z-index: 1 !important; }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn.active[data-mode=\"branding\"]::before { background: #0284c7 !important; }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn.active[data-mode=\"branding\"] span.gh-btn-title { color: #0284c7 !important; font-weight: 800 !important; }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn.active[data-mode=\"cantiere\"]::before { background: #b45309 !important; }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn.active[data-mode=\"cantiere\"] span.gh-btn-title { color: #b45309 !important; font-weight: 800 !important; }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn.active[data-mode=\"hr\"]::before { background: #334155 !important; }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn.active[data-mode=\"hr\"] span.gh-btn-title { color: #334155 !important; font-weight: 800 !important; }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn.active[data-mode=\"gestione\"]::before { background: #059669 !important; }\n    #gh-portfolio-pieri-v2 button.gh-tel-btn.active[data-mode=\"gestione\"] span.gh-btn-title { color: #059669 !important; font-weight: 800 !important; }\n\n\n    #gh-portfolio-pieri-v2 .gh-content-right {\n        display: flex !important; flex-direction: column !important; justify-content: center !important; width: 100% !important;\n    }\n\n    #gh-portfolio-pieri-v2 .gh-gallery-collage {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 12px !important;\n        width: 100% !important;\n        margin-bottom: 25px !important;\n    }\n\n    #gh-portfolio-pieri-v2 .gh-collage-main {\n        border-radius: 12px !important;\n        overflow: hidden !important;\n        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.08) !important;\n        width: 100% !important;\n        display: block !important;\n    }\n    \n    #gh-portfolio-pieri-v2 .gh-bento-grid-small {\n        display: grid !important;\n        grid-template-columns: repeat(3, 1fr) !important; \n        gap: 12px !important;\n        width: 100% !important;\n    }\n\n    #gh-portfolio-pieri-v2 .gh-bento-item {\n        border-radius: 8px !important;\n        overflow: hidden !important;\n        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06) !important;\n        display: block !important;\n        aspect-ratio: 1 \/ 1 !important; \n        position: relative !important;\n        transform: translateZ(0) !important; \/* Locks overlay inside container in iOS Safari *\/\n    }\n\n    #gh-portfolio-pieri-v2 .gh-gallery-collage img {\n        width: 100% !important;\n        display: block !important;\n        transition: transform 0.6s ease !important;\n    }\n\n    #gh-portfolio-pieri-v2 .gh-collage-main img {\n        height: auto !important; \n        object-fit: contain !important;\n    }\n\n    #gh-portfolio-pieri-v2 .gh-bento-item img {\n        height: 100% !important;\n        object-fit: cover !important;\n    }\n\n    #gh-portfolio-pieri-v2 .gh-collage-main:hover img,\n    #gh-portfolio-pieri-v2 .gh-bento-item:hover img {\n        transform: scale(1.05) !important;\n    }\n\n    \/* MODIFICATION FOR MOBILE BUG *\/\n    #gh-portfolio-pieri-v2 .gh-link-cover {\n        position: absolute !important;\n        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        width: 100% !important; height: 100% !important;\n        z-index: 3 !important;\n        text-decoration: none !important;\n    }\n\n    #gh-portfolio-pieri-v2 .gh-more-overlay {\n        position: absolute !important;\n        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        background: rgba(15, 23, 42, 0.75) !important; \n        backdrop-filter: blur(3px) !important;\n        -webkit-backdrop-filter: blur(3px) !important;\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: center !important;\n        align-items: center !important;\n        color: #ffffff !important;\n        font-family: 'Inter', sans-serif !important;\n        transition: background 0.3s ease !important;\n        cursor: pointer !important;\n        z-index: 2 !important;\n        pointer-events: none !important; \/* Fundamental *\/\n    }\n\n    #gh-portfolio-pieri-v2 .gh-bento-item:hover .gh-more-overlay {\n        background: rgba(15, 23, 42, 0.9) !important;\n    }\n\n    #gh-portfolio-pieri-v2 .gh-more-overlay svg {\n        width: 22px !important;\n        stroke: #ffffff !important;\n        margin-bottom: 6px !important;\n        transition: transform 0.3s ease !important;\n    }\n    \n    #gh-portfolio-pieri-v2 .gh-bento-item:hover .gh-more-overlay svg {\n        transform: scale(1.15) !important;\n    }\n\n    #gh-portfolio-pieri-v2 .gh-more-text {\n        font-size: 0.85rem !important;\n        font-weight: 800 !important;\n        letter-spacing: 1px !important;\n        text-transform: uppercase !important;\n        text-align: center !important;\n        line-height: 1.3 !important;\n    }\n    #gh-portfolio-pieri-v2 .gh-more-text small {\n        font-size: 0.65rem !important;\n        color: #cbd5e1 !important; \n        letter-spacing: 0.5px !important;\n    }\n\n\n    #gh-portfolio-pieri-v2 a.gh-cta-project {\n        display: inline-flex !important; align-items: center !important; justify-content: space-between !important; \n        background-color: #ffffff !important; color: #0f172a !important; text-decoration: none !important;\n        padding: 20px 30px !important; border-radius: 12px !important;\n        font-family: 'Inter', sans-serif !important; font-weight: 800 !important; font-size: 0.95rem !important; \n        text-transform: uppercase !important; letter-spacing: 1px !important;\n        width: 100% !important; \n        transition: all 0.3s ease !important;\n        border: 2px dashed #cbd5e1 !important;\n    }\n    #gh-portfolio-pieri-v2 a.gh-cta-project:hover {\n        background-color: #0f172a !important; color: #ffffff !important; border-color: #0f172a !important;\n        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.15) !important;\n        transform: translateY(-3px) !important;\n    }\n    #gh-portfolio-pieri-v2 a.gh-cta-project svg { width: 20px !important; transition: transform 0.3s ease !important; }\n    #gh-portfolio-pieri-v2 a.gh-cta-project:hover svg { transform: translateX(5px) !important; stroke: #ffffff !important; }\n\n    @media (max-width: 1024px) {\n        #gh-portfolio-pieri-v2 { padding: 60px 20px !important; }\n        #gh-portfolio-pieri-v2 .gh-split-grid { grid-template-columns: 1fr !important; gap: 50px !important; }\n        #gh-portfolio-pieri-v2 h2.gh-dash-title { font-size: 2.2rem !important; }\n    }\n    @media (max-width: 600px) {\n        #gh-portfolio-pieri-v2 .gh-tel-stage { flex-direction: column !important; text-align: center !important; gap: 15px !important; padding: 25px 20px !important;}\n        #gh-portfolio-pieri-v2 .gh-tel-content { text-align: center !important; align-items: center !important; }\n        #gh-portfolio-pieri-v2 button.gh-tel-btn { padding: 12px 15px !important; }\n        #gh-portfolio-pieri-v2 .gh-bento-grid-small { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; } \n        #gh-portfolio-pieri-v2 a.gh-cta-project { padding: 15px 20px !important; font-size: 0.8rem !important; }\n        #gh-portfolio-pieri-v2 .gh-more-text { font-size: 0.65rem !important; }\n    }\n<\/style>\n\n<div id=\"gh-portfolio-pieri-v2\" aria-labelledby=\"gh-case-study-pieri\">\n    <div class=\"gh-hero-case\">\n\n        <div class=\"gh-split-grid\">\n            \n            <div class=\"gh-content-left\">\n                <span class=\"gh-dash-badge\" aria-hidden=\"true\">Corporate HQ | Custom Branding<\/span>\n                \n                <h2 id=\"gh-case-study-pieri\" class=\"gh-dash-title\">Pieri: Biophilic Design Projects with Custom Integrated Logo.<\/h2>\n                \n                <p class=\"gh-dash-subtitle\">\n                    <strong>The Challenge:<\/strong> Enhance the architectural impact of the entrance hall \u2014 characterized by industrial lines and metal stairs \u2014 by inserting an element of strong visual impact. The client requested one of our most ambitious <strong>biophilic design projects<\/strong> to integrate the corporate brand with a lightning-fast installation, without hindering operations.<br><br>\n                    <strong>The Solution:<\/strong> A spectacular Preserved Greenery wall that vertically crosses all floors of the building, acting as the \"backbone\" of the structure. We created the custom-made, removable corporate logo, creating a highly representative atrium consistent with the best corporate <strong>biophilic design projects<\/strong> and improving the visual well-being of the team.\n                <\/p>\n\n                <div class=\"gh-telemetry-module js-telemetry-module\" aria-live=\"polite\">\n                    \n                    <div class=\"gh-tel-header\">\n                        <span class=\"gh-tel-title\">Corporate & HR Monitoring<\/span>\n                        <div class=\"gh-tel-live\"><span class=\"gh-tel-dot\" aria-hidden=\"true\"><\/span> <span class=\"js-live-text\">AUTO-PLAY<\/span><\/div>\n                    <\/div>\n\n                    <div class=\"gh-tel-stage\" style=\"--theme-color: #0284c7;\">\n                        <div class=\"gh-tel-ring-wrapper\" aria-hidden=\"true\">\n                            <div class=\"gh-tel-ring-bg\"><\/div>\n                            <div class=\"gh-tel-ring-active js-tel-ring\"><\/div>\n                            <div class=\"gh-tel-icon-box js-tel-icon\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"gh-tel-content js-tel-content-wrap\">\n                            <div class=\"gh-tel-lbl js-tel-lbl\">CUSTOMIZATION<\/div>\n                            <div class=\"gh-tel-val js-tel-val\">Tailor-Made<\/div>\n                            <div class=\"gh-tel-desc js-tel-desc\">The greenery is not just a background, but becomes the brand itself. We recreated the corporate logo with millimetric precision directly within the plant texture, for an unforgettable welcome.<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"gh-tel-controls\" role=\"tablist\">\n                        <button class=\"gh-tel-btn active js-tel-btn\" data-mode=\"branding\" role=\"tab\" aria-selected=\"true\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Brand Identity<\/span>\n                            <span class=\"gh-btn-title\">Integrated Logo<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"cantiere\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Site<\/span>\n                            <span class=\"gh-btn-title\">Record Installation<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"hr\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Human Resources<\/span>\n                            <span class=\"gh-btn-title\">Well-being<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"gestione\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Management<\/span>\n                            <span class=\"gh-btn-title\">Zero Systems<\/span>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-content-right\">\n                \n                <div class=\"gh-gallery-collage\">\n                    \n                    <div class=\"gh-collage-main\">\n                        <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-verde-verticale-logo-aziendale-hall-ingresso.jpg\" alt=\"Biophilic design projects: Vertical green wall with corporate logo in entrance hall\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    \n                    <div class=\"gh-bento-grid-small\">\n                        \n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/logo-su-misura-muschio-stabilizzato-uffici.jpg\" alt=\"Example of biophilic design projects with custom logo in preserved moss\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        \n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/design-biofilico-corporate-architettura-industriale.jpg\" alt=\"Corporate biophilic design for industrial architecture\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n\n                        <div class=\"gh-bento-item\" aria-label=\"View 12 more photos of the Pieri project\">\n                            <a href=\"https:\/\/greenhabitat.it\/en\/contact-us\/\" class=\"gh-link-cover\" aria-hidden=\"true\" tabindex=\"-1\"><\/a>\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/installazione-rapida-parete-vegetale-azienda.jpg\" alt=\"Rapid installation of a green wall for corporate biophilic design projects\" loading=\"lazy\" decoding=\"async\">\n                            \n                            <div class=\"gh-more-overlay\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n                                <span class=\"gh-more-text\">+12 PHOTOS<br><small>Request More<\/small><\/span>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n\n                <\/div>\n\n                <a href=\"https:\/\/greenhabitat.it\/en\/contact-us\/\" class=\"gh-cta-project\" aria-label=\"Request the Full Project\">\n                    <span>Request the Full Project<\/span>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                <\/a>\n\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Pieri: Biophilic Design Projects with Custom Integrated Logo\",\n  \"description\": \"Case study on the installation of a multi-story preserved green wall with integrated corporate logo. Record installation times (24 hours) and zero maintenance or irrigation costs. A Corporate Branding and Biophilic Design project.\",\n  \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-verde-verticale-logo-aziendale-hall-ingresso.jpg\",\n  \"author\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\"\n  },\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\",\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2022\/02\/logo-green-habitat.png\"\n    }\n  }\n}\n<\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    const modules = document.querySelectorAll('#gh-portfolio-pieri-v2 .js-telemetry-module');\n    \n    const dataHub = {\n        branding: {\n            color: '#0284c7', \n            lbl: 'CUSTOMIZATION',\n            val: 'Tailor-Made',\n            desc: 'The greenery is not just a background, but becomes the brand itself. We recreated the corporate logo with millimetric precision directly within the plant texture, for an unforgettable welcome.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>'\n        },\n        cantiere: {\n            color: '#b45309', \n            lbl: 'INSTALLATION TIMES',\n            val: '24 Hours',\n            desc: 'Despite the monumental height, our pre-engineered dry modular system allowed the entire installation to be completed in just one working day, with zero dust and zero inconvenience.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>'\n        },\n        hr: {\n            color: '#334155', \n            lbl: 'EMPLOYEE EXPERIENCE',\n            val: '+ Visual Comfort',\n            desc: 'The introduction of a biophilic element of these proportions breaks the coldness of metal and concrete, creating a stimulating work environment that reduces stress and welcomes staff.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>'\n        },\n        gestione: {\n            color: '#059669', \n            lbl: 'MAINTENANCE COSTS',\n            val: '0 \u20ac \/ Year',\n            desc: 'Reaching these heights with living walls would require scaffolding, tanks, and very high maintenance costs. Our wall guarantees a perfect aesthetic impact without the need for water, light, or pruning.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>'\n        }\n    };\n\n    modules.forEach(mod => {\n        if(mod.dataset.init) return;\n        mod.dataset.init = 'true';\n\n        const stage = mod.querySelector('.gh-tel-stage');\n        const ring = mod.querySelector('.js-tel-ring');\n        const iconBox = mod.querySelector('.js-tel-icon');\n        const contentWrap = mod.querySelector('.js-tel-content-wrap');\n        const lbl = mod.querySelector('.js-tel-lbl');\n        const val = mod.querySelector('.js-tel-val');\n        const desc = mod.querySelector('.js-tel-desc');\n        const btns = mod.querySelectorAll('.js-tel-btn');\n        const liveText = mod.querySelector('.js-live-text');\n        \n        let keys = Object.keys(dataHub);\n        let currentIndex = 0; \n        let isAutoPlaying = true;\n        let autoInterval;\n\n        function updateTelemetry(mode, isAuto = false) {\n            if(!isAuto) {\n                isAutoPlaying = false;\n                clearInterval(autoInterval);\n                if(liveText) liveText.innerText = 'MANUAL';\n            }\n\n            const data = dataHub[mode];\n            \n            btns.forEach(b => {\n                b.classList.remove('active');\n                b.setAttribute('aria-selected', 'false');\n            });\n            const activeBtn = mod.querySelector(`[data-mode=\"${mode}\"]`);\n            if(activeBtn) {\n                activeBtn.classList.add('active');\n                activeBtn.setAttribute('aria-selected', 'true');\n            }\n\n            stage.style.setProperty('--theme-color', data.color);\n\n            ring.style.transition = 'none';\n            ring.style.transform = 'rotate(-180deg)';\n            void ring.offsetWidth; \n            ring.style.transition = 'all 0.8s cubic-bezier(0.25, 1, 0.5, 1)';\n            ring.style.transform = 'rotate(-45deg)';\n\n            contentWrap.classList.add('gh-fade-out');\n            iconBox.classList.add('gh-fade-out');\n            \n            setTimeout(() => {\n                iconBox.innerHTML = data.icon;\n                lbl.innerText = data.lbl;\n                val.innerHTML = data.val; \n                desc.innerHTML = data.desc;\n                \n                contentWrap.classList.remove('gh-fade-out');\n                iconBox.classList.remove('gh-fade-out');\n            }, 300);\n        }\n\n        function cycleTelemetry() {\n            if(!isAutoPlaying) return;\n            currentIndex = (currentIndex + 1) % keys.length;\n            updateTelemetry(keys[currentIndex], true);\n        }\n\n        btns.forEach((btn, index) => {\n            btn.addEventListener('click', () => {\n                currentIndex = index;\n                updateTelemetry(btn.dataset.mode, false);\n            });\n        });\n\n        if ('IntersectionObserver' in window) {\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        if (isAutoPlaying && !autoInterval) {\n                            autoInterval = setInterval(cycleTelemetry, 4800);\n                        }\n                    } else {\n                        clearInterval(autoInterval);\n                        autoInterval = null;\n                    }\n                });\n            }, { threshold: 0.1 });\n            observer.observe(mod);\n        } else {\n            autoInterval = setInterval(cycleTelemetry, 4800);\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-0b22adc elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"0b22adc\" 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-532ffb9\" data-id=\"532ffb9\" 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-1aadf5a elementor-widget elementor-widget-html\" data-id=\"1aadf5a\" 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-portfolio-domino-v12 {\n        display: block !important;\n        width: 100% !important;\n        background-color: #ffffff !important; \n        padding: 100px 5% !important;\n        box-sizing: border-box !important;\n        font-family: 'Inter', sans-serif !important;\n        border-bottom: 1px solid #e2e8f0 !important;\n    }\n\n    #gh-portfolio-domino-v12 * { box-sizing: border-box !important; }\n    #gh-portfolio-domino-v12 sup { font-size: 0.6em !important; vertical-align: super !important; line-height: 0 !important; }\n    #gh-portfolio-domino-v12 .gh-hero-case { max-width: 1350px !important; margin: 0 auto !important; }\n\n    #gh-portfolio-domino-v12 .gh-split-grid { \n        display: grid !important; \n        grid-template-columns: 1fr 1.15fr !important; \n        gap: 60px !important; \n        align-items: center !important; \n    }\n\n    #gh-portfolio-domino-v12 .gh-content-left {\n        display: flex !important; flex-direction: column !important; justify-content: center !important;\n    }\n\n    #gh-portfolio-domino-v12 span.gh-dash-badge {\n        display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #059669 !important; \n        font-size: 0.75rem !important; text-transform: uppercase !important; letter-spacing: 2px !important;\n        font-weight: 800 !important; margin-bottom: 20px !important; font-family: 'Inter', sans-serif !important;\n    }\n    #gh-portfolio-domino-v12 span.gh-dash-badge::before {\n        content: '' !important; display: block !important; width: 6px !important; height: 6px !important;\n        background-color: #059669 !important; border-radius: 50% !important;\n    }\n    \n    #gh-portfolio-domino-v12 h2.gh-dash-title {\n        font-size: 2.5rem !important; color: #0f172a !important; margin: 0 0 20px 0 !important;\n        line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: -1px !important;\n        font-family: 'Playfair Display', serif !important; \n    }\n    \n    #gh-portfolio-domino-v12 p.gh-dash-subtitle { \n        font-size: 1.05rem !important; color: #475569 !important; \n        line-height: 1.6 !important; margin: 0 0 35px 0 !important; font-weight: 400 !important; \n    }\n    #gh-portfolio-domino-v12 p.gh-dash-subtitle strong { color: #0f172a !important; font-weight: 800 !important; }\n\n    #gh-portfolio-domino-v12 .gh-telemetry-module {\n        background: #ffffff !important; \n        border-radius: 12px !important; overflow: hidden !important;\n        box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08) !important; \n        border: 1px solid #e2e8f0 !important;\n        display: flex !important; flex-direction: column !important;\n        width: 100% !important;\n        margin-bottom: 0 !important; \n    }\n    \n    #gh-portfolio-domino-v12 .gh-tel-header {\n        padding: 12px 20px !important; background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important;\n        display: flex !important; justify-content: space-between !important; align-items: center !important;\n    }\n    #gh-portfolio-domino-v12 span.gh-tel-title { font-size: 0.7rem !important; font-weight: 800 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; }\n    #gh-portfolio-domino-v12 .gh-tel-live { display: flex !important; align-items: center !important; gap: 6px !important; color: #059669 !important; font-size: 0.6rem !important; font-weight: 800 !important; letter-spacing: 1px !important; }\n    #gh-portfolio-domino-v12 .gh-tel-dot { width: 6px !important; height: 6px !important; background: #059669 !important; border-radius: 50% !important; animation: livePulse 1.5s infinite !important; }\n    @keyframes livePulse { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }\n\n    #gh-portfolio-domino-v12 .gh-tel-stage {\n        padding: 30px 20px !important; position: relative !important; background: #ffffff !important;\n        display: flex !important; align-items: center !important; gap: 20px !important; min-height: 160px !important;\n    }\n    \n    #gh-portfolio-domino-v12 .gh-tel-ring-wrapper { position: relative !important; width: 80px !important; height: 80px !important; flex-shrink: 0 !important; }\n    #gh-portfolio-domino-v12 .gh-tel-ring-bg { position: absolute !important; top:0 !important; left:0 !important; width: 100% !important; height: 100% !important; border-radius: 50% !important; border: 4px solid #f1f5f9 !important; }\n    #gh-portfolio-domino-v12 .gh-tel-ring-active {\n        position: absolute !important; top:0 !important; left:0 !important; width: 100% !important; height: 100% !important; border-radius: 50% !important;\n        border: 4px solid transparent !important; \n        border-top-color: var(--theme-color, #059669) !important; border-right-color: var(--theme-color, #059669) !important;\n        transform: rotate(-45deg) !important; transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.5s ease !important;\n    }\n    #gh-portfolio-domino-v12 .gh-tel-icon-box {\n        position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;\n        width: 30px !important; height: 30px !important; color: var(--theme-color, #059669) !important; transition: opacity 0.3s ease, color 0.5s ease !important;\n    }\n    #gh-portfolio-domino-v12 .gh-tel-icon-box svg { width: 100% !important; height: 100% !important; stroke-width: 2 !important; }\n    \n    #gh-portfolio-domino-v12 .gh-tel-content { display: flex !important; flex-direction: column !important; justify-content: center !important; transition: opacity 0.3s ease !important; text-align: left !important;}\n    #gh-portfolio-domino-v12 .gh-fade-out { opacity: 0 !important; }\n\n    #gh-portfolio-domino-v12 div.gh-tel-lbl { font-size: 0.65rem !important; font-weight: 800 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 4px !important; }\n    #gh-portfolio-domino-v12 div.gh-tel-val { font-family: 'Inter', sans-serif !important; font-size: 1.8rem !important; font-weight: 900 !important; color: var(--theme-color, #059669) !important; line-height: 1 !important; margin-bottom: 8px !important; transition: color 0.5s ease !important; letter-spacing: -1px !important;}\n    #gh-portfolio-domino-v12 div.gh-tel-desc { font-size: 0.9rem !important; color: #475569 !important; line-height: 1.5 !important; font-weight: 400 !important; margin:0 !important; }\n    \n    #gh-portfolio-domino-v12 .gh-tel-controls {\n        display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; padding: 0 !important;\n        background: #f8fafc !important; border-top: 1px solid #e2e8f0 !important;\n    }\n    #gh-portfolio-domino-v12 button.gh-tel-btn {\n        background: transparent !important; border: none !important; border-right: 1px solid #e2e8f0 !important; border-bottom: 1px solid #e2e8f0 !important; padding: 14px 20px !important;\n        display: flex !important; flex-direction: column !important; align-items: flex-start !important; cursor: pointer !important;\n        transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important; position: relative !important; overflow: hidden !important; text-align: left !important;\n    }\n    #gh-portfolio-domino-v12 button.gh-tel-btn:nth-child(even) { border-right: none !important; }\n    #gh-portfolio-domino-v12 button.gh-tel-btn:nth-child(3), #gh-portfolio-domino-v12 button.gh-tel-btn:nth-child(4) { border-bottom: none !important; }\n    \n    #gh-portfolio-domino-v12 button.gh-tel-btn::before {\n        content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important;\n        background: transparent !important; transition: background 0.3s ease !important;\n    }\n    #gh-portfolio-domino-v12 button.gh-tel-btn:hover, #gh-portfolio-domino-v12 button.gh-tel-btn:focus-visible { background: #ffffff !important; }\n    #gh-portfolio-domino-v12 button.gh-tel-btn:focus-visible { outline: 2px solid #0f172a; outline-offset: -2px; }\n    #gh-portfolio-domino-v12 span.gh-btn-eyebrow { font-size: 0.6rem !important; color: #64748b !important; text-transform: uppercase !important; font-weight: 800 !important; letter-spacing: 1px !important; margin-bottom: 2px !important; transition: color 0.3s !important; }\n    #gh-portfolio-domino-v12 span.gh-btn-title { font-size: 0.85rem !important; color: #0f172a !important; font-weight: 700 !important; transition: color 0.3s !important; }\n    \n    #gh-portfolio-domino-v12 button.gh-tel-btn.active { background: #ffffff !important; box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important; z-index: 1 !important; }\n    #gh-portfolio-domino-v12 button.gh-tel-btn.active[data-mode=\"gestione\"]::before { background: #059669 !important; }\n    #gh-portfolio-domino-v12 button.gh-tel-btn.active[data-mode=\"gestione\"] span.gh-btn-title { color: #059669 !important; font-weight: 800 !important; }\n    #gh-portfolio-domino-v12 button.gh-tel-btn.active[data-mode=\"acustica\"]::before { background: #334155 !important; }\n    #gh-portfolio-domino-v12 button.gh-tel-btn.active[data-mode=\"acustica\"] span.gh-btn-title { color: #334155 !important; font-weight: 800 !important; }\n    #gh-portfolio-domino-v12 button.gh-tel-btn.active[data-mode=\"biofilia\"]::before { background: #0284c7 !important; }\n    #gh-portfolio-domino-v12 button.gh-tel-btn.active[data-mode=\"biofilia\"] span.gh-btn-title { color: #0284c7 !important; font-weight: 800 !important; }\n    #gh-portfolio-domino-v12 button.gh-tel-btn.active[data-mode=\"multiarea\"]::before { background: #b45309 !important; }\n    #gh-portfolio-domino-v12 button.gh-tel-btn.active[data-mode=\"multiarea\"] span.gh-btn-title { color: #b45309 !important; font-weight: 800 !important; }\n\n    #gh-portfolio-domino-v12 .gh-content-right {\n        display: flex !important; flex-direction: column !important; justify-content: center !important; width: 100% !important;\n    }\n\n    #gh-portfolio-domino-v12 .gh-gallery-collage {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 12px !important;\n        width: 100% !important;\n        margin-bottom: 25px !important;\n    }\n\n    #gh-portfolio-domino-v12 .gh-collage-main {\n        border-radius: 12px !important;\n        overflow: hidden !important;\n        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.08) !important;\n        width: 100% !important;\n        display: block !important;\n    }\n    \n    #gh-portfolio-domino-v12 .gh-bento-grid-small {\n        display: grid !important;\n        grid-template-columns: repeat(3, 1fr) !important; \n        gap: 12px !important;\n        width: 100% !important;\n    }\n\n    #gh-portfolio-domino-v12 .gh-bento-item {\n        border-radius: 8px !important;\n        overflow: hidden !important;\n        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06) !important;\n        display: block !important;\n        aspect-ratio: 1 \/ 1 !important; \n        position: relative !important;\n    }\n\n    #gh-portfolio-domino-v12 .gh-gallery-collage img {\n        width: 100% !important;\n        display: block !important;\n        transition: transform 0.6s ease !important;\n    }\n\n    #gh-portfolio-domino-v12 .gh-collage-main img {\n        height: auto !important; \n        object-fit: contain !important;\n    }\n\n    #gh-portfolio-domino-v12 .gh-bento-item img {\n        height: 100% !important;\n        object-fit: cover !important;\n    }\n\n    #gh-portfolio-domino-v12 .gh-collage-main:hover img,\n    #gh-portfolio-domino-v12 .gh-bento-item:hover img {\n        transform: scale(1.05) !important;\n    }\n\n    \/* WORKING NATIVE CLASSES *\/\n    #gh-portfolio-domino-v12 .gh-link-cover {\n        position: absolute !important;\n        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        width: 100% !important; height: 100% !important;\n        z-index: 5 !important;\n        text-decoration: none !important;\n        cursor: pointer !important;\n    }\n\n    #gh-portfolio-domino-v12 .gh-more-overlay {\n        position: absolute !important;\n        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        background: rgba(15, 23, 42, 0.75) !important; \n        backdrop-filter: blur(3px) !important;\n        -webkit-backdrop-filter: blur(3px) !important;\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: center !important;\n        align-items: center !important;\n        color: #ffffff !important;\n        font-family: 'Inter', sans-serif !important;\n        transition: background 0.3s ease !important;\n        z-index: 3 !important;\n        pointer-events: none !important; \n    }\n\n    #gh-portfolio-domino-v12 .gh-bento-item:hover .gh-more-overlay {\n        background: rgba(15, 23, 42, 0.9) !important;\n    }\n\n    #gh-portfolio-domino-v12 .gh-more-overlay svg {\n        width: 22px !important;\n        stroke: #ffffff !important;\n        margin-bottom: 6px !important;\n        transition: transform 0.3s ease !important;\n    }\n    #gh-portfolio-domino-v12 .gh-bento-item:hover .gh-more-overlay svg {\n        transform: scale(1.15) !important;\n    }\n\n    #gh-portfolio-domino-v12 .gh-more-text {\n        font-size: 0.85rem !important;\n        font-weight: 800 !important;\n        letter-spacing: 1px !important;\n        text-transform: uppercase !important;\n        text-align: center !important;\n        line-height: 1.3 !important;\n    }\n    #gh-portfolio-domino-v12 .gh-more-text small {\n        font-size: 0.55rem !important;\n        color: #cbd5e1 !important; \n        letter-spacing: 0.5px !important;\n    }\n\n    #gh-portfolio-domino-v12 a.gh-cta-project {\n        display: inline-flex !important; align-items: center !important; justify-content: space-between !important; \n        background-color: #f8fafc !important; color: #0f172a !important; text-decoration: none !important;\n        padding: 20px 30px !important; border-radius: 12px !important;\n        font-family: 'Inter', sans-serif !important; font-weight: 800 !important; font-size: 0.95rem !important; \n        text-transform: uppercase !important; letter-spacing: 1px !important;\n        width: 100% !important; \n        transition: all 0.3s ease !important;\n        border: 2px dashed #cbd5e1 !important;\n    }\n    #gh-portfolio-domino-v12 a.gh-cta-project:hover {\n        background-color: #0f172a !important; color: #ffffff !important; border-color: #0f172a !important;\n        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.15) !important;\n        transform: translateY(-3px) !important;\n    }\n    #gh-portfolio-domino-v12 a.gh-cta-project svg { width: 20px !important; transition: transform 0.3s ease !important; }\n    #gh-portfolio-domino-v12 a.gh-cta-project:hover svg { transform: translateX(5px) !important; stroke: #ffffff !important; }\n\n    @media (max-width: 1024px) {\n        #gh-portfolio-domino-v12 { padding: 60px 20px !important; }\n        #gh-portfolio-domino-v12 .gh-split-grid { grid-template-columns: 1fr !important; gap: 50px !important; }\n        #gh-portfolio-domino-v12 h2.gh-dash-title { font-size: 2.2rem !important; }\n    }\n    @media (max-width: 600px) {\n        #gh-portfolio-domino-v12 .gh-tel-stage { flex-direction: column !important; text-align: center !important; gap: 15px !important; padding: 25px 20px !important;}\n        #gh-portfolio-domino-v12 .gh-tel-content { text-align: center !important; align-items: center !important; }\n        #gh-portfolio-domino-v12 button.gh-tel-btn { padding: 12px 15px !important; }\n        #gh-portfolio-domino-v12 .gh-bento-grid-small { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; } \n        #gh-portfolio-domino-v12 a.gh-cta-project { padding: 15px 20px !important; font-size: 0.8rem !important; }\n        #gh-portfolio-domino-v12 .gh-more-text { font-size: 0.65rem !important; }\n    }\n<\/style>\n\n<div id=\"gh-portfolio-domino-v12\" aria-labelledby=\"gh-case-study-domino\">\n    <div class=\"gh-hero-case\">\n\n        <div class=\"gh-split-grid\">\n            \n            <div class=\"gh-content-left\">\n                <span class=\"gh-dash-badge\" aria-hidden=\"true\">Multi-Area Project | Headquarters<\/span>\n                \n                <h2 id=\"gh-case-study-domino\" class=\"gh-dash-title\">Domino Infissi: Preserved Greenery Walls and Biophilic Ecosystems.<\/h2>\n                \n                <p class=\"gh-dash-subtitle\">\n                    <strong>The Challenge:<\/strong> Integrate nature into headquarters dominated by glass, solving the problems of acoustic reverberation in offices and reception areas. The constraint imposed by the client: the infrastructures had to be 100% natural, have zero running costs, and no maintenance needs.<br><br>\n                    <strong>The Solution:<\/strong> A multi-faceted architectural intervention. We placed the spectacular full-height preserved greenery wall in the stairwell alongside dozens of diffused installations, including indoor vertical gardens and sound-absorbing ceiling islands for the operational offices.\n                <\/p>\n\n                <div class=\"gh-telemetry-module js-telemetry-module\" aria-live=\"polite\">\n                    \n                    <div class=\"gh-tel-header\">\n                        <span class=\"gh-tel-title\">Project & HR Monitoring<\/span>\n                        <div class=\"gh-tel-live\"><span class=\"gh-tel-dot\" aria-hidden=\"true\"><\/span> <span class=\"js-live-text\">AUTO-PLAY<\/span><\/div>\n                    <\/div>\n\n                    <div class=\"gh-tel-stage\" style=\"--theme-color: #059669;\">\n                        <div class=\"gh-tel-ring-wrapper\" aria-hidden=\"true\">\n                            <div class=\"gh-tel-ring-bg\"><\/div>\n                            <div class=\"gh-tel-ring-active js-tel-ring\"><\/div>\n                            <div class=\"gh-tel-icon-box js-tel-icon\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"gh-tel-content js-tel-content-wrap\">\n                            <div class=\"gh-tel-lbl js-tel-lbl\">MAINTENANCE COSTS<\/div>\n                            <div class=\"gh-tel-val js-tel-val\">0 \u20ac \/ Year<\/div>\n                            <div class=\"gh-tel-desc js-tel-desc\">The real strength of the project. No water system, zero soil, no need for sunlight or pruning. A totally independent architectural asset.<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"gh-tel-controls\" role=\"tablist\">\n                        <button class=\"gh-tel-btn active js-tel-btn\" data-mode=\"gestione\" role=\"tab\" aria-selected=\"true\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Management<\/span>\n                            <span class=\"gh-btn-title\">Zero Systems<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"acustica\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Hearing Comfort<\/span>\n                            <span class=\"gh-btn-title\">Sound Absorption<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"biofilia\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Architecture<\/span>\n                            <span class=\"gh-btn-title\">Biophilic Design<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"multiarea\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Coverage<\/span>\n                            <span class=\"gh-btn-title\">Multi-Area<\/span>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-content-right\">\n                \n                <div class=\"gh-gallery-collage\">\n                    \n                    <div class=\"gh-collage-main\">\n                        <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/verde-indoor-reception-aziendale-domino-infissi.jpg\" alt=\"Preserved Indoor Green Wall Domino Infissi Reception\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    \n                    <div class=\"gh-bento-grid-small\">\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/giardino-verticale-open-space-uffici-domino-infissi.jpg\" alt=\"Indoor vertical garden in open space corporate offices\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/realizzazione-pareti-verdi-aziendali-domino-infissi.jpg\" alt=\"Realization of corporate preserved green walls\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/illuminazione-led-parete-verde-indoor-domino-infissi.jpg\" alt=\"LED lighting detail on preserved green wall\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-vegetale-area-break-domino-infissi.jpg\" alt=\"Green wall and vertical garden break area\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-verde-indoor-uffici-domino-infissi.jpg\" alt=\"Indoor green wall executive offices\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n\n                        <div class=\"gh-bento-item\" aria-label=\"View 22 more photos of the Domino Infissi project\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/parete-verde-zona-relax-dipendenti-domino-infissi.jpg\" alt=\"Biophilic employee relaxation area green walls\" loading=\"lazy\" decoding=\"async\">\n                            \n                            <div class=\"gh-more-overlay\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n                                <span class=\"gh-more-text\">+22 PHOTOS<br><small>Request More<\/small><\/span>\n                            <\/div>\n\n                            <a href=\"https:\/\/greenhabitat.it\/en\/contact-us\/\" class=\"gh-link-cover\" tabindex=\"0\"><\/a>\n                        <\/div>\n                        <\/div>\n\n                <\/div>\n\n                <a href=\"https:\/\/greenhabitat.it\/en\/contact-us\/\" class=\"gh-cta-project\">\n                    <span>Request the Full Project<\/span>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                <\/a>\n\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Domino Infissi: Preserved Greenery Walls and Biophilic Ecosystems\",\n  \"description\": \"Case study on the integration of preserved greenery walls in the Domino Infissi headquarters. Zero-system and zero-maintenance solution for acoustic reverberation absorption (walls and ceilings) and widespread biophilic design in operational offices and stairwells.\",\n  \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/verde-indoor-reception-aziendale-domino-infissi.jpg\",\n  \"author\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\"\n  },\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\",\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2022\/02\/logo-green-habitat.png\"\n    }\n  }\n}\n<\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    const modules = document.querySelectorAll('#gh-portfolio-domino-v12 .js-telemetry-module');\n    \n    const dataHub = {\n        gestione: {\n            color: '#059669', \n            lbl: 'MAINTENANCE COSTS',\n            val: '0 \u20ac \/ Year',\n            desc: 'The real strength of the project. No water system, zero soil, no need for sunlight or pruning. A totally independent architectural asset.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>'\n        },\n        acustica: {\n            color: '#334155', \n            lbl: 'REVERBERATION ABSORPTION',\n            val: 'Walls & Ceilings',\n            desc: 'The high density of the preserved vegetation breaks sound waves. We treated both the vertical walls and the ceilings of the operational offices to neutralize the echo of the glass.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path><\/svg>'\n        },\n        biofilia: {\n            color: '#0284c7', \n            lbl: 'VISUAL IMPACT',\n            val: 'Diffused',\n            desc: 'Not just a multi-story scenic backdrop: biophilic design extends into the corridors and break areas, creating a relaxing visual journey for all staff.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>'\n        },\n        multiarea: {\n            color: '#b45309', \n            lbl: 'INTERVENTION AREAS',\n            val: 'Hall & Offices',\n            desc: 'The dry installation allowed us to intervene simultaneously in the reception, open space, executive offices, and meeting rooms without stopping business activities.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>'\n        }\n    };\n\n    modules.forEach(mod => {\n        if(mod.dataset.init) return;\n        mod.dataset.init = 'true';\n\n        const stage = mod.querySelector('.gh-tel-stage');\n        const ring = mod.querySelector('.js-tel-ring');\n        const iconBox = mod.querySelector('.js-tel-icon');\n        const contentWrap = mod.querySelector('.js-tel-content-wrap');\n        const lbl = mod.querySelector('.js-tel-lbl');\n        const val = mod.querySelector('.js-tel-val');\n        const desc = mod.querySelector('.js-tel-desc');\n        const btns = mod.querySelectorAll('.js-tel-btn');\n        const liveText = mod.querySelector('.js-live-text');\n        \n        let keys = Object.keys(dataHub);\n        let currentIndex = 0; \n        let isAutoPlaying = true;\n        let autoInterval;\n\n        function updateTelemetry(mode, isAuto = false) {\n            if(!isAuto) {\n                isAutoPlaying = false;\n                clearInterval(autoInterval);\n                if(liveText) liveText.innerText = 'MANUAL';\n            }\n\n            const data = dataHub[mode];\n            \n            btns.forEach(b => {\n                b.classList.remove('active');\n                b.setAttribute('aria-selected', 'false');\n            });\n            const activeBtn = mod.querySelector(`[data-mode=\"${mode}\"]`);\n            if(activeBtn) {\n                activeBtn.classList.add('active');\n                activeBtn.setAttribute('aria-selected', 'true');\n            }\n\n            stage.style.setProperty('--theme-color', data.color);\n\n            ring.style.transition = 'none';\n            ring.style.transform = 'rotate(-180deg)';\n            void ring.offsetWidth; \n            ring.style.transition = 'all 0.8s cubic-bezier(0.25, 1, 0.5, 1)';\n            ring.style.transform = 'rotate(-45deg)';\n\n            contentWrap.classList.add('gh-fade-out');\n            iconBox.classList.add('gh-fade-out');\n            \n            setTimeout(() => {\n                iconBox.innerHTML = data.icon;\n                lbl.innerText = data.lbl;\n                val.innerHTML = data.val; \n                desc.innerHTML = data.desc;\n                \n                contentWrap.classList.remove('gh-fade-out');\n                iconBox.classList.remove('gh-fade-out');\n            }, 300);\n        }\n\n        function cycleTelemetry() {\n            if(!isAutoPlaying) return;\n            currentIndex = (currentIndex + 1) % keys.length;\n            updateTelemetry(keys[currentIndex], true);\n        }\n\n        btns.forEach((btn, index) => {\n            btn.addEventListener('click', () => {\n                currentIndex = index;\n                updateTelemetry(btn.dataset.mode, false);\n            });\n        });\n\n        if ('IntersectionObserver' in window) {\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        if (isAutoPlaying && !autoInterval) {\n                            autoInterval = setInterval(cycleTelemetry, 4800);\n                        }\n                    } else {\n                        clearInterval(autoInterval);\n                        autoInterval = null;\n                    }\n                });\n            }, { threshold: 0.1 });\n            observer.observe(mod);\n        } else {\n            autoInterval = setInterval(cycleTelemetry, 4800);\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-18c4f60 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"18c4f60\" 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-cd6ad91\" data-id=\"cd6ad91\" 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-a5b69dd elementor-widget elementor-widget-html\" data-id=\"a5b69dd\" 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-portfolio-expert-v3 {\n        display: block !important;\n        width: 100% !important;\n        background-color: #f8fafc !important; \n        padding: 100px 5% !important;\n        box-sizing: border-box !important;\n        font-family: 'Inter', sans-serif !important;\n        border-bottom: 1px solid #e2e8f0 !important;\n    }\n\n    #gh-portfolio-expert-v3 * { box-sizing: border-box !important; }\n    #gh-portfolio-expert-v3 sup { font-size: 0.6em !important; vertical-align: super !important; line-height: 0 !important; }\n    #gh-portfolio-expert-v3 .gh-hero-case { max-width: 1350px !important; margin: 0 auto !important; }\n\n    #gh-portfolio-expert-v3 .gh-split-grid { \n        display: grid !important; \n        grid-template-columns: 1fr 1.15fr !important; \n        gap: 60px !important; \n        align-items: center !important; \n    }\n\n    #gh-portfolio-expert-v3 .gh-content-left {\n        display: flex !important; flex-direction: column !important; justify-content: center !important;\n    }\n\n    #gh-portfolio-expert-v3 span.gh-dash-badge {\n        display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #b45309 !important; \n        font-size: 0.75rem !important; text-transform: uppercase !important; letter-spacing: 2px !important;\n        font-weight: 800 !important; margin-bottom: 20px !important; font-family: 'Inter', sans-serif !important;\n    }\n    #gh-portfolio-expert-v3 span.gh-dash-badge::before {\n        content: '' !important; display: block !important; width: 6px !important; height: 6px !important;\n        background-color: #b45309 !important; border-radius: 50% !important;\n    }\n    \n    #gh-portfolio-expert-v3 h2.gh-dash-title {\n        font-size: 2.5rem !important; color: #0f172a !important; margin: 0 0 20px 0 !important;\n        line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: -1px !important;\n        font-family: 'Playfair Display', serif !important; \n    }\n    \n    #gh-portfolio-expert-v3 p.gh-dash-subtitle { \n        font-size: 1.05rem !important; color: #475569 !important; \n        line-height: 1.6 !important; margin: 0 0 35px 0 !important; font-weight: 400 !important; \n    }\n    #gh-portfolio-expert-v3 p.gh-dash-subtitle strong { color: #0f172a !important; font-weight: 800 !important; }\n\n    #gh-portfolio-expert-v3 .gh-telemetry-module {\n        background: #ffffff !important; \n        border-radius: 12px !important; overflow: hidden !important;\n        box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.08) !important; \n        border: 1px solid #e2e8f0 !important;\n        display: flex !important; flex-direction: column !important;\n        width: 100% !important;\n        margin-bottom: 0 !important; \n    }\n    \n    #gh-portfolio-expert-v3 .gh-tel-header {\n        padding: 12px 20px !important; background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important;\n        display: flex !important; justify-content: space-between !important; align-items: center !important;\n    }\n    #gh-portfolio-expert-v3 span.gh-tel-title { font-size: 0.7rem !important; font-weight: 800 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; }\n    #gh-portfolio-expert-v3 .gh-tel-live { display: flex !important; align-items: center !important; gap: 6px !important; color: #059669 !important; font-size: 0.6rem !important; font-weight: 800 !important; letter-spacing: 1px !important; }\n    #gh-portfolio-expert-v3 .gh-tel-dot { width: 6px !important; height: 6px !important; background: #059669 !important; border-radius: 50% !important; animation: livePulse 1.5s infinite !important; }\n    @keyframes livePulse { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }\n\n    #gh-portfolio-expert-v3 .gh-tel-stage {\n        padding: 30px 20px !important; position: relative !important; background: #ffffff !important;\n        display: flex !important; align-items: center !important; gap: 20px !important; min-height: 160px !important;\n    }\n    \n    #gh-portfolio-expert-v3 .gh-tel-ring-wrapper { position: relative !important; width: 80px !important; height: 80px !important; flex-shrink: 0 !important; }\n    #gh-portfolio-expert-v3 .gh-tel-ring-bg { position: absolute !important; top:0 !important; left:0 !important; width: 100% !important; height: 100% !important; border-radius: 50% !important; border: 4px solid #f1f5f9 !important; }\n    #gh-portfolio-expert-v3 .gh-tel-ring-active {\n        position: absolute !important; top:0 !important; left:0 !important; width: 100% !important; height: 100% !important; border-radius: 50% !important;\n        border: 4px solid transparent !important; \n        border-top-color: var(--theme-color, #0284c7) !important; border-right-color: var(--theme-color, #0284c7) !important;\n        transform: rotate(-45deg) !important; transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.5s ease !important;\n    }\n    #gh-portfolio-expert-v3 .gh-tel-icon-box {\n        position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;\n        width: 30px !important; height: 30px !important; color: var(--theme-color, #0284c7) !important; transition: opacity 0.3s ease, color 0.5s ease !important;\n    }\n    #gh-portfolio-expert-v3 .gh-tel-icon-box svg { width: 100% !important; height: 100% !important; stroke-width: 2 !important; }\n    \n    #gh-portfolio-expert-v3 .gh-tel-content { display: flex !important; flex-direction: column !important; justify-content: center !important; transition: opacity 0.3s ease !important; text-align: left !important;}\n    #gh-portfolio-expert-v3 .gh-fade-out { opacity: 0 !important; }\n\n    #gh-portfolio-expert-v3 div.gh-tel-lbl { font-size: 0.65rem !important; font-weight: 800 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 4px !important; }\n    #gh-portfolio-expert-v3 div.gh-tel-val { font-family: 'Inter', sans-serif !important; font-size: 1.8rem !important; font-weight: 900 !important; color: var(--theme-color, #0284c7) !important; line-height: 1 !important; margin-bottom: 8px !important; transition: color 0.5s ease !important; letter-spacing: -1px !important;}\n    #gh-portfolio-expert-v3 div.gh-tel-desc { font-size: 0.9rem !important; color: #475569 !important; line-height: 1.5 !important; font-weight: 400 !important; margin:0 !important; }\n    \n    #gh-portfolio-expert-v3 .gh-tel-controls {\n        display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; padding: 0 !important;\n        background: #f8fafc !important; border-top: 1px solid #e2e8f0 !important;\n    }\n    #gh-portfolio-expert-v3 button.gh-tel-btn {\n        background: transparent !important; border: none !important; border-right: 1px solid #e2e8f0 !important; border-bottom: 1px solid #e2e8f0 !important; padding: 14px 20px !important;\n        display: flex !important; flex-direction: column !important; align-items: flex-start !important; cursor: pointer !important;\n        transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important; position: relative !important; overflow: hidden !important; text-align: left !important;\n    }\n    #gh-portfolio-expert-v3 button.gh-tel-btn:nth-child(even) { border-right: none !important; }\n    #gh-portfolio-expert-v3 button.gh-tel-btn:nth-child(3), #gh-portfolio-expert-v3 button.gh-tel-btn:nth-child(4) { border-bottom: none !important; }\n    \n    #gh-portfolio-expert-v3 button.gh-tel-btn::before {\n        content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important;\n        background: transparent !important; transition: background 0.3s ease !important;\n    }\n    #gh-portfolio-expert-v3 button.gh-tel-btn:hover, #gh-portfolio-expert-v3 button.gh-tel-btn:focus-visible { background: #ffffff !important; }\n    #gh-portfolio-expert-v3 button.gh-tel-btn:focus-visible { outline: 2px solid #0f172a; outline-offset: -2px; }\n    #gh-portfolio-expert-v3 span.gh-btn-eyebrow { font-size: 0.6rem !important; color: #64748b !important; text-transform: uppercase !important; font-weight: 800 !important; letter-spacing: 1px !important; margin-bottom: 2px !important; transition: color 0.3s !important; }\n    #gh-portfolio-expert-v3 span.gh-btn-title { font-size: 0.85rem !important; color: #0f172a !important; font-weight: 700 !important; transition: color 0.3s !important; }\n    \n    #gh-portfolio-expert-v3 button.gh-tel-btn.active { background: #ffffff !important; box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important; z-index: 1 !important; }\n    #gh-portfolio-expert-v3 button.gh-tel-btn.active[data-mode=\"vendite\"]::before { background: #0284c7 !important; }\n    #gh-portfolio-expert-v3 button.gh-tel-btn.active[data-mode=\"vendite\"] span.gh-btn-title { color: #0284c7 !important; font-weight: 800 !important; }\n    #gh-portfolio-expert-v3 button.gh-tel-btn.active[data-mode=\"acustica\"]::before { background: #334155 !important; }\n    #gh-portfolio-expert-v3 button.gh-tel-btn.active[data-mode=\"acustica\"] span.gh-btn-title { color: #334155 !important; font-weight: 800 !important; }\n    #gh-portfolio-expert-v3 button.gh-tel-btn.active[data-mode=\"gestione\"]::before { background: #059669 !important; }\n    #gh-portfolio-expert-v3 button.gh-tel-btn.active[data-mode=\"gestione\"] span.gh-btn-title { color: #059669 !important; font-weight: 800 !important; }\n    #gh-portfolio-expert-v3 button.gh-tel-btn.active[data-mode=\"format\"]::before { background: #b45309 !important; }\n    #gh-portfolio-expert-v3 button.gh-tel-btn.active[data-mode=\"format\"] span.gh-btn-title { color: #b45309 !important; font-weight: 800 !important; }\n\n    #gh-portfolio-expert-v3 .gh-content-right {\n        display: flex !important; flex-direction: column !important; justify-content: center !important; width: 100% !important;\n    }\n\n    #gh-portfolio-expert-v3 .gh-gallery-collage {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 12px !important;\n        width: 100% !important;\n        margin-bottom: 25px !important;\n    }\n\n    #gh-portfolio-expert-v3 .gh-collage-main {\n        border-radius: 12px !important;\n        overflow: hidden !important;\n        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.08) !important;\n        width: 100% !important;\n        display: block !important;\n        aspect-ratio: 16 \/ 9 !important; \n        background-color: #e2e8f0 !important;\n    }\n    \n    #gh-portfolio-expert-v3 .gh-bento-grid-small {\n        display: grid !important;\n        grid-template-columns: repeat(3, 1fr) !important; \n        gap: 12px !important;\n        width: 100% !important;\n    }\n\n    \/* MAIN CONTAINER FOR THE SQUARE *\/\n    #gh-portfolio-expert-v3 .gh-bento-item {\n        border-radius: 8px !important;\n        overflow: hidden !important;\n        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06) !important;\n        display: block !important;\n        aspect-ratio: 1 \/ 1 !important; \n        position: relative !important;\n        background-color: #e2e8f0 !important;\n        transform: translateZ(0) !important; \/* Locks the overlay in the enclosure in iOS Safari *\/\n    }\n\n    #gh-portfolio-expert-v3 .gh-gallery-collage img {\n        width: 100% !important;\n        display: block !important;\n        transition: transform 0.6s ease !important;\n    }\n\n    #gh-portfolio-expert-v3 .gh-collage-main img {\n        height: 100% !important; \n        object-fit: cover !important;\n    }\n\n    #gh-portfolio-expert-v3 .gh-bento-item img {\n        height: 100% !important;\n        object-fit: cover !important;\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n    }\n\n    #gh-portfolio-expert-v3 .gh-collage-main:hover img,\n    #gh-portfolio-expert-v3 .gh-bento-item:hover img {\n        transform: scale(1.05) !important;\n    }\n\n    \/* INVISIBLE LINK COVERING THE ENTIRE BLOCK *\/\n    #gh-portfolio-expert-v3 .gh-link-cover {\n        position: absolute !important;\n        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        width: 100% !important; height: 100% !important;\n        z-index: 5 !important;\n        text-decoration: none !important;\n        cursor: pointer !important;\n    }\n\n    \/* BLACK OVERLAY ABOVE THE IMAGE BUT BELOW THE LINK *\/\n    #gh-portfolio-expert-v3 .gh-more-overlay {\n        position: absolute !important;\n        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        background: rgba(15, 23, 42, 0.75) !important; \n        backdrop-filter: blur(3px) !important;\n        -webkit-backdrop-filter: blur(3px) !important;\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: center !important;\n        align-items: center !important;\n        color: #ffffff !important;\n        font-family: 'Inter', sans-serif !important;\n        transition: background 0.3s ease !important;\n        z-index: 3 !important; \/* IMPORTANT: HIGH Z-INDEX BUT BELOW THE LINK *\/\n        pointer-events: none !important; \/* Lets the click pass through to the link *\/\n    }\n\n    #gh-portfolio-expert-v3 .gh-bento-item:hover .gh-more-overlay {\n        background: rgba(15, 23, 42, 0.9) !important;\n    }\n\n    #gh-portfolio-expert-v3 .gh-more-overlay svg {\n        width: 22px !important;\n        stroke: #ffffff !important;\n        margin-bottom: 6px !important;\n        transition: transform 0.3s ease !important;\n    }\n    \n    #gh-portfolio-expert-v3 .gh-bento-item:hover .gh-more-overlay svg {\n        transform: scale(1.15) !important;\n    }\n\n    #gh-portfolio-expert-v3 .gh-more-text {\n        font-size: 0.85rem !important;\n        font-weight: 800 !important;\n        letter-spacing: 1px !important;\n        text-transform: uppercase !important;\n        text-align: center !important;\n        line-height: 1.3 !important;\n    }\n    #gh-portfolio-expert-v3 .gh-more-text small {\n        font-size: 0.60rem !important;\n        color: #cbd5e1 !important; \n        letter-spacing: 0.5px !important;\n    }\n\n    #gh-portfolio-expert-v3 a.gh-cta-project {\n        display: inline-flex !important; align-items: center !important; justify-content: space-between !important; \n        background-color: #ffffff !important; color: #0f172a !important; text-decoration: none !important;\n        padding: 20px 30px !important; border-radius: 12px !important;\n        font-family: 'Inter', sans-serif !important; font-weight: 800 !important; font-size: 0.95rem !important; \n        text-transform: uppercase !important; letter-spacing: 1px !important;\n        width: 100% !important; \n        transition: all 0.3s ease !important;\n        border: 2px dashed #cbd5e1 !important;\n        margin-top: 10px !important;\n    }\n    #gh-portfolio-expert-v3 a.gh-cta-project:hover {\n        background-color: #0f172a !important; color: #ffffff !important; border-color: #0f172a !important;\n        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.15) !important;\n        transform: translateY(-3px) !important;\n    }\n    #gh-portfolio-expert-v3 a.gh-cta-project svg { width: 20px !important; transition: transform 0.3s ease !important; }\n    #gh-portfolio-expert-v3 a.gh-cta-project:hover svg { transform: translateX(5px) !important; stroke: #ffffff !important; }\n\n    @media (max-width: 1024px) {\n        #gh-portfolio-expert-v3 { padding: 60px 20px !important; }\n        #gh-portfolio-expert-v3 .gh-split-grid { grid-template-columns: 1fr !important; gap: 50px !important; }\n        #gh-portfolio-expert-v3 h2.gh-dash-title { font-size: 2.2rem !important; }\n    }\n    @media (max-width: 600px) {\n        #gh-portfolio-expert-v3 .gh-tel-stage { flex-direction: column !important; text-align: center !important; gap: 15px !important; padding: 25px 20px !important;}\n        #gh-portfolio-expert-v3 .gh-tel-content { text-align: center !important; align-items: center !important; }\n        #gh-portfolio-expert-v3 button.gh-tel-btn { padding: 12px 15px !important; }\n        #gh-portfolio-expert-v3 .gh-bento-grid-small { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; } \n        #gh-portfolio-expert-v3 a.gh-cta-project { padding: 15px 20px !important; font-size: 0.8rem !important; }\n        #gh-portfolio-expert-v3 .gh-more-text { font-size: 0.65rem !important; }\n    }\n<\/style>\n\n<div id=\"gh-portfolio-expert-v3\" aria-labelledby=\"gh-case-study-expert\">\n    <div class=\"gh-hero-case\">\n\n        <div class=\"gh-split-grid\">\n            \n            <div class=\"gh-content-left\">\n                <span class=\"gh-dash-badge\" aria-hidden=\"true\">Retail & Large Scale Distribution | National Format<\/span>\n                \n                <h2 id=\"gh-case-study-expert\" class=\"gh-dash-title\">Expert: Biophilic Design for Emotional Retail.<\/h2>\n                \n                <p class=\"gh-dash-subtitle\">\n                    <strong>The Challenge:<\/strong> Transforming the classic electronics store \u2014 typically cold, hyper-illuminated, and noisy \u2014 into a welcoming environment. The goal was to increase customer dwell time, mitigating noise pollution without adding maintenance costs or plumbing systems.<br><br>\n                    <strong>The Solution:<\/strong> The strategic insertion of Preserved Greenery walls in transit and checkout areas. The \"Nature-Technology\" contrast lowers visual stress, while the high density of the lichen absorbs background reverberation, creating a relaxed and premium shopping experience.\n                <\/p>\n\n                <div class=\"gh-telemetry-module js-telemetry-module\" aria-live=\"polite\">\n                    \n                    <div class=\"gh-tel-header\">\n                        <span class=\"gh-tel-title\">Retail & UX Monitoring<\/span>\n                        <div class=\"gh-tel-live\"><span class=\"gh-tel-dot\" aria-hidden=\"true\"><\/span> <span class=\"js-live-text\">AUTO-PLAY<\/span><\/div>\n                    <\/div>\n\n                    <div class=\"gh-tel-stage\" style=\"--theme-color: #0284c7;\">\n                        <div class=\"gh-tel-ring-wrapper\" aria-hidden=\"true\">\n                            <div class=\"gh-tel-ring-bg\"><\/div>\n                            <div class=\"gh-tel-ring-active js-tel-ring\"><\/div>\n                            <div class=\"gh-tel-icon-box js-tel-icon\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"gh-tel-content js-tel-content-wrap\">\n                            <div class=\"gh-tel-lbl js-tel-lbl\">DWELL TIME<\/div>\n                            <div class=\"gh-tel-val js-tel-val\">+ Dwell Time<\/div>\n                            <div class=\"gh-tel-desc js-tel-desc\">Exposure to natural patterns lowers consumers' heart rates. A relaxed environment prolongs in-store dwell time, positively impacting the probability of conversion.<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"gh-tel-controls\" role=\"tablist\">\n                        <button class=\"gh-tel-btn active js-tel-btn\" data-mode=\"vendite\" role=\"tab\" aria-selected=\"true\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Retail UX<\/span>\n                            <span class=\"gh-btn-title\">Shopping Experience<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"acustica\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Hearing Comfort<\/span>\n                            <span class=\"gh-btn-title\">Background Noise<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"gestione\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Store Management<\/span>\n                            <span class=\"gh-btn-title\">Zero OPEX<\/span>\n                        <\/button>\n                        <button class=\"gh-tel-btn js-tel-btn\" data-mode=\"format\" role=\"tab\" aria-selected=\"false\" aria-controls=\"gh-tel-content-panel\">\n                            <span class=\"gh-btn-eyebrow\">Format<\/span>\n                            <span class=\"gh-btn-title\">Scalability<\/span>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"gh-content-right\">\n                \n                <div class=\"gh-gallery-collage\">\n                    \n                    <div class=\"gh-collage-main\">\n                        <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/verde-stabilizzato-e-schermi-led-expert.jpg\" alt=\"Preserved Greenery Wall and LED Screens in an Expert store\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    \n                    <div class=\"gh-bento-grid-small\">\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/shopping-experience-rilassante-verde-expert.jpg\" alt=\"Relaxing shopping experience with Expert preserved greenery\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"gh-bento-item\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/bioarchitettura-spazi-commerciali-expert.jpg\" alt=\"Bioarchitecture of commercial spaces electronics store\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n\n                        <div class=\"gh-bento-item\" aria-label=\"View 24 more photos of the Retail project\">\n                            <img src=\"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/verde-indoor-zona-esposizione-tv-expert.jpg\" alt=\"Indoor greenery Expert TV display area\" loading=\"lazy\" decoding=\"async\">\n                            \n                            <div class=\"gh-more-overlay\" aria-hidden=\"true\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><polyline points=\"21 15 16 10 5 21\"><\/polyline><\/svg>\n                                <span class=\"gh-more-text\">+24 PHOTOS<br><small>Request More<\/small><\/span>\n                            <\/div>\n                            \n                            <a href=\"https:\/\/greenhabitat.it\/en\/contact-us\/\" class=\"gh-link-cover\" tabindex=\"0\"><\/a>\n                        <\/div>\n                        <\/div>\n\n                <\/div>\n\n                <a href=\"https:\/\/greenhabitat.it\/en\/contact-us\/\" class=\"gh-cta-project\" aria-label=\"Request the complete Retail Concept\">\n                    <span>Request the Retail Concept<\/span>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                <\/a>\n\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"Expert: Biophilic Design for Emotional Retail\",\n  \"description\": \"Case study on the installation of preserved greenery walls in Expert electronics stores. The strategic insertion of nature (without the need for water or maintenance) increased dwell time, reduced acoustic reverberation (- Sound Stress) and improved the shopping experience.\",\n  \"image\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2026\/02\/verde-stabilizzato-e-schermi-led-expert.jpg\",\n  \"author\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\"\n  },\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Green Habitat\",\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"https:\/\/greenhabitat.it\/wp-content\/uploads\/2022\/02\/logo-green-habitat.png\"\n    }\n  }\n}\n<\/script>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    const modules = document.querySelectorAll('#gh-portfolio-expert-v3 .js-telemetry-module');\n    \n    const dataHub = {\n        vendite: {\n            color: '#0284c7', \n            lbl: 'DWELL TIME',\n            val: '+ Dwell Time',\n            desc: 'Exposure to natural patterns lowers consumers\\' heart rates. A relaxed environment prolongs in-store dwell time, positively impacting the probability of conversion.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>'\n        },\n        acustica: {\n            color: '#334155', \n            lbl: 'ACOUSTIC ABSORPTION',\n            val: '- Sound Stress',\n            desc: 'Hundreds of active screens and customers create an annoying \"white noise\" effect. Vegetal panels act as natural sound absorbers, improving communication with sales consultants.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path><\/svg>'\n        },\n        gestione: {\n            color: '#059669', \n            lbl: 'MANAGEMENT COSTS',\n            val: '0 \u20ac \/ Year',\n            desc: 'No water, no pruning, zero risk of leaks near electronic equipment. The system maintains its freshness autonomously, freeing the staff from any burden.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2v20\"><\/path><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>'\n        },\n        format: {\n            color: '#b45309', \n            lbl: 'INSTALLATION',\n            val: 'Plug & Play',\n            desc: 'The pre-engineered panel architecture allows for faithful replication of the biophilic design in dozens of different stores, with overnight assembly that never interrupts daytime sales.',\n            icon: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>'\n        }\n    };\n\n    modules.forEach(mod => {\n        if(mod.dataset.init) return;\n        mod.dataset.init = 'true';\n\n        const stage = mod.querySelector('.gh-tel-stage');\n        const ring = mod.querySelector('.js-tel-ring');\n        const iconBox = mod.querySelector('.js-tel-icon');\n        const contentWrap = mod.querySelector('.js-tel-content-wrap');\n        const lbl = mod.querySelector('.js-tel-lbl');\n        const val = mod.querySelector('.js-tel-val');\n        const desc = mod.querySelector('.js-tel-desc');\n        const btns = mod.querySelectorAll('.js-tel-btn');\n        const liveText = mod.querySelector('.js-live-text');\n        \n        let keys = Object.keys(dataHub);\n        let currentIndex = 0; \n        let isAutoPlaying = true;\n        let autoInterval;\n\n        function updateTelemetry(mode, isAuto = false) {\n            if(!isAuto) {\n                isAutoPlaying = false;\n                clearInterval(autoInterval);\n                if(liveText) liveText.innerText = 'MANUAL';\n            }\n\n            const data = dataHub[mode];\n            \n            btns.forEach(b => {\n                b.classList.remove('active');\n                b.setAttribute('aria-selected', 'false');\n            });\n            const activeBtn = mod.querySelector(`[data-mode=\"${mode}\"]`);\n            if(activeBtn) {\n                activeBtn.classList.add('active');\n                activeBtn.setAttribute('aria-selected', 'true');\n            }\n\n            stage.style.setProperty('--theme-color', data.color);\n\n            ring.style.transition = 'none';\n            ring.style.transform = 'rotate(-180deg)';\n            void ring.offsetWidth; \n            ring.style.transition = 'all 0.8s cubic-bezier(0.25, 1, 0.5, 1)';\n            ring.style.transform = 'rotate(-45deg)';\n\n            contentWrap.classList.add('gh-fade-out');\n            iconBox.classList.add('gh-fade-out');\n            \n            setTimeout(() => {\n                iconBox.innerHTML = data.icon;\n                lbl.innerText = data.lbl;\n                val.innerHTML = data.val; \n                desc.innerHTML = data.desc;\n                \n                contentWrap.classList.remove('gh-fade-out');\n                iconBox.classList.remove('gh-fade-out');\n            }, 300);\n        }\n\n        function cycleTelemetry() {\n            if(!isAutoPlaying) return;\n            currentIndex = (currentIndex + 1) % keys.length;\n            updateTelemetry(keys[currentIndex], true);\n        }\n\n        btns.forEach((btn, index) => {\n            btn.addEventListener('click', () => {\n                currentIndex = index;\n                updateTelemetry(btn.dataset.mode, false);\n            });\n        });\n\n        if ('IntersectionObserver' in window) {\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        if (isAutoPlaying && !autoInterval) {\n                            autoInterval = setInterval(cycleTelemetry, 4800);\n                        }\n                    } else {\n                        clearInterval(autoInterval);\n                        autoInterval = null;\n                    }\n                });\n            }, { threshold: 0.1 });\n            observer.observe(mod);\n        } else {\n            autoInterval = setInterval(cycleTelemetry, 4800);\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-0b3c2a9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"0b3c2a9\" 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-9d66491\" data-id=\"9d66491\" 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-3f3eab9 elementor-widget elementor-widget-html\" data-id=\"3f3eab9\" 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-seo-footer-text {\n        background-color: #ffffff; \n        padding: 80px 5%;\n        border-top: 1px solid #e2e8f0;\n        font-family: 'Inter', sans-serif;\n    }\n    .gh-seo-footer-content {\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n    .gh-seo-footer-content h2 {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.2rem;\n        color: #0f172a;\n        font-weight: 900;\n        margin-bottom: 25px;\n        letter-spacing: -0.5px;\n    }\n    .gh-seo-footer-content p {\n        font-size: 1.05rem;\n        color: #475569;\n        line-height: 1.7;\n        margin-bottom: 20px;\n    }\n    .gh-seo-footer-content p strong {\n        color: #0f172a;\n        font-weight: 800;\n    }\n    .gh-seo-footer-content a {\n        color: #0284c7; \n        text-decoration: none;\n        border-bottom: 1px solid transparent;\n        transition: border-color 0.3s;\n    }\n    .gh-seo-footer-content a:hover {\n        border-color: #0284c7;\n    }\n<\/style>\n\n<section class=\"gh-seo-footer-text\" aria-labelledby=\"gh-seo-footer-title\">\n    <div class=\"gh-seo-footer-content\">\n        <h2 id=\"gh-seo-footer-title\">Biophilic Design Projects: The Impact on B2B Architecture<\/h2>\n        \n        <p>Our library of <strong>biophilic design projects<\/strong> demonstrates how the integration of nature into built spaces goes far beyond simple aesthetic decoration. Through the engineered use of preserved greenery, we solve crucial architectural challenges for the corporate, retail, and hospitality sectors, guaranteeing measurable and certified results for every client.<\/p>\n        \n        <p>Every case study documents the tangible advantages of our <strong>biophilic design projects<\/strong>: from the drastic reduction of acoustic reverberation in open spaces, to the improvement of indoor air quality, up to the increase in dwell time in commercial spaces. The integration of architectural greenery responds to the rigorous scientific principles of <a href=\"https:\/\/en.wikipedia.org\/wiki\/Biophilia_hypothesis\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"biophilia (opens in a new tab)\">biophilia<\/a>, demonstrating how a visual connection with nature lowers cortisol levels and significantly improves the cognitive performance of work teams.<\/p>\n        \n        <p>Choosing these high-density natural infrastructures means investing in the well-being of human resources, the safety of environments (thanks to fire certifications), and the enhancement of the entire real estate asset, all with zero operating (OPEX) and maintenance costs. From executive headquarters to flagship stores, our method guarantees fast, dry worksites in full compliance with the most modern ESG parameters.<\/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-6460170 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6460170\" 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-90b8eee\" data-id=\"90b8eee\" 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-7456a06 elementor-widget elementor-widget-html\" data-id=\"7456a06\" 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-24f46a0 elementor-section-full_width elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"24f46a0\" 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-6cb85ac\" data-id=\"6cb85ac\" 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-53fbee2 elementor-widget elementor-widget-html\" data-id=\"53fbee2\" 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-3b9a7e1 elementor-section-full_width elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"3b9a7e1\" 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-a69cdd7\" data-id=\"a69cdd7\" 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-1beaeb0 elementor-widget elementor-widget-html\" data-id=\"1beaeb0\" 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-7ec9edb2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7ec9edb2\" 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-58d73a5d\" data-id=\"58d73a5d\" 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-7c941750 elementor-widget elementor-widget-html\" data-id=\"7c941750\" 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-379862ec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"379862ec\" 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-39d0f5c\" data-id=\"39d0f5c\" 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-2d2d01bf elementor-widget elementor-widget-html\" data-id=\"2d2d01bf\" 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-9681694 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9681694\" 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-6516fa75\" data-id=\"6516fa75\" 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-37b9b188 elementor-widget elementor-widget-html\" data-id=\"37b9b188\" 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>Technical Archive | Case Studies Biophilic Design Projects for Architecture and B2B. Explore the behind-the-scenes of our biophilic design projects. Detailed case studies on how we solve complex architectural challenges by integrating nature: from noise reduction to air purification in corporate spaces. ENGINEERED INFRASTRUCTURES FOR: CORPORATE HEADQUARTERS LOGISTICS HUBS AIRPORT LOUNGES HEALTHCARE FACILITIES RETAIL FLAGSHIP [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-6291","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6291","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=6291"}],"version-history":[{"count":28,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6291\/revisions"}],"predecessor-version":[{"id":23416,"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/pages\/6291\/revisions\/23416"}],"wp:attachment":[{"href":"https:\/\/greenhabitat.it\/en\/wp-json\/wp\/v2\/media?parent=6291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}