*,::after,::before{padding:0;margin:0;box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}:root{--main-font:"ohno-blazeface";--secondary-font:'Cabin';--main-title-1-lg:208px;--main-title-1-md:144px;--main-title-1-sm:80px;--main-title-1-md-r:15vw;--main-title-1-sm-r:20vw;--main-title-2-lg:96px;--main-title-2-md:72px;--main-title-2-sm:48px;--main-title-2-md-r:7vw;--main-title-2-sm-r:10vw;--title-1-lg:80px;--title-1-md:72px;--title-1-sm:64px;--title-1-md-r:7vw;--title-1-sm-r:12vw;--title-2-lg:64px;--title-2-md:52px;--title-2-sm:40px;--title-2-md-r:6vw;--title-2-sm-r:9.7vw;--title-3-lg:40px;--title-3-md:34px;--title-3-sm:28px;--title-3-md-r:5.4vw;--title-3-sm-r:9vw;--subtitle-1-lg:28px;--subtitle-1-md:26px;--subtitle-1-sm:24px;--subtitle-1-md-r:4.4vw;--subtitle-1-sm-r:7.2vw;--paragraph-1-lg:28px;--paragraph-1-md:26px;--paragraph-1-sm:24px;--paragraph-1-md-r:4.4vw;--paragraph-1-sm-r:7.2vw;--button-fn-lg:24px;--button-fn-md:20px;--button-fn-sm:16px;--button-fn-md-r:4.4vw;--button-fn-sm-r:6vw;--color-white:#FFFFFF;--color-black:#000000;--color-blue:#6646D2;--color-blue-light:#F5F2FF;--color-purple:#8E17EC;--color-purple-light:#F9F2FF;--color-pink:#FF00A8;--color-pink-light:#FDF2FF;--color-grey:#D9D9D9;--color-grey-light:#E7E7E7;--color-gradient-1:linear-gradient(90deg, var(--color-blue) 0%, var(--color-purple) 47.40%, var(--color-pink) 100%);--color-gradient-2:linear-gradient(90deg, var(--color-blue) 0%, var(--color-purple) 47.40%, var(--color-pink) 79.35%);--gap-l:8px;--gap-2:16px;--gap-3:24px;--gap-4:32px;--gap-5:40px;--gap-6:64px;--padding-l:8px;--padding-2:16px;--padding-3:24px;--padding-4:32px;--padding-5:40px;--padding-6:64px}body{font-style:normal;line-height:normal}.main-title-1{font-family:var(--main-font),sans-serif;font-size:var(--main-title-1-lg);font-weight:300;line-height:60%}.main-title-2{font-family:var(--main-font),sans-serif;font-size:var(--main-title-2-lg);font-weight:100}.title-1{font-family:var(--main-font),sans-serif;font-size:var(--title-1-lg);font-weight:100;line-height:104%}.title-2{font-family:var(--main-font),sans-serif;font-size:var(--title-2-lg);font-weight:100}.title-3{font-family:var(--main-font),sans-serif;font-size:var(--title-3-lg);font-weight:100}.subtitle-1{font-family:var(--secondary-font),sans-serif;font-size:var(--subtitle-1-lg);font-weight:400}.paragraph-1{font-family:var(--secondary-font),sans-serif;font-size:var(--paragraph-1-lg);font-weight:700}.btn-font{font-family:var(--secondary-font);font-size:var(--button-fn-lg);font-weight:700;text-transform:uppercase;color:var(--color-white)}.btn{font-family:var(--secondary-font);font-size:var(--button-fn-lg);font-weight:700;text-transform:uppercase;padding:20px 63px;color:var(--color-white);box-shadow:8px 8px var(--color-white),8px 8px 0 2px var(--color-black);cursor:pointer}.btn-primary{position:relative;background:var(--color-blue);border:2px solid var(--color-black)}.btn-secondary{background:var(--color-black);border:2px solid var(--color-black)}.btn-secondary:active,.btn-secondary:hover{background:var(--color-blue)}.btn-primary:active,.btn-primary:hover{background:var(--color-gradient-1)}.btn-primary::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-gradient-1);opacity:0;z-index:-1;transition:opacity .5s}.btn-primary:active::before,.btn-primary:hover::before{opacity:1}.btn:disabled{background:#989898;cursor:not-allowed}.main-width{width:1276px}.width-100{width:100%}.flex-column{display:flex;flex-direction:column;align-items:flex-start}.flex-row{display:flex;flex-direction:row;align-items:flex-start}.space-between{justify-content:space-between}.gap-8{gap:8px}.gap-24{gap:24px}.p-x-10{padding:0 10px}.line-through{text-decoration:line-through;text-decoration-thickness:3px}.white-font{color:var(--color-white)}.blue-font{color:var(--color-blue)}.purple-font{color:var(--color-purple)}.pink-font{color:var(--color-pink)}.gradient-1{background:var(--color-gradient-1);-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.gradient-2{background:var(--color-gradient-2);-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.hidden{display:none}.m-x-50{margin:0 50px}.active{background:var(--color-gradient-1);-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.bg-purple{background-color:var(--color-purple-light)}.bg-black{background-color:var(--color-black)}.qoute-sec{background-color:var(--color-purple-light);padding:16px;display:flex;flex-direction:column;gap:10px}ul{list-style-position:outside;padding-left:0;margin-left:1em}@media screen and (min-width:390px) and (max-width:1440px){.main-width{width:100%;padding:0 40px}.main-title-1{font-size:var(--main-title-1-md-r);font-size:clamp(var(--main-title-1-sm),var(--main-title-1-md-r),var(--main-title-1-lg));line-height:65%}.main-title-2{font-size:var(--main-title-2-md-r);font-size:clamp(var(--main-title-2-sm),var(--main-title-2-md-r),var(--main-title-2-lg))}.title-1{font-size:var(--title-1-md);font-size:clamp(54px,var(--title-1-md-r),var(--title-1-md))}.title-2{font-size:var(--title-2-md);font-size:clamp(32px,var(--title-2-md-r),var(--title-2-md))}.title-3{font-size:var(--title-3-md);font-size:clamp(26px,var(--title-3-md-r),var(--title-3-md))}.subtitle-1{font-size:var(--subtitle-1-md);font-size:clamp(20px,var(--subtitle-1-md-r),var(--subtitle-1-md))}.paragraph-1{font-size:var(--paragraph-1-md);font-size:clamp(20px,var(--paragraph-1-md-r),var(--paragraph-1-md))}.btn-font{font-size:var(--button-fn-md);font-size:clamp(18px,var(--button-fn-md-r),var(--button-fn-md))}.btn{font-size:var(--button-fn-md)}}@media screen and (max-width:390px){.main-width{width:100%;padding:0 20px}.main-title-1{font-size:var(--main-title-1-sm);font-size:clamp(72px,var(--main-title-1-sm-r),var(--main-title-1-sm));line-height:70%}.main-title-2{font-size:var(--main-title-2-sm);font-size:clamp(40px,var(--main-title-2-sm-r),var(--main-title-2-sm))}.title-1{font-size:var(--title-1-sm);font-size:clamp(48px,var(--title-1-sm-r),var(--title-1-sm));line-height:90%}.title-2{font-size:var(--title-2-sm);font-size:clamp(32px,var(--title-2-sm-r),var(--title-2-sm))}.title-3{font-size:var(--title-3-sm);font-size:clamp(24px,var(--title-3-sm-r),var(--title-3-sm))}.subtitle-1{font-size:var(--subtitle-1-sm);font-size:clamp(20px,var(--subtitle-1-sm-r),var(--subtitle-1-sm))}.paragraph-1{font-size:var(--paragraph-1-sm);font-size:clamp(20px,var(--paragraph-1-sm-r),var(--paragraph-1-sm))}.btn-font{font-size:var(--button-fn-sm)}.btn{font-size:var(--button-fn-sm)}}nav{display:flex;justify-content:space-between;align-items:center;width:1276px;position:relative}@media screen and (max-width:1300px){nav{width:100%}}nav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0}.nav-menu-mobile{flex-direction:column;align-items:center}nav li{display:inline}nav a{text-decoration:none;color:var(--color-white)}nav a:hover{background:var(--color-gradient-1);-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}nav .logo{width:54px;height:54px;z-index:100;transition:transform .4s,opacity .4s}nav .logo:hover{animation:rotateAndScale .6s forwards}@keyframes rotateAndScale{0%{transform:rotate(0) scale(1)}50%{transform:rotate(15deg) scale(1.1)}100%{transform:rotate(0) scale(1)}}nav .logo img{width:100%;height:100%;object-fit:cover}nav button{z-index:100}.action-sec{height:80px;z-index:100}.hamburger-menu{background:inherit;border:none;color:var(--color-white);font-size:32px;position:relative;width:30px;height:24px;cursor:pointer}.hamburger-menu span{display:block;position:absolute;left:0;width:100%;height:2px;background-color:var(--color-white);transition:all .3s ease-in-out}.hamburger-menu span:nth-child(1){top:0}.hamburger-menu span:nth-child(2),.hamburger-menu span:nth-child(3){top:10px}.hamburger-menu span:nth-child(4){top:20px}.hamburger-menu.open span:nth-child(1){top:10px;width:0%;left:50%}.hamburger-menu.open span:nth-child(2){transform:rotate(45deg)}.hamburger-menu.open span:nth-child(3){transform:rotate(-45deg)}.hamburger-menu.open span:nth-child(4){top:10px;width:0%;left:50%}.nav-mobile{display:none}@media screen and (max-width:920px){.nav{display:none}.nav-mobile{display:flex;padding:0 40px}.nav-expanded{display:none;position:absolute;top:60px;left:0;right:0;width:100%;padding:2em;background:var(--color-black);overflow:auto;flex-direction:column;align-items:center;justify-content:center;z-index:10}.nav-expanded.responsive-bar{display:flex;border-bottom:10px solid var(--color-white)}.hamburger-menu{display:block}}@media screen and (max-width:390px){.nav-mobile{display:flex;padding:0 20px}}body{position:relative;overflow-x:hidden}nav a.btn{display:flex}.action-sec a:hover{-webkit-text-fill-color:var(--color-white);-moz-text-fill-color:var(--color-white);color:var(--color-white)!important}.black-hero{background:var(--color-black);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:56px 0 0 0;height:760px}.pink-hero{background:var(--color-pink-light);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;height:300px}.hero-title{position:relative;color:var(--color-pink-light);margin-bottom:64px}.hero-title-gradient{width:fit-content;width:-moz-fit-content;width:-webkit-fit-content;background:var(--color-gradient-1);-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.hero-image-container{width:983px;height:1330px;position:absolute;left:520px;top:-400px;z-index:2}.hero-image-container img{width:100%;height:100%;min-height:810px;object-fit:cover;display:block;animation:pulsate 2s infinite}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.hero-title-gradient :first-child{padding-left:5px}.work-sec{padding:114px 0;display:flex;flex-direction:column;align-items:center;gap:64px}.projects-container{display:flex;flex-direction:column;gap:64px;max-width:100%}.project-container{display:flex;align-items:stretch;padding:60px 0 0 38px;box-shadow:8px 8px var(--color-black),8px 8px 0 1px var(--color-black);border:2px solid var(--color-black);overflow:hidden}.project-info{width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;margin-bottom:56px}.project-category{border-radius:54px;border:2px solid var(--color-black);background:var(--color-blue-light);padding:13px 32px;box-shadow:4px 4px var(--color-black)}.project-info-data{display:flex;flex-direction:column;align-items:flex-start;gap:32px}.project-main-info{display:flex;flex-direction:column}.project-image{width:50%;max-height:600px}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top left}#rak-image{object-fit:fill}.comic img{max-width:100%}.about-me-wrapper{background:var(--color-pink-light);padding:144px 0;display:flex;flex-direction:column;align-items:center;gap:144px}.about-me-sec{display:flex;align-items:stretch;gap:14px}.info{flex:1;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:44px}.about-me-title{max-width:625px}.about-me-image{width:40%}.about-me-image img{width:100%;height:100%;object-fit:cover}.about-me-image .real-image,.about-me-image:hover .hover-image{display:none}.about-me-image:hover .real-image{display:block}.socials{display:flex;gap:16px}.social-account{display:flex;align-items:center;justify-content:center;background:var(--color-blue);border-radius:1px;border-right:2px solid var(--color-black);border-bottom:2px solid var(--color-black);width:64px;height:64px}.social-account:hover{background:var(--color-blue-light)}.social-account:hover svg path{fill:var(--color-black)}.news-ticker-sec{overflow:hidden}.news-ticker-sec .reverse-scroll,.news-ticker-sec .scroll{width:max-content;display:flex}.news-ticker-sec .scroll{animation:scroll 26s linear infinite}.news-ticker-sec .reverse-scroll{animation:reverse-scroll 26s linear infinite}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes reverse-scroll{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.dribbble-sec{display:flex;flex-direction:column;gap:64px}.dribbble-shots,.dribbble-shots #shots{width:100%;display:flex;align-items:center;justify-content:space-between}.shot-container{width:412px;min-width:350px;height:240px;border:2px solid var(--color-black);background:var(--color-white);box-shadow:3px 3px var(--color-black)}.shot-container img{width:100%;height:100%;object-fit:cover}.dribbble-shots-action{display:flex;justify-content:space-between;align-items:stretch}#prev{width:72px;height:72px;padding:0}#next{width:72px;height:72px;padding:0}.dribbble-shots-action a,.dribbble-shots-action button{text-decoration:none;display:flex;align-items:center;justify-content:center}@keyframes pulse{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}.low-quality{filter:blur(8px);animation:pulse 1.5s infinite}@media screen and (max-width:1440px) and (min-width:390px){.black-hero{height:calc(60vw + 200px);max-height:720px;min-height:500px}.pink-hero{height:calc(60vw + 200px);max-height:300px;min-height:200px}.hero-image-container{top:calc(22vw - 600px);left:calc(36vw - 40px);height:auto}.project-info{gap:32px}.about-me-wrapper{background:var(--color-pink-light);padding:144px 0;display:flex;flex-direction:column;align-items:center;gap:144px}.about-me-sec{display:flex;align-items:center;gap:14px}.info{flex:1;width:50%;display:flex;flex-direction:column;align-items:flex-start;gap:44px}.about-me-title{max-width:625px}.about-me-image{width:50%}.about-me-image img{width:100%;height:100%}.about-me-image .real-image,.about-me-image:hover .hover-image{display:none}.about-me-image:hover .real-image{display:block}.socials{display:flex;gap:16px}.social-account{display:flex;align-items:center;justify-content:center;background:var(--color-blue);border-radius:1px;border-right:2px solid var(--color-black);border-bottom:2px solid var(--color-black);width:64px;height:64px}.social-account:hover{background:var(--color-blue-light)}.social-account:hover svg path{fill:var(--color-black)}.news-ticker-sec{overflow:hidden}.news-ticker-sec .scroll{animation:scroll 26s linear infinite}.news-ticker-sec .reverse-scroll{animation:reverse-scroll 26s linear infinite}.dribbble-sec{display:flex;flex-direction:column;gap:64px}.dribbble-shots,.dribbble-shots #shots{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden}.shot-container{flex:1;min-width:calc(33.33% - 48px);height:240px;border:2px solid var(--color-black);background:var(--color-white);box-shadow:3px 3px var(--color-black)}.shot-container img{width:100%;height:100%;object-fit:cover}.dribbble-shots-action{display:flex;justify-content:space-between;align-items:stretch}#prev{width:72px;height:72px;padding:0}#next{width:72px;height:72px;padding:0}.dribbble-shots-action a,.dribbble-shots-action button{text-decoration:none;display:flex;align-items:center;justify-content:center}}@media screen and (max-width:1100px){.project-container{flex-wrap:wrap;gap:16px;padding:0}.project-info{width:100%;padding:60px 38px 0}.project-image{width:100%}.project-container .rak-image{align-self:center}#rak-image{object-fit:scale-down}}@media screen and (max-width:940px){.hero-image-container{left:calc(28vw - 40px)}.shot-container{min-width:calc(55% - 54px)}.dribbble-shots #shots{gap:32px}.about-me-sec{flex-direction:column}.info{width:100%}.about-me-image{margin-top:40px;width:480px}}@media screen and (max-width:720px){.shot-container{min-width:99%}}@media screen and (max-width:700px){.black-hero{justify-content:start;gap:64px}.pink-hero{align-items:flex-end}.black-hero{height:720px}.hero-image-container{height:850px;left:50%;transform:translateX(-50%) scale(.75);top:calc(22vw - 50px)}.pink-hero{justify-content:end}.hero-title{display:flex;align-items:center;text-align:center}.hero-title-gradient{width:100%;text-align:center;align-items:center;justify-content:center}}@media screen and (max-width:520px){#next,#prev{width:60px;height:60px;padding:0}.dribbble-shots-action a{height:60px;padding:26px}#next svg,#prev svg{width:19px;height:19px}.project-info-data a,.project-info-data a button{width:100%}.project-info-data button{padding:20px 0}.about-me-image{width:94%}}@media screen and (max-width:390px){.work-sec{padding:88px 0;gap:50px}.project-container{flex-direction:column;align-items:start;padding:24px 0 0 0}.project-info{padding:0 24px;width:100%;gap:32px;margin-bottom:40px}.project-title{margin-bottom:8px}.project-main-info{gap:8px}.project-image{display:flex;width:100%}.about-me-wrapper{padding:88px 0;gap:88px}.about-me-sec{flex-direction:column;gap:40px}.info{gap:40px}.about-me-image{height:100%;width:100%;min-width:0;min-height:0}.socials{flex-wrap:wrap;align-items:center;justify-content:center}.dribbble-sec{gap:40px}#shots{gap:32px}.shot-container{min-width:100%}.dribbble-shots-action{gap:24px}.dribbble-shots-action *{min-height:59px}.dribbble-shots-action a{width:160px}}@media screen and (max-width:327px){.dribbble-shots-action a{width:192px}}.contact-me-wrapper{background:var(--color-black);padding:80px 0;display:flex;flex-direction:column;align-items:center}.contact-me-sec{display:flex;flex-direction:column;align-items:flex-start;gap:48px}.contact-me-sec a{text-decoration:none}