.Nav_navbar__vJGMa{position:fixed;height:60px;top:100px;width:100%;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 calc(50px + 4vw);z-index:100;pointer-events:none}.Nav_navbar__vJGMa :is(.Nav_right_part__1pIKg,.Nav_left_part__y_e4S){pointer-events:auto}.Nav_logo_link__Yxdsn{display:flex;align-items:center;justify-content:center}.Nav_logo__z51aK{width:35px}.Nav_logo__z51aK path{fill:var(--textColor)}.Nav_right_part__1pIKg{display:flex;justify-content:center;align-items:center;gap:calc(15px + .4vw)}.Nav_nav_icon__GBYfj{width:calc(23px + .5vw)}.Nav_nav_icon__GBYfj path{stroke:var(--textColor);stroke-width:4;stroke-linecap:round;transition:.3s}.Nav_nav_icon__GBYfj path:nth-of-type(2){transform:scaleX(.7);transform-origin:right}.Nav_nav_button__aR1nE:hover .Nav_nav_icon__GBYfj path{transform:scaleX(1)}.Nav_nav_button__aR1nE.Nav_open__wdepi .Nav_nav_icon__GBYfj path:first-of-type{transform:translateY(25%) rotate(45deg)!important;transform-origin:center!important}.Nav_nav_button__aR1nE.Nav_open__wdepi .Nav_nav_icon__GBYfj path:nth-of-type(2){transform:translateY(-25%) rotate(-45deg)!important;transform-origin:center!important}.Nav_navbar__vJGMa button{border:none;background:none;cursor:pointer}.Nav_navbar__vJGMa button:active{transform:scale(.9)}.Nav_navbar__vJGMa button *{overflow:visible;pointer-events:none}.Nav_theme_button__i8LZq{position:relative;width:calc(23px + .5vw);aspect-ratio:1;overflow:hidden}.Nav_theme_icons__OBFZU{width:100%;aspect-ratio:2;position:absolute;top:0;left:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;pointer-events:none;transition:transform .3s}.Nav_theme_icons__OBFZU svg{aspect-ratio:1;width:100%!important}.Nav_theme_icons__OBFZU svg path{fill:var(--textColor)}html[theme=dark] .Nav_theme_icons__OBFZU{transform:translateY(-50%)}@media (max-width:800px){.Nav_navbar__vJGMa{padding:0 calc(20px + 4vw);top:50px}}@media (max-width:500px){.Nav_navbar__vJGMa{padding:0 20px;top:0}}.Noise_noise__z07q8{position:fixed;z-index:9999;top:-300%;left:-150%;height:600%;width:300%;animation:Noise_noise__z07q8 7s steps(10) infinite;background-image:url(/imgs/noise.png);background-position:0;background-size:7%;background-repeat:repeat;opacity:.2;pointer-events:none}@keyframes Noise_noise__z07q8{0%,to{background-position:0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:-5% 25%}50%{background-position:-15% 10%}60%{background-position:15%}70%{background-position-y:15%}80%{background-position:3% 35%}90%{background-position:-10% 10%}}.Preloader_preloader__yX3Tq{position:fixed;top:0;left:0;width:100vw;z-index:200;cursor:wait}.Preloader_preloader__yX3Tq *{pointer-events:none}.Preloader_inner__IB0Iz{background:var(--preloader-background);width:100%;height:100vh;display:flex;justify-content:center;align-items:center;transition:0}.Preloader_inner__IB0Iz h1{font-size:calc(22px + .7vw);line-height:1em;color:var(--pColor)}.Preloader_curve__QRNuz path{transform:translateY(-10px);fill:var(--preloader-background)}.Navmenu_menu__NLTmA{position:fixed!important;inset:0;display:flex;align-items:center;padding-left:20vw;z-index:99!important}.Navmenu_overflow_hidden__5ogOm{overflow:hidden}.Navmenu_page_links__3mCGS{display:flex;flex-direction:column;list-style:none}.Navmenu_nav_link__xFCJV{position:relative;text-decoration:none;font-size:calc(40px + 1vw);transition:.3s;color:var(--textColor);font-weight:700;font-variation-settings:"MIXD" 100;line-height:.9em}.Navmenu_nav_link__xFCJV:hover{font-variation-settings:"MIXD" 180}.Navmenu_nav_link__xFCJV:before{content:attr(data-num);margin-right:5px;font-size:calc(7px + .3vw);font-weight:700;color:var(--menu-num);font-variation-settings:"wdth" 130}.Navmenu_social_links__YYBvd{display:grid;grid-row-gap:5px;row-gap:5px;grid-template-columns:repeat(2,1fr);grid-row-gap:10px;row-gap:10px;width:-moz-fit-content;width:fit-content}.Navmenu_social_links__YYBvd .Navmenu_overflow_hidden__5ogOm{margin-left:calc(15px + 2vw)}.Navmenu_social_link__oCVqP{display:flex;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content;position:relative;margin:2px 0!important;color:var(--textColor);font-size:calc(15px + .5vw);text-decoration:none}.Navmenu_social_link__oCVqP svg{transform:rotate(-45deg);width:calc(10px + .5vw)}@media (max-width:800px){.Navmenu_menu__NLTmA{padding-left:calc(10vw)}}@font-face{src:url(/_next/static/media/WidescreenVF.59f3d4b3.ttf);font-family:WidescreenVF}@font-face{src:url(/_next/static/media/MsMadi-Regular.193cb5ab.ttf);font-family:MsMadi}body ::-webkit-scrollbar,body[istouch=false]::-webkit-scrollbar{width:5px;background:transparent}body ::-webkit-scrollbar-thumb,body[istouch=false]::-webkit-scrollbar-thumb{background:var(--textColor);border-radius:50px}html{--text-title:calc(40px + 2vw);--background:#dee4e7;--preloader-background:#eceef0;--textColor:#222;--pColor:#363938;--menu-num:#494949;--borderSize:2px;--cursorColor:#606887;--blend:multiply;--font:WidescreenVF;--font-styledName:MsMadi}html[theme=dark]{--background:#222;--preloader-background:#2b2b2b;--textColor:#dee4e7;--pColor:#b5bebc;--menu-num:#afafaf;--borderSize:1px;--cursorColor:#f3f2f9;--blend:difference}html{scroll-behavior:auto}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font);line-height:1.1em;list-style:none;transition:background .2s,color .2s}:is(a,[role=button],button) *{pointer-events:none}#__next,body,html{min-height:100vh;width:100%}body{background:var(--background)}section.canvas{pointer-events:none!important;position:fixed;inset:0;z-index:-2}main[data-page]{display:flex;justify-content:center;min-height:100vh;width:100%;padding:calc(28vh + 40px) calc((40vw - 130px) / 2) 20px}main[data-page]>section{width:100%}.underline_effect:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:currentColor;border-radius:10px;transition:.5s ease-out}.underline_effect:hover:before{width:100%}body{--pointWidth:0.3vw;--pointHalf:-0.15vw;--cursorWidth:1.8vw;--cursorHalf:-0.9vw;--cursorHoverWidth:3.6vw;--cursorHoverHalf:-1.8vw}@media (max-width:1800px){body{--pointWidth:4px;--pointHalf:-2px;--cursorWidth:25px;--cursorHalf:-12.5px;--cursorHoverWidth:50px;--cursorHoverHalf:-25px}}#nprogress div.bar{background:var(--textColor)!important}main.HomePage_{padding-right:10px;padding-left:10px}.HomePage_ .container{text-align:center}.HomePage_ .name{margin-bottom:10px;line-height:calc(20px + 3vw)!important}.HomePage_ .title{display:flex;justify-content:center;align-items:center;column-gap:10px;flex-wrap:wrap;row-gap:5px;color:var(--textColor);font-size:calc(20px + 3.3vw)}.HomePage_ .name_style{font-family:var(--font-styledName);font-size:calc(25px + 3vw);color:#647272;cursor:help;transition:.1s}.HomePage_ .roles{margin-bottom:30px}.HomePage_ .role{font-size:calc(15px + .3vw);font-weight:600;color:var(--pColor)}.HomePage_ .links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:calc(15px + 6vw);row-gap:7px}.HomePage_ .link{display:flex;align-items:center;gap:2px;position:relative;text-decoration:none;color:var(--pColor);font-size:calc(15px + .3vw);font-weight:600;font-variation-settings:"MIXD" 140}.HomePage_ .link *{pointer-events:none}.HomePage_ .arrow{transition:transform .3s}.HomePage_ .link:hover .arrow{transform:rotate(-45deg)}.AboutPage_ .container{display:flex;justify-content:center;flex-direction:row-reverse;gap:calc(20px + 1vw)}.AboutPage_ .title_container{display:flex;border-bottom:2px solid var(--textColor);margin-bottom:calc(10px + 1vh)}.AboutPage_ .title{font-size:var(--text-title);color:var(--textColor)}.AboutPage_ .about_description{color:var(--pColor);font-size:calc(12px + .3vw);font-weight:500;margin-bottom:calc(5px + .5vh)}.AboutPage_ .resume_button{position:relative;display:flex;align-items:center;gap:5px;color:var(--pColor);font-size:calc(15px + .3vw);font-weight:600;font-variation-settings:"MIXD" 140;text-decoration:none;width:-moz-fit-content;width:fit-content}.AboutPage_ .resume_button:hover svg{transform:rotate(45deg)}.AboutPage_ .resume_button svg{margin-top:2px;width:calc(13px + .4vw);pointer-events:none;transition:transform .3s}.AboutPage_ .image_container{height:100%;aspect-ratio:1;border-top-left-radius:20px;overflow:hidden}.AboutPage_ .image{width:100%;height:100%;object-fit:cover}@media (min-width:800px){main.AboutPage_{padding-right:0!important;padding-bottom:0!important}}@media (max-width:800px){main.AboutPage_{padding-top:0!important}.AboutPage_ .container{flex-direction:column;align-items:center}.AboutPage_ .container .image_container{width:calc(150px + 12vw);height:auto;border-radius:20px}}.WorkPage_ .container{position:relative;display:flex;justify-content:center;gap:calc(15px + 2vw)}.WorkPage_ .container>.left_part,.WorkPage_ .container>.right_part{width:50%}.WorkPage_ .title_container{color:var(--textColor);width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--textColor)}.WorkPage_ .title{color:var(--textColor);font-size:var(--text-title)}.WorkPage_ .number_works{color:var(--textColor);font-size:calc(10px + 1vw);margin-right:calc(5px + 1vw)}.WorkPage_ .body{width:100%;max-height:calc(15vh + 150px);overflow-y:auto;padding:calc(5px + .1vw)}.WorkPage_ .list>:not(:last-child){border-bottom:1.6px solid var(--textColor)}.WorkPage_ .img_container{position:relative;width:100%;height:100%;object-fit:cover;overflow:hidden;border-top-right-radius:20px}.WorkPage_ img[alt="work image"]{position:absolute;top:0;opacity:0;pointer-events:none;width:100%;height:100%;object-fit:cover;transform:scale(1.2);transition:transform .5s,opacity .3s;z-index:2}.WorkPage_ img[alt="work image"].open{opacity:1;z-index:5;transform:scale(1)}@media (min-width:820px){main.WorkPage_{padding-left:0;padding-right:0;padding-bottom:0}main.WorkPage_ .right_part{padding-right:calc((30vw - 130px) / 2)}}@media (max-width:820px){.WorkPage_ .container>.left_part{display:none}.WorkPage_ .container>.right_part{width:100%}}.WorkPage_ .item{width:100%}.WorkPage_ .item .link{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:15px calc(5px + 1vw);color:var(--textColor);text-decoration:none;transition:.3s;background:none;border:none}.WorkPage_ .item .left_part{position:relative}.WorkPage_ .item .icon{position:absolute;top:50%;transform:translate(-20%,-50%);aspect-ratio:1;width:calc(15px + .7vw);display:flex;justify-content:center;align-items:center;overflow:hidden}.WorkPage_ .list{--space_i:-100px;--space_t:25px}.WorkPage_ .item .icon svg{width:calc(20px + .7vw);stroke-width:3;transform:translateX(var(--space_i));transition:transform .5s ease}.WorkPage_ .item .title{font-size:calc(12px + 1vw);letter-spacing:1px;transition:transform .3s}.WorkPage_ .item .category{font-size:calc(10px + .5vw);letter-spacing:1px}.WorkPage_ .item .link:hover .title{transform:translateX(var(--space_t))}.WorkPage_ .item .link:hover svg{transform:translateX(0)}@media (min-width:1800px){.WorkPage_ .list{--space_i:-1vw;--space_t:1vw}}main.ProjectPage_{padding-top:0;padding-bottom:calc(15px + 4vh)}.ProjectPage_ .container{display:flex;flex-direction:column;align-items:center;gap:calc(20px + 1vh)}.ProjectPage_ .poster{width:100%;aspect-ratio:1.7;border-radius:0 0 50px 50px;overflow:hidden}.ProjectPage_ .poster_image{width:100%;height:100%;object-fit:cover}.ProjectPage_ .info{width:100%}.ProjectPage_ .info .title{border-bottom:2px solid var(--textColor);margin-bottom:calc(10px + 1vh)}.ProjectPage_ .info .title_text{color:var(--textColor);font-size:calc(20px + 4vw)}.ProjectPage_ .info .techstack{display:flex;flex-wrap:wrap;gap:5px;padding:0 0 10px}.ProjectPage_ .info .techstack p{color:var(--pColor);font-size:calc(7px + .5vw);border:1px solid var(--pColor);border-radius:5px;padding:3px 5px}.ProjectPage_ .body{display:grid;grid-gap:3vw;gap:3vw;grid-template-columns:1fr 1fr}.ProjectPage_ .body .left_part :is(table,table tbody){width:100%}.ProjectPage_ .body .left_part table tbody{display:flex;flex-direction:column;gap:15px}.ProjectPage_ .body .left_part table tr{display:grid;grid-template-columns:1fr 1fr}.ProjectPage_ .body .left_part table tr:not(:last-of-type){margin-bottom:10px}.ProjectPage_ .body .left_part table tr>td:first-of-type h4{color:var(--pColor);font-variation-settings:"MIXD" 180;font-weight:500;font-size:calc(11px + .6vw)}.ProjectPage_ .body .left_part table tr>td:nth-of-type(2) h4{color:var(--textColor);font-size:calc(11px + .6vw);font-weight:500}.ProjectPage_ .body .right_part *{line-height:1.1em}.ProjectPage_ .body .right_part>:not(:last-child){margin-bottom:7px}.ProjectPage_ .body .right_part a,.ProjectPage_ .body .right_part p{color:var(--pColor);font-size:calc(12px + .3vw);font-weight:500}.ProjectPage_ .body .right_part a{display:flex;align-items:center;gap:2px;position:relative;text-decoration:none;width:-moz-fit-content;width:fit-content;margin-top:15px}.ProjectPage_ .body .right_part a svg{width:calc(11px + .7vw);transition:transform .5s}.ProjectPage_ .body .right_part a:hover svg{transform:rotate(-45deg)}.ProjectPage_ .sections{width:100%}.ProjectPage_ .sections>:not(:last-child){margin-bottom:calc(10px + 1vh)}.ProjectPage_ .section_title{width:100%;text-align:center;margin-bottom:calc(5px + .5vh)}.ProjectPage_ .section_title .title{color:var(--textColor);font-variation-settings:"MIXD" 180;font-weight:500;font-size:calc(11px + .6vw)}.ProjectPage_ .section_imgs>:not(:last-child){margin-bottom:calc(5px + .5vh)}.ProjectPage_ .section_img{width:100%;object-fit:cover}.ProjectPage_ .next{--space_i:-100px;--space_t:25px;width:100%;height:calc(40px + 3vh)}.ProjectPage_ .next .link{border-top:2px solid var(--textColor);width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 calc(5px + 1vw);color:var(--textColor);text-decoration:none;transition:.3s;background:none}.ProjectPage_ .next .left_part{position:relative;display:flex;align-items:center}.ProjectPage_ .next .icon{position:absolute;top:50%;transform:translate(-20%,-50%);aspect-ratio:1;width:calc(15px + .7vw);display:flex;justify-content:center;align-items:center;overflow:hidden}.ProjectPage_ .next .icon svg{margin-top:2px;stroke-width:3;width:calc(10px + .7vw);transform:translateX(var(--space_i));transition:transform .5s ease}.ProjectPage_ .next .next_line{font-size:calc(15px + 1vw);letter-spacing:1px;transition:transform .3s}.ProjectPage_ .next .title{font-size:calc(9px + .5vw);letter-spacing:1px}.ProjectPage_ .next .link:hover .left_part .next_line{transform:translateX(var(--space_t))}.ProjectPage_ .next .link:hover .left_part .icon svg{transform:translateX(0)}@media (min-width:1800px){.ProjectPage_ .next{--space_i:-1vw;--space_t:1vw}}@media (max-width:900px){.ProjectPage_ .body{display:grid;grid-gap:3vw;gap:3vw;grid-template-columns:1fr}}@media (min-width:800px) and (max-width:1200px){.ProjectPage_{padding:0 0 calc(15px + 4vh)}.ProjectPage_ .poster{height:75vh}}@media (max-width:800px){main.ProjectPage_{padding-top:calc(50px + 60px + 5px);padding-bottom:calc(10px + 3vh)}.ProjectPage_ .poster{border-radius:30px}.ProjectPage_ .container{--project-container-width:5}}@media (max-width:500px){main.ProjectPage_{padding-top:calc(60px + 5px)}.ProjectPage_ .container{--project-container-width:5}.ProjectPage_ .poster{border-radius:20px}.ProjectPage_ .description :is(.left_part,.right_part){width:100%}.ProjectPage_ .description .left_part table tbody tr>:nth-child(2){padding-top:calc(3px + .5vh)}}@media (max-width:400px){.ProjectPage_ .container{--project-container-width:2}}.blur{position:fixed;top:0;left:0;bottom:0;right:0;pointer-events:none;z-index:-1}.blur .layer{-webkit-backdrop-filter:blur(20vw);backdrop-filter:blur(20vw);z-index:2}.blur .layer,.blur .shape{position:absolute;width:100%;height:100%}.blur .shape{top:50%;left:50%;transform:translate(-50%,-50%);transition:3s;animation:shape 20s linear infinite}@keyframes shape{0%,to{-webkit-clip-path:polygon(50% 0,100% 10%,66% 36%,100% 51%,97% 100%,49% 89%,1% 91%,27% 65%,1% 29%,35% 23%);clip-path:polygon(50% 0,100% 10%,66% 36%,100% 51%,97% 100%,49% 89%,1% 91%,27% 65%,1% 29%,35% 23%)}30.33%{-webkit-clip-path:polygon(40% 23%,100% 0,74% 35%,100% 66%,84% 100%,52% 80%,21% 96%,30% 59%,0 55%,20% 0);clip-path:polygon(40% 23%,100% 0,74% 35%,100% 66%,84% 100%,52% 80%,21% 96%,30% 59%,0 55%,20% 0)}60.33%{-webkit-clip-path:polygon(100% 3%,82% 41%,100% 86%,71% 99%,45% 61%,15% 100%,0 69%,26% 37%,15% 0,64% 29%);clip-path:polygon(100% 3%,82% 41%,100% 86%,71% 99%,45% 61%,15% 100%,0 69%,26% 37%,15% 0,64% 29%)}}.ContactPage_ .title{border-bottom:2px solid var(--textColor);margin-bottom:15px}.ContactPage_ .title_text{font-size:var(--text-title);color:var(--textColor)}.ContactPage_ .body{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;column-gap:calc(10px + 1vh);row-gap:25px;padding:0 calc(5px + 5vw)}.ContactPage_ .body :is(.email,.social_) .link{margin-bottom:10px}.ContactPage_ .body :is(.email_,.social_) .link h2{color:var(--textColor);font-size:calc(18px + 1.1vw)}.ContactPage_ .body :is(.email_,.social_) ul li:not(:last-child){margin-bottom:calc(6px + .5vh)}.ContactPage_ .body :is(.email_,.social_) ul li a{display:flex;align-items:center;gap:2px;position:relative;color:var(--pColor);font-size:calc(15px + .3vw);font-weight:600;text-decoration:none;width:-moz-fit-content;width:fit-content}.ContactPage_ .body :is(.email_,.social_) ul li a svg{width:calc(10px + .8vw);transform:rotate(-45deg);margin-top:1px}@media (max-width:420px){.ContactPage_ .body :is(.email_,.social_){width:100%;display:flex;justify-content:space-between}.ContactPage_ .body :is(.email_,.social_) ul{margin-top:3px}}@media (max-width:300px){.ContactPage_ .body :is(.email_,.social_){width:auto;display:block}.ContactPage_ .body :is(.email_,.social_) .link{margin-bottom:0}}.ErrorPage_ .container{position:relative;display:flex;justify-content:center;align-items:center;margin-top:-20%}.ErrorPage_ *{line-height:1em}.ErrorPage_ ._404{position:absolute;z-index:-1;opacity:.5}.ErrorPage_ ._404 h1{font-size:calc(100px + 20vw);font-family:Arial,sans-serif;color:transparent;-webkit-text-stroke:calc(1px + .1vw) var(--textColor);filter:blur(calc(1px + .3rem))}.ErrorPage_ ._error{display:flex;justify-content:center;align-items:center;flex-direction:column}.ErrorPage_ .error{font-size:calc(30px + 3vw);color:var(--textColor)}.ErrorPage_ .link{display:flex;align-items:center;gap:2px;position:relative;text-decoration:none;color:var(--pColor);font-size:calc(15px + .3vw);font-weight:600;font-variation-settings:"MIXD" 140}html:has(body[istouch=false]):hover :is(.cursor,.cursor_point){opacity:1}.cursor{top:var(--cursorHalf);left:var(--cursorHalf);width:var(--cursorWidth);border-radius:50%;border:var(--borderSize) solid var(--cursorColor);transition:width .1s,top .1s,left .1s,opacity .4s,background .3s}.cursor,.cursor_point{opacity:0;position:fixed;aspect-ratio:1;pointer-events:none;z-index:101;mix-blend-mode:var(--blend)}.cursor_point{top:var(--pointHalf);left:var(--pointHalf);width:var(--pointWidth);border-radius:50%;background:var(--cursorColor);transition:opacity .4s,width .3s,background .3s}:has(.mouse_link:hover) .cursor{background:var(--cursorColor)!important;width:var(--cursorHoverWidth)!important;top:var(--cursorHoverHalf)!important;left:var(--cursorHoverHalf)!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}:has(.mouse_link:hover) .cursor_point{opacity:0!important}