@import url(https://fonts.googleapis.com/css2?family=Inter&family=Noto+Serif);@import url(https://api.fontshare.com/css?f[]=panchang@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic&display=swap);@font-face{font-family:Gilroy;src:url(../fonts/Gilroy.db62f190.ttf) format("truetype")}@-webkit-keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 20%}60%{background-position:50% 80%}to{background-position:0 50%}}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 20%}60%{background-position:50% 80%}to{background-position:0 50%}}@-webkit-keyframes slide-in{0%{transform:scale(.4) translateY(80%);opacity:0}}@keyframes slide-in{0%{transform:scale(.4) translateY(80%);opacity:0}}@-webkit-keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}:root{--carousel-color-primary:rgba(0,0,0,0.35);--carousel-color-secondary:#8e98f3;--carousel-color-white:#fff;--carousel-nav-width:50px;counter-reset:num}.splitting .char{-webkit-animation:slide-in calc(30ms*var(--char-index)) .7s cubic-bezier(.3,0,.7,1) both;animation:slide-in calc(30ms*var(--char-index)) .7s cubic-bezier(.3,0,.7,1) both}.slide-enter-from,.slide-leave-to{opacity:0;transform:translateX(5%)}.slide-enter-from html,.slide-leave-to html{overflow:hidden!important}.slide-enter-active,.slide-leave-active{transition:all 1s ease}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#202020}::-webkit-scrollbar-track{background:#e8e8e8}body,html{margin:0;padding:0;font-family:Gilroy,Inter,Noto Naskh Arabic,sans-serif;overflow-x:hidden!important}.app:before{background:radial-gradient(circle at 100% 0,#181818 45%,#4e4e4e 65%);z-index:-1;inset:0}.app:after,.app:before{content:"";position:fixed}.app:after{-webkit-animation:grain 8s steps(10) infinite;animation:grain 8s steps(10) infinite;top:-100%;left:-50%;width:300%;height:300%;background:url(/imgs/noisy.png);opacity:.6;z-index:0;pointer-events:none}.noScroll{overflow-Y:hidden!important;position:fixed}button{outline:none!important;border:none!important;box-shadow:none}main{padding:0 0 0 0;position:relative;overflow:hidden;z-index:2;display:flex;flex-flow:column;gap:20em}@media (max-width:767px){main{gap:2em}}@media (min-width:768px) and (max-width:991px){main{gap:2em}}main .orb-canvas{position:fixed;top:0;left:-100%;width:200%;height:100%;pointer-events:none;z-index:0;opacity:.3}.mywork{font-size:3em;margin:0;color:#fff;letter-spacing:0;background:#0040ff;text-transform:uppercase;width:100%;padding:0 0 0 1em;height:auto;line-height:33px}@media (max-width:767px){.mywork{padding:0 0 0 .5em;font-size:2em}}#paper{transition:transform .2s;position:absolute;width:100%;height:100%;top:0;left:0;background-size:100%;transform:rotate3d(0,0,0,45deg);mix-blend-mode:hard-light;z-index:1}.info{position:relative;z-index:1;color:#fff;mix-blend-mode:difference;display:flex;align-items:baseline;flex-flow:column;padding:0 60px}@media (max-width:767px){.info{padding:0 20px}}@media (min-width:768px) and (max-width:991px){.info{padding:0 30px}}.info h1{font-size:8vw;margin:0;letter-spacing:-5px;font-family:Panchang;text-transform:capitalize;font-weight:bolder;white-space:nowrap;width:100%;border-bottom:2px solid #fff}@media (max-width:767px){.info h1{font-size:14vw;letter-spacing:-3px;word-spacing:999em;white-space:unset;padding-bottom:25px}}@media (min-width:768px) and (max-width:991px){.info h1{font-size:6em;word-spacing:999em;white-space:unset;padding-bottom:25px}}.info h3{font-size:1.6em;display:flex;padding:25px 0;flex-flow:row;width:100%;justify-content:space-between;margin:0;line-height:1}@media (max-width:767px){.info h3{font-size:1.5em;flex-flow:column;line-height:22pt}}.work{grid-template-columns:1fr 1fr;gap:2em;top:-7em;z-index:1}.masonry,.work{width:100%;padding:0 3.5em;display:grid;position:relative}.masonry{transition:all .5s ease-in-out;grid-template-columns:repeat(auto-fill,minmax(calc(33.333% - 15px),1fr));grid-auto-rows:auto;gap:15px;z-index:2}@media (max-width:767px){.masonry{grid-template-columns:repeat(auto-fill,minmax(calc(100% - 15px),1fr))}}@media (min-width:768px) and (max-width:991px){.masonry{grid-template-columns:repeat(auto-fill,minmax(calc(50% - 15px),1fr))}}.masonry .brick{width:100%;vertical-align:top;background:#e8e8e8;padding:3em;position:relative;display:inline-block;transition:.5s ease;border-radius:20px;cursor:pointer}.masonry .brick:nth-child(odd){grid-row-end:span 3}.masonry .brick:nth-child(2n){grid-row-end:span 2}.masonry .brick:before{position:absolute;width:100%;height:100%;background:linear-gradient(0deg,#dbdaff,transparent);top:0;left:0;border-radius:inherit}.masonry .brick .overlay{position:absolute;transition:.8s ease-in-out;width:90%;height:auto;background:#000;left:0;right:0;margin:auto;bottom:0;color:#fff;opacity:0;transform:translateY(100%);padding:2em;display:flex;justify-content:space-between;align-items:center;border-radius:inherit;box-shadow:0 20px 55px -15px #000}@media (min-width:768px) and (max-width:991px){.masonry .brick .overlay{padding:4em 2em!important}}.masonry .brick .overlay h1{margin:0}@media (min-width:768px) and (max-width:991px){.masonry .brick .overlay h1{font-size:3em!important}}.masonry .brick:hover{z-index:99}.masonry .brick:hover .overlay{opacity:1;transform:translateY(20%)}.masonry .brick:hover .screen{transform:translateY(-2em)}.masonry .brick .screen{transition:all .5s ease-in-out;transform:translateZ(0);width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;margin:auto;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-user-drag:none}.tools{display:flex;list-style:none;margin:0;padding:0;line-height:normal;align-items:center}.tools li img{width:30px}.scroll{position:fixed;z-index:1;width:90px!important;left:0;right:0;bottom:10%;margin:auto}.modal{z-index:999}.modal__bg{height:100%;width:100%;position:fixed;z-index:0;cursor:url(/imgs/close.png),auto;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}@media (max-width:767px){.modal__content{padding:1em!important;flex-flow:column!important}}@media (max-width:767px){.modal__content .about{position:relative!important;top:0!important;align-self:baseline!important}}.modal__content .about>li{background:rgba(0,0,0,.5);padding:5px 15px;border-radius:35px;line-height:25px!important}.modal__content .about>li:nth-child(2){display:flex;gap:8px;align-items:center}@media (max-width:767px){.modal__content .about>li:nth-child(2){flex-flow:column;align-items:baseline}}.modal__content .about>li a{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none}.modal__content .about>li .tools img{--size:25px;width:var(--size)!important;height:var(--size);-o-object-fit:contain;object-fit:contain}.modal__close{position:fixed;top:0;left:0;cursor:pointer;border:none;outline:none;padding:10px;--size:60px;width:var(--size);height:var(--size);z-index:1;background:#0040ff;display:flex;align-items:center;justify-content:center;fill:#fff;text-decoration:none;line-height:0}@media (max-width:767px){.modal__close{bottom:0;left:0;top:unset}}@media (max-width:767px){.modal .screens{max-width:100%}}.modal .shots{display:flex;flex-flow:column;gap:1em}.modal .shots img{width:100%;-o-object-fit:cover;object-fit:cover;border:10px solid #000;border-radius:30px}@media (max-width:767px){.modal .shots img{border-width:4px;border-radius:15px}}.media{max-width:100%;max-height:85vh}.fade-enter-active,.fade-leave-active{transition:opacity .4s linear!important}.fade-enter,.fade-leave-to{opacity:0!important}.carousel{position:relative;text-align:center;box-sizing:border-box}.carousel__viewport{overflow:hidden}.carousel__track{display:flex;margin:0;padding:0;position:relative}.carousel__icon{width:1.2em;height:1.2em;fill:currentColor}.carousel__pagination{display:flex;justify-content:center;list-style:none;padding:0}.carousel__pagination-button{margin:5px;width:10px;height:5px;border:0;border-radius:5em;cursor:pointer;background-color:var(--carousel-color-white)}.carousel__pagination-button--active{background-color:#0040ff}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center}.carousel__slide img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.carousel__next,.carousel__prev{background-color:var(--carousel-color-primary);border-radius:var(--carousel-nav-width);width:var(--carousel-nav-width);height:var(--carousel-nav-width);text-align:center;font-size:calc(var(--carousel-nav-width)*2/3);padding:0;color:var(--carousel-color-white);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer}.carousel__prev{top:50%;left:0;transform:translate(-50%,-50%)}.carousel__next{top:50%;right:0;transform:translate(50%,-50%)}.cursor-dot,.cursor-dot-outline{pointer-events:none;position:absolute;top:50%;left:50%;border-radius:50%;opacity:0;z-index:1000;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}@media (max-width:767px){.cursor-dot,.cursor-dot-outline{display:none}}.cursor-dot{width:8px;height:8px;background-color:#dc5656}.cursor-dot-outline{width:70px;height:70px;border:2px solid #e58080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cursor-dot-outline span{opacity:0}.cursor-dot-outline span img{height:60%}.more{background:#0040ff;color:#fff;border-radius:10em;width:100%;height:100%;display:flex;margin:0;align-items:center;justify-content:center;font-family:Panchang;transition:all .8s ease}.marquee{width:85%;height:auto;overflow:hidden;position:absolute;z-index:1;top:20px;right:0;left:0;margin:auto;background:linear-gradient(45deg,#0436cf,#8500ff);color:#fff;border-radius:5em;font-size:33pt;display:list-item;border:5px solid #000;letter-spacing:2px}.marquee div{display:flex;gap:30px;width:200%;position:absolute;-webkit-animation:marquee 10s linear infinite;animation:marquee 10s linear infinite}.masonry{display:flex;flex-flow:wrap;gap:0;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width:767px){.masonry{padding:0 .5em}}.masonry .brick{position:unset;background:none;padding:unset;border-radius:0;border-bottom:1px solid #fff;background:hsla(0,0%,9%,.3);text-decoration:none}.masonry .brick:last-of-type{border:none!important}.masonry .brick:last-of-type .screen{transform:translateY(-60em)!important}.masonry .brick:hover{background:#000;padding:0 2em}.masonry .brick:hover .overlay{z-index:1!important}.masonry .brick:hover .overlay:after{-webkit-backdrop-filter:unset;backdrop-filter:unset}.masonry .brick:hover .overlay:before{transform:rotate(45deg)}.masonry .brick:hover .overlay h1:not(small){-webkit-animation:squiggly-anim .34s linear .1s;animation:squiggly-anim .34s linear .1s;-webkit-text-stroke-color:#fff;fill:transparent;color:transparent;-webkit-text-stroke-width:1px}.masonry .brick:hover .screen{opacity:1;visibility:visible;transform:translate(-50%,-60em) scale(1)!important;-webkit-animation:squiggly-anim .34s linear .2s;animation:squiggly-anim .34s linear .2s;display:block}@media (max-width:767px){.masonry .brick:hover .screen{transform:translateY(-2em)!important}}.masonry .brick .screen:not(.mobile){width:700px!important}@media (max-width:767px){.masonry .brick .screen:not(.mobile){width:inherit!important}}.masonry .brick .screen{pointer-events:none;transition:opacity .5s,visibility .5s;transform:translate(-50%,-55em) scale(0)!important;width:500px;height:auto;position:absolute;opacity:0;visibility:hidden;z-index:0;padding:4.5em 1em;background:url(/imgs/paper.png) no-repeat 60% 30%,#e8e8e8;background-size:250%;display:none}@media (max-width:767px){.masonry .brick .screen{width:300px!important;position:relative!important;left:0!important;right:0!important;top:0!important;margin:auto}}.masonry .brick .screen img{position:relative;width:100%;height:100%;mix-blend-mode:multiply}.masonry .brick .overlay{display:flex!important;position:relative!important;transform:unset!important;opacity:1;width:100%;padding:5em 3em;box-shadow:none;z-index:unset!important;background:none}.masonry .brick .overlay:before{position:absolute;background:url(/imgs/arrow-top.png) no-repeat 97%;--size:100px;width:var(--size);height:var(--size);right:30px;transition:inherit;background-size:cover}@media (max-width:767px){.masonry .brick .overlay:before{--size:45px;right:15px;bottom:15px}}@media (min-width:768px) and (max-width:991px){.masonry .brick .overlay:before{--size:55px}}@media (max-width:767px){.masonry .brick .overlay{padding:2em 1em;background-position:100% bottom;background-size:60px}}.masonry .brick .overlay:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);inset:0;width:100%;height:100%;z-index:-1;position:absolute}.masonry .brick .overlay h1{font-size:4em;line-height:45px;font-family:panchang;position:relative;isolation:isolate;padding-left:20px;width:100%}.masonry .brick .overlay h1:before{counter-increment:num;content:counter(num) " /";position:relative;font-size:15pt;top:-2em;left:-20px}@media (max-width:767px){.masonry .brick .overlay h1:before{position:absolute;font-size:11pt;left:-5px}}@media (max-width:767px){.masonry .brick .overlay h1{font-size:2em}}@media (min-width:992px) and (max-width:1599px){.masonry .brick .overlay h1{font-size:4em}}.masonry .brick .overlay h1 small{font-size:x-large}@media (max-width:767px){.masonry .brick .overlay h1 small{font-size:medium}}@-webkit-keyframes squiggly-anim{0%{filter:url(#squiggly-0)}25%{filter:url(#squiggly-1)}50%{filter:url(#squiggly-2)}75%{filter:url(#squiggly-3)}to{filter:url(#squiggly-4)}}@keyframes squiggly-anim{0%{filter:url(#squiggly-0)}25%{filter:url(#squiggly-1)}50%{filter:url(#squiggly-2)}75%{filter:url(#squiggly-3)}to{filter:url(#squiggly-4)}}.ps{max-width:95%;border-radius:8px}.ps .ps__thumb-y{background:#000}#circle{position:absolute;width:auto;overflow:hidden;z-index:3;right:22px;bottom:40%;display:flex;align-items:center;justify-content:center;--size:55px}@media (max-width:767px){#circle{width:9em;--size:18px;right:-10px;bottom:-10px;position:fixed;z-index:9;mix-blend-mode:unset}}@media (min-width:768px) and (max-width:991px){#circle{bottom:28%}}#circle:hover{-webkit-animation:squiggly-anim .34s linear infinite;animation:squiggly-anim .34s linear infinite}#circle:hover:after{transform:scale(1.2)}#circle:after{transition:.6s ease;background:url(/imgs/icons8-down-right-96.png) no-repeat 50%;background-size:40%;filter:invert(1);border:2px solid rgba(0,0,0,.5);border-radius:10em;border-style:dotted}#circle:after,#circle:before{position:absolute;content:"";width:var(--size);height:var(--size);z-index:1;padding:33px}#circle:before{background:url(/imgs/paper.png) no-repeat 50%;background-size:165%;border-radius:10em}#circle circle{fill:#0040ff}#circle text{font-size:26px;fill:#fff;word-spacing:0;text-transform:lowercase;letter-spacing:2px;font-family:Panchang}#circle svg{position:relative;width:13em;height:auto;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes rotate{0%{transform:rotate(1turn)}to{transform:rotate(0)}}@keyframes rotate{0%{transform:rotate(1turn)}to{transform:rotate(0)}}body,html{overflow:hidden}@-webkit-keyframes textAnimate{0%{stroke-dasharray:0 50%;stroke-dashoffset:20%}to{stroke-dasharray:50% 0;stroke-dashoffset:-20%}}@keyframes textAnimate{0%{stroke-dasharray:0 50%;stroke-dashoffset:20%}to{stroke-dasharray:50% 0;stroke-dashoffset:-20%}}.load{color:#fff;width:100%;height:100%;position:fixed;z-index:999;background:radial-gradient(circle at 100% 0,#000 25%,#282828 65%);background-size:120%;top:0;left:0;display:flex;align-items:center;justify-content:center;transition:1s ease}.load:before{content:"";-webkit-animation:grain 8s steps(10) infinite;animation:grain 8s steps(10) infinite;position:fixed;top:-100%;left:-50%;width:300%;height:300%;background:url(/imgs/noisy.png);opacity:.4;z-index:1}.load svg{transform:rotateY(180deg);width:110px}.load svg text{fill:transparent;stroke:#fff;stroke-width:3;-webkit-animation:textAnimate 4s infinite alternate;animation:textAnimate 4s infinite alternate;font-size:8em;text-transform:capitalize}.load span{--size:30px;width:var(--size);height:var(--size);background:#fff;display:block;border-radius:50px;transition:.5s ease-in-out;-webkit-animation:bounce 1.5s linear infinite;animation:bounce 1.5s linear infinite;transform-origin:bottom}@-webkit-keyframes bounce{0%{transform:translateY(0)}25%{transform:translateY(-25px)}50%{transform:translateY(-45px)}to{transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}25%{transform:translateY(-25px)}50%{transform:translateY(-45px)}to{transform:translateY(0)}}#container{perspective:10px;width:100%;height:100vh;position:fixed;inset:0}#k{position:relative;display:inline-block}video{position:fixed;width:100%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;z-index:0;mix-blend-mode:multiply}@-webkit-keyframes marquee{0%{left:0}to{left:-100%}}@keyframes marquee{0%{left:0}to{left:-100%}}@media (min-width:768px) and (max-width:991px){.modal__content{flex-flow:column;padding:0 2em}}@media (min-width:768px) and (max-width:991px){.modal__content .about{position:relative;top:0}}.modal__content .about .tools{gap:1em}.modal__content .about .tools li{display:flex;flex-flow:row;align-items:center;gap:.3em}.modal__content .about>li{line-height:unset!important;background:none;padding:5px 0}.modal__content .about>li:first-child{font-size:5em;inline-size:-webkit-min-content;inline-size:-moz-min-content;inline-size:min-content}@media (max-width:767px){.modal__content .about>li:first-child{font-size:3em}}.modal__content .about .view a{font-size:2em;align-items:flex-end;line-height:1}@media (max-width:767px){.modal__content .about .view a{font-size:1.5em}}.modal__content .about .view a img{width:25px}@media (min-width:768px) and (max-width:991px){.screens{max-width:100%}}.modal[data-v-2cf28ee9]{position:relative}.modal__content[data-v-2cf28ee9]{position:relative;height:100vh;padding:2em 14em;color:#fff;justify-content:space-between;display:flex;flex-flow:column;gap:1em;overflow:auto}@media (min-width:768px) and (max-width:991px){.modal__content[data-v-2cf28ee9]{flex-flow:column;padding:0 2em}}.modal__content .about[data-v-2cf28ee9]{display:flex;align-items:baseline;gap:15px;list-style:none;margin:0;padding:0;flex-flow:column}@media (min-width:768px) and (max-width:991px){.modal__content .about[data-v-2cf28ee9]{position:relative;top:0}}.modal__content .about .tools[data-v-2cf28ee9]{gap:1em}.modal__content .about .tools li[data-v-2cf28ee9]{display:flex;flex-flow:row;align-items:center;gap:.3em}.modal__content .about>li[data-v-2cf28ee9]{line-height:unset!important;background:none;padding:5px 0}.modal__content .about>li[data-v-2cf28ee9]:first-child{font-size:5em;inline-size:-webkit-min-content;inline-size:-moz-min-content;inline-size:min-content}@media (max-width:767px){.modal__content .about>li[data-v-2cf28ee9]:first-child{font-size:3em}}.modal__content .about .view a[data-v-2cf28ee9]{font-size:2em;align-items:flex-end;line-height:1}@media (max-width:767px){.modal__content .about .view a[data-v-2cf28ee9]{font-size:1.5em}}.modal__content .about .view a img[data-v-2cf28ee9]{width:25px}.modal .mobile[data-v-2cf28ee9]{display:flex;flex-flow:column;gap:2em}.modal .mobile .shots img[data-v-2cf28ee9]{width:100%!important}.modal .mobile .about[data-v-2cf28ee9]{position:unset;align-self:auto}.screens[data-v-2cf28ee9]{max-width:100%;flex:3}@media (min-width:768px) and (max-width:991px){.screens[data-v-2cf28ee9]{max-width:100%}}