@font-face{font-family:SoloNumeri;src:url(/fonts/VendSans-Medium.ttf) format("truetype");font-weight:400;font-style:normal;unicode-range:U+0030-0039}@font-face{font-family:SoloNumeri;src:url(/fonts/VendSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;unicode-range:U+0030-0039}:root{background-color:#e7fb77;--header-height: 80px}body{margin:0;font-family:SoloNumeri,Heading Now Trial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.sticky-wrapper{position:relative;width:100%}.main-wrapper{width:100%}.sticky-section{top:var(--header-height);position:sticky;height:calc(100vh - var(--header-height));width:100%;overflow:hidden;background-color:#e7fb77;display:flex;flex-direction:column;justify-content:center}.container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;overflow:hidden}.animation-logo{z-index:10;position:absolute;width:1920px;height:1080px;background-color:transparent}.scritta-logo{width:860px}canvas{filter:drop-shadow(4px 0 0 #e7fb77) drop-shadow(-4px 0 0 #e7fb77) drop-shadow(0 4px 0 #e7fb77) drop-shadow(0 -4px 0 #e7fb77)}.font{color:#202020}.font-grey{color:#383838}.title{font-size:70px;font-weight:300;margin-bottom:32px}.box-specialization{margin-top:56px;margin-bottom:100px;display:flex;justify-content:center;align-items:center;width:40%}.specialization-box{width:33%;min-width:220px;border:1.5px solid #383838;border-radius:25px;display:flex;justify-content:center;margin-left:16px;margin-right:16px}.specialization{font-size:18px;font-weight:300;padding:4px 32px}.scroll{position:absolute;font-size:22px;font-weight:300;bottom:32px}a{text-decoration:none;cursor:pointer}a:link,a:visited,a:hover,a:active{text-decoration:none;color:inherit}.header{background-color:#e7fb77;position:sticky;top:0;z-index:100}.container-header{max-width:1500px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center;padding:10px 40px}.box-link{width:33%}.logo{font-family:Heading Now Trial,sans-serif;font-size:24px;font-weight:400;color:#202020;cursor:pointer;display:flex;justify-content:center}.page-link{font-size:16px;font-weight:300}.contact{display:flex;justify-content:flex-end}.link{margin-right:40px}.nav-link{font-size:14px;font-weight:300}.link{cursor:pointer}.link.active{font-size:14px;font-weight:500;border:1px solid #202020;border-radius:40px;padding:8px 32px}.box-animation-header{width:60px;height:60px;overflow:hidden;position:relative}.animation-logo-header{z-index:10;width:100%;height:100%;transform:scale(1.8);transform-origin:center center}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;position:relative}.sezione-work{background-color:#202020;border-radius:70px;position:sticky;top:0;margin:40px 40px 0}.title{font-size:70px;font-weight:300;margin:0}.cards-list{display:flex;flex-direction:column;padding:40px 40px 0}.card-wrapper{height:75vh;display:flex;justify-content:center;position:sticky;top:120px;margin-bottom:40px}.card-skill{width:100%;height:100%;padding:20px;border-radius:40px;display:flex;flex-direction:row;justify-content:center;box-shadow:1px 1px 80px #00000024;position:relative;transform-origin:top;overflow:hidden}.card-inner-shadow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,#44ff00 100%);border-radius:40px;z-index:10;pointer-events:none}.card-skill h3{font-size:3rem;margin-bottom:20px;color:#202020}.card-skill ul{list-style:none;padding:0;text-align:center}.card-skill li{font-size:1.5rem;margin:10px 0;color:#202020}.container-description{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:calc(100% * 2 / 3);padding-right:400px;margin-left:80px;margin-top:20px;margin-bottom:20px}.skill-category{background-color:#202020;color:#e7fb77;font-size:16px;padding:4px 16px;border-radius:24px;font-weight:300;display:flex;justify-content:center}.skill-title{font-size:60px;padding-right:180px;color:#202020}.skill-description{font-size:22px;font-weight:200;margin-bottom:40px;color:#202020;padding-bottom:40px}.description-title{font-size:80px;padding-right:20px}.container-skill-competenze{display:flex}.skill-competenze{font-size:16px;margin-right:24px;padding:4px 16px;border-radius:24px;font-weight:300;border:1px solid #202020}.container-image{display:flex;justify-content:center;width:calc(100% / 3);height:auto;overflow:hidden;border-radius:30px}.container-image img{object-fit:cover;width:100%;height:100%}.container-progect{background-color:#e7fb77;margin-left:auto;margin-right:auto;position:relative;display:flex;align-content:center}.progect-box{background-color:#202020;border-radius:70px;position:sticky;top:0;margin:40px 40px 0;padding:16px;display:flex;flex-direction:column}.info-box-progect{margin:20px 164px 40px;display:flex;justify-content:space-between}.titolo-box-progect{color:#e7fb77;font-size:52px;font-weight:500}.tag-legendary{display:flex}.legendary{display:flex;align-items:center;margin-left:24px;color:#e7fb77}.icon-tag-legendary{fill:#202020;display:flex;align-content:center;justify-content:center;width:40px;background-color:#e7fb77;height:40px;border-radius:20px;padding:4px}.secondTitle-box-progect{color:#e7fb77;font-size:16px;font-weight:200}.flex-box-progect{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0 124px 60px}@media(max-width:1024px){.flex-box-progect{grid-template-columns:repeat(2,1fr);margin:0 20px 60px}}@media(max-width:768px){.flex-box-progect{grid-template-columns:1fr}}.progect{width:100%;height:100%;background-color:#e9ead3;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;border-radius:30px;transition:all .6s cubic-bezier(.25,.8,.25,1);will-change:transform,box-shadow,background-color;cursor:pointer}.progect:hover{background-color:#e7fb77;box-shadow:0 0 24px #e7fb77;transform:scale(1.03)!important}.progect-info{display:flex;justify-content:space-between;padding:40px 40px 0}.tag{font-size:16px;padding:4px 16px;border-radius:24px;font-weight:300;border:1px solid #202020;display:flex;align-items:center;justify-content:center;transition:font-weight .2s ease,border .1s ease}.tag-img{display:flex;align-content:center;justify-content:center;width:40px;background-color:#202020;height:40px;border-radius:20px;padding:4px}.tag-img svg{fill:#e9ead3;transition:fill .4s ease}.progect:hover .tag{font-weight:500}.progect:hover .tag-img svg{fill:#e7fb77}.text-info{padding:16px 40px;flex-grow:1}.title-info{font-size:36px;font-weight:500;width:70%}.para-info{font-weight:200;width:70%}.progect-img{width:100%;aspect-ratio:1 / 1;height:auto;overflow:hidden;padding:16px}.progect-img img{border-radius:30px;object-fit:cover;width:100%;aspect-ratio:1 / 1}.project-card-link{text-decoration:none;color:inherit;display:contents}.progect{cursor:pointer}.intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.intro-overlay.fade-out{opacity:0;pointer-events:none}.character{width:236px;position:relative;z-index:10;opacity:0;animation:zoomInCharacter 1.5s cubic-bezier(.25,1,.2,1) forwards}.character img{width:100%;height:auto;display:block}.circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0px;height:0px;border-radius:50%;background-color:transparent;box-shadow:0 0 150px 100vmax #1a1a1a;z-index:5;animation:expandHole 1.5s ease-in-out 0s forwards}@keyframes zoomInCharacter{0%{transform:translate(0) scale(20);opacity:0}15%{opacity:1}to{transform:translate(-10px,6px) scale(.7);opacity:1}}@keyframes expandHole{0%{width:0px;height:0px;box-shadow:0 0 150px 100vmax #1a1a1a}to{width:300vmax;height:300vmax;box-shadow:0 0 150px 100vmax #1a1a1a}}.container-detail{background-color:#202020;width:100%}.box-detail{display:flex;width:100%;position:relative;max-width:1500px;margin-left:auto;margin-right:auto}.box-details-project{height:500px;width:20%;position:sticky;top:160px}.box-info{background-color:#e7fb77;border-radius:40px 0 0 40px;box-sizing:border-box}.progect-info-detail{display:flex;justify-content:space-between;height:20%;align-items:center;padding:40px 40px 0}.tag-detail{font-size:16px;padding:4px 16px;border-radius:24px;font-weight:300;border:1px solid #202020;display:flex;align-items:center;justify-content:center;transition:font-weight .2s ease,border .1s ease}.tag-img-detail{display:flex;align-content:center;justify-content:center;width:40px;background-color:#202020;height:40px;border-radius:20px;padding:4px}.tag-img-detail svg{fill:#e7fb77;transition:fill .4s ease}.box-info-details{display:flex;flex-direction:column;justify-content:space-between;height:80%;padding-bottom:40px;padding-top:40px}.container-project{height:100%;width:80%;background-color:#e9ead3;padding-bottom:20px;margin:40px 40px 40px 0;border-radius:40px;overflow:hidden;box-shadow:0 0 30px #20202071;z-index:20;position:relative}.link-home{color:#e7fb77!important;display:flex;padding-left:40px;padding-bottom:20px;font-weight:300;text-decoration:none;cursor:pointer}.single-info{border-top:1px solid #202020b8;margin-left:40px;padding-top:20px;padding-bottom:20px}.title-details{font-size:16px;font-weight:200}.details{font-size:22px;font-weight:400}.box-text-title{position:absolute;top:0;left:0;width:60%;z-index:30;padding-left:80px;padding-top:80px;box-sizing:border-box}.details-title{font-size:60px;font-weight:700;line-height:1.1;color:#e9ead3;margin:0 0 10px}.details-tagline{font-size:24px;font-weight:300;color:#e9ead3;opacity:.9;margin:0;width:80%}.image-wrapper{position:relative;width:100%;height:700px;border-radius:40px;margin-bottom:20px;box-sizing:border-box;overflow:hidden}.image-wrapper-text{position:relative;width:100%;height:700px;border-radius:40px;box-sizing:border-box;overflow:hidden;margin-bottom:32px}.box-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:25px;display:block}.image-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:25px;background:linear-gradient(to bottom,#000c,#0000 60%);z-index:10}.box-text{padding:8px 40px 0 80px}.title-details-1{font-size:32px;color:#606060;font-weight:500;display:flex}.number{font-weight:700}.text-details-1{font-size:20px;color:#606060;font-weight:200;margin-top:20px;margin-bottom:40px}