html{color-scheme:light}:root{--backgroundGrigio: #f3f3f3;--nero: #333;--bianco: white;font-size:18px;hyphens:none}.whiteText,.whiteText h3,.whiteText p,.whiteText h1,.whiteText label,.whiteText>a,.whiteText p a{color:var(--bianco)}.containerContacts,.chiusuraFreccia{transition:transform .8s ease-in-out}#chiusura{transition:top .8s ease-in-out}.immagineTestoPortfolio{transition:transform .6s ease-out}.barraProgressoCorpo div{transition:width .4s ease-out}a,button{transition:color .2s ease-out,background-color .2s ease-out}[hidden]{display:none!important}:focus-visible{outline:3px solid #00A183;outline-offset:3px;border-radius:4px}.visuallyHidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.contenuto{width:100%;display:flex;flex-direction:column;gap:inherit}body{padding:50px;display:flex;gap:25px;flex-direction:column;position:relative;box-sizing:border-box;margin:0}*{font-family:Onest,sans-serif;line-height:1.3;color:var(--nero)}a{color:#616161}p{font-size:1rem;line-height:1.3}.header-menu{display:flex;list-style:none;gap:20px;padding:0;margin:0;position:fixed;z-index:50;right:75px;top:75px}.header-menu li{font-size:.8rem;height:50px;width:150px;border-radius:25px;display:flex;justify-content:center;align-items:center;z-index:50;background-size:300% 100%;background-position:100% 0;transition:all .4s ease-in-out}.header-menu li a{width:100%;height:100%;color:var(--nero);text-decoration:none;display:flex;justify-content:center;align-items:center;transition:all .1s ease-in-out .15s}.closeHeader{opacity:0;position:fixed;top:60px;right:60px;border-radius:25px;z-index:50;color:transparent}.closeHeader i{color:transparent}.header-menu li:hover{color:var(--bianco);background-position:0 0}.header-menu li:hover a{color:var(--bianco)}.header-menu li:nth-child(1){background-image:linear-gradient(45deg,#00a183 50%,#fff 49%)}.header-menu li:nth-child(2){background-image:linear-gradient(45deg,#97c242 50%,#fff 49%)}.header-menu li:nth-child(3){background-image:linear-gradient(45deg,#ffb433 50%,#fff 49%)}.footer{height:50px;width:100%;background-color:var(--backgroundGrigio);display:flex;justify-content:space-between;align-items:center;padding:0 25px;border-radius:25px;box-sizing:border-box}.footer p{flex:1;font-size:12px}.footer p:nth-child(2){text-align:center}.footer p:nth-child(3){text-align:right}.containerFull{width:100%;min-height:calc(100dvh - 175px);position:relative;background:var(--backgroundGrigio);box-sizing:border-box;border-radius:0 50px 20px 20px;padding:25px;display:flex;flex-direction:column;justify-content:end;overflow:hidden}.Contactspage{background:#dfdfdf}.containerFull>p,.containerFull>h1{max-width:800px;margin:0 auto 15px;text-align:justify}.containerFull p{hyphens:auto}.testoSottolineatoRosso,.testoSottolineatoGiallo,.testoSottolineatoVerde,.testoSottolineatoAcqua,.testoSottolineatoAzzurro{display:inline-block;height:1.1rem}.testoSottolineatoRosso{border-bottom:4px solid #E8465E}.testoSottolineatoGiallo{border-bottom:4px solid #FFB433}.testoSottolineatoVerde{border-bottom:4px solid #97C242}.testoSottolineatoAcqua{border-bottom:4px solid #00A183}.testoSottolineatoAzzurro{border-bottom:4px solid #68B1E8}.landing{background:var(--backgroundGrigio);height:80vh;display:flex;flex-direction:row;justify-content:left;padding:100px;box-sizing:border-box;align-items:center;border-radius:0 50px 20px 20px;position:relative;font-size:2.25rem;overflow:hidden}.landing h1{font-family:Funnel Display,sans-serif;line-height:1;font-size:2em;margin:0}.landing h1 span{font-family:inherit;font-weight:inherit;line-height:inherit}.fallingText{z-index:5;display:flex;justify-content:left;flex-direction:column;pointer-events:none;min-width:300px;mix-blend-mode:color-burn}.fallingTextContainer{display:block;overflow:hidden;padding:20px;margin:-20px;pointer-events:none}.fallingText .fallingTextContainer .parola{margin:0;padding:0;color:var(--nero);z-index:5;transform:translateY(150px);animation:scale 1s ease-out forwards;animation-delay:calc(var(--i) * .15s);float:left;pointer-events:none}.container_basic{background:var(--backgroundGrigio);min-height:55vh;max-height:75vh;display:flex;justify-content:center;align-items:center;border-radius:20px;overflow:hidden;position:relative;container-type:inline-size;box-sizing:border-box}.container_basic>.testoDescrizione{width:100%;height:100%;padding:40px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-family:onest,sans-serif;font-size:1rem;line-height:1.5}.container_basic>.testoDescrizione>p{max-width:400px;width:100%}.full{width:100%}.half{width:100%;flex:1;background:var(--backgroundGrigio);transition:background-color 1s ease-in-out}.containerTwoDiv{display:flex;gap:25px;height:100%;flex-direction:row}.logoContainer{width:15%;min-width:250px;position:absolute;top:0;left:0;z-index:100}#logoContainer,#logoContainer svg{pointer-events:none}#logoContainer a{display:block;pointer-events:none}#logoContainer svg{display:block}#logoContainer path{pointer-events:auto}.logo{width:100%}#quadratoSvgCerchi{animation:rotate120s 120s linear infinite;width:1200px;height:1200px;display:block;position:absolute;top:50%;right:50%;margin-right:calc(-500px - 15%);margin-top:-600px}#cerchioSvgCerchi{animation:rotate120s 120s linear infinite;width:800px;height:800px;display:block;position:absolute;top:50%;right:50%;margin-right:calc(-400px - 15%);margin-top:-400px}.letteraCerchio{font-family:Funnel Display,sans-serif;font-weight:700;font-size:64px;fill:#0000001a;text-anchor:middle;dominant-baseline:central;pointer-events:none;transform-box:fill-box;transform-origin:center;animation:rotate120s 120s linear infinite reverse;opacity:0;transition:opacity .9s ease-out}.letteraCerchio.visibile{opacity:1}@media screen and (max-width: 768px){.letteraCerchio{animation-duration:60s}}#quadratoSvgCerchi circle,#cerchioSvgCerchi circle{transition:fill .1s}#circleSfondo{width:100%;height:100%;display:block;position:absolute;top:0%;right:0%;transition:all 0s;border-radius:50%}.transizione1s{transition:fill 1s ease-in-out!important}.animate-circle{transform-box:fill-box;transform-origin:center;animation-delay:.1s}.animate-circle:hover{animation:animateCircle .1s ease-in-out}@keyframes animateCircle{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.cerchioAnimatoSfondo{width:1px;height:1px;position:absolute;top:50%;left:65%;margin-right:-400px;border-radius:50%;opacity:1;transition:transform 2s cubic-bezier(.315,-.002,1,.37);background:#00f}.cerchioAnimatoSfondo.circleSfondoAttivo{transform:scale(1000);opacity:1;width:10px;height:10px;border-width:.1px}.titoloPortfolio{position:absolute;bottom:35px;left:40px;z-index:10;font-family:Onest,sans-serif;font-size:1.5rem;color:var(--nero);margin:0;transition:all .3s ease-in-out;width:calc(100% - 80px);display:inline-flex;align-items:end;gap:25px}.descrizionePortfolio{flex:4;width:100%;animation:startOpacity0 1s forwards;opacity:0}@keyframes startOpacity0{99%{opacity:0}to{opacity:1}}.titoloPortfolio .descrizionePortfolio h3{transform:translateY(150px);margin:0;padding:0;font-size:2.5rem;transition-delay:.3s}.titoloPortfolio .descrizionePortfolio p{transform:translateY(150px);margin:0;padding:0;font-size:1.5rem;transition-delay:.15s}.titoloPortfolio .descrizionePortfolio h3,.titoloPortfolio .descrizionePortfolio p,.buttonPortfolio{transition-property:all;transition-duration:.5s;transition-timing-function:linear(0,.635 18.2%,.985 38.4%,1.055 48.2%,1.08 59.2%,1)}.buttonPortfolio{transform:translateY(150px);right:0;z-index:10;font-family:Onest,sans-serif;font-size:1rem;color:var(--nero);background-color:var(--bianco);border:none;cursor:pointer;height:50px;width:150px;border-radius:25px;display:flex;justify-content:center;align-items:center;margin:0;overflow:hidden;text-decoration:none;transition:transform .3s ease-in-out 0,background-color 0s linear}.buttonPortfolio i{width:0px;margin-left:10px;transform:translateY(35px);transition:transform .3s ease-in-out .0s,width .1s ease-in-out .1s;font-size:1rem}.buttonPortfolio:hover{transition-delay:0}.buttonPortfolio:hover>i,.buttonPortfolio:focus>i{width:30px;transform:translateY(0);transition:transform .3s ease-in-out .15s,width .2s ease-in-out 0s}.clickable:hover .titoloPortfolio>.buttonPortfolio,.clickable:focus .titoloPortfolio>.buttonPortfolio,.titoloPortfolio.titoloVisible>.buttonPortfolio{transform:translateY(0);transition-delay:.2s}.clickable:hover>.titoloPortfolio>.descrizionePortfolio>h3,.clickable:hover>.titoloPortfolio>.descrizionePortfolio>p,.clickable:focus>.titoloPortfolio>.descrizionePortfolio>h3,.clickable:focus>.titoloPortfolio>.descrizionePortfolio>p,.titoloPortfolio.titoloVisible>.descrizionePortfolio>h3,.titoloPortfolio.titoloVisible>.descrizionePortfolio>p{transform:translateY(0)}.clickable:hover>.titoloPortfolio>.descrizionePortfolio>h3,.clickable:focus>.titoloPortfolio>.descrizionePortfolio>h3,.titoloPortfolio.titoloVisible>.descrizionePortfolio>h3{transition-delay:.0s}.clickable:hover>.titoloPortfolio>.descrizionePortfolio>p,.clickable:focus>.titoloPortfolio>.descrizionePortfolio>p,.titoloPortfolio.titoloVisible>.descrizionePortfolio>p{transition-delay:.15s}.clickable:hover>.titoloPortfolio>.buttonPortfolio,.clickable:focus>.titoloPortfolio>.buttonPortfolio,.titoloPortfolio.titoloVisible>.buttonPortfolio{transition:transform .3s ease-in-out .3s,background-color .2s ease-in-out,color .2s ease-in-out}#matter-js>canvas{position:absolute;left:-20px;z-index:1}.rainbowContainer{width:100%;height:100%;position:relative;overflow:hidden;z-index:5;pointer-events:none}.rainbowContainer div{position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden}.letteraArcobaleno{position:absolute;top:50%;transform:translate(-50%,-50%);font-family:Funnel Display,sans-serif;font-weight:700;font-size:30cqw;line-height:1;color:#00000021;white-space:nowrap;pointer-events:none}.videoHome{width:100%;height:100%;object-fit:cover;position:absolute}.cubo3d{width:100%;height:100%;display:flex;justify-content:center;align-items:center;min-height:350px;z-index:4}.cubo3d *{transition:all 0s ease-in-out}#VerdeMadrePerla{background-image:url(/assets/verdeMadreperla_Logo.webp);background-position:center;background-size:cover}#WeAreStars{background-image:url(/_astro/agency_5.L-YuZ3Ud.webp);background-position:center;background-size:cover}#LoseFord{background-image:url(/assets/loseford1.webp);background-position:center;background-size:cover}#PiuSpazio{background-image:url(/assets/piuspazio_1.webp)}#SilentKontrol{background-image:url(/assets/silentkontrol_1.webp)}#RinfusaLab{background-image:url(/assets/rinfusa_1.webp)}#Invito30{background-image:url(/assets/invito30_1.webp)}#PiuSpazio,#SilentKontrol,#RinfusaLab,#Invito30{background-color:#5a5a5a;background-position:center;background-size:cover}#contatti{display:block;margin-bottom:10px;z-index:7;padding:30px;max-width:450px;box-sizing:border-box}#contatti>*{text-decoration:none;margin-right:10px;margin-bottom:10px;padding:10px;background:gray;border-radius:100px;display:inline-flex;box-sizing:border-box;background-size:250% 100%;background-position:100% 0;transition:all .3s ease-in-out;min-height:44px;min-width:44px;justify-content:center;align-items:center}#contatti .textLink{padding:10px 15px}#contatti>a:hover{background-position:0% 0}#contatti>*,#contatti i{color:var(--bianco)}#contatti>:nth-child(1){background-image:linear-gradient(225deg,#68b1e8 50%,#428dc7 49%)}#contatti>:nth-child(2){background-image:linear-gradient(225deg,#e8465e 50%,#d42626 49%)}#contatti>:nth-child(3){background-image:linear-gradient(225deg,#333 50%,#525252 49%)}#contatti>:nth-child(4){background-image:linear-gradient(225deg,#f71993 50%,#f36937 49%)}#contatti>:nth-child(5){background-image:linear-gradient(225deg,#97c242 50%,#a2d43d 49%)}#contatti>:nth-child(6){background-image:linear-gradient(225deg,#00a183 50%,#00b896 49%)}.contact-form-wrapper{width:100%;display:flex;justify-content:center;margin:40px 0}.contact-form{width:100%;max-width:500px;padding:2em;display:flex;flex-direction:column;gap:1.2em;box-sizing:border-box;font-family:onest,sans-serif}.contact-form-intro{font-size:1rem;font-weight:500;margin-bottom:.5em;text-align:center;width:100%}.contact-form label{width:100%;font-weight:500;display:flex;flex-direction:column;gap:.3em}.contact-form input[type=email],.contact-form textarea{width:100%;margin-bottom:.8em;padding:.7em 1em;border:1px solid #ddd;border-radius:8px;font-size:.8rem;resize:vertical;font-family:inherit;box-sizing:border-box}.contact-form textarea{min-height:120px;font-size:.8rem}.contact-form button[type=submit],.bottoneGradiente{width:100%;font-size:1rem;font-weight:600;background:linear-gradient(90deg,#e8465e,#ffb433,#97c242,#00a183,#68b1e8);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:background .2s;font-weight:500;padding:10px;max-width:550px;margin:25px auto 12.5px;min-height:50px;z-index:20}a.bottoneGradiente{display:flex;justify-content:center;align-items:center;box-sizing:border-box;color:#fff;text-decoration:none}.contact-form button[type=submit]:hover,.bottoneGradiente:hover{background-position:100% 0;transition:background-position .5s cubic-bezier(.4,0,.2,1)}.contact-form button[type=submit],.bottoneGradiente{background:linear-gradient(90deg,#e8465e,#ffb433,#97c242,#00a183,#68b1e8);background-size:200% 100%;background-position:0 0;transition:background .2s,background-position .5s cubic-bezier(.4,0,.2,1);border:3px solid var(--backgroundGrigio)}.containerContacts .contact-form button[type=submit]{margin-bottom:0;margin-top:10px}.containerContacts .contact-form textarea{min-height:60px;height:80px;z-index:90;margin-bottom:5px}.containerContacts .contact-form input[type=email]{z-index:90;margin-bottom:5px}.containerFull:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#e8465e,#ffb433,#97c242,#00a183,#68b1e8,#e8465e);opacity:0;background-size:100% 600%;background-position:0 0;transition:opacity 1s ease-in-out;pointer-events:none;animation:backgroundContatti 12s linear;animation-iteration-count:infinite}.containerFull.colored:before{opacity:1}@keyframes backgroundContatti{0%{background-position:0 0}to{background-position:0 -120%}}.containerFull>.containerContacts{width:100%;max-width:600px;border-radius:20px;z-index:15;box-sizing:border-box;position:relative;padding:25px;display:flex;flex-direction:column;background:var(--backgroundGrigio);z-index:10;gap:20px;margin-top:56px}.containerFull>.containerContacts>#contatti,.containerFull>.containerContacts>.contact-form{justify-content:end;align-items:start;max-width:700px;margin:0;padding:0}.containerFull>.containerContacts>.contact-form,.contact-form-intro{text-align:left}.containerFull>.containerContacts>.contact-form{background:transparent;border-radius:20px;height:auto;display:block;height:fit-content;box-sizing:border-box}.containerFull.colored>.containerContacts{background:var(--backgroundGrigio)}#chiusura{height:30px;position:absolute;right:0;top:-29px;display:block}.end #chiusura{top:20px;z-index:0;pointer-events:none}.chiusuraSfondo{fill:#f4f4f4}.chiusuraFreccia{fill:#dfdfdf;transform-origin:center}.end #chiusura .chiusuraFreccia{fill:transparent}.containerFull>.containerContacts{border-top-right-radius:0}.containerFull>.containerContacts.end{border-top-right-radius:20px}.containerContacts{transform:translateY(100%)}.containerContacts.chiuso{transform:translateY(0)}.containerContacts .chiusuraFreccia{transform:scaleY(-1)}.containerContacts.chiuso .chiusuraFreccia{transform:scaleY(1)}.ContainerPortfolio{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;gap:25px}.ImmaginePortfolio{width:35%;height:calc(100dvh - 100px);position:sticky;top:50px;background-color:var(--backgroundGrigio);object-fit:cover;overflow:hidden;border-radius:0 20px 20px/0px 20px 20px;font-family:onest,sans-serif;font-size:1rem;line-height:1.2;box-sizing:border-box;display:flex;justify-content:left;align-items:end;line-height:1;background-position:center;background-size:cover}.ImmaginePortfolio h1{position:absolute;bottom:25px;left:25px;margin:0;line-height:1}.TestoPortfolio{width:65%;min-height:calc(100dvh - 175px);padding:0 25px;font-family:onest,sans-serif;font-size:1rem;line-height:1.2;hyphens:auto;hyphenate-limit-chars:8;text-align:justify;background:var(--backgroundGrigio);border-radius:20px;position:relative;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.topLeftSharp{border-top-left-radius:0}.testoInternoPorfolio{width:100%;max-width:800px;padding:25px 0;box-sizing:border-box;display:grid;flex-direction:column;gap:10px;hyphens:auto}.TestoPortfolio h2{margin-top:75px;margin-bottom:0;font-size:1.5rem;text-align:left;width:100%}.TestoPortfolio h3{margin-top:30px;margin-bottom:0;font-size:1.15rem;text-align:left;width:100%}.TestoPortfolio ul{margin:0;padding-left:1.4em;text-align:left}.TestoPortfolio li{font-size:1rem;line-height:1.4}.TestoPortfolio li::marker{color:#00a183}.TestoPortfolio .left{float:right}.goBack{position:absolute;top:75px;left:calc(35% + 50px);z-index:10;width:50px;height:50px;display:flex;justify-content:center;align-items:center;color:var(--nero);background:var(--bianco);border-radius:25px;text-decoration:none}.containerImmagineTestoPortfolio{width:100%;height:400px;border-radius:20px;overflow:hidden;background-image:linear-gradient(90deg,#e8e8e8,#d7d7d7,#e8e8e8 66%,#d7d7d7);background-size:300% 100%;animation:loading 1s ease-in-out infinite}.containerImmagineTestoPortfolio img{color:tr}@keyframes loading{0%{background-position:0% 50%}to{background-position:100% 50%}}.containerImmagineTestoPortfolio.vertical{height:650px}.containerImmagineTestoPortfolio.quadrata{height:auto;aspect-ratio:1 / 1}.containerImmagineTestoPortfolio video{display:block;width:100%;height:100%;object-fit:cover}.immagineTestoPortfolio{object-fit:cover;height:100%;width:100%;aspect-ratio:inherit}.containerImmagineTestoPortfolio:hover .immagineTestoPortfolio{transform:scale(1.1)}.serranda{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:9}#chiave{position:absolute;z-index:10;right:25px;bottom:25px;width:50px}.colonna{height:100%;transform:translateY(0);transition:transform 1s ease-in-out;flex:1;pointer-events:visibleFill}.serranda.alzata .colonna{transform:translateY(-100%)}.youtube{width:100%;max-width:800px;aspect-ratio:16/9}.videoTestoPorfolio{width:100%;border-radius:20px}.immagineContatti{width:50%;height:300px;background-color:red}@keyframes rotate120s{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scale{to{transform:scaleY(1) translateY(0)}}.formAziende{width:100%;max-width:500px}.barraProgressoCorpo{width:100%;height:10px;background:#fff;border-radius:5px;margin-top:20px;overflow:hidden}.barraProgressoCorpo div{height:100%;background-image:linear-gradient(90deg,#e8465e,#ffb433,#97c242,#00a183,#68b1e8);background-size:500px 100%;border-radius:5px}.formAziende input{background:#fff;border-radius:50px;height:25px;border:0px solid;padding:5px 10px}.formAziende button,.formAziende textarea{height:35px;border:0px solid;border-radius:17.5px;padding:5px 10px;background:#d8d8d8;box-sizing:border-box}.formAziende textarea{height:100px;width:100%;border-bottom-right-radius:0;background:#fff}.formAziende .proceed{background-image:linear-gradient(225deg,#00a183 50%,#00b896 49%);transition:background-position .5s cubic-bezier(.4,0,.2,1);color:#fff;background-size:250% 100%;background-position:100% 0}.formAziende .proceed:hover{background-position:0% 0}.boxPulsanti,.boxForm .buttons{display:flex;flex-direction:row;gap:10px;justify-content:space-evenly}.boxPulsanti button,.boxForm .buttons button{width:100%}.boxForm{display:flex;flex-direction:column;gap:1rem;width:100%}.boxForm .inputs{display:flex;flex-direction:column;gap:.5rem;min-height:300px;justify-content:center}.inputs .radioForm{display:flex;flex-direction:column;gap:10px;align-items:start}.inputs .radioForm input[type=radio]{margin-right:10px;height:unset}.inputs .radioForm input[type=radio]:checked{accent-color:#00A183}.inputs .text-red-500.text-sm{display:none}.boxForm div h3{margin:0}.canvasForm{height:calc(100dvh - 165px)}@media screen and (max-width: 1100px){:root{font-size:18px}body{padding:35px;gap:17px}.header-menu{top:60px;right:60px;border-radius:32.5px;width:50px;height:50px;flex-direction:column;gap:5px;box-sizing:border-box}.header-menu li{width:auto;min-width:30px;height:5px;border-radius:2.5px;position:absolute;right:10px;box-sizing:border-box;transition:all .6s cubic-bezier(.257,.01,.386,1.286)}.header-menu li a{pointer-events:none;font-size:.01rem;color:transparent;transition:all .6s ease-in-out;hyphens:none}.header-menu li:nth-child(1) a{transition-delay:s}.header-menu li:nth-child(2) a{transition-delay:.2s}.header-menu li:nth-child(3) a{transition-delay:.4s}.header-menu.headerActive li:nth-child(1) a{transition-delay:.5s}.header-menu.headerActive li:nth-child(2) a{transition-delay:.3s}.header-menu.headerActive li:nth-child(3) a{transition-delay:.1s}.header-menu.headerActive{background-color:transparent}.header-menu.headerActive li{max-width:unset;height:50px;border-radius:25px;padding:20px;background:var(--bianco);transition:all .5s cubic-bezier(.485,.005,.283,1.537)}.header-menu.headerActive li a{font-size:1rem;pointer-events:unset;height:50px;color:var(--nero)}.closeHeader{opacity:1;background:var(--bianco);color:var(--bianco);top:60px;right:60px;width:50px;height:50px;border-radius:30px;z-index:49;transition-delay:.0s;display:flex;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.485,.005,.283,1.537)}.closeHeader i{transition:top .5s cubic-bezier(.485,.005,.283,1.537) .2s;transition:color .2s linear 0s}.header-menu li:nth-child(1){background:#00a183;top:12.5px;transition-delay:.2s}.header-menu li:nth-child(2){background:#97c242;top:22.5px;transition-delay:.4s}.header-menu li:nth-child(3){background:#ffb433;top:32.5px;transition-delay:.6s}.header-menu.headerActive li{background-color:var(--bianco);right:0}.header-menu.headerActive li:nth-child(1){top:0;transition-delay:.4s}.header-menu.headerActive li:nth-child(2){top:65px;transition-delay:.2s}.header-menu.headerActive li:nth-child(3){top:130px;transition-delay:0s}.closeHeaderActive{transition-delay:.6s;top:255px;color:var(--nero);height:50px;width:50px;border-radius:25px}.closeHeader.closeHeaderActive i{transition-delay:1s;color:var(--nero)}.containerContacts{margin-top:55px}.cerchioAnimatoSfondo{width:1px;height:1px;position:absolute;top:50%;left:65%;margin-right:-400px;border-radius:50%;opacity:1;transition:transform 2s cubic-bezier(.315,-.002,1,.37);background:#00f}.cerchioAnimatoSfondo.circleSfondoAttivo{transform:scale(5000);opacity:1}.footer{height:75px;gap:20px}.goBack{top:60px;left:calc(35% + 50px)}.containerFull{min-height:calc(100dvh - 165px)}.containerTwoDiv{gap:17px}.landing{padding:35px}.falling{max-width:600px}.falling .word-wrapper a{transform:scaleY(0) translateY(20px)}}@media screen and (max-width: 768px){:root{font-size:16px}body{padding:25px;gap:13px}p{line-height:1.3}.header-menu,.closeHeader{top:50px;right:50px}.header-menu.headerActive li:nth-child(1),.header-menu.headerActive li:nth-child(2),.header-menu.headerActive li:nth-child(3){background:var(--bianco)}.testoSottolineatoRosso,.testoSottolineatoGiallo,.testoSottolineatoVerde,.testoSottolineatoAcqua,.testoSottolineatoAzzurro{line-height:1.3rem;height:1rem}.closeHeaderActive{transition-delay:.6s;top:245px;color:var(--nero);height:50px;width:50px;border-radius:25px}.closeHeader.closeHeaderActive i{transition-delay:1s}.footer{height:auto;flex-direction:column;gap:5px;height:100px;padding:10px}.footer p:nth-child(3),.footer p{text-align:center;margin:0}.containerTwoDiv{flex-direction:column;gap:13px}.filpMobile{flex-direction:column-reverse}.containerFull{min-height:calc(100dvh - 100px);box-sizing:border-box}.expandable{height:unset}#matter-js{height:30vh;min-height:unset;max-height:unset}.half{flex:none}.landing{padding:25px;align-items:end}.fallingText{min-width:200px}.landing{font-size:2rem}.fallingTextContainer .parola{line-height:1}.falling{max-width:430px}.falling .word-wrapper a{transform:scaleY(0) translateY(10px)}.ContainerPortfolio{flex-direction:column}.ImmaginePortfolio{width:100%;height:55vh}.TestoPortfolio{width:100%;overflow-y:unset;min-height:calc(45vh - 100px);max-height:unset}.goBack{top:calc(55vh + 75px);left:50px}.containerFull>.containerContacts>.contact-form,.contact-form-intro{text-align:left;font-size:1rem}.containerFull>.containerContacts{justify-content:end;margin-top:100px}.containerFull>.containerContacts>.contact-form{display:flex;justify-content:center;align-items:center;gap:5px}#cerchioSvgCerchi{animation:rotate120s 60s linear infinite;width:600px;height:600px}#contatti p{margin-bottom:5px;font-size:1.25rem}#contatti>*{margin-right:5px;margin-bottom:5px}.contact-form button[type=submit],.bottoneGradiente{min-height:40px;border-radius:20px;padding:0}.containerImmagineTestoPortfolio.vertical{height:500px}.canvasForm{height:40vh}}@media screen and (max-width: 480px){:root{font-size:14px}body{padding:18px;gap:8px}.containerTwoDiv{gap:8px}.logoContainer{min-width:220px}.landing{font-size:1.5rem;padding:18px}.header-menu,.closeHeader{top:30px;right:30px}.header-menu li{min-width:25px;height:3px;right:12.5px}.header-menu li:nth-child(1){background:#00a183;top:15px;transition-delay:.2s}.header-menu li:nth-child(2){background:#97c242;top:23.5px;transition-delay:.4s}.header-menu li:nth-child(3){background:#ffb433;top:32px;transition-delay:.6s}.closeHeaderActive{top:225px}.containerFull,.landing{border-top-right-radius:30px}.containerFull{padding:18px}.containerFull>.containerContacts{margin-top:50px}#chiusura{height:20px;top:-19px}.containerContacts .contact-form button[type=submit],.bottoneGradiente{min-height:35px;border-radius:35px;padding:0;margin-top:0}.contact-form{gap:0}#contatti>*{margin-right:0;margin-bottom:2.5px}.contact-form textarea{height:60px}.testoSottolineatoRosso,.testoSottolineatoGiallo,.testoSottolineatoVerde,.testoSottolineatoAcqua,.testoSottolineatoAzzurro{line-height:1rem;height:1rem}.testoSottolineatoRosso{border-bottom:3px solid #E8465E}.testoSottolineatoGiallo{border-bottom:3px solid #FFB433}.testoSottolineatoVerde{border-bottom:3px solid #97C242}.testoSottolineatoAcqua{border-bottom:3px solid #00A183}.testoSottolineatoAzzurro{border-bottom:3px solid #68B1E8}}@container (width < 1100px){.titoloPortfolio .descrizionePortfolio h3{transform:translateY(200px)}.titoloPortfolio .descrizionePortfolio p{transform:translateY(225px)}}@container (width < 768px){.titoloPortfolio{flex-direction:column}.titoloPortfolio .descrizionePortfolio h3{transform:translateY(325px)}.titoloPortfolio .descrizionePortfolio p{transform:translateY(375px)}.buttonPortfolio{width:100%}.cubo3d{height:60%}}#canvasSerpente{width:100%;height:auto;min-height:100%;display:block;background:transparent;position:absolute;left:0;top:0;z-index:1}.h1serpente{position:absolute;left:20px;top:20px;color:#000}#bussola{width:100px;height:110px;position:absolute;top:calc(90% - 50px);left:calc(90% - 50px);transition:all 0s;transition:scale .5s cubic-bezier(.658,.01,.45,1.314);scale:0;opacity:1}#bussola.visible{scale:1}@keyframes blinkingOpacity{to{opacity:0;scale:0}}.cardLink{position:absolute;inset:0;z-index:11;border-radius:inherit}.cardLink:focus-visible{outline-offset:-6px}.clickable{cursor:pointer}.clickable.whiteText:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#00000073,#0000 45%)}.clickable:focus-within .titoloPortfolio>.buttonPortfolio,.clickable:focus-within>.titoloPortfolio>.descrizionePortfolio>h3,.clickable:focus-within>.titoloPortfolio>.descrizionePortfolio>p{transform:translateY(0)}.clickable:hover .buttonPortfolio>i,.clickable:focus-within .buttonPortfolio>i,.titoloPortfolio.titoloVisible .buttonPortfolio>i{width:30px;transform:translateY(0);transition:transform .3s ease-in-out .15s,width .2s ease-in-out 0s}.navPrincipale{position:absolute}.menuButton,button.closeHeader{border:0;padding:0;margin:0;font:inherit;cursor:pointer}.menuButton{display:none;position:fixed;z-index:51;width:50px;height:50px;border-radius:25px;background:transparent}button.closeHeader{display:none}@media screen and (min-width: 1101px){.header-menu li:has(a[aria-current=page]){background-position:0 0}.header-menu li a[aria-current=page]{color:var(--bianco)}}@media screen and (max-width: 1100px){.menuButton{display:block;top:60px;right:60px}button.closeHeader{display:flex}.header-menu li a{visibility:hidden}.header-menu.headerActive li a{visibility:visible}.header-menu li a[aria-current=page]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}}@media screen and (max-width: 768px){.menuButton{top:50px;right:50px}.TestoPortfolio,.containerFull>p,.containerFull>h1{text-align:left}.ImmaginePortfolio{position:relative;top:0}}@media screen and (max-width: 480px){.menuButton{top:30px;right:30px}}.chiaveButton{position:absolute;z-index:10;right:25px;bottom:25px;border:0;padding:0;background:transparent;cursor:pointer;display:block;line-height:0}.chiaveButton #chiave{position:static;width:50px}.formStatus{margin:0;min-height:1.3em;font-size:.9rem}.formStatus.ok{color:#00866d}.formStatus.errore{color:#c4223b}.contact-form button[disabled]{opacity:.6;cursor:wait}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}.galleria{width:100%;display:flex;flex-direction:column;gap:12px}.galleriaTraccia{position:relative;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:20px}.galleriaTraccia::-webkit-scrollbar{display:none}.galleriaSlide{flex:0 0 100%;margin:0;scroll-snap-align:start}.galleriaCornice{width:100%;height:400px;border-radius:20px;overflow:hidden;background-image:linear-gradient(90deg,#e8e8e8,#d7d7d7,#e8e8e8 66%,#d7d7d7);background-size:300% 100%;animation:loading 1s ease-in-out infinite}.galleria[data-proporzione] .galleriaCornice{height:auto;aspect-ratio:var(--proporzione)}.galleriaPallini{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.galleriaPallino{width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.galleriaPallino:before{content:"";width:8px;height:8px;border-radius:50%;background:#c4c4c4;transition:background-color .2s ease-out,transform .2s ease-out}.galleriaPallino[aria-current=true]:before{background:#00a183;transform:scale(1.3)}@media screen and (max-width: 768px){.galleriaCornice{height:300px}}@media (hover: hover) and (pointer: fine){@view-transition{navigation: auto;}}:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--durata-morph: .56s}.header-menu{view-transition-name:menu}.closeHeader{view-transition-name:menu-sfondo}.logoContainer{view-transition-name:logo}::view-transition-group(menu-sfondo){z-index:10}::view-transition-group(menu),::view-transition-group(logo){z-index:11}.goBack{view-transition-name:torna}::view-transition-group(torna){z-index:9}::view-transition-group(immagine-progetto){overflow:clip;border-radius:20px}.ImmaginePortfolio{view-transition-name:immagine-progetto}.TestoPortfolio{view-transition-name:testo-progetto}.inTransizione .titoloPortfolio,.inTransizione:after{opacity:0!important;transition:none!important}::view-transition-old(root){animation:vt-esci .2s var(--ease-out) both}::view-transition-new(root){animation:vt-entra .34s var(--ease-out) both}html:active-view-transition-type(progetto)::view-transition-old(root){animation:vt-esci .18s var(--ease-out) both}html:active-view-transition-type(progetto)::view-transition-new(root){animation:vt-dissolvenza-entra .3s var(--ease-out) .26s both}::view-transition-group(immagine-progetto){animation-duration:var(--durata-morph);animation-timing-function:var(--ease-drawer)}::view-transition-old(immagine-progetto),::view-transition-new(immagine-progetto){height:100%;object-fit:cover;mix-blend-mode:normal}::view-transition-old(immagine-progetto){animation:vt-esci .12s linear both}::view-transition-new(immagine-progetto){animation:none}::view-transition-old(immagine-progetto):only-child{animation:vt-esci .2s var(--ease-out) both}::view-transition-new(immagine-progetto):only-child{animation:vt-dissolvenza-entra .3s var(--ease-out) both}::view-transition-new(testo-progetto):only-child{animation:vt-testo-cresce .5s var(--ease-drawer) .2s both}::view-transition-old(testo-progetto):only-child{animation:vt-testo-rientra .22s var(--ease-out) both}@keyframes vt-esci{to{opacity:0}}@keyframes vt-entra{0%{opacity:0;transform:translateY(12px)}}@keyframes vt-dissolvenza-entra{0%{opacity:0}}@keyframes vt-testo-cresce{0%{clip-path:inset(0 100% 0 0 round 20px)}to{clip-path:inset(0 0 0 0 round 20px)}}@keyframes vt-testo-rientra{to{clip-path:inset(0 100% 0 0 round 20px);opacity:0}}@media (prefers-reduced-motion: reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:vt-esci .15s ease both!important}::view-transition-new(*){animation:vt-dissolvenza-entra .15s ease both!important}}