*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:Poppins,sans-serif}.grid-global{width:100%;height:100%;max-width:116.25rem;margin:0 auto;padding:0px .9375rem}:root{--color-black-background: black;--color-gray-1: #525252;--color-gray-2: #D9D9D9 }html{scroll-behavior:smooth}.navbar{display:flex;justify-content:space-between;align-items:center;width:100%;height:3vh;margin-top:1.875rem;padding:0px .9375rem;position:absolute;top:0;left:0;z-index:2}.navbar .char{will-change:transform}.menu-overlay .navbar a{color:#fff}.list-menu{display:flex;list-style:none;gap:30px;clip-path:polygon(0 100%,100% 100%,100% 0,0 0);height:3vh;cursor:pointer}.list-menu a{color:#000}.home-creative{cursor:pointer;height:3vh;clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}.home-creative p{color:#000}.menu-overlay{color:#fff;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:6;display:flex;flex-direction:column;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.navbar-overlay{display:flex;justify-content:space-between;align-items:center;width:100%;height:3vh;margin-top:1.875rem;padding:0px .3rem}.links-mobile{width:100%;position:absolute;top:40%;left:60%;transform:translate(-50%,-50%)}.links-mobile ul li{list-style:none;font-size:42px;padding-top:20px;height:80px;max-width:max-content;will-change:transform}.links-mobile ul li:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0;background:#fff;transition:width .6s cubic-bezier(.77,0,.175,1)}.links-mobile ul li:hover:after{width:100%}.container-li{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.links-mobile a,.navbar-overlay a{color:#fff}.social-mobile-menu{width:100%;position:absolute;bottom:0%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-around}.social-mobile-menu a{color:#fff}.cursor{cursor:pointer}@media (min-width: 600px){.links-mobile{top:50%}.links-mobile ul li{font-size:7vw;height:auto}}.container-home{width:100%;height:100vh;position:relative}.container-home .grid-global{display:flex;justify-content:start;align-items:end}.middle-home{width:100%;height:5vw;display:flex;justify-content:space-between;padding:0px .9375rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.middle-home h1{font-size:4vw;font-weight:400}.webgl{position:absolute;left:0;outline:none;width:100%;height:100%;will-change:transform;z-index:1}.text-home{margin-bottom:1.875rem;display:flex;flex-direction:column;gap:1.25rem}.text-home h2,.text-home p{font-style:normal;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-home h2{font-size:1.25rem}.text-home p{font-size:1rem}.loader{position:fixed;top:0;left:0;width:100vw;height:100svh;overflow:hidden;z-index:2}.overlay{position:absolute;top:0;width:100%;height:100%;display:flex}.block{width:100%;height:100%;background:#0f0f0f}.intro-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:1rem;align-items:center;justify-content:center}#word-1{position:relative;width:170px;display:flex;justify-content:end}.word-loader h1{font-size:2.5rem;color:#fff;will-change:transform;font-weight:400}.word-loader,.block{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.divider{position:absolute;top:0;left:50%;transform:translate(-50%);transform-origin:center top;width:1px;height:100%;background-color:#fff}#word-1 h1{transform:translateY(-120%)}#word-2 h1{transform:translateY(120%)}.divider{transform:scaleY(0%);will-change:transform}@media (max-width: 1280px){.text-home{margin-bottom:20px}.text-home h2{font-size:18px}.text-home p{font-size:16px}}@media (max-width: 480px){.middle-home{top:30%;height:8.8vw}.middle-home h1{font-size:7vw}.br-mobile{display:none}.text-home h2{font-size:16px}.text-home p{font-size:12px}}.services-container{background:var(--color-black-background);width:100%;height:500vh;padding-top:1rem}.services-container .char{will-change:transform}.title-services{width:100%;display:flex;justify-content:center;align-items:center;padding-top:50px}.title-services .word,.text-services .word{overflow:hidden}.title-services h1{color:#fff;font-size:32px}.container-cards{display:flex;flex-direction:column;position:relative}.all-cards{height:100vh;display:flex;align-items:center;justify-content:center;padding:0 0 0 6vw;gap:100px}.card{width:18vw;aspect-ratio:.75;border-radius:1vw;margin:0 0 0 -6vw;border:1px solid #606060;display:flex;flex-direction:column;justify-content:space-between;color:#fff;font:500 .9vw/normal IBM Plex Mono;text-transform:uppercase;padding:.8vw;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);will-change:transform}.container-cards .text-services{width:100%;position:absolute;bottom:15%;display:flex;justify-content:end}.container-cards .text-services p{color:gray;font-size:32px}.container-cards .text-services p span{color:#fff}@media (max-width: 800px){.all-cards{gap:7vw}.card{font-size:1.3vw}.title-services h1,.container-cards .text-services p{font-size:3vw}}@media (max-width: 480px){.all-cards{flex-wrap:wrap;row-gap:0}.card{width:30vw;font-size:2vw}.title-services{padding-top:1.25rem}}.projects-container{background-color:var(--color-black-background);height:100%;padding-top:100px}.projects-container .char{will-change:transform}.header-project{width:100%;height:10%;display:flex;justify-content:space-between;padding:0 30px;align-items:center}.name-project{width:100%;display:flex;align-items:center;gap:10px}.header-project .name-project img{width:14px;height:14px}.projects-container .title-projects{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.title-projects .word,.sub-text .word{overflow:hidden}.projects-container h1{color:#fff;font-size:32px}.sub-text{width:100%;display:flex;justify-content:flex-start;align-items:center}.sub-text p{color:#fff}.projects-section{display:grid;grid-template-columns:repeat(2,1fr);width:100%;height:100%;grid-template-rows:auto;row-gap:50px;column-gap:50px;justify-content:space-around;align-content:space-between;margin-top:6.25rem}.project{width:100%;height:31.25rem;border:.5px gray solid;border-radius:2rem;will-change:transform,opacity}.image-container-back{width:100%;height:100%;display:flex;justify-content:end;position:relative;flex-direction:column}.image-container-back p{color:#fff}.image-container-back img{width:100%;height:90%;object-fit:cover;border-radius:2rem}.video-container-back{width:100%;height:auto;display:flex;justify-content:center;position:absolute;top:15%;opacity:0;will-change:opacity}.video-container-back .react-player{width:100%;max-width:40vw;height:40vh;will-change:opacity}.react-player{border-radius:10rem}.techs{width:100%;position:absolute;padding:20px;opacity:0}.techs p{color:#b8b3b3;list-style:none;font-weight:500}.live a{display:flex;align-items:center;font-weight:200;margin-right:20px;font-size:16px}.live img{width:18px}@media (max-width: 800px){.projects-section{grid-template-columns:repeat(1,1fr)}.video-container-back .react-player{width:100%;max-width:70vw;height:40vh}.projects-container h1{font-size:3vw}.sub-text p{font-size:2vw}}@media (max-width: 480px){.project{height:27rem}.sub-text{margin-top:20px}}.footer-home-container{background-color:var(--color-black-background);width:100%;padding-top:200px;color:#fff}.head-text-bottom{margin-left:111px}.head-text-bottom h1,.head-text-bottom span{font-size:40px;opacity:60%;font-weight:500;will-change:transform}.head-text-bottom span{opacity:100%!important;will-change:transform}.contacts-bottom{margin-top:120px}.contacts-bottom .word{clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}.contacts-bottom h2{font-size:24px;font-weight:500;opacity:.6;will-change:transform}.bottom-email{display:flex!important;gap:10px;align-items:center;clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}.bottom-email a{color:#fff}.bottom-email img{width:15px;height:15px;will-change:transform}.email .number{margin-left:25px}.contact-socials{display:flex!important;justify-content:space-between;margin-top:35px;align-items:start}.contact-socials ul{list-style:none}.social-bottom ul{display:flex!important;flex-direction:column;gap:8px}.social-bottom li,.social-bottom li a{display:flex!important;gap:8px;align-items:center;clip-path:polygon(0 100%,100% 100%,100% 0,0 0);color:#fff;max-width:max-content;will-change:transform}.contact-socials ul li:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:0;background:#fff;transition:width .6s cubic-bezier(.77,0,.175,1)}.contact-socials ul li:hover:after{width:100%}.social-bottom li img{width:20px;height:20px;will-change:transform}.available{margin-top:70px}.available p{font-size:16px;font-weight:400}.work-available{display:flex!important;align-items:center}.work-available img{width:18px;height:18px;will-change:transform}.work-available p{color:gray}.work-available .word,.local-rights .word,.work-available,.lets-talk{clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}.grid-mobile-footer{display:flex!important;width:70%;justify-content:space-around}.local-rights{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:gray}.char{will-change:transform}.lets-talk{width:100%;max-width:100%;display:flex;justify-content:center;align-items:start;margin-top:30px;padding-bottom:5px;overflow:hidden}.lets-talk .logo{width:100%;height:auto}.lets-talk img{will-change:transform}.head-text-bottom .word{clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}.fade-in-out{animation:fadeInOut 1.8s ease-in-out infinite}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media (max-width: 800px){.head-text-bottom{margin-left:0}.head-text-bottom h1,.head-text-bottom span{font-size:4vw}.contacts-bottom{margin-top:10%}.contact-socials :nth-child(3){margin-right:0}}@media (max-width: 600px){.footer-home-container{padding-top:80px}.contact-socials{flex-direction:column;gap:40px;margin-top:10px}.grid-mobile-footer{justify-content:space-between;font-size:14px}.contacts-bottom h2{font-size:20px}}@media (max-width: 430px){.head-text-bottom h1,.head-text-bottom span{font-size:4.5vw;line-height:20px}.local-rights p{font-size:14px}}.container-about{width:100%;height:100%}.about-text{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:50px;gap:50px}.about-text .word,.text-about-me .word{clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}.about-text p{opacity:70%;text-align:center}.about-text h1{font-size:5vw;text-align:center;font-weight:600;line-height:131%}.myself{width:100%;display:flex;justify-content:center}.myself img{width:100%;max-width:619px;border-radius:30px}.about-me{display:grid;grid-template-columns:50% 50%;margin-top:77px}.text-about-me{width:100%;max-width:680px;align-items:center}.text-about-me p{font-size:24px}@media (max-width: 1280px){.about-me{gap:25px}}@media (max-width: 1150px){.text-about-me p{font-size:1.9vw}}@media (max-width: 480px){.about-me{grid-template-columns:100%;grid-template-rows:auto auto}.myself img{max-width:400px}.initial-text{width:100%;margin-bottom:18%}.about-text h1{font-size:9.3vw}.text-about-me p{font-size:2.5vw}}@media (max-width: 430px){.about-text{margin-top:30%}.initial-text{margin-bottom:30%}}.icanhelp-section{width:100%;height:100%;margin-top:200px}.icanhelp-section h1{font-size:54px;font-weight:400}.list-help{width:100%;display:flex;flex-direction:column}.item-list{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px grey solid;opacity:.3;padding-top:100px;transition:opacity 1s ease;will-change:opacity}.item-list.active{opacity:.9}.item-list:first-child{margin-top:44px}.item-list h2{font-size:64px;font-weight:500}.item-list p{font-size:24px;font-weight:300}.text-grid-help{width:100%;max-width:600px;text-align:start}@media (max-width: 800px){.icanhelp-section{margin-top:137px}.icanhelp-section h1{font-size:6vw}.item-list:first-child{margin-top:0}.item-list h2{font-size:5vw}.item-list p{font-size:2vw}.text-grid-help{text-align:end}}@media (max-width: 480px){.item-list h2{font-size:5.5vw}.item-list p{font-size:2.1vw}.item-list{padding-top:60px;height:100px}.icanhelp-section h1{font-size:5.5vw}}.sec-experience{width:100%;height:100%;margin-top:137px}.sec-experience h1{font-size:54px;font-weight:400}.experiences-list{width:100%;display:flex;flex-direction:column;padding-bottom:50px}.experience{width:100%;display:flex;align-items:end;justify-content:space-between;border-bottom:1px var(--color-gray-2) solid;padding-bottom:20px}.experience :first-child{margin-top:50px}.experience .job h2{color:var(--color-gray-1);font-size:24px;font-weight:300}.experience .job p{font-size:24px;font-weight:300}.time-local{text-align:end}.experience .time-local h2{font-size:20px;font-weight:300}.experience .time-local p{font-size:20px;font-weight:300;color:var(--color-gray-1)}@media (max-width: 800px){.sec-experience h1{font-size:6vw}.experience .job h2,.experience .job p{font-size:20px}.experience .time-local h2,.experience .time-local p{font-size:16px}}@media (max-width: 480px){.experience .job h2,.experience .job p{font-size:3vw}.experience .time-local h2,.experience .time-local p{font-size:2.7vw}.experience :first-child{margin-top:35px}}