*,::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}}.hamburger-menu{color:var(--color-black)}.hamburger-menu span{background-color:var(--color-black)}.nav-expanded{background:var(--color-white)}.nav ul li a,.nav-expanded ul li:not(:last-child) a{color:var(--color-black)}.nav-expanded.responsive-bar{border-bottom:10px solid var(--color-black)}.nav-menu-mobile>li:last-child>a:hover,nav .action-sec a:hover{-webkit-text-fill-color:var(--color-white);-moz-text-fill-color:var(--color-white);color:var(--color-white)!important}nav a.btn{display:flex}.hero-sec{display:flex;align-items:center;justify-content:center;padding:56px 0 0 0}.work-sec{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 0 208px 0;gap:208px}.project-container{display:flex;align-items:flex-end;justify-content:flex-end;gap:32px;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:54%;display:flex;flex-direction:column;align-items:flex-start;gap:32px;margin-bottom:36px}.project-info *{width:100%}.project-main-info{display:flex;flex-direction:column;gap:16px}.project-image{max-width:890px;height:430px}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top left}.rak-project-image img{object-position:center}.project-data-sec{display:flex;gap:24px}.project-data-sec:not(:first-child) *{width:100%}.project-overview{width:120%}.project-data-sec>h2{min-width:412px;max-width:412px}.split-screen-data{display:flex;gap:24px}.split-screen-data>div{flex:1}div>ul{display:flex;flex-direction:column;gap:24px}.work-sec .container{width:100%;padding:108px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:208px}.project-img-sec{display:flex;flex-wrap:wrap;gap:24px}.project-img-sec picture{display:inline-block;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;max-width:408px;width:calc(50% - 12px)}.other-projects-sec{display:flex;justify-content:space-between;align-items:stretch;gap:24px}.other-projects-sec a{text-decoration:none;color:unset}.other-projects-sec a div{height:100%;justify-content:space-between}.other-projects-sec a:nth-child(2) div{align-items:flex-end;text-align:right}#comic-pic{width:100%}.info-icon{display:block;margin-left:-10px}.width-100 img{width:100%}.boxes-container{display:flex;flex-wrap:wrap;gap:24px}.pink-box{flex:1;width:266px;padding:16px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color-pink-light)}.pink-box span{text-align:center}.bg-black .flex-row img{width:47%}.image-container img{width:100%}.rak-images{max-width:411px}@media screen and (max-width:920px){.work-sec,.work-sec .container{gap:120px}.project-container{flex-direction:column;align-items:flex-start;padding:0}.project-container .project-info{width:100%;margin-bottom:0;padding:60px 38px 0}.project-image{align-self:flex-end}.rak-project-image{align-self:center}.bg-purple .project-data-sec,.project-data-sec:not(:first-of-type){flex-direction:column}.project-data-sec *{width:100%}.project-data-sec:first-child .project-info,.project-data-sec:first-child .project-overview{width:calc(50% - 12px)}.project-data-sec:first-child .project-info *{width:100%}.bg-purple .project-data-sec h2,.project-data-sec:not(:first-of-type) h2{min-width:100%;max-width:100%}.project-data-sec:not(:first-of-type) h2+*{width:100%}.split-screen-data{flex-wrap:wrap}.website-btn{margin-bottom:24px}}@media screen and (max-width:690px){.project-image{width:100%;height:auto;display:flex}.project-data-sec{flex-direction:column}.project-data-sec:first-child .project-info,.project-data-sec:first-child .project-overview,.project-data-sec:not(:first-of-type) h2+*{width:100%}.project-data-sec:not(:first-of-type) h2{min-width:100%;max-width:100%}}@media screen and (max-width:500px){.work-sec,.work-sec .container{gap:64px}.other-projects-sec{justify-content:center}.title-1{word-wrap:break-word}div>ul{flex-wrap:wrap;width:85%!important}}@media screen and (max-width:390px){#left-arrow,#right-arrow{width:80px;height:20px}#left-arrow path,#right-arrow path{stroke-width:4}}.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}