.hero{width:100vw;height:100svh;color:var(--dark);background-color:#f8f8f8;position:relative;overflow:hidden}.hero canvas{pointer-events:none;background-color:#0000;top:0;left:0;z-index:5!important;width:100vw!important;height:100vh!important;position:absolute!important}.hero-container{z-index:5;pointer-events:none;flex-direction:column;width:100vw;min-width:100%;display:flex;position:absolute;bottom:0}.hero-container .presente{width:100%;font-size:clamp(.6rem,4.8vw,1.5rem);font-family:var(--font-generale-sans);pointer-events:none;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:relative;top:.6rem}.hero-name{justify-content:center;align-items:flex-end;width:100vw;display:flex;overflow:hidden}.hero-name h1{font-size:clamp(8.5rem,8.5vw,13rem);line-height:.8;font-family:var(--font-clash-display);text-transform:uppercase;white-space:nowrap}.hero-container .myjob,.mymessage{letter-spacing:-.2px;opacity:.7}.hero-name h1 span{letter-spacing:-5px}.hero .links-content{z-index:6;flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:absolute;top:17%;right:2rem}.hero .bar-content{flex-direction:column;align-items:center;display:flex}.hero .bar-content .dot{background-color:var(--accent);border-radius:50%;width:5px;height:5px;position:relative}.hero .bar-content .bar{background-color:var(--accent);border-radius:4px;width:2px;height:200px}.hero .links svg{cursor:pointer;width:28px;height:28px;transition:fill .3s}.hero .links{flex-direction:column;gap:1.2rem;display:flex}.hero .links svg,.social-contact svg{transition:transform .3s}.hero .links svg:hover,.social-contact svg:hover{transition:transform .3s;transform:scale(1.1)}@media (max-width:1000px){.hero .bar-content{display:none}.hero .links{flex-direction:row;display:flex}.hero{flex-direction:column-reverse;display:flex}.hero-name h1{font-size:5.2rem;line-height:1;font-family:var(--font-clash-display);text-transform:uppercase;text-align:center}.hero-name h1 span{letter-spacing:1px}.hero-name h1 .lastname{display:none}.hero-container{z-index:5;flex-direction:column-reverse;justify-content:center;align-items:center;width:100vw;min-width:100%;height:100%;display:flex}.hero canvas{display:none}.hero-container .presente{flex-direction:column;justify-content:space-between;gap:1rem}.hero .links-content{z-index:6;gap:1.5rem;display:flex;position:absolute;top:70%;left:50%;right:50%}.hero-container .mymessage{font-size:clamp(.6rem,4.1vw,1.5rem)}.hero .links-content{margin:auto;position:absolute}}@media (max-width:768px){.hero-name h1{font-size:4.5rem}.hero-container .presente{gap:.8rem;padding:0 1rem}.hero .links-content{top:68%}}@media (max-width:640px){.hero-name h1{font-size:3.8rem}.hero-container .presente{gap:.6rem}.hero .links-content{top:65%}}@media (max-width:480px){.hero-name h1{font-size:4.2rem}.hero .links-content{gap:1rem;top:62%}.hero .links{gap:1rem}}@media (max-width:375px){.hero-name h1{font-size:2.8rem}.hero-container .presente{padding:0 .8rem}.hero .links-content{top:60%}.hero .links svg{width:20px;height:20px}}
.inversion-lens{width:22vw;height:55svh;position:relative;overflow:hidden}.about-container{min-height:100vh;margin-top:40vh}img{object-fit:cover;width:100%;height:100%}.word{white-space:nowrap}.char{will-change:color}.about-container .about-title{font-family:var(--font-clash-display);text-align:center;text-transform:uppercase;pointer-events:none;margin-bottom:1.3rem;font-size:clamp(3rem,5vw,8rem)}.about-container .service-title{font-family:var(--font-clash-display);text-align:left;color:var(--accent1);margin:1.5rem 3rem;font-size:clamp(2.5rem,5vw,3rem)}.about-content1{z-index:2;justify-content:space-between;align-items:center;min-width:100%;margin-bottom:3rem;padding:0 8rem;display:flex;position:relative}.about-me-description{flex-direction:column;gap:1.5rem;max-width:800px;display:flex}.about-me-description p{font-family:var(--font-aeonik);pointer-events:none;font-size:clamp(1rem,2vw,1.3rem)}.about-me-description p span{font-weight:600}.fill-btn{background:var(--dark);cursor:pointer;width:clamp(90px,25vw,130px);height:45px;font-family:var(--font-general-sans);will-change:transform;border:none;border-radius:1em;font-size:1rem;position:relative;overflow:hidden}.fill-btn .fill-bg{background:var(--accent1);transform-origin:0;z-index:0;transition:transform .6s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:scaleX(0);pointer-events:auto!important}.fill-btn .text{z-index:1;font-size:clamp(.6rem,3.5vw,.88rem);font-family:var(--font-general-sans);transition:transform .4s;display:inline-flex;position:relative}.fill-btn:hover .text{transform:translate(2px)}.fill-btn .char{mix-blend-mode:multiply;color:#fff;transition:color .25s linear}.fill-btn:hover .fill-bg{transform:scaleX(1)}.fill-btn:hover .char{color:#000}.fill-btn .char{transition-delay:calc(var(--i)*40ms)}.img_inversed{width:22vw;height:55svh;position:relative}.sign{z-index:3;pointer-events:none;width:45%;height:auto;position:absolute;top:1.2rem;left:1.2rem;transform:rotate(-15deg)}.magnetic-btn{will-change:transform;cursor:pointer;pointer-events:auto!important}.magnetic-btn:hover{transform:scale(1.05)}@media (max-width:1000px){.about-content1{flex-direction:column-reverse;gap:3rem;padding:0 2rem}.img_inversed,.inversion-lens{width:40vw;height:30svh}.about-me-description{text-align:center;align-items:center}.about-container{margin-top:0}}@media (max-width:500px){.img_inversed,.inversion-lens{width:48vw;height:30svh}.sign{width:55%;top:.8rem;left:-.6rem}}
body{transition:background-color .8s cubic-bezier(.4,0,.2,1),color .8s cubic-bezier(.4,0,.2,1)}body.works-active{background-color:var(--dark);color:#f5f5f5}.services{flex-direction:column;gap:3rem;width:100%;display:flex}.services .services-desc{font-family:var(--font-generale-sans);width:50%;opacity:var(--title-opacity,0);margin-left:10rem;font-size:clamp(1.1rem,2.2vw,2rem);transition:opacity .3s}.cards-container{width:max-content;min-height:100%;margin-left:6rem;margin-right:6rem;display:flex;position:relative}.cards-pin{width:100vw;height:100vh;position:relative;overflow:hidden}.cards-container .card{width:480px;height:480px;padding:.6rem;position:relative}.card1{border:1px solid #808080a1}.card-head{justify-content:space-between;padding:0 1rem;display:flex}.card-head .card-svg{justify-content:center;align-items:center;margin:.7rem;display:flex}.card-head .card-number{opacity:.5;font-size:1.6rem}.card-number{font-family:var(--font-gambarino);letter-spacing:.05em}.card-desc{flex-direction:column;justify-content:space-between;gap:.8rem;min-height:42%;display:flex}.card-title{font-size:clamp(1.5rem,3.5vw,2rem);font-family:var(--font-clash-display);min-height:1rem;margin:0 .7rem}.card-body{width:95%;font-family:var(--font-aeonik);opacity:.5;margin:0 auto;padding-top:1.8rem;font-size:clamp(1rem,2vw,1.2rem)}.card hr{opacity:.7;margin-bottom:.6rem}.card2,.card3,.card4,.card5{border:1px solid #808080a1;border-left:none}.card svg{width:100px;height:100px}@media (max-width:1000px){.scroll-progress-container{display:none}.card-title{font-size:1.2rem}.services{gap:1rem}.card-head{margin-bottom:1rem;padding:0 .8rem}.card-svg svg{width:100px;height:100px}.cards-container{grid-template-columns:1fr 1fr;row-gap:1rem;width:100vw;min-height:100%;margin:0 .2rem 5rem;display:grid}.cards-container .card{width:90%;height:340px;margin:auto;padding:.6rem}.card hr{margin-bottom:1.1rem}.card-body{width:95%;font-family:var(--font-aeonik);opacity:.5;margin:0 auto;padding-top:.5rem;font-size:clamp(1rem,2vw,1.2rem)}.card2,.card3,.card4,.card5{border-left:1px solid #808080a1}.cards-pin{width:100vw;height:100%;position:relative;overflow:hidden}.services .services-desc{font-family:var(--font-generale-sans);width:80%;margin-bottom:1rem;margin-left:2.2rem;font-size:1.6rem}}@media (max-width:770px){.services{gap:1rem}.card-head{margin-bottom:1rem;padding:0 .8rem}.card-svg svg{width:80px;height:70px}.card-svg{margin:0}.cards-container{flex-direction:column;gap:10px;width:100vw;min-height:100%;margin:0 .2rem 5rem;display:flex}.card-head .card-number{font-size:1rem}.cards-container .card{width:90%;height:335px;margin:auto;padding:.6rem}.card hr{margin-bottom:.8rem}.card-body{width:95%;font-family:var(--font-aeonik);opacity:.5;margin:0 auto;padding-top:.2rem;font-size:clamp(1rem,2vw,1.2rem)}.card2,.card3,.card4,.card5{border-left:1px solid #808080a1}.cards-pin{width:100vw;height:100%;position:relative}.services .services-desc{font-family:var(--font-generale-sans);width:70%;margin-left:2.2rem;font-size:clamp(1.1rem,2.2vw,2rem)}}@media (max-width:450px){.services{gap:1rem}.card-head{margin-bottom:1rem;padding:0 .8rem}.card-svg svg{width:80px;height:70px}.card-svg{margin:0}.cards-container{flex-direction:column;gap:10px;width:100vw;min-height:100%;margin:0 .2rem 5rem;display:flex}.card-head .card-number{font-size:1rem}.cards-container .card{width:90%;height:335px;margin:auto;padding:.6rem}.card hr{margin-bottom:.8rem}.card-body{width:95%;font-family:var(--font-aeonik);opacity:.5;margin:0 auto;padding-top:.2rem;font-size:clamp(1rem,2vw,1.2rem)}.card2,.card3,.card4,.card5{border-left:1px solid #808080a1}.cards-pin{width:100vw;height:100%;position:relative}.services .services-desc{font-family:var(--font-generale-sans);width:70%;margin-left:2.2rem;font-size:clamp(1.1rem,2.2vw,2rem)}}@media (max-width:380px){.card-svg svg{width:75px;height:65px}}.scroll-progress-container{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;width:100%;height:4px;position:absolute;top:0;left:0}.scroll-progress-bar{width:0%;height:100%;box-shadow:0 0 10px var(--accent2);background:linear-gradient(90deg,#d7fb61,#e1ff01);transition:width .1s ease-out}.scroll-progress-container.thick{background:#0003;height:6px}.scroll-progress-container.thick .scroll-progress-bar{box-shadow:0 2px 15px var(--accent2);background:linear-gradient(90deg,#d7fb61 0%,#e1ff01 50%,#fa0 100%)}
.works{width:100%;min-height:100svh;padding-bottom:10rem;position:relative}.works h1{font-family:var(--font-clash-display);text-align:center;transform:translateY(calc((1 - var(--title-opacity))*20px));text-transform:uppercase;margin-bottom:1.3rem;font-size:clamp(3rem,5vw,8rem);transition:opacity .6s,transform .6s}.works .container-works{flex-direction:column;gap:10rem;width:100%;display:flex}.works .container-works .works1{gap:2rem;width:95%;min-height:600px;margin:auto;display:flex}.works1-left{flex-direction:column;flex:1;gap:2rem;display:flex}.works1 .img-left{width:100%;height:500px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #00000014}.works1 .img-left:hover{box-shadow:0 8px 30px #0000001f}.works1-right{flex:1;width:100%;height:800px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #00000014}.works1-right:hover{box-shadow:0 8px 30px #0000001f}.works img{will-change:transform;object-fit:cover;width:100%;height:100%;display:block}.work-desc{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.work-desc p{font-family:var(--font-generale-sans);font-size:clamp(1.1rem,2.5vw,2.5rem);transition:color .8s}.works .learn-more{font-family:var(--font-aeonik);opacity:.7;letter-spacing:2px;cursor:pointer;mix-blend-mode:difference;font-size:clamp(.9rem,1.5vw,1.2rem);transition:opacity .3s;position:relative}.work-desc p{font-size:clamp(.8rem,4vw,1.5rem)}.work-desc .opa_desc{opacity:.7}.work-desc p .nash-name{color:tomato;font-family:var(--font-dancing);font-optical-sizing:auto;font-size:clamp(2.1rem,3.2vw,3.5rem)}.work-desc p .port-name{color:var(--light);font-family:var(--font-clash-display);font-optical-sizing:auto;font-size:clamp(2rem,2.5vw,3rem)}.work-desc .portfolio,.nashfood{flex-direction:column;display:flex}.link{justify-content:space-between;align-items:center;display:flex;position:relative}.pink1{background-color:var(--accent1);border-radius:2em;width:2em;height:2em;position:absolute;top:50%;left:-.65em;transform:translateY(-50%)}.button-arrow{mix-blend-mode:difference;opacity:.7;margin-left:.5em;position:relative;top:.08em;left:.18em}@media (max-width:1024px){.works1-right,.pink1{display:none}.works .container-works{gap:6rem}.works .container-works .works1{flex-direction:column;gap:2rem;min-height:auto}.works1 .img-left{height:400px}.works1-right{height:500px}}@media (max-width:768px){.works .container-works{gap:4rem}.works .container-works .works1{gap:1.5rem;width:90%}.works1-left{gap:1.5rem}.works1 .img-left{height:300px}.works1-right{height:400px}.work-desc{gap:1.5rem}.link{padding:.7em 1.5em}.button-arrow{margin-left:.3em;font-size:.9em}}@media (max-width:480px){.works{padding:0 .5rem}.works h1{margin-bottom:1.5rem;font-size:clamp(1.8rem,10vw,2.5rem)}.works .container-works{gap:3rem}.works .container-works .works1{width:95%}.works1 .img-left{height:250px}.works1-right{height:350px}.link{padding:.6em 1.3em}.pink1{width:1.8em;height:1.8em}}@media (hover:none){.works1 .img-left:hover,.works1-right:hover{box-shadow:0 4px 20px #00000014}.link:hover{transform:scale(1)}.link:hover .button-arrow{transform:translate(0)}}
.skills{z-index:1;width:100vw;min-height:100svh;margin-top:12rem;position:relative}.skills h1{font-family:var(--font-clash-display);text-align:center;text-transform:uppercase;z-index:3;margin-bottom:1.3rem;font-size:clamp(3rem,5vw,8rem)}.skills-container{z-index:3;justify-content:space-between;align-items:center;width:100%;margin-top:5rem;display:flex}.skill-left{align-items:left;font-family:var(--font-generale-sans);flex-direction:column;justify-content:center;width:40%;padding-left:6rem;font-size:clamp(2rem,2vw,3.5rem);display:flex}.skills-right{width:50%}.tech-list{grid-template-columns:repeat(4,1fr);gap:2rem 1rem;display:grid}.skills-right .skill-tag{border:1px solid var(--accent1);cursor:pointer;text-align:center;opacity:.6;border-color:var(--accent1);white-space:nowrap;background-color:#0000;border-radius:50px;width:90%;padding:.6rem 1.2rem;font-size:.9rem;transition:opacity .3s,transform .25s,background-color .25s,border-color .25s;font-family:var(--font-generale-sans)!important}.skill-left .skill-category{opacity:.6;cursor:default;margin-bottom:1.5rem;transition:opacity .3s}.particules{z-index:2}@media (max-width:1200px){.skill-left{width:35%;padding-left:3rem;font-size:clamp(1.5rem,2.5vw,2.5rem)}.skills-right{width:60%}.tech-list{grid-template-columns:repeat(3,1fr)}.skills-right .skill-tag{padding:.5rem 1rem;font-size:.85rem}}@media (max-width:1000px){.skills{margin-top:8rem}.skills-container{flex-direction:column;gap:3rem;margin-top:3rem;padding:0 2rem}.skill-left{text-align:center;flex-direction:row;justify-content:space-around;align-items:center;width:100%;padding-left:0;font-size:clamp(1.2rem,2vw,1.8rem)}.skill-left .skill-category{margin-bottom:0}.skills-right{width:100%}.tech-list{grid-template-columns:repeat(3,1fr);gap:1.5rem}.skills-right .skill-tag{width:100%;font-size:.8rem}}@media (max-width:768px){.skills{margin-top:6rem}.skills h1{margin-bottom:1rem;font-size:clamp(2rem,6vw,3rem)}.skills-container{gap:2.5rem;padding:0 1.5rem}.skill-left{gap:1rem;font-size:1.5rem}.skill-left .skill-category{margin-bottom:.5rem}.tech-list{grid-template-columns:repeat(2,.5fr);gap:1.2rem}.skills-right .skill-tag{padding:.5rem .8rem;font-size:.75rem}}@media (max-width:480px){.skills{min-height:auto;margin-top:4rem;padding-bottom:3rem}.skills h1{font-size:1.8rem}.skills-container{gap:2rem;margin-top:2rem;padding:0 1rem}.skill-left{gap:.8rem;font-size:1.2rem}.tech-list{padding-left:1.5rem;padding-right:rem;grid-template-columns:.5fr .5fr;gap:.8rem 2.5rem}.skills-right .skill-tag{border-radius:40px;padding:.4rem .6rem;font-size:.7rem}}@media (max-width:360px){.skills h1{font-size:1.5rem}.skill-left{font-size:1rem}.tech-list{gap:.8rem}.skills-right .skill-tag{padding:.35rem .5rem;font-size:.65rem}}
*{box-sizing:border-box;margin:0;padding:0}.animated-titles h1{letter-spacing:-.25rem;font-size:10rem;font-weight:500;line-height:1;font-family:var(--font-generale-sans);color:#000;transform:scaleY(1.4)}.animated-titles{width:100%;position:relative;overflow:hidden}.animated-titles .title{align-items:center;height:85svh;display:flex}.animated-titles .title-container{will-change:transform;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.animated-titles .title:first-child,.animated-titles .title:nth-child(3){background-color:var(--accent2)}.animated-titles .title:nth-child(2){background-color:var(--light)}.animated-titles .char{will-change:transform;display:inline-block;position:relative}@media (max-width:1000px){.animated-titles h1{letter-spacing:0;font-size:3rem}}
.say-hello{text-align:center;background-color:var(--light);min-width:100vw;height:100svh;color:var(--dark);flex-direction:column;align-items:center;padding-top:2.5rem;display:flex;overflow:hidden}.say-hello .say-hello-title{font-family:var(--font-gambarino);-webkit-text-decoration:underline var(--accent2);text-decoration:underline var(--accent2);color:var(--dark);pointer-events:none;margin-bottom:3rem;font-size:clamp(2.5rem,5vw,6rem);font-style:italic;font-weight:200}.say-hello .message p{font-family:var(--font-aeonik);pointer-events:none;margin-bottom:4rem;font-size:clamp(.6rem,3.8vw,1.2rem);font-weight:700}.say-hello-contact{width:100vw;color:var(--dark);justify-content:space-between;align-items:center;margin-bottom:10rem;padding:0 3rem;display:flex}.say-hello-contact .social-contact{gap:1.2rem;display:flex}.say-hello-contact .social-contact svg{width:32px;height:32px}.email-container{justify-content:center;align-items:center;gap:.8rem;display:flex}.email-container input{color:var(--dark);height:1.5rem;font-family:var(--font-gambarino);border:none;border-bottom:1px solid gray;outline:none}.email-container .send{color:var(--light);font-family:var(--font-aeonik);cursor:pointer;background-color:#000;border-radius:12px;padding:.3rem 1.5rem;font-weight:700}.say-hello-contact .my-contact{text-align:left;font-family:var(--font-aeonik);pointer-events:none}.my-contact p:nth-child(2){text-decoration:underline}.copyright-container{z-index:2;width:100%;font-family:var(--font-aeonik);pointer-events:none;border:1px solid gray;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;display:flex}.copyright-container .copyright svg{width:25px;height:25px}.copyright{gap:1rem;display:flex}.say-name{width:100vw;color:var(--dark);flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0}.name-mask{justify-content:center;align-items:flex-end;width:100vw;height:12rem;display:flex;overflow:hidden}.say-name h1{font-family:var(--font-clash-display);margin:0;font-size:clamp(8rem,25vw,16rem);line-height:.75;transform:translateY(30%)}.name-mask .sign{z-index:3;pointer-events:none;width:18rem;height:10rem;position:absolute;top:0;left:40%;transform:rotate(-15deg)}@media (min-width:1000px){.say-name{height:14rem}.say-name h1{font-size:22rem;line-height:.72;transform:translateY(32%)}}@media (max-width:600px){.copyright-container{padding:.5rem 1rem;font-size:.8rem}.copyright-container .copyright svg{width:18px;height:18px}.copyright{gap:.5rem}.say-hello-contact{flex-direction:column-reverse;gap:4rem;margin-top:3rem}.say-hello-contact .my-contact{text-align:center}.say-name{height:8rem}.say-name h1{transform:translateY(22%)}.name-mask .sign{z-index:3;pointer-events:none;width:18rem;height:5rem;position:absolute;top:0;left:20%;transform:rotate(-15deg)}}