.navbar{box-sizing:border-box;z-index:10;background:var(--bg);width:auto;color:var(--black);background:linear-gradient(var(--grad-angle), var(--bg), var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--bg));border-radius:30px;margin:30px -60px 60px;transition:background 2s;box-shadow:0 10px 30px #00000014,0 2px 10px #0000000a}@media (width<=1024px){.navbar{margin:20px -30px 40px}}.navbar .links{background-color:var(--bg);border-radius:16px;justify-content:flex-start;align-items:center;gap:25px;margin:10px;padding:10px 50px;display:flex}@media (width<=1024px){.navbar .links{justify-content:space-between;gap:15px;padding:10px 30px}}.navbar .links .nav-link{color:var(--grey);letter-spacing:2px;font-family:Saira Stencil,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s}.navbar .links .nav-link.active{text-decoration:underline}.navbar .links .nav-link:not(:first-child){flex:1}@media (width<=1024px){.navbar .links .nav-link:not(:first-child){display:none}}.navbar .links .nav-link:has(.icon){width:35px;height:35px}.navbar .links .icon{width:35px;height:35px;fill:var(--c1);color:var(--c1);display:flex}.navbar .links .icon:active{width:30px;height:30px}.navbar .links .mobile-nav{display:none}@media (width<=1024px){.navbar .links .mobile-nav{display:flex;position:relative}.navbar .links .mobile-nav button{color:var(--bg);width:35px;height:35px;padding:5px 10px;line-height:23px}}@media (width<=1024px) and (width<=1024px){.navbar .links .mobile-nav button:active{width:30px;height:30px;font-size:12px;line-height:16px}}@media (width<=1024px){.navbar .links .mobile-nav .mobile-links{background:var(--bg);text-align:center;background-color:var(--bg);opacity:0;border-radius:16px;flex-direction:column;justify-content:space-evenly;align-items:center;gap:15px;max-height:0;padding:0;transition:all .3s;display:flex;position:absolute;top:60px;right:0;overflow:hidden;box-shadow:0 20px 40px #00000026}.navbar .links .mobile-nav .nav-link{white-space:nowrap;text-align:center;display:flex}.navbar .links .mobile-nav .mobile-links.active{opacity:1;max-height:300px;padding:15px 30px}.navbar .links .mobile-nav hr{border-bottom:.5px solid var(--black);width:30px;margin:auto}}.footer{margin-top:auto}.footer .footer-content{background:var(--bg);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;margin-top:60px;margin-bottom:10px;padding:10px 40px;font-size:12px;line-height:16px;display:flex;box-shadow:0 20px 40px #00000026}.footer-center,.footer-right{align-items:center;gap:5px;display:flex}.footer-center img,.footer-right img{width:40px;height:40px}.card-image-text{background-color:var(--bg);position:relative}.card-image-text.revert .content{flex-direction:row-reverse}.card-image-text:has(+.card-image-text) .content{padding-top:5px;padding-bottom:5px}@media (width<=1024px){.card-image-text:has(+.card-image-text) .content{padding-top:20px;padding-bottom:20px;flex-direction:column!important}}.card-image-text .content{text-align:left;align-items:center;gap:20px;padding:5px 80px 40px;display:flex}@media (width<=1024px){.card-image-text .content{padding:20px 20px 30px;flex-direction:column!important}}.card-image-text .image-frame{z-index:1;margin:20px;position:relative}@media (width<=1024px){.card-image-text .image-frame{margin-top:0}}.card-image-text .image-frame:before{content:"";z-index:0;position:absolute;inset:0;transform:rotate(5deg)}.card-image-text:nth-child(3n+1) .image-frame:before{background-color:var(--c3)}.card-image-text:nth-child(3n+2) .image-frame:before{background-color:var(--c4)}.card-image-text:nth-child(3n+3) .image-frame:before{background-color:var(--c5)}.card-image-text img{z-index:1;object-fit:cover;outline:2px dashed var(--bg);outline-offset:-6px;background-color:var(--c1);width:auto;max-width:300px;height:auto;max-height:300px;position:relative}@media (width<=1024px){.card-image-text img{max-width:230px}}.card-image-text p{z-index:1;white-space:pre-line;flex:1;position:relative}.card-intro{background-color:var(--card-bg);margin:0 -40px 50px;position:relative;box-shadow:0 0 30px #00000040,0 0 30px #00000040}@media (width<=1024px){.card-intro{margin:0 0 30px}}.card-intro .content{text-align:left;background-color:var(--bg);box-sizing:border-box;justify-content:space-between;align-items:center;gap:100px;margin:0 -40px;padding:40px 200px;display:flex}.card-intro .content p{margin-bottom:10px}@media (width<=1024px){.card-intro .content{text-align:center;flex-direction:column;gap:50px;margin:0 -30px;padding:40px}}.card-intro .image-frame{z-index:1;position:relative}@media (width>=1025px){.card-intro .image-frame:hover:before{transform:rotate(170deg)}}@media (width<=1024px){.card-intro .image-frame:before{animation:1s rotate}@keyframes rotate{0%{transform:rotate(-170deg)}50%{transform:rotate(170deg)}70%{transform:rotate(170deg)}to{transform:rotate(-170deg)}}}.card-intro .image-frame:before{content:"";background-color:var(--c2);z-index:0;border-radius:360px;margin:-20px 0;transition:all .5s;position:absolute;inset:0;transform:rotate(-10deg)}@media (width<=1024px){.card-intro .image-frame:before{margin:-10px 0}}.card-intro img{z-index:1;object-fit:cover;border:5px solid var(--grey);border-radius:360px;width:300px;height:300px;position:relative}@media (width<=1024px){.card-intro img{width:220px;height:220px}}.card-intro .card-text{z-index:1;flex:1;position:relative}.card-info{margin-top:0;margin-bottom:50px;position:relative}@media (width<=1024px){.card-info{margin-bottom:30px}}.card-info .content{text-align:left;background-color:var(--bg);border-radius:30px;width:fit-content;max-width:700px;margin:auto;padding:40px;box-shadow:0 20px 40px #00000026}.card-info .content p{margin-bottom:10px}@media (width<=1024px){.card-info .content p{text-align:center;flex-direction:column;align-items:center;display:flex}}.scroll-top{cursor:pointer;background:var(--c1);color:#fff;opacity:0;pointer-events:none;border:none;border-radius:20px;min-width:45px;min-height:45px;font-size:14px;transition:all .5s;position:fixed;bottom:75px;right:80px;box-shadow:0 10px 25px #0003}@media (width<=1024px){.scroll-top{bottom:75px;right:10px}}.scroll-top.visible{opacity:.7;pointer-events:all}.scroll-top:hover{transform:scale(1.1)}.bio-content{border-radius:20px;font-size:14px;font-weight:500;overflow:hidden}.bio-content>div{background:linear-gradient(to top, var(--c1) 5%, var(--bg) 30%);flex-direction:column;display:flex}@media (width<=1024px){.bio-content>div{background:linear-gradient(to top, var(--c1) 5%, var(--bg) 15%)}.bio-content p{text-align:center;margin:0 10px}}.sure-container{width:fit-content;max-width:100%;color:var(--grey);box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:30px;margin:auto;padding:40px 0 30px;transition:all .5s;display:flex}.sure-container .content{padding-bottom:0}@media (width<=1024px){.sure-container{gap:50px;padding:30px 0 0}}.sure-container button{border-radius:30px;margin-bottom:80px;padding:20px 30px}.sure-container button:hover{margin-bottom:150px;padding:25px 35px}@media (width<=1024px){.sure-container button{margin-bottom:100px;animation:2s infinite move}@keyframes move{0%{border-radius:100px;padding:20px 30px}50%{margin-bottom:120px;padding:25px 35px}70%{margin-bottom:120px;padding:25px 35px}to{border-radius:100px;padding:20px 30px}}}.text-container{width:fit-content;color:var(--grey);flex-direction:column;justify-content:space-between;align-items:center;gap:30px;margin:auto;padding:30px;display:flex}.contacts form{background-color:var(--bg);box-sizing:border-box;border:none;border-radius:20px;flex-direction:column;align-items:flex-end;gap:10px;max-width:500px;height:200px;margin:auto auto 50px;padding:20px 20px 60px;display:flex;position:relative;box-shadow:0 20px 40px #00000026}.contacts form textarea{background-color:var(--bg);resize:none;width:100%;height:100%;color:var(--grey);border:none;font-family:Saira;font-weight:500}.contacts form textarea:focus-visible{outline:none}.contacts form textarea::placeholder{color:var(--grey);font-weight:500}.contacts form button{position:absolute;bottom:10px;right:10px}.contacts form .popup{background-color:var(--c2);padding:10px 20px;bottom:50%}.contacts form .popup.error{background-color:var(--error)}.contacts h2{margin-bottom:15px;font-size:18px;font-weight:600}.contacts .card-info .content{flex-direction:row;gap:20px;padding:10px 40px;display:flex;position:relative}.contacts .card-info p{white-space:nowrap;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin:0;font-weight:600;display:flex}.contacts .card-info p .icon{width:20px;height:20px}.contacts .card-info.email{cursor:pointer}.contacts .card-info a{display:flex}.contacts .links .icon{width:40px;height:40px;fill:var(--c1);color:var(--c1)}@media (width<=1024px){.contacts .links .icon{width:30px;height:30px}}.contacts .links a:nth-child(3n+1) .icon{color:var(--c2);fill:var(--c2)}.contacts .links a:nth-child(3n+2) .icon{color:var(--c3);fill:var(--c3)}.contacts .links a:nth-child(3n+3) .icon{color:var(--c4);fill:var(--c4)}.contacts .links a:nth-child(3n+4) .icon{color:var(--c5);fill:var(--c5)}.contacts .popup{background:var(--bg);color:var(--grey);opacity:.9;border-radius:6px;padding:4px 8px;font-size:12px;animation:3s fade;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.projects{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media (width<=1024px){.projects{flex-direction:column;align-items:center}}.projects .project-card{flex:1;max-width:30%;min-height:100%;position:relative}@media (width<=1024px){.projects .project-card{min-width:0;max-width:300px!important}}.projects .project-card .content{text-align:left;background-color:var(--bg);box-sizing:border-box;border-radius:50px;flex-direction:column;height:100%;padding:10px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.projects .project-card .content .imgs-list{border-radius:30px;justify-content:space-between;gap:20px;width:100%;display:flex;overflow:hidden}@media (width<=1024px){.projects .project-card .content .imgs-list{flex-direction:column;height:220px}}.projects .project-card .content .imgs-list img{object-fit:cover;box-sizing:border-box;border-radius:30px;flex:1;width:100%;min-width:100%;height:220px}@media (width<=1024px){.projects .project-card .content .imgs-list img{min-height:220px;max-height:220px}}.projects .project-card .content .imgs-list .project-cover{cursor:pointer}.projects .project-card .content .info-container{flex:1;justify-content:space-between;align-items:flex-start;width:100%;padding-top:10px;display:flex;overflow:hidden}@media (width<=1024px){.projects .project-card .content .info-container{flex-direction:column}}.projects .project-card .content .info-container>div{object-fit:cover;box-sizing:border-box;height:100%;max-height:320px;padding:10px}@media (width<=1024px){.projects .project-card .content .info-container>div{width:100%!important}}.projects .project-card .content .info-container>div>div{flex-direction:column;flex:1;display:flex}.projects .project-card .content .info-container .main-info{flex-direction:column;justify-content:space-between;gap:10px;width:65%;font-size:14px;display:flex}.projects .project-card .content .info-container .desc{flex-direction:column;justify-content:space-between;gap:10px;font-size:12px;display:none}.projects .project-card .content .info-container .btns{flex-direction:column;justify-content:flex-end;gap:10px;width:35%;display:flex}@media (width<=1024px){.projects .project-card .content .info-container .btns{flex-direction:row}}.projects .project-card .content .info-container .btns button,.projects .project-card .content .info-container .btns .btn{border-radius:16px;padding:10px 5px}@media (width<=1024px){.projects .project-card .content .info-container .btns button,.projects .project-card .content .info-container .btns .btn{padding:10px 20px}}.projects .project-card .content .info-container .btns button:active,.projects .project-card .content .info-container .btns button:hover,.projects .project-card .content .info-container .btns .btn:active,.projects .project-card .content .info-container .btns .btn:hover{padding:10px 5px}@media (width<=1024px){.projects .project-card .content .info-container .btns button:active,.projects .project-card .content .info-container .btns button:hover,.projects .project-card .content .info-container .btns .btn:active,.projects .project-card .content .info-container .btns .btn:hover{padding:10px 20px}}.projects .project-card .content .info-container .btns .show-more{white-space:nowrap;background-color:var(--bg);border:1px solid var(--grey);padding:5px;font-size:10px;line-height:12px}.projects .project-card .content .info-container .btns .show-more:active,.projects .project-card .content .info-container .btns .show-more:hover{padding:5px}.projects .project-card .content .info-container .title{font-size:18px;font-weight:700}.projects .project-card .content .info-container b{font-size:12px}.projects .project-card .content .info-container span{color:var(--black);margin-top:auto;font-size:12px;font-weight:500}.projects .project-card.highlight{flex:100%;max-width:none}.projects .project-card.highlight .content{max-width:30%;animation:.5s forwards stretch}@media (width<=1024px){.projects .project-card.highlight .content{max-width:100%;animation:.5s forwards stretchHeight}}.projects .project-card.highlight .imgs-list img{min-width:150px}@media (width<=1024px){.projects .project-card.highlight .imgs-list{flex-direction:column;height:auto;max-height:none}}.projects .project-card.highlight .info-container .main-info{width:25%}.projects .project-card.highlight .info-container .desc{width:63%;display:flex}.projects .project-card.highlight .info-container .btns{width:12%}@keyframes stretch{0%{max-width:30%}to{max-width:100%}}@keyframes stretchHeight{0%{max-height:220px}to{max-height:1500px}}.popup-general.buio{background-color:var(--black);color:var(--white);border:2px dashed var(--white)!important}.timeline-container{box-sizing:border-box;flex-direction:column;width:100%;padding:20px 40px;display:flex}@media (width<=1024px){.timeline-container{padding:0}}.timeline-container .period-box{flex-direction:column;width:100%;display:flex;position:relative}.timeline-container .period-box:first-child .year-box{border-color:var(--c1);min-height:0}.timeline-container .period-box:nth-child(3n+1) .dot span{background-color:var(--c2)}.timeline-container .period-box:nth-child(3n+2) .dot span{background-color:var(--c3)}.timeline-container .period-box:nth-child(3n+3) .dot span{background-color:var(--c4)}.timeline-container .period-box:nth-child(3n+4) .dot span{background-color:var(--c5)}.timeline-container .period-box:has(+.exp) .year-marker small{translate:0 -10px}.timeline-container .year-box{border-left:3px solid var(--white);width:auto;min-width:110px;min-height:50px;position:relative}.timeline-container .year-box .year-hover{z-index:9;width:200vw;height:100%;position:absolute;translate:-50% 50%}.timeline-container .year-box .year-marker{align-items:center;gap:5px;padding-right:6px;display:flex;position:absolute;bottom:-15px;left:-16px}.timeline-container .year-box .year-marker .dot{z-index:2;box-sizing:border-box;width:30px;height:30px;padding:7px;transition:all .3s}.timeline-container .year-box .year-marker .dot span{border:2px solid var(--bg);box-sizing:border-box;border-radius:20px;width:100%;height:100%;transition:all .3s;display:block}.timeline-container .year-box .year-marker small{z-index:2;font-weight:600;transition:all .3s}.timeline-container .year-box .year-marker.highlight .dot{padding:0}.timeline-container .year-box .year-marker.highlight .dot span{border:5px solid var(--bg)}.timeline-container .year-box .year-marker.highlight small{margin-left:10px;font-size:16px}.timeline-container .year-box .year-marker.highlight-closest .dot{padding:4px}.timeline-container .year-box .year-marker.highlight-closest .dot span{border:5px solid var(--bg)}.timeline-container .year-box .year-marker.highlight-closest small{margin-left:5px}.timeline-container .period-box.exp{flex-direction:row}.timeline-container .period-box.exp .exp-years{border-top:2px dashed var(--bg);flex-direction:column;justify-content:space-between;width:100%;min-width:110px;max-width:100%;display:flex}.timeline-container .period-box.exp .exp-years .year-box{flex:1}.timeline-container .period-box.exp:has(.odd) .exp-years{max-width:20%}@media (width<=1024px){.timeline-container .period-box.exp:has(.odd) .exp-years{max-width:80px}}.timeline-container #year-1994{border-bottom:2px dashed var(--bg);width:50%}.timeline-container #year-1994 small{translate:0 -10px}.timeline-container .card-exp.born{height:fit-content;margin-top:auto;margin-left:0}.timeline-container .card-exp.born .content{min-height:0;padding:5px 20px;translate:-50% 50%}.timeline-container .card-exp{margin-top:-1px;margin-left:-20px;position:relative}.timeline-container .card-exp .content{box-sizing:border-box;text-align:left;background-color:var(--bg);border-radius:30px;width:max-content;max-width:500px;min-height:100%;padding:20px 40px;box-shadow:0 20px 40px #00000026}@media (width<=1024px){.timeline-container .card-exp .content{width:auto;padding:20px}}.timeline-container .card-exp .content p{margin-bottom:5px}.timeline-container .card-exp .content .type{margin-bottom:15px}.timeline-container .card-exp .content .type b{color:color-mix(in srgb, var(--c2) 80%, black);font-size:14px}.timeline-container .card-exp .content .company h2,.timeline-container .card-exp .content .date h2{font-size:21px}.timeline-container .card-exp .content .company small,.timeline-container .card-exp .content .date small{margin-right:2px}.timeline-container .card-exp .content .company b,.timeline-container .card-exp .content .date b{margin-right:5px}@media (width<=1024px){.timeline-container .card-exp .content .company,.timeline-container .card-exp .content .date{flex-direction:column;display:flex}}.timeline-container .card-exp .content .date{margin-bottom:20px}.timeline-container .card-exp .content .desc p{font-size:14px}.timeline-container .card-exp .content h2{margin-bottom:20px;font-size:21px}.timeline-container .card-exp .content hr{margin-top:30px}.timeline-container .card-exp .content strong{font-size:14px}:root{--grey:#5b5b5b;--black:#212121;--white:#fcffed;--bg:#fdfff2;--error:#ff7b6a9f;--grad-angle:60deg;color:var(--grey);background:var(--bg);letter-spacing:.18px;font-optical-sizing:auto;font-variation-settings:"wdth" 200;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;font-family:Saira,sans-serif;font-style:normal;font-weight:400}body{margin:0;display:flex}body.buio,body.buio *{color:var(--white)!important;background:#000!important}body.buio :before{background-color:var(--white)!important}body.buio #main_container{border-left:2px dashed var(--white);border-right:2px dashed var(--white)}body.buio .navbar{background-color:var(--white)!important}body.buio .content,body.buio .content img,body.buio button,body.buio .btn,body.buio form,body.buio .footer-content,body.buio .bio-content,body.buio .mobile-links{border:2px solid var(--white)!important}body.buio .popup-general,body.buio .popup{border:2px dashed var(--white)!important}body.buio .content img{filter:grayscale()contrast(6);border:2px solid var(--white)!important}body.buio .card-image-text .content{border:none!important}body.buio .projects .content{padding:8px}body.buio .icon:not(.email .icon){fill:var(--white)!important}body.buio .mobile-nav button{padding:4px 8px!important}body.buio .card-exp,body.buio .year-marker small{background-color:#0000!important}#root{box-sizing:border-box;margin:0 auto}@media (width<=1024px){#root{width:100%;margin:0}}#main_container{text-align:center;box-sizing:border-box;background-color:var(--c1);flex-direction:column;width:auto;min-width:964px;max-width:1124px;min-height:100dvh;margin:0 40px;padding:0 30px;display:flex}@media (width<=1024px){#main_container{width:calc(100% - 30px);min-width:0;max-width:1000px;margin:0 auto;padding:0 15px}}h1,h2,.nav-link{color:var(--grey);font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Saira,sans-serif;font-style:normal;font-weight:500}h1{margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:.5px;margin:0 0 30px;font-size:24px;line-height:118%}@media (width<=1024px){h2{margin-bottom:15px;font-size:20px}}a{color:color-mix(in srgb, var(--c1) 80%, black);font-weight:600;text-decoration:none}a:hover{color:var(--c1)}p{margin:0}.page-title{margin-bottom:15px;font-size:18px;font-weight:600}.page-subtitle{max-width:500px;margin:auto auto 20px;font-size:14px;font-weight:400}@media (width<=1024px){.page-subtitle{margin-left:20px;margin-right:20px}}button,.btn{color:var(--grey);background:var(--c1);text-align:center;cursor:pointer;border:none;border-radius:10px;padding:5px 10px;font-family:Saira,sans-serif;font-size:16px;font-weight:600;line-height:20px;text-decoration:none;transition:all .2s}@media (width>=1025px){button:hover,.btn:hover{padding:8px 13px}}@media (width<=1024px){button:active,.btn:active{padding:8px 13px}}.icon{width:40px;height:40px;transition:all .2s}@media (width<=1024px){.icon{width:30px;height:30px}}.popup-general{background:var(--c2);width:max-content;max-width:200px;color:var(--black);z-index:99;opacity:0;pointer-events:none;border-radius:15px;padding:20px 40px;font-size:12px;font-weight:500;transition:opacity .5s,transform .5s;position:fixed;top:35%;left:50%;transform:translate(-50%,30%)}.popup-general.show{opacity:1;transform:translate(-50%)}@media (width<=1024px){.popup-general{padding:20px}}.hide{display:none}