@font-face{font-family:Proxima;src:url(/assets/Proxima%20Nova%20Thin-Dy029QE_.otf);font-weight:200}@font-face{font-family:Proxima;src:url(/assets/ProximaNova-Regular-BkyKiRiS.otf);font-weight:400}@font-face{font-family:Proxima;src:url(/assets/Proxima%20Nova%20Bold-ZY2eH_dj.otf);font-weight:600}@font-face{font-family:Proxima;src:url(/assets/Proxima%20Nova%20Extrabold-zKE1y2Tz.otf);font-weight:800}@font-face{font-family:Proxima;src:url(/assets/Proxima%20Nova%20Black-DQbc3XgK.otf);font-weight:900}@font-face{font-family:Optivenus;src:url(/assets/OPTIVenus-BoldExtended-CYIxcsnf.otf);font-weight:700}.cursor_container{position:fixed;transform-origin:center;pointer-events:none;transition:.3s ease-out;transition-property:width,height;z-index:400}@media screen and (max-width: 576px){.cursor_container{display:none}}.cursor_container .cursor_link{padding:.6rem;border-radius:50%;transform:scale(0);background:#e5e5e5;transition:all .3s ease-out}.cursor_container .cursor_project{border-radius:50%;transform:scale(0);width:9rem;height:9rem;background:#e5e5e5;display:grid;font-weight:600;letter-spacing:.2rem;place-items:center;transition:all .3s ease-out}.cursor_container.hovered_project{mix-blend-mode:exclusion}.cursor_container.hovered_project .cursor_project{transform:scale(1)}.cursor_container.hovered_link{mix-blend-mode:difference}.cursor_container.hovered_link .cursor_link{transform:scale(15)}.Noman_logo{position:fixed;top:0;left:0;display:flex;align-items:center;width:max-content;justify-content:space-between;transform-origin:top left;margin:2rem;z-index:351;transform:rotate(0) translate(0);transition:transform .5s ease;background-blend-mode:difference}.Noman_logo.load{z-index:351}.Noman_logo.load .logo{color:#2e2e2e}.Noman_logo.load .logo .n{border:3px solid #2e2e2e}.Noman_logo.scrolled .logo{align-items:flex-start}.Noman_logo.scrolled .info_wrapper{transform:translate(-1rem);opacity:0}.Noman_logo.initial_load .logo{color:transparent}.Noman_logo.initial_load .logo .n{border:3px solid transparent}.Noman_logo .logo{display:flex;align-items:center;gap:1rem;width:max-content;height:max-content;position:relative;color:#e5e5e5;transition:.1s ease;z-index:351;cursor:pointer}.Noman_logo .logo .n{font-size:1.8rem;font-weight:600;border-radius:50%;height:4rem;width:4rem;border:3px solid #e5e5e5;display:grid;place-items:center;margin-top:auto}.Noman_logo .logo .info_wrapper{display:flex;flex-direction:column;height:3.6rem;margin-top:auto;transition:.2s ease}.Noman_logo .logo .info_wrapper .name{font-size:1.8rem;font-weight:700;margin-bottom:auto}.Noman_logo .logo .info_wrapper .title{margin-top:auto;font-size:1.1rem;font-weight:600;letter-spacing:.2rem}.Nav_links{display:flex;transform:translateY(-7rem);transition:.2s ease;gap:2rem;margin-right:2rem;margin-top:-1rem;position:fixed;right:1rem;top:3.5rem;z-index:400}@media screen and (max-width: 576px){.Nav_links{display:none}}.Nav_links.active{transform:translateY(0)}.Nav_links.load{visibility:none;transform:translateY(-7rem)}.Nav_links .link{position:relative;font-size:1.5rem;font-weight:600;padding:0 .5rem .4rem;color:#8b8b8b;cursor:pointer;transition:all .2s ease}.Nav_links .link.active,.Nav_links .link:hover{color:#e5e5e5}.Nav_Menu{box-shadow:.2rem .2rem 1rem #0000001a;border-radius:50%;width:5.5rem;height:5.5rem;display:grid;place-items:center;margin-top:1rem;background:#4f97aa;opacity:1;transform:scale(1);transition:.2s cubic-bezier(.175,.885,.32,1.2);z-index:351;position:fixed;top:.8rem;right:1.5rem}.Nav_Menu.not_scrolled{opacity:0;transform:scale(0)}@media screen and (max-width: 576px){.Nav_Menu.not_scrolled{opacity:1;transform:scale(1)}}.Nav_Menu.not_scrolled .ham{opacity:0;pointer-events:none}@media screen and (max-width: 576px){.Nav_Menu.not_scrolled .ham{opacity:1;pointer-events:all}}.Nav_Menu.load{opacity:0;transform:scale(0)}.Nav_Menu.load .ham{opacity:0;pointer-events:none}.Nav_Menu .ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .4s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:5rem}.Nav_Menu .ham .top{stroke-dasharray:20 160}.Nav_Menu .ham .middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform .4s}.Nav_Menu .ham .bottom{stroke-dasharray:20 85;transform-origin:50%;transition:transform .4s,stroke-dashoffset .4s}.Nav_Menu .ham .line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:#e5e5e5;stroke-width:4px;stroke-linecap:round}.Nav_Menu .ham.open{transform:rotate(45deg)}.Nav_Menu .ham.open .top{stroke-dashoffset:-64px}.Nav_Menu .ham.open .middle{transform:rotate(90deg)}.Nav_Menu .ham.open .bottom{stroke-dashoffset:-64px}.Nav_Menu .ham.open .line{stroke:#e5e5e5}.Sidebar{--speed: .7s;--width-rounded: 10vw;--x-jump: -10rem;position:fixed;top:0;right:calc(-100% - var(--width-rounded) - 4rem);height:100vh;width:100vw;z-index:300;color:#3f3f45;pointer-events:none;transition:transform .4s}@media screen and (max-width: 850px){.Sidebar{--width-rounded: 30vw;--x-jump: -5rem}}.Sidebar .right_rounded{left:0;position:absolute;transform:translate(-99%) scaleX(-1);z-index:-1;width:0vw;height:100%;pointer-events:none}.Sidebar .right_rounded .rounded_div{background:#fff;height:150%;content:"";display:block;position:absolute;width:750%;bottom:50%;border-radius:50%;transform:translate(-86.666%,-17%);z-index:1}.Sidebar.open{animation:loadSidebar var(--speed) forwards}@keyframes loadSidebar{0%{right:calc(-100% - var(--width-rounded));pointer-events:none}to{right:0%;pointer-events:all}}.Sidebar.open .right_rounded{animation:loadLeftRound var(--speed) forwards}@keyframes loadLeftRound{0%{width:var(--width-rounded)}to{width:0vw}}.Sidebar.open .link_wrapper{animation:loadLink var(--speed) forwards}@keyframes loadLink{0%{transform:translate(20rem)}50%{transform:translate(var(--x-jump))}to{transform:translate(0)}}.Sidebar.close{animation:closeSidebar var(--speed) forwards}@keyframes closeSidebar{0%{right:0%;pointer-events:all}to{right:calc(-100% - var(--width-rounded) - 4rem);pointer-events:none}}.Sidebar.close .right_rounded{animation:closeLeftRound 2s forwards}@keyframes closeLeftRound{0%{width:0vw}to{width:var(--width-rounded)}}.Sidebar.close .portfolio_desc{animation:closeDesc var(--speed) forwards}@keyframes closeDesc{0%{opacity:1}to{opacity:0}}.Sidebar.close .link_wrapper{animation:closeLink var(--speed) forwards;animation-delay:0!important}@keyframes closeLink{0%{transform:translate(0);opacity:1}50%{opacity:0}to{transform:translate(20rem);opacity:0}}.Sidebar .links_wrapper{width:100%;height:100%;max-height:100%;background:#fff;display:flex;justify-content:center;align-items:center;gap:4rem;overflow-y:auto}@media screen and (max-width: 992px){.Sidebar .links_wrapper{flex-direction:column;padding-top:10rem;gap:0}}.Sidebar .links_wrapper .portfolio_desc{font-size:1.8rem;font-weight:600;text-align:start;height:100%;width:100%;display:grid;place-items:center;opacity:0}.Sidebar .links_wrapper .portfolio_desc .desc_wrapper{width:50rem;max-width:100%;padding-left:2rem}@media screen and (max-width: 992px){.Sidebar .links_wrapper .portfolio_desc .desc_wrapper{width:100%}}.Sidebar .links_wrapper .portfolio_desc .desc_wrapper h2{font-size:2.8rem;font-weight:800;letter-spacing:.2rem;word-spacing:.7rem;margin-bottom:2rem}.Sidebar .links_wrapper .links_container{display:flex;flex-direction:column;width:max-content}.Sidebar .links_wrapper .links_container .helper_text{font-size:1.6rem;font-weight:600;margin-bottom:2rem;letter-spacing:.6rem;text-transform:uppercase;padding-left:2rem;text-align:start}.Sidebar .links_wrapper .links_container .link_wrapper{transform:translate(0)}.Sidebar .links_wrapper .links_container .link_wrapper .link{font-size:8rem;font-weight:800;letter-spacing:.2rem;text-transform:uppercase;cursor:none;transition:all .3s;padding:2rem;padding-bottom:0;padding-top:1rem;color:#8b8b8b;width:100%}@media screen and (max-width: 1400px){.Sidebar .links_wrapper .links_container .link_wrapper .link{font-size:7rem}}@media screen and (max-width: 768px){.Sidebar .links_wrapper .links_container .link_wrapper .link{font-size:calc((1vw + 1vh)*3.7)}}.Sidebar .links_wrapper .links_container .link_wrapper .link:hover,.Sidebar .links_wrapper .links_container .link_wrapper .link.active{color:#2e2e2e}.Page_loader{--intial-page-loader-bg: #000000;--page-loader-bg: #c5c0bc;position:fixed;z-index:350;top:calc(100% + 20vh);left:0;height:100vh;width:100vw;transform-origin:top;background:var(--intial-page-loader-bg);display:grid;place-items:center;pointer-events:none}.Page_loader .bottom_rounded{top:unset;bottom:0;position:absolute;transform:translateY(99%);width:100%;height:0vh;overflow:hidden}.Page_loader .bottom_rounded .rounded_div{width:150%;height:745%;position:absolute;border-radius:50%;z-index:1;transform:translate(-17%,-86.666%)}.Page_loader .top_rounded{top:0;position:absolute;transform:translateY(-99%) scaleY(-1);z-index:-1;height:0vh;will-change:height;width:100%}.Page_loader .top_rounded .rounded_div{background:var(--page-loader-bg);width:150%;content:"";display:block;position:absolute;height:750%;left:50%;border-radius:50%;transform:translate(-50%,-86.666%);z-index:1}.Page_loader.loading{background:var(--page-loader-bg);animation:loadPage 2s forwards}@keyframes loadPage{0%{top:calc(100% + 20vh);pointer-events:none}20%,80%{top:0;pointer-events:all}to{top:-100%;pointer-events:none}}.Page_loader.loading .bottom_rounded{animation:loadBottomRound 2s forwards}.Page_loader.loading .bottom_rounded .rounded_div{background:var(--page-loader-bg)}@keyframes loadBottomRound{0%,79%{height:0;pointer-events:all}80%{height:20vh}to{height:0vh;pointer-events:none}}.Page_loader.loading .top_rounded{animation:loadTopRound 2s forwards}.Page_loader.loading .top_rounded .rounded_div{background:var(--page-loader-bg)}@keyframes loadTopRound{0%{height:20vh;pointer-events:all}20%,80%{height:0}to{height:0vh;pointer-events:none}}.Page_loader.initial_load{animation:loadInitialPage 5s forwards;background:var(--intial-page-loader-bg)}@keyframes loadInitialPage{0%,90%{top:0;pointer-events:all}to{top:-100%;pointer-events:none}}.Page_loader .intro_anim_container{display:grid;place-items:center;height:100%;position:relative;font-family:Optivenus;font-size:calc((1vw + 1vh)*2.3)}.Page_loader .intro_anim_container .hello_anim{position:absolute}.Page_loader .intro_anim_container .hello_anim .txt{height:14vh;position:relative;font-size:10vh;font-weight:900;letter-spacing:1rem;-webkit-text-stroke:2px #3f3f45;color:transparent}.Page_loader .intro_anim_container .hello_anim .txt .txt_overlay{content:"Hello";position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;opacity:0;transition:opacity 1s ease-in-out}.Page_loader .intro_anim_container .name_info_anim{position:absolute;display:flex;gap:2rem;align-items:center;width:max-content;word-spacing:1rem}.Page_loader .intro_anim_container .name_info_anim .me_anim{width:max-content;-webkit-text-stroke:2px #b9b9b9;color:transparent}.Page_loader .intro_anim_container .final_anim{position:absolute;opacity:0;display:flex;gap:2rem;align-items:center;width:max-content;word-spacing:1rem}.Page_loader .intro_anim_container.anim{--bit-time: .2s}.Page_loader .intro_anim_container.anim .hello_anim .txt{animation:animateMainTxt var(--bit-time) forwards}.Page_loader .intro_anim_container.anim .hello_anim .txt .txt_overlay{animation:animateHello var(--bit-time) forwards}@keyframes animateHello{0%,to{opacity:0}50%{opacity:1}}@keyframes animateMainTxt{0%{opacity:1}to{opacity:0}}.Page_loader .intro_anim_container.anim .hello_anim .txt:first-child{animation-delay:calc(var(--bit-time) * 4 + var(--bit-time))}.Page_loader .intro_anim_container.anim .hello_anim .txt:first-child .txt_overlay{animation-delay:0s}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(2){animation-delay:calc(var(--bit-time) * 4 + var(--bit-time) * 2)}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(2) .txt_overlay{animation-delay:calc(var(--bit-time))}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(3){animation-delay:calc(var(--bit-time) * 4 + var(--bit-time) * 3)}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(3) .txt_overlay{animation-delay:calc(var(--bit-time) * 2)}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(4){animation-delay:calc(var(--bit-time) * 4 + var(--bit-time) * 4)}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(4) .txt_overlay{animation:animateHelloMid 1s forwards;animation-delay:calc(var(--bit-time) * 3)}@keyframes animateHelloMid{0%,to{opacity:0}1%,99%{opacity:1}}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(5){animation-delay:calc(var(--bit-time) * 4 + var(--bit-time) * 3)}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(5) .txt_overlay{animation-delay:calc(var(--bit-time) * 2)}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(6){animation-delay:calc(var(--bit-time) * 4 + var(--bit-time) * 2)}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(6) .txt_overlay{animation-delay:calc(var(--bit-time))}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(7){animation-delay:calc(var(--bit-time) * 4 + var(--bit-time))}.Page_loader .intro_anim_container.anim .hello_anim .txt:nth-child(7) .txt_overlay{animation-delay:0ms}.Page_loader .intro_anim_container.anim .name_info_anim .me_anim{opacity:0;transform:translate(-100%);animation:animateMe 1.2s forwards;animation-delay:calc(var(--bit-time) * 8)}@keyframes animateMe{0%,to{opacity:0;transform:translate(-100%)}20%,90%{opacity:1;transform:translate(0)}}.Page_loader .intro_anim_container.anim .name_info_anim .name{opacity:0;animation:animateName 1.3s forwards;animation-delay:calc(var(--bit-time) * 9)}@keyframes animateName{0%,to{opacity:0;transform:translate(100%)}20%,90%{opacity:1;transform:translate(0)}}.Page_loader .intro_anim_container.anim .final_anim{animation:animateFinal 1.3s forwards;animation-delay:calc(var(--bit-time) * 16)}@keyframes animateFinal{0%{opacity:0;transform:translateY(-100%)}20%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.Page_loader .loader{width:100%;height:100%;display:grid;place-items:center}.Page_loader .loader .logo{width:7rem;height:7rem;border-radius:50%;border:3px solid #2e2e2e;color:#2e2e2e;display:grid;place-items:center;font-size:4rem}.Page_loader .loader .logo.loading{animation:loadLogo 2s forwards}@keyframes loadLogo{0%{transform:rotate(0)}30%{transform:rotate(180deg)}50%{opacity:.8}60%{transform:rotate(360deg)}90%{transform:rotate(360deg);opacity:0}}.Page_loader .loader .helper_text{position:absolute;bottom:6rem;left:6rem;color:#2e2e2e}@media screen and (max-width: 576px){.Page_loader .loader .helper_text{bottom:2rem;left:2rem}}.Page_loader .loader .helper_text .sub_text{font-size:2rem;font-weight:400;letter-spacing:.6rem;margin-bottom:2rem;color:#2e2e2e;text-transform:capitalize}.Page_loader .loader .helper_text .main_text{font-size:4rem;font-weight:800;letter-spacing:.6rem;text-transform:capitalize}@media screen and (max-width: 576px){.Page_loader .loader .helper_text .main_text{font-size:3rem}}.Page_loader .loader .helper_text.loading{animation:loading 1.5s forwards}@keyframes loading{0%{transform:translateY(2rem);opacity:0}30%,70%{transform:translateY(0);opacity:1}to{transform:translateY(-2rem);opacity:0}}.Home .main_section{z-index:9;margin-bottom:100vh;position:relative;background:#0d0d0d;padding-bottom:10rem}.Home .main_section .bottom_rounded{top:unset;bottom:0;position:absolute;transform:translateY(99%);width:100%;height:20vh;overflow:hidden}.Home .main_section .bottom_rounded .rounded_div{background:#0d0d0d;width:150%;height:745%;position:absolute;border-radius:50%;z-index:100;transform:translate(-17%,-86.666%)}.Home .little_flex{display:grid;width:100%;place-items:center;margin:10rem 0;height:100vh;min-height:max-content;position:relative}.Hero_section{max-width:100%;padding-top:10rem;font-size:calc((1vw + 1vh)*2.2);font-family:Sans-serif;min-height:100vh;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#242629,#0d0d0d);margin-bottom:15rem}@media screen and (max-width: 768px){.Hero_section{font-size:calc((1vw + 1vh)*1.5);margin-bottom:10rem}}.Hero_section .hero_wrapper{margin-bottom:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.Hero_section .hero_wrapper .greet{font-size:3rem}.Hero_section .hero_wrapper .name{margin:2rem 0}.Hero_section .hero_wrapper .name h1{font-size:min(10vw,10.2rem);background:linear-gradient(to right,pink,orange,pink);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200%;animation:background-pan 3s linear infinite}@keyframes background-pan{0%{background-position:0%}to{background-position:-200%}}.Hero_section .hero_wrapper .desc{width:50rem;text-align:center;font-size:2.2rem;line-height:1.4;font-weight:500}@media screen and (max-width: 768px){.Hero_section .hero_wrapper .desc{font-size:1.6rem}}.Hero_section .icon_wrapper{display:flex;justify-content:space-around;align-items:center;justify-self:center}.Hero_section .icon_wrapper svg:hover{filter:invert(27%) sepia(51%) saturate(2878%);transition:filter .3s}.Hero_section .CustomLogo1 svg:hover{filter:invert(100%) sepia(100%) saturate(100%) hue-rotate(180deg) brightness(100%) contrast(100%)}.Hero_section .CustomLogo2 svg:hover{filter:invert(22%) sepia(94%) saturate(4225%) hue-rotate(346deg) brightness(97%) contrast(88%)}.Hero_section .CustomLogo3 svg:hover{filter:invert(45%) sepia(75%) saturate(4545%) hue-rotate(108deg) brightness(90%) contrast(85%)}.Project_card{display:flex;justify-content:space-between;margin-bottom:15rem;position:relative;height:max-content;gap:3rem}@media screen and (max-width: 850px){.Project_card{flex-direction:column;margin-bottom:10rem;gap:0}}.Project_card.right{flex-direction:row-reverse}@media screen and (max-width: 850px){.Project_card.right{flex-direction:column;margin-bottom:5rem}}.Project_card .thumbnail{height:var(--height);width:var(--width);cursor:pointer;clip-path:inset(0 100% 0 0);display:grid;place-items:center;background:#c5c0bc;-webkit-mask-image:url(/assets/images/maskImage.svg);-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;transition:all .6s ease}@media screen and (max-width: 850px){.Project_card .thumbnail{width:100%}}@media screen and (max-width: 576px){.Project_card .thumbnail{height:calc(var(--height) * .8)}}.Project_card .thumbnail img{object-fit:cover;background:#e5e5e5;width:calc(var(--width) - 13rem);height:auto;transition:all .4s ease;border-radius:1rem;opacity:0;transform:scale(.7);transition:.6s cubic-bezier(.2,.5,0,1);transition-delay:.1s}@media screen and (max-width: 850px){.Project_card .thumbnail img{width:calc(var(--width) * 1.15)}}@media screen and (max-width: 576px){.Project_card .thumbnail img{width:calc(var(--width))}}.Project_card .thumbnail.active{clip-path:inset(0 0 0 0)}.Project_card .thumbnail.active img{opacity:1;transform:scale(1)}.Project_card .project_info{display:grid;place-items:center;width:calc(100% - var(--width));height:var(--height)}@media screen and (max-width: 850px){.Project_card .project_info{width:100%}}.Project_card .project_info .info{width:50rem;height:max-content!important;transition:all .1s ease}@media screen and (max-width: 1200px){.Project_card .project_info .info{width:100%}}@media screen and (max-width: 850px){.Project_card .project_info .info{width:100%}}.Project_card .project_info .info .title_wrapper{overflow:hidden;height:max-content;width:max-content;margin-bottom:3rem}@media screen and (max-width: 850px){.Project_card .project_info .info .title_wrapper{width:100%}}.Project_card .project_info .info .title_wrapper .title{font-size:calc((1vw + 1vh)*2.8)}@media screen and (max-width: 850px){.Project_card .project_info .info .title_wrapper .title{text-align:center}}.Project_card .project_info .info .desc{font-size:1.6rem;color:#8b8b8b;font-weight:500;line-height:2.3rem}@media screen and (max-width: 850px){.Project_card .project_info .info .desc{text-align:center}}.Project_card .project_info .info .icons{display:flex;align-items:center;margin-top:2rem;gap:1.4rem}@media screen and (max-width: 850px){.Project_card .project_info .info .icons{justify-content:center}}.Project_card .project_info .info .icons svg{font-size:2rem;color:#c5c0bc;cursor:pointer}.Project_card.vertical .project_info{width:calc(100% - var(--width-vertical))}@media screen and (max-width: 850px){.Project_card.vertical .project_info{width:100%}}.Project_card.vertical .thumbnail{height:var(--height-vertical);width:var(--width-vertical);display:grid;place-items:center;background:#c5c0bc;-webkit-mask-image:url(/assets/images/maskImageVertical.png);-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat}@media screen and (max-width: 850px){.Project_card.vertical .thumbnail{width:calc(100% - 6rem);margin:0 auto}}.Project_card.vertical .thumbnail img{object-fit:cover;background:#e5e5e5;width:auto;height:calc(var(--height-vertical) * .8);transition:all .4s ease;border-radius:1rem}@media screen and (max-width: 992px){.Project_card.vertical .thumbnail img{height:calc(var(--height-vertical) * .7)}}@media screen and (max-width: 576px){.Project_card.vertical .thumbnail img{height:calc(var(--height-vertical) * .6)}}.Project_card.vertical .thumbnail img.active{clip-path:inset(0 0 0 0)}.Projects_section{padding-top:2rem;width:100%;--width: calc(var(--index) * 26);--height: 40rem;--width-vertical: calc(var(--index) * 20);--height-vertical: 50rem;--index: calc(1vw + 1vh) }.Projects_section .small_title{display:flex;justify-content:center;align-items:center;margin-bottom:15rem;gap:4rem}.Projects_section .small_title .title_container .text_wrapper{overflow:hidden;margin-bottom:.5rem}.Projects_section .small_title .title_container .text_wrapper .text{text-align:left;font-size:2.6rem;font-weight:600;margin:0 auto;width:100%;letter-spacing:.2rem;text-align:center;gap:1.5rem}.Projects_section .small_title .img_wrapper{overflow:hidden}.Projects_section .small_title .img_wrapper img{height:3rem;animation:rotate 10s linear infinite}.Experience{width:100%;gap:6rem;margin-bottom:20rem;--index: calc(1vw + 1vh) }.Experience .work_wrapper .work .work_cursor{--width: calc(var(--index) * 20);--height: 30rem;position:fixed;top:calc(var(--height) * -.5);left:calc(var(--width) * -.5);overflow:hidden;height:var(--height);width:var(--width);clip-path:inset(0 100% 0 0);transform:translate(var(--move-x),var(--move-y));transform-origin:center center;transition:transform 1.4s cubic-bezier(.05,.5,0,1),rotate .4s ease,clip-path .4s ease;z-index:99;pointer-events:none;display:grid;place-items:center;background:#aeece8;-webkit-mask-image:url(/assets/images/maskImage.svg);-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat}.Experience .work_wrapper .work .content{display:flex;flex-direction:column;gap:2rem;font-size:1.6rem;transition:.35s ease;mix-blend-mode:difference}.Experience .work_wrapper .work .content .role_info{display:flex;gap:1rem;margin-top:3rem}.Experience .work_wrapper .work .content .role_info .dot{width:.4rem;height:.4rem;border-radius:50%;background-color:#479eef;margin-top:auto;margin-bottom:auto}.Experience .work_wrapper .work .content .content_item{color:#dbebfb;display:flex;align-items:center}.Experience .work_wrapper .work .content .content_item:first-child{margin-top:3rem}.Experience .work_wrapper .work .content .content_item .indicator{margin-right:1.6rem;min-width:.6rem;height:.6rem;border-radius:50%;background-color:#479eef}.Footer{position:fixed;font-size:4rem;height:100vh;display:grid;place-items:center;background:#1b1d20;z-index:2;right:0;left:0;bottom:0}.Footer .content_wrapper{min-width:100%;padding-bottom:6rem;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 850px){.Footer .content_wrapper{flex-direction:column-reverse;padding-bottom:0;padding-bottom:7rem}}.Footer .content_wrapper .left{padding-left:10rem}@media screen and (max-width: 1200px){.Footer .content_wrapper .left{padding-left:0}}.Footer .content_wrapper .left .title{font-size:calc(clamp(5.25em,7vw,8em)*.45)}@media screen and (max-width: 1200px){.Footer .content_wrapper .left .title{font-size:calc(clamp(3.25em,7vw,8em)*.45);text-align:center}}.Footer .content_wrapper .left .contact_info{display:flex;align-items:center;margin-top:4rem;gap:3rem;font-size:2rem}@media screen and (max-width: 1200px){.Footer .content_wrapper .left .contact_info{font-size:1.6rem;flex-wrap:wrap;justify-content:center}}.Footer .content_wrapper .left .contact_info .contact_item{border:2px solid #c5c0bc;padding:1.2rem 4rem;border-radius:9999px;width:max-content}.Footer .bottom{display:flex;justify-content:space-between;font-size:1.6rem;position:absolute;bottom:0;left:0;width:100%;padding-bottom:2rem}.Footer .bottom .bottom_item .helper{color:#8b8b8b;font-size:1.6rem;margin-bottom:.7rem}.Footer .bottom .bottom_item .flex_socials{display:flex;gap:3rem}.Contact_Footer{position:relative;z-index:250;transition:.2s cubic-bezier(.2,.5,0,1);width:max-content;height:max-content;font-family:Optivenus}.Contact_Footer .contact_wrapper{position:relative;border-radius:50%;width:30rem;height:30rem}@media screen and (max-width: 850px){.Contact_Footer .contact_wrapper{width:25rem;height:25rem}}.Contact_Footer .contact_wrapper .contact{width:6.8rem;height:6.8rem;position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;display:grid;place-items:center;font-size:3rem;z-index:2}.Contact_Footer .contact_wrapper .contact img{position:absolute;transition:.3s ease}.Contact_Footer .contact_wrapper .contact img:hover{rotate:310deg}.Contact_Footer .contact_wrapper .text_rotator{position:relative;transition:all .1s ease-in-out;border-radius:50%;width:100%;height:100%;transition:.3s ease}.Contact_Footer .contact_wrapper .text_rotator svg{position:absolute;width:100%;height:100%;animation:rotate 40s linear infinite;opacity:1;scale:1;transition:.3s ease}.Contact_Footer .contact_wrapper .text_rotator svg text{font-size:1.15rem;font-weight:800;letter-spacing:.2rem;word-spacing:.7rem;fill:#c5c0bc}@media screen and (max-width: 850px){.Contact_Footer .contact_wrapper .text_rotator svg text{font-size:1.28rem}}.Contact_rotator{position:fixed;transform:translateY(100%) scale(.6);opacity:.2;bottom:0;right:0rem;z-index:250;transition:.2s cubic-bezier(.2,.5,0,1)}.Contact_rotator.scrolled{transform:translateY(0) scale(1);opacity:1}.Contact_rotator .contact_wrapper{position:relative;border-radius:50%;width:14rem;height:14rem}.Contact_rotator .contact_wrapper .contact{width:6.8rem;height:6.8rem;position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;cursor:pointer;display:grid;place-items:center;font-size:3rem;z-index:2}.Contact_rotator .contact_wrapper .contact svg{color:#8b8b8b}.Contact_rotator .contact_wrapper .link_container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14rem;height:14rem}.Contact_rotator .contact_wrapper .link_container .link_list{position:relative;width:100%;height:100%;display:grid;place-items:center;transform:translateY(5rem)}.Contact_rotator .contact_wrapper .link_container .link_list .link{position:absolute;left:-4rem;transform-origin:20rem;cursor:pointer;background:#fff;border-radius:50%;width:5rem;height:5rem;display:grid;place-items:center;z-index:250;transition:.4s ease}.Contact_rotator .contact_wrapper .link_container .link_list .link svg{font-size:2rem;color:#3f3f45}.Contact_rotator .contact_wrapper .text_rotator{position:relative;transition:all .1s ease-in-out;border-radius:50%;width:100%;height:100%;transition:.3s ease}.Contact_rotator .contact_wrapper .text_rotator svg{position:absolute;width:100%;height:100%;animation:rotate 40s linear infinite;opacity:1;scale:1;transition:.3s ease}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Contact_rotator .contact_wrapper .text_rotator svg text{font-size:1.7rem;font-weight:800;letter-spacing:.2rem;word-spacing:1rem}.marquee-container{overflow:hidden!important;display:flex!important;flex-direction:row!important;position:relative;width:100%}.marquee-container:hover div{animation-play-state:var(--pause-on-hover)}.marquee-container:active div{animation-play-state:var(--pause-on-click)}.marquee-container .marquee{flex:0 0 auto;min-width:100%;z-index:1;display:flex;flex-direction:row;align-items:center;animation:scroll var(--duration) linear infinite;animation-direction:var(--direction);transition:.4s ease}@keyframes scroll{0%{transform:translate(0);transition:.4s ease}to{transform:translate(-100%);transition:.4s ease}}.Skills_marquee{--index: calc(1vw + 1vh) ;font-size:4rem;margin:4rem 0 20rem;overflow:hidden!important;position:relative;color:#649592}.Skills_marquee .marquee_item{padding:1rem;font-weight:500;overflow:hidden}.Skills_marquee .marquee_item.dim{color:#2e2e2e}.Flex_section{display:grid;width:100%;place-items:center;margin:10rem 0;height:100vh;min-height:max-content;position:relative}.Experience .work_wrapper .work .work_cursor{--width: calc(var(--index) * 20);--height: 30rem;position:fixed;top:calc(var(--height) * -.5);left:calc(var(--width) * -.5);overflow:hidden;height:var(--height);width:var(--width);clip-path:inset(0 100% 0 0);transform:translate(var(--move-x),var(--move-y));transform-origin:center center;transition:transform 1.4s cubic-bezier(.05,.5,0,1),rotate .4s ease,clip-path .4s ease;z-index:99;pointer-events:none;display:grid;place-items:center;background:#aeece8;-webkit-mask-image:url(/assets/images/maskImage.svg);-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat}.Experience .work_wrapper .work .content2{display:flex;flex-direction:column;gap:2rem;font-size:1.6rem;transition:.35s ease;mix-blend-mode:difference}.Experience .work_wrapper .work .content2 .role_info{display:flex;gap:1rem;margin-top:3rem}.Experience .work_wrapper .work .content2 .role_info .dot{width:.4rem;height:.4rem;border-radius:50%;background-color:#479eef;margin-top:auto;margin-bottom:auto}.Experience .work_wrapper .work .content2 .content_item{color:#dbebfb;display:flex;align-items:center}.Experience .work_wrapper .work .content2 .content_item:first-child{margin-top:3rem}.Experience .work_wrapper .work .content2 .content_item .indicator{margin-right:1.6rem;min-width:.6rem;height:.6rem;border-radius:50%;background-color:#479eef}.Experience{width:100%;gap:6rem;margin-bottom:20rem;--index: calc(1vw + 1vh) ;margin-top:20rem}.Experience .title_wrapper{width:max-content;height:max-content;overflow:hidden;margin-bottom:6rem}.Experience .title_wrapper h2{text-align:left;font-size:1.8rem;letter-spacing:.4rem;padding-left:8rem;font-weight:500;color:#8b8b8b}@media screen and (max-width: 1200px){.Experience .title_wrapper h2{padding-left:2rem}}.Experience .work_wrapper{display:flex;flex-direction:column;width:100%}.Experience .work_wrapper .work{width:100%;cursor:pointer;border-top:.2rem solid #2e2e2e;color:#e5e5e5;height:max-content;width:0;padding:0;transition:padding .2s cubic-bezier(.2,.5,0,1),.6s cubic-bezier(.2,.5,0,1)}.Experience .work_wrapper .work .work_cursor{--width: calc(var(--index) * 20);--height: 30rem;position:fixed;top:calc(var(--height) * -.5);left:calc(var(--width) * -.5);overflow:hidden;height:var(--height);width:var(--width);clip-path:inset(0 100% 0 0);transform:translate(var(--move-x),var(--move-y));transform-origin:center center;transition:transform 1.4s cubic-bezier(.05,.5,0,1),rotate .4s ease,clip-path .4s ease;z-index:99;pointer-events:none;display:grid;place-items:center;background:#aeece8;-webkit-mask-image:url(/assets/images/maskImage.svg);-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat}@media screen and (max-width: 576px){.Experience .work_wrapper .work .work_cursor{display:none}}.Experience .work_wrapper .work .work_cursor img{object-fit:cover;background:#e5e5e5;clip-path:inset(0 100% 0 0);width:calc(var(--width) - 10rem);height:auto;transition:all .4s ease;border-radius:.6rem;transform:translate3d(calc(var(--move-x) / 35 - 2rem),calc(var(--move-y) / 35 - .5rem),0)}.Experience .work_wrapper .work .work_cursor img.active{clip-path:inset(0 0 0 0)}.Experience .work_wrapper .work .work_cursor .view{position:absolute;top:50%;left:50%;width:5rem;height:5rem;font-size:1.1rem;color:#e5e5e5;font-weight:600;letter-spacing:.2rem;text-transform:uppercase;background:#843df5;text-shadow:0 0 1rem rgba(255,255,255,.2);transform:translate(-50%,-50%) scale(0);transition:transform .4s ease;border-radius:50%;display:grid;place-items:center}.Experience .work_wrapper .work .work_cursor.active{clip-path:inset(0 0 0 0)}.Experience .work_wrapper .work .work_cursor.active .view{transform:translate(-50%,-50%) scale(1)}.Experience .work_wrapper .work .header{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;font-size:2.4rem;color:#fff;mix-blend-mode:difference}@media screen and (max-width: 1200px){.Experience .work_wrapper .work .header{font-size:2rem}}.Experience .work_wrapper .work .header .company_wrapper,.Experience .work_wrapper .work .header .role_wrapper{width:max-content;height:max-content;overflow:hidden;transition:.6s cubic-bezier(.2,.5,0,1)}.Experience .work_wrapper .work .header .company{font-size:calc(clamp(3.25em,7vw,8em)*.45);font-weight:600;transition:.35s ease;transform:translateY(100%)}.Experience .work_wrapper .work .header .role{font-size:calc(clamp(3.25em,7vw,8em)/5);font-weight:500;transition:.35s ease;transform:translateY(100%)}.Experience .work_wrapper .work .header .accordian{position:relative;width:25px;height:25px;cursor:pointer}.Experience .work_wrapper .work .header .accordian.active:before{transform:translatey(-50%) rotate(-90deg);opacity:0}.Experience .work_wrapper .work .header .accordian.active:after{transform:translatey(-50%) rotate(0)}.Experience .work_wrapper .work .header .accordian:before,.Experience .work_wrapper .work .header .accordian:after{content:"";display:block;background-color:#b9b9b9;position:absolute;top:50%;left:0;transition:.35s;width:100%;height:3px}.Experience .work_wrapper .work .header .accordian:before{transform:translatey(-50%);opacity:1}.Experience .work_wrapper .work .header .accordian:after{transform:translatey(-50%) rotate(90deg)}.Experience .work_wrapper .work .content_wrapper{width:100%;overflow:hidden}.Experience .work_wrapper .work .content3{display:flex;flex-direction:column;gap:2rem;font-size:1.6rem;transition:.35s ease;mix-blend-mode:difference}.Experience .work_wrapper .work .content3 .role_info{display:flex;gap:1rem;margin-top:3rem}.Experience .work_wrapper .work .content3 .role_info .dot{width:.4rem;height:.4rem;border-radius:50%;background-color:#479eef;margin-top:auto;margin-bottom:auto}.Experience .work_wrapper .work .content3 .content_item{color:#dbebfb;display:flex;align-items:center}.Experience .work_wrapper .work .content3 .content_item:first-child{margin-top:3rem}.Experience .work_wrapper .work .content3 .content_item .indicator{margin-right:1.6rem;min-width:.6rem;height:.6rem;border-radius:50%;background-color:#479eef}.Experience .work_wrapper .work:last-child{border-bottom:.2rem solid #2e2e2e}.Experience .work_wrapper.active .work{width:100%;padding:5rem 8rem}@media screen and (max-width: 1200px){.Experience .work_wrapper.active .work{padding:5rem 2rem}}.Experience .work_wrapper.active .work .header .company,.Experience .work_wrapper.active .work .header .role{animation:slideUp .5s ease forwards .3s}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translate(0)}}.Experience .work_wrapper.active .work .header.active .company_wrapper{transform:translate(-2rem)}.Experience .work_wrapper.active .work .header.active .role_wrapper{transform:translate(2rem)}.Experience .work_wrapper.active .work .header.active .company{color:transparent;-webkit-text-stroke-width:.1rem;-webkit-text-stroke-color:#8b8b8b}.Experience .work_wrapper.active .work .header.active .role{transform:translate(2rem);color:#8b8b8b}.Flex_section{display:grid;width:100%;place-items:center;margin:10rem 0;min-height:100vh;position:relative}.Flex_section .title_wrapper{width:max-content;height:max-content;overflow:hidden;margin-bottom:3rem}.Flex_section .title_wrapper .small_title{text-align:left;font-size:1.8rem;letter-spacing:.4rem}.Flex_section .paragraph{font-size:calc((1vw + 1vh)*3);font-weight:800;color:#3f3f45}@media screen and (max-width: 1200px){.Flex_section .paragraph{font-size:calc((1vw + 1vh)*2.8)}}@media screen and (max-width: 576px){.Flex_section .paragraph{font-size:calc((1vw + 1vh)*2.65)}}.Flex_section .paragraph .line{position:relative;width:max-content}.Flex_section .paragraph .line .overlay{color:#b9b9b9;position:absolute;top:0;left:0;width:100%;height:100%}.Contact{width:100%;height:100%;display:grid;place-items:center;--light-color: #3d3f42}.Contact .toast{position:fixed;left:50%;top:-2rem;transform:translate(-50%,-100%);background:#c5c0bc;color:#0d0d0d;padding:1.6rem 2rem;font-size:1.4rem;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.2);z-index:300}.Contact .toast svg{font-size:2rem}.Contact .toast.error svg{color:#eb5939}.Contact .toast.success svg{color:#007656}.Contact .toast.warn svg{color:#8dcd35}.Contact .toast.error,.Contact .toast.success,.Contact .toast.warn,.Contact .toast.warn_email,.Contact .toast.warn_length{animation:slideDown 3s cubic-bezier(.175,.885,.32,1.2) forwards}@keyframes slideDown{0%,to{top:-2rem;transform:translate(-50%,-100%)}10%,90%{top:2rem;transform:translate(-50%)}}.Contact .content{width:80rem;margin-top:5rem;padding-bottom:30rem}@media screen and (max-width: 850px){.Contact .content{width:100%}}.Contact .content h1{font-size:calc((1vw + 1vh)*3.6);font-weight:500;margin-bottom:10rem;color:#e5e5e5;display:flex;overflow-y:hidden;height:2.1ch}.Contact .content h1 .letter{animation:textUp .6s cubic-bezier(.16,1,.3,1) forwards;transform:translateY(100%)}@keyframes textUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media screen and (max-width: 850px){.Contact .content h1{font-size:calc((1vw + 1vh)/.4);margin-bottom:6rem}}.Contact .content .contact_container form{display:flex;flex-direction:column}.Contact .content .contact_container form .item{display:flex;padding:4rem 0;border-top:1px solid var(--light-color);clip-path:inset(0 100% 0 0);transition:1s cubic-bezier(.2,.5,0,1)}.Contact .content .contact_container form .item.active{clip-path:inset(0 0 0 0)}.Contact .content .contact_container form .item.last{border-bottom:1px solid var(--light-color);margin-bottom:6rem}.Contact .content .contact_container form .item .count{color:#3d3f42;font-size:2rem;font-weight:600;min-width:6rem}@media screen and (max-width: 850px){.Contact .content .contact_container form .item .count{font-size:1.8rem}}.Contact .content .contact_container form .item .input_container{display:flex;flex-direction:column;gap:1.6rem;width:100%}.Contact .content .contact_container form .item .input_container label{font-size:3rem;transform:translateY(-.4rem)}@media screen and (max-width: 850px){.Contact .content .contact_container form .item .input_container label{font-size:2.3rem;transform:translateY(0)}}.Contact .content .contact_container form .item .input_container input,.Contact .content .contact_container form .item .input_container textarea{background:transparent;border:none;outline:none;font-size:2.4rem;color:#dfdfe0;font-weight:500;width:100%;font-family:Proxima;resize:none;-webkit-text-fill-color:#dfdfe0}.Contact .content .contact_container form .item .input_container input::placeholder,.Contact .content .contact_container form .item .input_container textarea::placeholder{color:#dfdfe0;opacity:.5}@media screen and (max-width: 850px){.Contact .content .contact_container form .item .input_container input,.Contact .content .contact_container form .item .input_container textarea{font-size:2.1rem}}.Contact .content .contact_container form .item .input_container textarea{height:7rem}.Contact .content .contact_container form .submit{width:max-content;background:none;color:#e5e5e5;outline:none;border:1px solid #c5c0bc;font-size:2rem;margin:auto;padding:1.6rem 6rem;display:flex;align-items:center;gap:1.6rem;cursor:pointer;border-radius:100rem;letter-spacing:.25rem}@media screen and (max-width: 850px){.Contact .content .contact_container form .submit{font-size:1.6rem;letter-spacing:.15rem;padding:1.6rem 4rem}}.Page_404{height:100vh;width:100%}.Codepen_container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem}.Codepen_container .section{height:400px;width:200px}.Codepen_container .section:nth-child(1){background-color:red}.Codepen_container .section:nth-child(2){background-color:#00f}.Codepen_container .section:nth-child(3){background-color:green}.Codepen_container .section:nth-child(4){background-color:#ff0}.Codepen_container .section:nth-child(5){background-color:purple}.Codepen_container .section:nth-child(6){background-color:orange}html{scroll-behavior:smooth;font-size:62.5%}@media screen and (max-width: 2300px){html{font-size:70%}}@media screen and (max-width: 2300px) and (min-width: 620px){html{font-size:62.5%}}@media screen and (max-width: 620px){html{font-size:57%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Proxima,sans-serif;background:#0d0d0d;color:#e5e5e5;min-height:100vh}body::-webkit-scrollbar{height:5px;width:7.5px}body::-webkit-scrollbar-thumb{background:#2e2e2e;border-radius:50px}body::-webkit-scrollbar-thumb:hover{background:#495a62}.App{min-height:calc(100vh - 60px);display:flex;flex-direction:column;max-height:max-content}a{text-decoration:none;color:unset}@-webkit-keyframes autofill{0%,to{color:#666;background:transparent}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s}.ptr{cursor:pointer}.primary-scroll::-webkit-scrollbar{height:5px;width:7px}.primary-scroll::-webkit-scrollbar-thumb{background:gray;border-radius:50px}.primary-scroll::-webkit-scrollbar-track{background:#e9e7e7;border-radius:50px}.container{padding-left:100px;padding-right:100px}@media screen and (max-width: 850px){.container{padding-left:30px;padding-right:30px}}@media screen and (max-width: 576px){.container{padding-left:16px;padding-right:16px}}.padding_top_nav{padding-top:60px}.sticky-top{position:-webkit-sticky;position:sticky;top:2rem;transition:.2s all ease}.hide_scrollbar::-webkit-scrollbar{display:none}