.transition__overlay{position:fixed;height:120dvh;width:100vw;background-color:#3b3b3b;display:flex;justify-content:center;align-items:center;z-index:10;top:-10vh;left:0;animation:showpageoverlay 3s ease forwards;box-shadow:0 2rem 5rem #000}.transition__overlay h1{font-family:Montserrat-B;text-transform:uppercase;position:relative;top:40%;opacity:0;animation:moveup 2.5s 1s ease forwards}.transition__overlay h1:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background-color:#fff;position:absolute;left:-1.3rem;top:50%;transform:translateY(-50%)}@keyframes moveup{0%{top:15%;opacity:0}45%{top:0%;opacity:1}to{top:-15%;opacity:0}}@keyframes showpageoverlay{0%{clip-path:ellipse(140% 140% at 50% 100%)}30%{clip-path:ellipse(140% 140% at 50% 100%)}50%{clip-path:ellipse(140% 140% at 50% 100%)}50%{clip-path:ellipse(140% 140% at 50% 100%)}70%{clip-path:ellipse(140% 140% at 50% 100%)}to{clip-path:ellipse(50% 0% at 50% 0%)}}@media screen and (max-width: 900px){@keyframes showpageoverlay{0%{clip-path:ellipse(250% 140% at 50% 100%)}30%{clip-path:ellipse(250% 140% at 50% 100%)}50%{clip-path:ellipse(250% 140% at 50% 100%)}50%{clip-path:ellipse(250% 140% at 50% 100%)}to{clip-path:ellipse(50% 0% at 50% 0%)}}}.home__page{height:100dvh;background-color:#262626;position:relative;transform:translateY(20%);overflow:hidden;animation:1.2s 1s movehome ease forwards}.home__page .circle__img{position:absolute;bottom:1.7rem;right:1.7rem;display:flex;justify-content:center;align-items:center}.home__page .circle__img .arrow__down{filter:invert(.9);width:2.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.home__page .circle__img .rotate__img{animation:rotate 15s linear infinite forwards;border:1px solid white;border-radius:50%;width:6.5rem;height:6.5rem;object-fit:cover}.home__page .circle__img__mobile{display:none}.home__page .bottom__text{position:absolute;padding:0 2rem;bottom:3rem;left:0;width:100%;display:flex;justify-content:space-between;font-family:Segoe UI}.home__page .bottom__text .info{color:#cccccccf;font-size:.92rem;width:49%;font-family:Montserrat;line-height:1.5}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move{0%{left:0%}to{left:-300%}}@keyframes movehome{0%{transform:translateY(30%);opacity:.3}to{transform:translateY(0);opacity:1}}.home__title{position:relative;left:0%;top:50%;transform:translateY(-50%);overflow:hidden;width:100vw}.home__title .top__text{font-family:Syne;font-weight:600;display:flex;align-items:center;gap:1rem;padding-left:1.5rem}.home__title .top__text .circle__container{position:relative}.home__title .top__text .circle__container span{width:.8rem;height:.8rem;display:block;border-radius:50%;background-color:#ccc}.home__title .top__text .circle__container span.yellow{background-color:#ffb672e0}.home__title .top__text .circle__container span.top{border:2px solid #262626;position:absolute;box-sizing:content-box;top:50%;left:50%;transform:translate(-7%,-50%)}.home__title .top__text p{color:#ccc;font-size:.8rem;text-transform:uppercase;font-family:Syne}.home__title h1{font-size:27rem;margin-top:2rem;text-transform:uppercase;text-align:center;font-family:Mono-Sans-B;line-height:.8;position:relative;color:#9c9c9c;-webkit-user-select:none;user-select:none;white-space:nowrap;animation:move 40s linear infinite}@media screen and (max-width: 900px){.home__page .bottom__text{bottom:2rem;padding:0 1rem}.home__page .bottom__text .info{width:100%;font-size:.65rem;line-height:1.2rem;text-align:justify;text-align-last:center}.home__page .circle__img{display:none}.home__page .circle__img__mobile{display:flex;bottom:0%;right:0;left:50%;transform:translate(-50%);z-index:1;filter:brightness(90%)}.home__page .circle__img__mobile .rotate__img{width:6rem;height:6rem;animation:none;animation:rotate 80s linear infinite forwards}.home__page .circle__img__mobile .arrow__down{transform:translate(-50%,-50%) rotate(-45deg)}.home__title h1{animation:move 30s linear infinite;font-size:29rem}.home__title .top__text{padding-left:1rem}@keyframes move{0%{left:0%}to{left:-800%}}}.article__card{background-color:#212531;padding:1rem;border-radius:.9rem;box-shadow:0 1rem 2rem #00000071}.article__card h3{font-size:1.4rem;font-family:Montserrat-B;margin:.8rem 0;height:3.4rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.article__card .cover__img{width:100%;height:15rem;border-radius:.8rem;object-fit:cover}.article__card p{font-family:Avenir;color:#a9a9a9;font-size:.9rem;line-height:1.7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.article__card .bottom{display:flex;justify-content:space-between;align-items:center;margin:1.2rem 0 0}.article__card .bottom p{color:#c5c3c3;font-size:.85rem}.article__card .bottom a{display:block;width:3rem;height:3rem;border-radius:50%;padding:.7rem;background-color:#2f3134}.article__card .bottom img{filter:invert(1) brightness(200);width:100%;transform:rotate(-90deg)}@media screen and (max-width: 900px){.article__card{padding:.5rem}.article__card .cover__img{height:11rem}.article__card h3{padding-left:1rem;font-size:1.2rem;height:3rem}.article__card p{padding-left:1rem;font-size:.7rem}.article__card .bottom{margin:1rem 0}}.project__card{display:flex;justify-content:flex-end;padding:0rem;border-radius:.9rem;background-color:#303030;overflow:hidden;margin-top:5rem;height:33.5rem;position:relative;box-shadow:0 1rem 2rem #00000071}.project__card.shift{justify-content:flex-start}.project__card.shift .project__links{left:4rem}.project__card.shift img.phone{left:unset;right:4rem}.project__card .project__links{display:flex;align-items:center;gap:1rem;position:absolute;top:2rem;right:3rem;z-index:3}.project__card .project__links a{width:3.6rem;height:3.6rem;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:1rem;box-shadow:0 .6rem .8rem #32323244;cursor:pointer}.project__card .project__links img{width:100%;filter:invert(.2)}.project__card .project__info{width:60%;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 4rem 5rem;z-index:1}.project__card .project__info h2{font-family:Syne;font-size:3rem;text-transform:uppercase}.project__card .project__info p{font-size:1.1rem;font-family:Syne;line-height:1.6;margin:1.5rem 0 0;color:#fbfbfb}.project__card .project__info .stacks{display:flex;align-items:center;gap:1rem;font-family:Montserrat-B;font-size:1.4rem;margin:2rem 0 0}.project__card>img{position:absolute;object-fit:cover}.project__card>img.laptop{left:0%;bottom:0%;height:100%;width:100%;z-index:0;border-radius:.9rem;object-position:0% top;box-shadow:0 .6rem 1rem #181818f5;filter:blur(8px) opacity(.5)}.project__card>img.phone{object-position:center top;bottom:2rem;height:85%;width:18.7rem;border-radius:1rem;box-shadow:0 .6rem .8rem #141414f5;left:4rem;z-index:1}.project__card .project__images{width:100%;height:100%;position:relative;gap:2rem}@media screen and (max-width: 900px){.project__card{display:block;height:auto}.project__card .project__links{right:1rem}.project__card.shift{justify-content:flex-start}.project__card.shift .project__links{left:unset;right:1rem}.project__card.shift img.phone{left:unset;right:unset}.project__card>img{display:block}.project__card>img.phone{margin:0rem auto 1rem;position:unset;z-index:10;width:100%;height:22rem;object-position:center;box-shadow:none;display:none}.project__card>img.laptop{height:20rem;bottom:unset;top:0;filter:opacity(.5);box-shadow:none;border-radius:0}.project__card .project__info{justify-content:flex-start;width:100%;padding:0;margin-top:22rem;margin-bottom:2rem}.project__card .project__info h2{font-size:1.4rem;font-weight:800;color:#cdcdcd;padding:0 1rem}.project__card .project__info p{font-size:.75rem;line-height:1.7;color:#989898;margin:1rem 0 0;padding:0 1rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}.project__card .project__info .stacks{font-size:.6rem;padding:0 1rem;margin:1.7rem 0 0}.project__card .project__info .stacks span{background-color:#616161;padding:.3rem .5rem;border-radius:.5rem;color:#bcbcbc;margin:0}}.works__page{position:relative;padding:0 4rem;overflow-y:auto;height:100vh;overflow-x:hidden;animation:1.2s .9s movehome ease forwards}.works__page .project__heading{font-size:7.9rem;margin:calc(10vh + 5rem) 0 1rem;text-align:center;text-transform:uppercase;font-family:Mono-Sans-B;color:#cdcdcd}.works__page>p{font-family:Segoe UI;width:70%}.works__page .blog__heading{margin:3rem 0 2rem;font-size:5rem;font-family:Mono-Sans-B;text-transform:uppercase;text-align:center}.works__page .articles{display:grid;width:70%;margin:0 auto;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-bottom:2rem}footer{display:flex;justify-content:space-between;align-items:center;font-family:Montserrat;font-size:.8rem;border-top:1px solid rgba(99,99,99,.4823529412);width:100%;padding:1.3rem 2rem;grid-column:1/-1;margin-top:3rem;width:calc(100% + 7rem);transform:translate(-3.5rem)}@media screen and (max-width: 900px){.works__page{padding:0 1rem}.works__page .project__heading{font-size:3rem}.works__page .articles{grid-template-columns:1fr;width:100%}.works__page .blog__heading{font-size:4rem}footer{font-size:.6rem;width:calc(100% + 1rem);transform:translate(-.5rem);padding:1.3rem 0rem}footer a{color:#bdbdbd}footer p{color:#bdbdbd}}.archives__page{overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;height:100dvh;overflow-y:auto}.archives__page .gallery{display:grid;gap:1.5rem;grid-template-columns:repeat(7,18rem);grid-template-rows:auto;border:1px solid red;cursor:move;position:relative}.archives__page span{height:27rem;display:block;-webkit-user-select:none;user-select:none;position:relative}.archives__page span img{object-fit:cover;object-position:top;border-radius:1rem;width:100%;height:100%}@keyframes expand{0%{gap:1.5rem}to{gap:32rem}}@keyframes fade{0%{opacity:1}to{opacity:.1;filter:grayscale(100%) blur(100px)}}.about__page{display:grid;grid-template-columns:63% 20%;justify-content:center;column-gap:2rem;overflow-y:auto;height:100vh;animation:1.2s 1s movehome ease forwards}.about__page p{font-family:Syne}.about__page h1{font-family:Mono-Sans-B;font-size:8rem;margin-top:calc(10vh + 5rem);text-align:center;grid-column:1/-1;justify-self:center;color:#cdcdcd}.about__page .tools div{margin-top:2rem}.about__page .tools h3{margin-bottom:.5rem;font-family:Syne}.about__page .tools p{font-size:.85rem;color:#d0d0d0;line-height:1.7}.about__page .description{padding-top:2rem}.about__page .description p{margin-bottom:1.25rem;font-size:1.2rem;line-height:1.6;color:#e7e7e7}.about__page .description span{text-decoration:underline}@media screen and (max-width: 900px){.about__page{display:block;padding:0 1rem}.about__page h1{font-size:4.7rem;margin-top:calc(10vh + 3rem)}.about__page .description p{font-size:.9rem}}nav{position:fixed;top:0%;left:0%;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;border-bottom:1px solid rgba(123,123,123,.3647058824);background-color:#272424ef;width:100%;height:10vh;padding:0 3rem;z-index:3}nav .page__text{font-family:Montserrat-B;font-size:1.2rem;text-transform:uppercase}nav>a{width:2.3rem;height:2.3rem;display:block}nav>a img{object-fit:cover;width:100%;height:100%}nav>a.pdf__icon img{filter:invert(98%) sepia(36%) saturate(295%) hue-rotate(306deg) brightness(95%) contrast(87%)}nav>a.logo__icon{width:3rem;height:3rem;border-radius:.2rem}nav>a.logo__icon img{filter:invert(98%) sepia(36%) saturate(295%) hue-rotate(306deg) brightness(95%) contrast(87%)}nav>a.menu__icon{border-radius:50%;background-color:#e4ded7;padding:.46rem;z-index:3}nav a{text-decoration:none;color:#fff;font-family:Segoe UI;font-size:.9rem}@media screen and (max-width: 900px){nav{padding:0 1rem}}.hamburger{width:2.3rem;height:2.3rem;display:block;cursor:pointer;z-index:5;border-radius:50%;background-color:#bdbdbd;padding:.1rem}.ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hamRotate.active{transform:rotate(45deg)}.hamRotate180.active{transform:rotate(180deg)}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:#515151;stroke-width:5.5;stroke-linecap:round}.ham1 .top{stroke-dasharray:40 139}.ham1 .bottom{stroke-dasharray:40 180}.ham1.active .top{stroke-dashoffset:-98px}.ham1.active .bottom{stroke-dashoffset:-138px}.ham2 .top,.ham2 .bottom{stroke-dasharray:40 121}.ham2.active .top,.ham2.active .bottom{stroke-dashoffset:-102px}.ham3 .top{stroke-dasharray:40 130}.ham3 .middle{stroke-dasharray:40 140}.ham3 .bottom{stroke-dasharray:40 205}.ham3.active .top{stroke-dasharray:75 130;stroke-dashoffset:-63px}.ham3.active .middle{stroke-dashoffset:-102px}.ham3.active .bottom{stroke-dasharray:110 205;stroke-dashoffset:-86px}.ham4 .top,.ham4 .bottom{stroke-dasharray:40 121}.ham4.active .top,.ham4.active .bottom{stroke-dashoffset:-68px}.ham5 .top,.ham5 .bottom{stroke-dasharray:40 82}.ham5.active .top,.ham5.active .bottom{stroke-dasharray:14 82;stroke-dashoffset:-72px}.ham6 .top{stroke-dasharray:40 172}.ham6 .middle{stroke-dasharray:40 111}.ham6 .bottom{stroke-dasharray:40 172}.ham6.active .top{stroke-dashoffset:-132px}.ham6.active .middle{stroke-dashoffset:-71px}.ham6.active .bottom{stroke-dashoffset:-132px}.ham7 .top{stroke-dasharray:40 82}.ham7 .middle{stroke-dasharray:40 111}.ham7 .bottom{stroke-dasharray:40 161}.ham7.active .top{stroke-dasharray:17 82;stroke-dashoffset:-62px}.ham7.active .middle{stroke-dashoffset:23px}.ham7.active .bottom{stroke-dashoffset:-83px}.ham8 .top{stroke-dasharray:40 160}.ham8 .middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform .4s}.ham8 .bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform .4s,stroke-dashoffset .4s}.ham8.active .top{stroke-dashoffset:-64px}.ham8.active .middle{transform:rotate(90deg)}.ham8.active .bottom{stroke-dashoffset:-64px}.side__bar{height:100dvh;width:30%;min-width:20rem;position:absolute;top:0;right:0%;background-color:#4e4e4eb2;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:calc(10vh + 2rem) 0 0 3rem;clip-path:circle(19% at 100% 50%);z-index:3;opacity:0;transition:transform .4s ease-out,clip-path .4s ease-out,opacity .1s .1s ease-out}.side__bar.show__bar{clip-path:circle(105% at 100% 50%);transition:transform .4s ease-out,clip-path .3s ease-out,opacity .3s ease-out;opacity:1}.side__bar.show__bar>p{opacity:1;transition:opacity .3s ease-out}.side__bar.show__bar hr{opacity:1;transition:opacity .3s ease-out}.side__bar.show__bar>div{opacity:1;transition:opacity .3s ease-out}.side__bar.show__bar .socials{opacity:1;transition:opacity .3s ease-out}.side__bar>p{font-family:Montserrat;color:#c9c9c9;font-size:.9rem;opacity:0;transition:opacity .1s ease-out}.side__bar hr{margin-top:1rem;border-color:#d1d1d15d;opacity:0;transition:opacity .1s ease-out}.side__bar>div{font-family:Montserrat-B;font-size:2.2rem;display:block;margin:1.36rem 0 0;cursor:pointer;width:fit-content;position:relative;color:#c9c9c9;opacity:0;transition:all .1s ease-out}.side__bar>div:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background-color:#c9c9c9;position:absolute;opacity:0;left:-1.3rem;top:50%;transform:translateY(-50%);transition:opacity .2s ease-out}.side__bar>div:hover:before{opacity:1}.side__bar .socials{position:absolute;bottom:2rem;left:3rem;width:100%;transition:opacity .1s ease-out;opacity:0}.side__bar .socials p{font-size:.8rem;color:#a6a6a6;margin-bottom:.8rem;font-family:Montserrat}.side__bar .socials .social__links{display:flex;gap:2rem;align-items:center}.side__bar .socials .social__links a{color:#c9c9c9;font-family:Montserrat;font-size:1.2rem;position:relative}.side__bar .socials .social__links a:hover:before{width:100%}.side__bar .socials .social__links a:before{content:"";position:absolute;height:2px;width:0%;background-color:#c9c9c9;top:100%;left:0;transition:width .2s ease}@media screen and (max-width: 900px){.side__bar{width:100%}}*{margin:0;padding:0;box-sizing:border-box;color:#fff}@font-face{font-family:Mono-Sans-B;src:url(/fonts/Mona-Sans-BlackNarrow.woff2) format("woff2")}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Regular.otf)}@font-face{font-family:Montserrat-B;src:url(/fonts/Montserrat-Bold.ttf)}@font-face{font-family:Mona-Regular;src:url(/fonts/Mona-Sans-LightNarrow.woff2)}@font-face{font-family:Avenir;src:url(/fonts/Avenir-Regular.otf)}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.otf)}@font-face{font-family:Syne;font-style:normal;font-display:block;src:url(/fonts/syne.woff2) format("woff2")}body{background-color:#262626;color:#9c9c9c;width:100%;overflow:hidden;position:relative}body *::-webkit-scrollbar{width:8px;background-color:#00302d}body *::-webkit-scrollbar-thumb{background-color:#555}body *::-webkit-scrollbar-thumb:hover{background-color:#5c5c5c}body *::-webkit-scrollbar-track{background-color:#3b3b3b}.contact__page{padding:calc(10vh + 0rem) 0rem 1rem;height:100dvh;overflow-y:auto;position:relative;animation:1.2s 1s movehome ease forwards}.contact__page .top__heading{width:fit-content;margin:0 auto;position:relative}.contact__page .top__heading h1{font-size:23rem;font-family:Mono-Sans-B;color:#cdcdcd;text-transform:uppercase;text-align:center;position:relative;line-height:1}.contact__page .top__heading img{position:absolute;width:16.7rem;display:block;left:50%;bottom:-1rem;transform:translate(-50%)}.contact__page .links{display:flex;justify-content:space-between;padding:0 2rem;font-family:Syne;text-transform:uppercase}.contact__page .links a{text-decoration:underline}.contact__page .links p{color:#cdcdcd;width:50%;line-height:1.7;font-size:1.1rem;font-weight:600}.contact__page .social__links{display:flex;gap:2.9rem;align-items:center;font-size:1.4rem;justify-content:space-between;font-weight:700}.contact__page .social__links a{color:#cdcdcd}.contact__page .heartbeat{animation:beat .3s infinite alternate;transform-origin:center}.contact__page footer{position:absolute;width:100%;transform:translate(0);bottom:0}@keyframes beat{to{transform:scale(1.02) translate(-50%)}}.contact__page .heartbeat:hover{animation-play-state:paused}@media screen and (max-width: 900px){.contact__page{padding:calc(10vh + 2rem) 0rem 1rem}.contact__page .top__heading{width:calc(100% - 1rem)}.contact__page .top__heading h1{font-size:9rem;text-align:left}.contact__page .top__heading img{width:12rem;top:50%;left:unset;right:0;transform:translate(0) translateY(-50%)}.contact__page .links{gap:0;padding:1.5rem;display:block}.contact__page .links p{width:100%;font-size:.9rem}.contact__page .social__links{font-size:.9rem;margin-top:3rem}.contact__page footer{padding:.8rem}@keyframes beat{to{transform:scale(1.02) translate(0) translateY(-50%)}}}