.carports-page{--carports-dark:#002b2f;--carports-ocean:var(--color-ocean-on-dark);--carports-aqua:#66df9e;--carports-pale:#cffad8;--carports-white:#fff;color:var(--carports-dark);background:var(--carports-dark)}.carports-page *,.carports-page :before,.carports-page :after{box-sizing:border-box}.carports-page h1,.carports-page h2,.carports-page h3,.carports-page p,.carports-page figure{margin:0}.carports-page h1{font-size:3.5rem;font-weight:500;line-height:1.2}.carports-page[data-locale=it] .carports-hero h1{font-size:5rem;line-height:1.1}.carports-page h2{font-size:3rem;font-weight:500;line-height:1.2}.carports-page h3{font-size:2rem;font-weight:500;line-height:1.3}.carports-page button,.carports-page a{cursor:pointer}.carports-page button:disabled{cursor:default}.carports-page img{max-width:100%;display:block}.carports-page .u-container{width:min(90%,100rem);margin-inline:auto}.carports-page .u-section{padding-block:7rem}.carports-page .u-lead{font-size:1.2rem;line-height:1.5}.carports-page .u-eyebrow{font-size:1.2rem;font-weight:600}.carports-page .u-section-heading{text-align:center;width:min(100%,48rem);margin:0 auto 5rem}.carports-page .u-section-heading h2+p{margin-top:1.5rem}.carports-page .u-button{min-height:3rem;color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:.32rem;justify-content:center;align-items:center;margin-top:2rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.carports-page .u-button:focus-visible,.carports-page button:focus-visible,.carports-page summary:focus-visible{outline:3px solid var(--carports-pale);outline-offset:3px}.carports-page .u-button--primary{color:var(--carports-white);border-color:var(--color-button-green);background:var(--color-button-green)}.carports-page .u-button--primary:hover{color:var(--carports-dark);border-color:var(--carports-aqua);background:var(--carports-aqua)}.carports-page .u-button--dark{color:var(--carports-white);border-color:var(--carports-dark);background:var(--carports-dark)}.carports-page .u-button--dark:hover{color:var(--carports-white);background:#000;border-color:#000}.carports-hero{color:var(--carports-ocean);background:var(--carports-dark);grid-template-columns:1fr 1fr;align-items:center;display:grid}.carports-hero__content{flex-direction:column;min-width:0;max-width:35rem;margin:4rem 5rem 0 5vw;display:flex}.carports-hero__content .u-lead{margin-top:1.5rem}.carports-hero__cooperation{text-align:center;border:0;border-radius:.64rem;place-items:center;gap:1rem;width:100%;margin-top:6rem;padding:1rem;display:grid}.carports-hero__cooperation strong,.carports-feature strong{font-weight:600}.carports-hero__cooperation-mark{width:100%;line-height:1.5rem;display:block}.carports-hero__cooperation img{vertical-align:baseline;width:100%;height:auto;display:inline-block}.carports-carousel{background:#eee;min-height:100vh;max-height:60rem;position:relative;overflow:hidden}.carports-carousel__viewport{position:absolute;inset:0;overflow:hidden}.carports-carousel__slide{transition:transform .5s;position:absolute;inset:0;transform:translate(100%)}.carports-carousel__slide[data-state=active]{transform:translate(0)}.carports-carousel__slide[data-state=before]{transform:translate(-100%)}.carports-carousel__slide img{object-fit:cover;width:100%;height:100%}.carports-carousel__pause,.carports-carousel__arrow,.carports-gallery__arrow,.carports-lightbox__arrow{border:1px solid var(--carports-pale);width:3rem;height:3rem;color:var(--carports-pale);background:var(--carports-dark);border-radius:50%;place-items:center;padding:0;font-size:1.25rem;transition:background-color .2s,color .2s;display:grid}.carports-carousel__arrow:hover,.carports-gallery__arrow:hover{color:var(--carports-dark);background:var(--carports-pale)}.carports-carousel__arrow{z-index:2;position:absolute;bottom:2rem;right:2rem}.carports-carousel__arrow--previous{right:6rem}.carports-carousel__pause{z-index:2;position:absolute;bottom:6rem;right:2rem}.carports-carousel__pause[hidden]{display:none}.carports-carousel__dots{z-index:2;gap:0;display:flex;position:absolute;bottom:2rem;left:1rem}.carports-carousel__dots button{background:0 0;border:0;place-items:center;width:44px;height:48px;padding:0;display:grid}.carports-carousel__dots button:after{content:"";background:#0006;border-radius:50%;width:.5rem;height:.5rem}.carports-carousel__dots button[aria-current=true]:after{background:#000c}.carports-intro{color:var(--carports-dark);background:var(--carports-aqua)}.carports-intro__grid{grid-template-columns:.5fr 1fr;gap:4rem;display:grid}.carports-intro__copy{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.carports-intro__copy .u-lead{margin:0 0 6rem}.carports-intro__copy .u-button{margin-top:0}.carports-intro__images{grid-template-columns:1fr .75fr;align-items:start;gap:2rem;display:grid}.carports-intro__image{aspect-ratio:2/3;object-fit:cover;border-radius:.5rem;width:100%;height:auto}.carports-intro__image--square{aspect-ratio:1}.carports-features{background:var(--carports-white)}.carports-features--dark{color:var(--carports-ocean);background:var(--carports-dark)}.carports-features__grid{grid-template-columns:.75fr 1fr;align-items:start;gap:5rem;display:grid}.carports-features__intro .u-lead{margin-top:1.5rem}.carports-features__list{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.carports-feature__icon-wrapper{width:max-content;margin-bottom:1.5rem;padding-bottom:.40625rem;line-height:1.5rem;display:block}.carports-feature__icon{object-fit:contain;object-position:left center;vertical-align:baseline;display:inline-block}.carports-feature p{font-size:1.2rem}.carports-systems{background:var(--carports-ocean)}.carports-systems__grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.carports-system-card{border:2px dashed var(--carports-dark);text-align:center;border-radius:.64rem;flex-direction:column;min-width:0;min-height:100%;padding:3rem;display:flex}.carports-system-card__tagline{margin-top:.4rem;font-size:1.5rem}.carports-system-card__diagram{margin:1.5rem 0 2rem;font-size:1rem;line-height:1.5rem;display:block}.carports-system-card__diagram img{object-fit:contain;vertical-align:baseline;width:100%;height:auto;display:inline-block}.carports-system-card>p:last-child{margin-top:auto;font-size:1.25rem}.carports-systems__cta{justify-content:center;margin-top:5rem;display:flex}.carports-systems__cta .u-button{margin-top:0}.carports-gallery{background:var(--carports-aqua);overflow:hidden}.carports-gallery__slider{padding-bottom:4rem;position:relative}.carports-gallery__track{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:25%;grid-auto-flow:column;display:grid;overflow-x:auto}.carports-gallery__track::-webkit-scrollbar{display:none}.carports-gallery__track:after{content:"";grid-column:span 3}.carports-gallery__item{scroll-snap-align:start;background:0 0;border:0;width:100%;min-width:0;padding:0 1rem;line-height:1.5rem}.carports-gallery__item img{aspect-ratio:2/3;object-fit:cover;vertical-align:baseline;border-radius:.5rem;width:100%;display:inline-block}.carports-gallery__controls{z-index:2;pointer-events:none;position:absolute;inset:0}.carports-gallery__arrow{border-width:2px;border-color:var(--carports-aqua);pointer-events:auto;position:absolute;top:calc(50% - 3.5rem)}.carports-gallery__arrow--previous{left:0}.carports-gallery__arrow--next{right:0}.carports-gallery__arrow:disabled{opacity:1}.carports-gallery__dots{justify-content:center;gap:0;display:flex;position:absolute;bottom:1.25rem;left:0;right:0}.carports-gallery__dots button{background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.carports-gallery__dots button:before{content:"";background:#002b2f59;border-radius:50%;width:.5rem;height:.5rem}.carports-gallery__dots button[aria-current=true]:before{background:var(--carports-dark)}.carports-lightbox{background:0 0;border:0;width:min(92vw,90rem);height:min(90vh,64rem);padding:0;overflow:visible}.carports-lightbox::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#002b2feb}.carports-lightbox>img{object-fit:contain;width:100%;height:100%}.carports-lightbox__close{z-index:2;color:#fff;background:0 0;border:0;padding:0;font-size:2.5rem;line-height:1;position:absolute;top:-2.5rem;right:0}.carports-lightbox__arrow{position:absolute;top:calc(50% - 1.5rem)}.carports-lightbox__arrow--previous{left:1rem}.carports-lightbox__arrow--next{right:1rem}.carports-partners{color:var(--carports-ocean);background:var(--carports-dark);text-align:center}.carports-page[data-locale=it] .carports-partners .u-section-heading{color:#ffbf00}.carports-partners .u-container{padding-bottom:5rem}.carports-partners .u-section-heading{max-width:35rem;margin-bottom:3rem}.carports-partners__grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.carports-partner-card{border:1px dashed var(--carports-ocean);border-radius:.5rem;flex-direction:column;align-items:center;gap:3rem;padding:5rem;display:flex}.carports-partner-card__logo{max-width:100%;line-height:1.5rem;display:block}.carports-partner-card img{object-fit:contain;vertical-align:baseline;width:auto;max-width:100%;height:auto;display:inline-block}.carports-partner-card__logo--metallstudio,.carports-partner-card__logo--metallstudio img{width:163px}.carports-partner-card__logo--metallstudio img{height:102px}.carports-partner-card__logo--solvetica,.carports-partner-card__logo--solvetica img{width:215px}.carports-partner-card__logo--solvetica img{height:76px}.carports-partners__cta{justify-content:center;margin-top:3rem;display:flex}.carports-partners__cta .u-button{margin-top:0}.carports-process{background:var(--carports-aqua)}.carports-process__grid{grid-template-columns:.75fr 1fr;align-items:start;gap:5rem;display:grid}.carports-process__intro{position:sticky;top:8rem}.carports-process__intro .u-lead{margin-top:.75rem}.carports-process__timeline{position:relative}.carports-process__progress{background:var(--carports-white);width:2px;position:absolute;top:10%;bottom:15%;left:2.4375rem}.carports-process__progress>span{background:var(--carports-dark);transform-origin:top;width:100%;height:100%;display:block;transform:scaleY(0)}.carports-process__steps{margin:0;padding:0;list-style:none;position:relative}.carports-process__steps li{grid-template-columns:max-content 1fr;gap:2.5rem;padding-block:2.5rem;display:grid;position:relative}.carports-process__icon{z-index:1;background:var(--carports-aqua);place-items:center;min-height:3rem;margin-top:-1.5rem;padding:.5rem .5rem .5rem 1.6rem;display:grid;position:relative}.carports-process__icon img{object-fit:contain;width:2rem;height:2rem}.carports-process__steps h3{font-size:2rem;line-height:1.3}.carports-process__steps p{margin-top:1rem;font-size:1.2rem}.carports-datasheet{background:var(--carports-ocean)}.carports-datasheet h2{font-size:2.5rem;line-height:1.2}.carports-datasheet__card{border:1px dashed var(--carports-dark);border-radius:.5rem;grid-template-columns:1fr max-content;align-items:center;gap:2rem 5rem;padding:3rem;display:grid}.carports-datasheet__card>div{width:100%;max-width:48rem}.carports-datasheet__card .u-lead{margin-top:1rem}.carports-datasheet__card .u-button{margin-top:0}@media (width<=991px){.carports-page h1{font-size:2.5rem}.carports-page[data-locale=it] .carports-hero h1{font-size:3.5rem;line-height:1.1}.carports-page h2{font-size:2.75rem}.carports-page h3,.carports-process__steps h3{font-size:1.75rem;line-height:1.3}.carports-page .u-section{padding-block:2rem}.carports-intro__copy .u-lead{margin-bottom:5rem}.carports-hero{grid-template-columns:1fr;gap:4rem;padding-top:3rem}.carports-hero__content{margin:12rem 5% 0}.carports-carousel{width:100%}.carports-intro__grid,.carports-features__grid{grid-template-columns:1fr}.carports-intro__grid,.carports-features__grid,.carports-features__list{gap:4rem 2rem}.carports-systems__grid{grid-template-columns:1fr}.carports-partners .u-container{padding-bottom:4.5rem}.carports-partners .u-section-heading{margin-bottom:2.5rem}.carports-partners__grid{grid-template-columns:1fr;padding:3.5rem}.carports-partners__cta{margin-top:2.5rem}.carports-process__grid{gap:2rem 3rem}}@media (width<=767px){.carports-page[data-locale=it] .carports-hero h1{font-size:2.5rem;line-height:1.1}.carports-page h2{font-size:2.25rem}.carports-page h3,.carports-process__steps h3{font-size:1.5rem;line-height:1.4}.carports-hero{padding-top:4rem}.carports-page .u-lead,.carports-feature p,.carports-process__steps p{font-size:1rem}.carports-system-card>p:last-child{font-size:1.125rem}.carports-page .u-section-heading h2+p,.carports-features__intro .u-lead,.carports-hero__content .u-lead,.carports-intro__copy .u-lead{margin-top:1.25rem}.carports-intro__copy .u-lead{margin-bottom:0}.carports-hero__content .u-button,.carports-features__intro .u-button,.carports-process__intro .u-button{margin-top:1.5rem}.carports-intro__copy .u-button,.carports-hero__cooperation{margin-top:3.5rem}.carports-feature__icon-wrapper{margin-bottom:1.25rem}.carports-system-card__tagline{margin-top:0}.carports-system-card__diagram{margin-top:1.25rem;margin-bottom:1.5rem}.carports-systems__cta{margin-top:3rem}.carports-partners .u-container{padding-bottom:3rem}.carports-partners .u-section-heading{margin-bottom:2rem}.carports-partners__grid{padding:2rem}.carports-partners__cta{margin-top:2rem}.carports-page .u-section-heading{margin-bottom:3rem}.carports-intro__grid,.carports-features__grid{grid-template-columns:1fr;gap:3rem}.carports-process__grid{grid-template-columns:1fr;gap:2rem 3rem}.carports-intro__images{gap:1.5rem}.carports-features__list{grid-template-columns:1fr 1fr;gap:3rem 2rem}.carports-gallery__slider{padding-bottom:3rem}.carports-gallery__track{grid-auto-columns:50%}.carports-gallery__track:after{grid-column:span 1}.carports-gallery__item{padding-inline:.75rem}.carports-partner-card{padding:3.5rem}.carports-process__intro{position:static}.carports-process__progress{left:2rem}.carports-process__steps li{grid-template-columns:max-content 1fr;gap:1.5rem}.carports-process__icon{padding-left:1.1rem;padding-right:.5rem}.carports-process__steps p{margin-top:.75rem}.carports-datasheet__card{grid-template-columns:1fr;gap:1.5rem;padding:2rem}.carports-datasheet__card .u-lead{margin-top:.75rem}.carports-datasheet__card .u-button{justify-self:start}}@media (width<=479px){.carports-page h1,.carports-page h2{font-size:2rem}.carports-page .u-container{width:auto;margin-inline:2rem}.carports-page .u-section{padding-block:2rem}.carports-page .u-button{width:100%}.carports-hero{padding-top:2rem;overflow:hidden}.carports-hero__content{margin-top:12rem}.carports-intro__images{grid-template-columns:1fr .75fr}.carports-features__list{grid-template-columns:1fr}.carports-system-card{padding:2rem 1rem}.carports-partners__grid{padding:0}.carports-partners .u-section-heading{margin-bottom:2rem}.carports-partner-card{gap:3rem 1rem;padding:2rem}.carports-lightbox__arrow{top:auto;bottom:1rem}}@media (width>=768px){.carports-intro__copy h2{margin-bottom:1.5rem}}@media (prefers-reduced-motion:reduce){.carports-page *,.carports-page :before,.carports-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
