.explore-xd-section{padding:clamp(100px,10vw,200px) 4% 60px;background-color:#f5f5f5}.explore-xd-section .left-col{padding-right:clamp(15px,3vw,30px);margin-bottom:clamp(80px,10vw,200px)}.explore-xd-section .left-col .section-title{font-size:clamp(32px,4vw,56px);font-weight:700;margin-bottom:24px}.explore-xd-section .left-col .lead{font-size:17px;margin:0}.explore-xd-section .left-col .lead b{font-weight:800}.explore-xd-section .left-col .graph-description{font-size:16px;margin-top:15px}.explore-xd-section .left-col .btn{border-radius:50px;background-color:#000;color:#fff;border:none;padding:15px 35px;font-weight:500;transition:all .3s ease}.explore-xd-section .left-col .btn:hover{background-color:#00f;color:#fff}.explore-xd-section .right-col{text-align:center}.explore-xd-section .right-col .gray-text{color:#ccc;letter-spacing:3px;font-size:17px;font-weight:500;margin-bottom:10px}.explore-xd-section .right-col img{max-width:100%;height:auto;image-rendering:pixelated}.interactive-gallery-section{padding:clamp(60px,8vw,100px) 0 clamp(80px,10vw,150px);background-color:#000;color:#fff}.interactive-gallery-section .section-header{margin-bottom:60px}.interactive-gallery-section .section-header .subheading{font-weight:500;letter-spacing:2px;font-size:14px;margin-bottom:20px;color:#fff}.interactive-gallery-section .section-header .heading{font-size:clamp(32px,4vw,48px);font-weight:700;margin-bottom:20px}.interactive-gallery-section .section-header .description{font-size:18px;margin:0 auto}.interactive-gallery-section .panels-container{display:flex;height:800px;margin-top:40px}.interactive-gallery-section .panel{position:relative;flex:1;background-size:cover;background-position:center;transition:flex .7s ease;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.1)}.interactive-gallery-section .panel .panel-content{position:absolute;bottom:0;left:0;width:100%;padding:clamp(20px,3vw,40px) clamp(30px,5vw,90px);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;transition-delay:.2s;z-index:2;color:#fff}.interactive-gallery-section .panel .panel-content .panel-heading{text-transform:uppercase;font-size:14px;letter-spacing:2px;margin-bottom:12px;font-weight:500}.interactive-gallery-section .panel .panel-content h2{font-size:clamp(24px,3vw,62px);font-weight:700;margin-bottom:20px}.interactive-gallery-section .panel .panel-content div{font-size:18px;max-width:50%}.interactive-gallery-section .panel .panel-content p{font-size:16px;margin-bottom:25px;max-width:400px}.interactive-gallery-section .panel .panel-content .btn-panel{border-radius:50px;background-color:#fff;color:#000;border:none;padding:13px 30px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;margin-top:20px}.interactive-gallery-section .panel .panel-content .btn-panel i{margin-left:10px}.interactive-gallery-section .panel .panel-content .btn-panel:hover{background-color:#00f;color:#fff;text-decoration:none}.interactive-gallery-section .panel .panel-title{position:absolute;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(36px,5vw,62px);font-weight:700;bottom:70px;right:40%;color:#fff;opacity:1;transition:opacity .3s ease;z-index:2}.interactive-gallery-section .panel.active{flex:4}.interactive-gallery-section .panel.active .panel-content{opacity:1;transform:translateY(-70%)}.interactive-gallery-section .panel.active .panel-title{opacity:0}.interactive-gallery-section .panel-accessibile{background-image:url(/homecontent/img/family-back.jpg);border-top-left-radius:12px;border-bottom-left-radius:12px}.interactive-gallery-section .panel-efficiente{background-image:url(/homecontent/img/grass-house.jpg)}.interactive-gallery-section .panel-stile{background-image:url(/homecontent/img/television.jpg);border-top-right-radius:12px;border-bottom-right-radius:12px}.interactive-gallery-section .panel::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,.1) 100%);z-index:1}.interactive-gallery-section .panel.active::after{content:"";position:absolute;bottom:0;left:0;width:30%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.7) 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.2) 60%,rgba(0,0,0,0) 100%);z-index:1}.promo-banner{background-size:cover;background-position:center;border-radius:12px;height:350px;width:90%;display:flex;align-items:center;padding:clamp(30px,5vw,50px);margin:clamp(80px,10vw,200px) auto;position:relative;overflow:hidden;justify-self:center}.promo-banner .promo-content .promo-subtitle{color:#fff;font-size:14px;font-weight:500;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.promo-banner .promo-content .promo-title{color:#fff;font-size:clamp(28px,4vw,52px);font-weight:700;margin-bottom:15px;line-height:1.1}.promo-banner .promo-content .promo-description{color:#fff;font-size:18px;line-height:1.4}.promo-banner .promo-content .promo-description .promo-link{color:#fff;text-decoration:none;font-weight:700}.promo-banner .promo-content .promo-description .promo-link:hover{text-decoration:underline}.why-xd-section{background-color:#000;color:#fff;position:relative}.why-xd-section .why-xd-container{margin:0 auto;display:flex;align-items:center;gap:30px;padding-left:clamp(8%,5vh,13%);position:relative;max-width:100%;width:100%;box-sizing:border-box;min-height:900px}.why-xd-section .why-xd-container .why-xd-content{flex:1;max-width:650px;margin-right:30px}.why-xd-section .why-xd-container .why-xd-content .why-xd-subtitle{font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-weight:400;color:#ccc}.why-xd-section .why-xd-container .why-xd-content .why-xd-title{font-size:56px;font-weight:700;margin-bottom:30px;line-height:1.1}.why-xd-section .why-xd-container .why-xd-content .why-xd-description{font-size:18px;line-height:1.6}.why-xd-section .why-xd-container .why-xd-content .why-xd-description strong{font-weight:600}.why-xd-section .why-xd-container .why-xd-image{position:absolute;right:0;width:50%;height:100%;overflow:hidden}.why-xd-section .why-xd-container .why-xd-image .family-image{width:100%;height:100%;object-fit:cover;object-position:right}@media (min-width:1200px){.container{max-width:90%}}@media (min-width:1800px){.container{max-width:1740px}.container-explore{max-width:1540px}}@media (max-width:1600px){.container{max-width:90%}.input-with-button{max-width:85%}.why-xd-description{font-size:14px;max-width:500px}}@media (max-width:1450px){.why-xd-section .why-xd-container{display:flex;flex-direction:column;padding:0}.why-xd-section .why-xd-container .why-xd-image{position:relative;width:100%}.why-xd-section .why-xd-container .why-xd-content{margin-top:50px;margin-right:0;max-width:100%;width:90%;text-align:center;margin-right:0}.why-xd-section .why-xd-container .why-xd-content .why-xd-description{font-size:18px;max-width:650px;justify-self:center}}@media (max-width:1024px){.why-xd-section .why-xd-container .why-xd-content .why-xd-description{font-size:16px}.cta-cards{flex-direction:column}}@media (max-width:992px){.explore-xd-section .left-col{display:flex;flex-direction:column;justify-items:center;justify-content:center;align-items:center;text-align:center}.explore-xd-section .left-col .graph-description,.explore-xd-section .left-col .lead{text-align:center}.panels-container{height:500px}.panels-container .panel .panel-title{font-size:28px}.panels-container .panel .panel-content{padding:30px}.panels-container .panel .panel-content h2{font-size:28px}.panels-container .panel.active .panel-content{transform:translateY(-20%)}.panels-container .panel.active .panel-content h2{font-size:28px}}@media (max-width:768px){.interactive-gallery-section .panels-container{display:flex;flex-direction:column;gap:1px;height:auto}.interactive-gallery-section .panels-container .panel{height:100px;overflow:hidden;border-radius:0;margin-bottom:0;transition:all .7s ease}.interactive-gallery-section .panels-container .panel .panel-title{writing-mode:horizontal-tb;transform:none;bottom:auto;right:auto;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.interactive-gallery-section .panels-container .panel .panel-content{position:relative;opacity:0;transform:none;transition:opacity .5s ease,transform .5s ease;height:200px;text-align:center}.interactive-gallery-section .panels-container .panel .panel-content a{display:none}.interactive-gallery-section .panels-container .panel .panel-content div{margin-left:auto;margin-right:auto;max-width:100%}.interactive-gallery-section .panels-container .panel.active{min-height:600px;display:flex;flex-flow:column;justify-content:flex-end}.interactive-gallery-section .panels-container .panel.active .panel-content{transition-delay:.2s;opacity:1;transform:none;width:100%;padding:30px;margin-bottom:100px}.interactive-gallery-section .panels-container .panel.active .panel-content h2{font-size:28px}.interactive-gallery-section .panels-container .panel.active .panel-title{opacity:0}.interactive-gallery-section .panels-container .panel.active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.2) 60%,rgba(0,0,0,0) 100%);z-index:1}.interactive-gallery-section .panels-container .panel-accessibile{border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:0}.interactive-gallery-section .panels-container .panel-stile{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-right-radius:0}.promo-banner{width:90%;padding:0 30px;height:90vw;transform:none;text-align:center;align-items:flex-end;margin-bottom:50px;margin-top:50px;justify-content:center}.promo-banner .promo-content{transform:none;margin-bottom:50px}.promo-banner .promo-title{font-size:42px}}@media (max-width:380px){.interactive-gallery-section .panels-container .panel.active .panel-content div{font-size:14px}.interactive-gallery-section .panels-container .panel.active .panel-content a{font-size:14px}}