@font-face{font-family:TRJN DaVinci Text;src:url(/assets/TRJN-DaVinci-Text-822696f3.ttf)}@font-face{font-family:Aeonik Regular;src:url(/assets/Aeonik-Regular-cdd8de1c.otf)}@font-face{font-family:Aeonik Medium;src:url(/assets/Aeonik-Medium-94252cc2.otf)}*,*:before,:after{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}.page-title{background-color:#090e10;width:100%;height:80vh;display:grid;place-items:center;font-family:TRJN DaVinci Text;font-weight:100}body{font-family:Aeonik Regular,sans-serif;background-color:#090e10;color:#fff}.noSelect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noSelect:focus{outline:none!important}.new-preloader{position:fixed;top:0;width:100vw;height:100vh;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#0c1113;z-index:30;display:grid;place-items:center;transition:transform .5s ease-out}.new-preloader.remove{animation:remove .9s cubic-bezier(.65,0,.35,1) forwards;animation-delay:1.8s}.new-preloader .inner{display:flex;align-items:center}.new-preloader .inner h1{font-family:TRJN DaVinci Text;font-size:42px;font-weight:100;display:block;overflow:hidden}.new-preloader .inner h1 .other{display:inline-block;opacity:0}.new-preloader .inner div{height:12px;width:12px;background-color:#fff;display:block;border-radius:50%;margin-right:10px;animation:pulsate .5s ease infinite alternate}.reveal{animation:slideIn .5s ease-in forwards;animation-delay:.05s}.reveal.delay{animation-delay:.3s}@keyframes slideIn{0%{transform:translate(-10%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes remove{0%{transform:translateY(0)}to{transform:translateY(-150%)}}.preloader{cursor:default;position:fixed;top:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#0c1113;display:grid;align-items:start;z-index:30;transition:transform 1s ease;transition-delay:.3s;opacity:1;overflow:hidden;transform:translateY(0);transform-origin:top}.preloader.loaded{transform:translateY(-150%)}.preloader.loaded .preloader-cont{opacity:0}.preloader .preloader-cont{position:relative;margin-top:2em;transition:opacity .3s ease-in-out}.preloader .preloader-cont:before{content:"";position:absolute;top:50%;width:100%;height:1px;background-color:#ffffff4e;z-index:-1}.preloader .preloader-cont span{position:relative;font-family:TRJN DaVinci Text;font-size:52px;font-weight:100;padding-inline:.2em;background-color:#0c1113;transition:left .3s linear;transform:translate(-50%)}.main{margin-top:1.5em;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEpSURBVHgB7ZVdrYQwEIVHQh1QCVdCJSABCThgHYCD4uBKQAIKSAUQWAmzc0i7aTb7w4Z2n/iSScoDPZzpmUJ0cpICZtZSVqrCmnIjIn1d11xVFTvn5JH/pUrKhWx+ERhLlDGG+77nZVmcd64pJbKhGsfxLhhKKbW5HoYBrgffckUpwIZw9igaSmu9uZ6m6epdGzoCNui67qVgXGVZbuKCOxS0dV2vaOMeUfKuo6AZ+haEB2ndKxiqaRoIXuhb5KU/BOSTQAiTtZbRlUNJRniKongqFCUWPewOB8cL1vFMxmL+QtCUEswZ2vQo6J1pygHaFc8kzgxtpFzgbOLwYO7wEZSTeZ7HMJNIY5KAvCOeSVzilBuEB/dm27ZwZ+kX4CLAmCT7Q5yc7OEGh8BfFJmOoZQAAAAASUVORK5CYII=),auto}.main .marquee{--gap: 0px;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;gap:var(--gap);font-size:24px;position:fixed;bottom:0;z-index:2;background-color:#d8eb00;padding-block:.7em;text-transform:uppercase;letter-spacing:-.5px;color:#000}.marquee-inner{flex-shrink:0;display:flex;min-width:100%;gap:var(--gap);animation:scroll 16s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--gap)))}}nav{display:flex;width:100%;justify-content:center}nav ul{display:inherit;list-style-type:none;gap:1.2em}nav ul li{display:inherit;align-items:center}nav ul li.active a{color:#fff}nav ul li.active a:hover{text-decoration:none;cursor:auto}nav ul li a{text-decoration:none;color:#828282;font-size:14px}nav ul li a:hover{text-decoration:underline}nav ul li span{display:inherit;margin-left:5px;align-items:center;color:#828282}.hero{display:flex;flex-direction:column;align-items:center;width:60%;max-width:700px;margin:8em auto 7em;position:relative}.hero .gradient{position:absolute;transform:translate(-50%);left:50%;bottom:-170%;z-index:-1;filter:blur(100px);opacity:.7;animation:breathing 6s ease-in-out infinite}.hero .avatar{background-color:#161f23;height:80px;width:80px;border-radius:50%;display:grid;place-items:center;margin-bottom:1em;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.hero .avatar video{max-width:95%;transform:translate(5px)}.hero .content-box{display:flex;flex-direction:column;align-items:center}.hero .content-box h1{font-weight:100;font-size:44px;text-align:center}.hero .content-box h1 i{font-family:TRJN DaVinci Text;font-weight:100;font-style:normal}.hero .content-box p{font-weight:100;color:#828282;letter-spacing:.3px;text-align:center;margin-top:2em;line-height:26px;width:90%}.hero .content-box p span{color:#fff}@keyframes breathing{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.hero .CTA{display:flex;align-items:center;margin-top:2em;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:12px 16px;background-color:#090e1050;border:1px solid #20292d;border-radius:12px;transition:transform .2s ease-in-out}.hero .CTA:hover div{background:transparent;border:2px solid #fff;animation:none}.hero .CTA:active{transform:scale(.97)}.hero .CTA p{color:#fff;margin-right:.5em;font-size:15px}.hero .CTA p a{color:#fff;text-decoration:none}.hero .CTA p a:hover{text-decoration:underline}.hero .CTA p.copy{color:#828282;text-decoration:underline}.hero .CTA p.copy:hover{color:#b1b1b1}@media (min-width: 1440px){.hero{margin:20vh auto}}@media (min-width: 1024px){.content-box h1 .software{display:inline-block;transition:all .4s ease-out;cursor:url(/assets/HCD-cursor-dc0a1f75.png),auto;position:relative}.content-box h1 .software:before{content:"1";font-size:10px;opacity:.4;position:absolute;top:10px;left:-8px}.content-box h1 .software:hover{opacity:.1;transform:scale(.98);text-decoration:line-through}.content-box h1 .product{display:inline-block;transition:all .4s ease-out;cursor:url(/src/assets/product-cursor.png),auto;position:relative}.content-box h1 .product:before{content:"2";opacity:.4;font-size:10px;position:absolute;top:10px;left:-8px}.content-box h1 .product:hover{opacity:.1;transform:scale(.98);text-decoration:line-through}.content-box h1 .designer{display:inline-block;transition:all .4s ease-out;cursor:url(/src/assets/designer-cursor.png),auto;position:relative}.content-box h1 .designer:before{content:"3";opacity:.4;font-size:10px;position:absolute;top:10px;left:-8px}.content-box h1 .designer:hover{opacity:.1;transform:scale(.98);text-decoration:line-through}}@media (max-width: 900px){.hero{width:100%;padding-inline:3em;margin:6em auto 7em}.gradient{max-width:100vw}p a:hover{text-decoration:none}p a:active{text-decoration:underline}}@media (max-width: 440px){.hero{padding-inline:1.2em}.hero .gradient{bottom:-75%}.hero .avatar{height:70px;width:70px}.hero .avatar video{transform:translate(3px)}.hero .content-box h1{font-size:36px}.hero .content-box p{font-size:15px;width:100%;line-height:24px}}.CTA div,.project-card button div{height:10px;width:10px;background-color:#fff;display:block;border-radius:50%;margin-right:.5em;animation:pulsate .5s ease infinite alternate}@keyframes pulsate{0%{opacity:0}to{opacity:1}}.project-cont{margin-top:3em;position:relative;width:100%;overflow:hidden;padding:4em 6em;display:flex;justify-content:center;background-color:#090e10}.project-cont .grid-background{position:absolute;top:0;left:0;z-index:1;width:100%;border-top:1px solid #fff;overflow:hidden}.project-cont .grid-background img{opacity:.05}.project-cont .projects{display:flex;align-items:center;flex-wrap:wrap;width:100%;max-width:1100px}.project-cont .projects h2{font-family:TRJN DaVinci Text;font-weight:400;font-size:32px;letter-spacing:-.5px}.project-card{position:relative;z-index:3;margin-top:4em;width:100%}.project-card:first-of-type{margin-top:2.5em}.project-card .project-image img{border-radius:20px;max-width:100%}.project-card .project-content{margin-top:1.5em;padding-inline:2em;display:flex;justify-content:space-between;align-items:center}.project-card .project-content .text{width:50%}.project-card .project-content h3{font-family:Aeonik Medium;font-weight:500;margin-bottom:.5rem}.project-card .project-content h3 span{font-family:Aeonik Regular;display:inline-block;margin-left:.5em;color:#828282}.project-card .project-content p{font-weight:100;color:#828282;line-height:26px;letter-spacing:.3px;font-size:14px;line-height:1.5}.project-card .project-content button{font-family:Aeonik Regular;font-size:15px;display:block;color:#fff;background-color:#090e10;padding:12px 20px;border:1px solid #20292d;border-radius:12px;background-image:url(/assets/button-bg-4604f1b9.png);background-position:center;background-size:cover;display:flex;align-items:center;cursor:pointer;transition:all .5s ease}.project-card .project-content button div{transition:all .5s ease;height:10px;width:10px;background-color:#fff;display:block;border-radius:50%;margin-right:.5em}.project-card .project-content button:hover{border-color:#424242}.project-card .project-content button:hover div{background:transparent;border:2px solid #fff;animation:none}.project-card .project-content button svg{margin-left:.5em}@media (max-width: 900px){.project-cont{padding:4em 3em}.project-card .project-content{padding-inline:0px}.project-card .project-content .text{width:60%}}@media (max-width: 440px){.project-cont{padding:3em 1.2em}.project-cont .projects h2{font-size:26px}.grid-background{width:60%}.project-card{margin-top:3.5em}.project-card .project-image img{border-radius:10px}.project-card .project-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:default}.project-card .project-content h3{font-size:18px;width:90%}.project-card .project-content button{margin-top:1.2em;font-size:15px}.project-card .project-content .text{width:100%}}.carousel{position:relative;width:100%;overflow:hidden}.carousel .carousel-container{display:flex;overflow:hidden;flex:0 0 auto;border-radius:20px}.carousel .carousel-container .carousel-item{width:100%;transition:all .5s ease}.carousel .carousel-container .carousel-item img{max-width:calc(100vw - 192px)}.carousel.project-content{align-items:flex-start}.carousel-indicators{display:flex}.carousel-indicators .carousel-indicator{display:block;height:8px;width:8px;background-color:#383f42;border-radius:50%;margin-right:8px}.carousel-indicators .carousel-indicator.active{background-color:#acafb6}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);height:2.5em;width:2.5em;background-color:#4e5b6140;border:1px solid rgba(23,30,33,.1254901961);border-radius:50%;display:grid;place-items:center;transition:all .5s ease}.carousel-arrow:hover{border:1px solid #171e21}.carousel-arrow:hover svg path{fill:#090e10}.carousel-arrow.prev{left:1em;transform:rotate(-180deg)}.carousel-arrow.next{right:1em}.carousel-arrow.disabled{display:none}@media (max-width: 440px){.carousel:hover .carousel-container .carousel-item{clip-path:inset(0% round 20px)}.carousel .carousel-container{border-radius:16px}.carousel .carousel-container .carousel-item img{max-width:calc(100vw - 38.4px)}.carousel-indicator{margin-top:1.5em}}@media (min-width: 1280px){.carousel .carousel-container .carousel-item img{max-width:1100px}.carousel-indicator{margin-top:1.5em}}.see-more{padding-inline:6em;display:grid;width:100%}a:-webkit-any-link{text-decoration:none}.see-more-container{margin:0 auto;width:100%;max-width:1100px;background-color:#262626;border:1px solid #494949;border-radius:24px;display:flex;justify-content:space-between;padding:2em;cursor:pointer;transition:transform .5s ease}.see-more-container:hover{transform:scale(.99)}.see-more-container:hover .text .h3 div{background:transparent;border:2px solid #fff;animation:none}.see-more-container:hover .interactive-btn{background:#fff;height:150px}.see-more-container:hover .interactive-btn svg path{stroke:#262626}.see-more-container:hover .text h3{opacity:.7}.see-more-container .text p{font-weight:100;color:#828282;line-height:26px;letter-spacing:.3px}.see-more-container .text .h3{display:flex;align-items:center;margin-top:15em}.see-more-container .text .h3 div{aspect-ratio:1/1;height:12px;width:12px;background-color:#fff;display:block;border-radius:50%;margin-right:1em;animation:pulsate .5s ease infinite alternate}.see-more-container .text .h3 h3{color:#fff;font-weight:100;font-size:42px;font-family:TRJN DaVinci Text;letter-spacing:-.5px;transition:opacity .3s ease}.see-more-container .interactive-btn{border:1px solid #fff;border-radius:50px;display:grid;place-items:center;height:80px;width:80px;transition:height .5s cubic-bezier(.65,0,.35,1)}@media (max-width: 900px){.see-more{padding-inline:3em}}@media (max-width: 440px){.see-more{padding-inline:1.2em}.see-more .see-more-container{padding-inline:1.2em;padding-block:1em 2em;flex-direction:column}.see-more .see-more-container .text{display:flex;flex-direction:column;margin-top:10em;order:1}.see-more .see-more-container .text p{font-size:14px;order:1}.see-more .see-more-container .text .h3{margin-top:0;order:0}.see-more .see-more-container .text .h3 div{height:10px;width:10px;background-color:#fff;display:block;border-radius:50%;margin-right:1em}.see-more .see-more-container .text .h3 h3{font-size:30px}.see-more .see-more-container .interactive-btn{order:0;height:60px;width:60px}.see-more .see-more-container .interactive-btn svg{height:30px}}.help-section{padding:7em 6em 6em;position:relative;overflow:hidden;border-bottom:1px solid #484d4f}.help-section .gradient{position:absolute;transform:scale(.8) translate(-65%);left:50%;top:-68%;filter:blur(120px);opacity:.7}.help-section .img{position:absolute;bottom:-7px;right:-3px;z-index:-1;max-width:35%}.help-section .img.left{left:-3px;transform:scaleX(-1)}.help-section .help-inner{max-width:1100px;margin-inline:auto;display:flex;flex-direction:column;align-items:center}.help-section .help-inner .icon-cont{height:55px;width:55px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;margin-bottom:2em}.help-section .help-inner .icon-cont .icon-cont-inner{height:82%;width:82%;border:1px solid #343a3d;border-radius:50%;background-color:#202020;display:grid;place-items:center;box-shadow:inset 0 0 2px 2px #fff3}.help-section .help-inner .icon-cont .icon-cont-inner svg{height:20px}.help-section .text-content{max-width:560px;text-align:center;display:grid;place-items:center}.help-section .header-text{display:grid;place-items:center;margin-bottom:6em}.help-section .header-text p{font-weight:100;color:#828282;line-height:26px;letter-spacing:.3px;line-height:1.5}.help-section .header-text h4{font-family:Aeonik Medium;font-weight:100;font-size:24px;line-height:1.2;margin-top:.3em;max-width:420px}.help-section .p-text{font-weight:100;color:#828282;line-height:26px;letter-spacing:.3px;color:#a0a0a0}.help-section .priming-img{display:flex;justify-content:center;gap:.8em;margin-top:4em;width:inherit}.help-section .priming-img img{height:120px;max-width:100%;border-radius:12px}@media (max-width: 1024px){.help-section .gradient{transform:scale(.7) translate(-75%);top:-60%}}@media (max-width: 900px){.help-section{padding:3em 3em 5em}.help-section .img{min-width:60%}}@media (max-width: 680px){.help-section .gradient{transform:scale(.7) translate(-75%);top:-50%}.help-section .img{max-width:85%;opacity:.5}.help-section .help-inner,.testify-item{margin:0}}@media (max-width: 440px){.help-section{padding:4em 1.2em}.help-section .gradient{transform:scale(.5) translate(-100%);top:-13%}.help-section .priming-img{margin-top:5em;flex-direction:column;justify-content:stretch;width:100%}.help-section .priming-img img{max-height:100%;height:max-content}.help-section .header-text{width:87%}.help-section .header-text h4{font-size:22px}}.contact-section{padding:2em 14em;display:flex;flex-direction:column}.contact-section .border{display:grid;align-self:stretch;background:linear-gradient(91.73deg,rgb(255,255,255) 0%,rgba(203,203,203,0) 35.1725399494%,rgba(174,174,174,0) 72.6168692112%,rgb(141,141,141) 100%);border-radius:24px;padding:.5px}.contact-section .contact-card{background-image:url(/src/assets/contact-bg.png),linear-gradient(0deg,rgb(22,28,31) 0%,rgb(52,58,61) 100%);padding:1.2em;background-size:cover;background-position:50% 100%;display:flex;flex-direction:column;align-items:center;align-self:flex-end;border-radius:24px}.contact-section .contact-card h1{font-weight:100;font-size:44px}.contact-section .contact-card h1 a{color:#fff;text-decoration:none}.contact-section .contact-card span{display:flex;padding:.4em 1em;background-color:#fff;color:#090e10;font-weight:100;border-radius:50px;margin-bottom:1em}.contact-section .footer-text{width:60%;display:flex;flex-direction:column;margin-top:1em;padding-block:3em}.contact-section .footer-text p{font-weight:100;letter-spacing:.3px;color:#828282;line-height:1.5;font-size:14px}.contact-section .footer-text p:last-of-type{font-size:12px;margin-top:3em}.contact-section .footer-text p a{text-decoration:none;color:#fff}.testimonial-section{display:grid;place-items:center;margin-top:2em}.testify-item{max-width:1100px;display:grid;padding:3em 9em;grid-template-columns:.5fr .4fr 1.5fr;grid-template-rows:auto;grid-template-areas:"left-sidebar main right-sidebar"}.testify-item .profile-cont{grid-area:left-sidebar}.testify-item .profile-cont .avatar{height:50px;width:50px;background-color:#828282;border-radius:50%;margin-bottom:1em}.testify-item .profile-content h5{font-size:17px;font-family:Aeonik Medium,sans-serif;font-weight:100}.testify-item .profile-content p{color:#828282;font-size:15px;margin-top:.2em}.testify-item .testimonial{grid-area:right-sidebar}.testify-item .testimonial h4{font-family:Aeonik Medium;font-weight:100;font-size:24px;line-height:1.2;color:#828282}.testify-item .testimonial h4 span{color:#fff}.testify-item .indicator-cont{display:grid;align-self:center;justify-self:center;grid-area:main}.testify-item .indicator-cont .indicator-inner{display:flex;gap:4px}.testify-item .indicator-cont .indicator-inner .indicator{height:8px;width:8px;background-color:#fff;display:block;border-radius:50%;animation:pulsate .8s ease infinite alternate}.testify-item .indicator-cont .indicator-inner .indicator:first-of-type{animation-delay:0s}.testify-item .indicator-cont .indicator-inner .indicator:nth-of-type(2){animation-delay:.3s}.testify-item .indicator-cont .indicator-inner .indicator:nth-of-type(3){animation-delay:.6s}@media (max-width: 1000px){.testify-item{display:flex;flex-direction:column;padding-inline:6em;margin-left:3em}.testify-item .profile-cont{order:2;display:flex;align-items:center}.testify-item .profile-cont .avatar{margin-block:0;margin-right:1em}.testify-item .indicator-cont{align-self:start;order:0;margin:0}.testify-item .testimonial{order:1;margin-block:2.3em;max-width:500px}}@media (max-width: 900px){.testify-item{padding:3em}}@media (max-width: 680px){.testify-item{margin:0}}@media (max-width: 440px){.testify-item{padding-inline:1.2em}.testify-item .profile-cont .avatar{height:42px;width:42px}.testify-item .profile-content h5{font-size:16px}.testify-item .profile-content p{font-size:14px}.testify-item .testimonial h4{font-size:22px}}.footer-container{max-width:1200px;margin:3em auto 0;padding-inline:6em;position:relative}.footer-container:before{content:"";position:absolute;width:100%;height:70%;background:linear-gradient(0deg,rgb(9,14,16) 50%,rgba(9,14,16,0) 100%);bottom:0;left:0;z-index:0}.footer-container .footer-vector{border:1px solid #484d4f;border-radius:28px;padding-inline:1em}.footer-container .controls{display:flex;margin-top:1em}.footer-container .controls div{margin-right:6px;width:12px;height:12px;border:1px solid #484d4f;border-radius:28px}.footer-container .inner{margin-top:1em;border:1px solid #484d4f;border-radius:28px;padding:4em 5em 5em}.footer-content{position:relative;z-index:2}.footer-content .h1{position:relative}.footer-content .h1:hover .hover-image{opacity:1;transform:translateY(0);transition:all .7s ease-in-out}.footer-content .h1:hover h1{background:linear-gradient(180deg,rgb(130,130,130) 0%,rgb(9,14,16) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-content .h1 .hover-image{position:absolute;top:50%;left:20%;transform:translateY(20px);max-width:120px;opacity:0;transition:all .2s ease-in-out}.footer-content .h1 h1{font-size:52px;letter-spacing:-.5px;font-family:TRJN DaVinci Text;color:#828282;font-weight:100;line-height:1.2;width:70%}.footer-content .nav-text{margin-top:5em;display:flex;justify-content:space-between}.footer-content .nav-text p{font-weight:100;color:#828282;line-height:26px;letter-spacing:.3px;font-size:14px;width:50%}.footer-content .nav-text a{text-decoration:none;color:#fff}.footer-content .nav-text a:hover{text-decoration:underline}.footer-content .subtext{margin-top:3em;font-weight:100;color:#828282;line-height:26px;letter-spacing:.3px;font-size:12px}@keyframes float{0%{transform:translate(0) translateY(0)}50%{transform:translate(-7px) translateY(3px)}to{transform:translate(0) translateY(0)}}.send-mail{margin-top:5em;display:inline-block}.send-mail p{font-weight:100;letter-spacing:.1px;color:#828282;line-height:1.5}.send-mail .email{display:flex;align-items:center;margin-top:.3em;position:relative}.send-mail .email:hover div{background:transparent;border:2px solid #fff;animation:none}.send-mail .email:hover:before{transform:scaleX(1);transform-origin:left}.send-mail .email:before{content:"";background:#fff;height:1px;width:100%;position:absolute;bottom:-2px;left:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.send-mail .email div{height:10px;width:10px;background-color:#fff;display:block;border-radius:50%;margin-right:.7em;animation:pulsate .5s ease infinite alternate;transform:translateY(2px)}.send-mail .email a{font-weight:100;font-size:24px;margin-block:0;color:#fff;text-decoration:none}@media (max-width: 900px){.footer-container{padding-inline:3em}.footer-container .footer-vector .inner{padding:3em}.footer-container .footer-content h1{width:90%;font-size:48px}.footer-container .footer-content .nav-text p{width:70%}}@media (max-width: 680px){.footer-container{padding-inline:2em}.footer-container .footer-vector{padding-inline:.8em}.footer-container .footer-vector .inner{margin-top:.8em}.footer-container .controls{margin-top:.8em;margin-left:.3em}.footer-container .controls div{margin-right:4px;width:9px;height:9px}}@media (max-width: 540px){.footer-container .footer-vector .inner{padding-inline:2em;border-radius:24px}.footer-container .footer-content h1{width:100%;font-size:42px}.footer-container .footer-content .nav-text p{width:70%}.footer-container .footer-content .send-mail{margin-top:3em}.footer-container .footer-content .send-mail p{font-size:15px}.footer-container .footer-content .send-mail a{font-size:20px}}@media (max-width: 480px){.footer-container,.footer-container .footer-vector{padding-inline:.5em}.footer-container .footer-vector .inner{padding-inline:1em;border-radius:24px}.footer-container .footer-content h1{width:100%;font-size:36px}.footer-container .footer-content .nav-text{flex-direction:column;margin-top:3.5em}.footer-container .footer-content .nav-text svg{margin-top:3em;transform:scale(.8)}.footer-container .footer-content .nav-text p{width:95%}.footer-container .footer-content .send-mail{margin-top:3.5em}.footer-container .footer-content .send-mail p{font-size:15px}.footer-container .footer-content .send-mail a{font-size:18px}.footer-container .footer-content .subtext{margin-top:1.5em}}.about-container{padding-inline:6em;margin-top:8em;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;width:fit-content}.about .carousel-indicator{margin-top:1em}.about .carousel,.about .carousel .carousel-item img{width:380px}.about .carousel .carousel-arrow{display:none}.about .header-text{margin-top:2em}.about .header-text h3{font-family:TRJN DaVinci Text;font-weight:100;font-size:24px;width:87%}.about .about-text p{font-size:18px}.about .about-text p:last-of-type span{font-style:italic}.about .about-text p:last-of-type span:first-of-type{margin-right:2px}.about .about-text .subheading{font-size:14px;letter-spacing:1px;margin-bottom:.7em;color:#828282}.about p{font-family:Aeonik Regular;font-weight:100;color:#ffffffed;line-height:1.7}.about p i{font-family:TRJN DaVinci Text;font-style:inherit}.about p a{color:#ffffffed}.about-card{background-color:#11181b;padding:.8em 1.2em;display:flex;justify-content:space-between;align-items:center;border-radius:12px;border:1px solid #1e262a}.about-card:hover{background-color:#171e21;cursor:pointer}.about-card .inner{display:flex;align-items:center}.about-card .inner p{margin-left:.5em;color:#828282}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#11181b;border:1px solid #1e262a;padding:30px;border-radius:8px;position:relative;z-index:1001;max-width:600px;width:100%;transform:translateY(24px);opacity:0;transition:all .5s ease-out}.modal.active{opacity:1;transform:translateY(0)}.modal1-content{background:red}.modal2-content .item-container{display:flex;flex-direction:column;gap:.9em}.modal2-content .item-container .inner-item{display:flex}.modal2-content .item-container .inner-item p{color:#ffffffed;margin-left:.7em;position:relative;top:-4px}.modal2-content .spotify p{margin-bottom:.7em}.modal2-content .updated-on p{margin-top:1.2em;font-size:13px;color:#828282}.skill{margin-bottom:4em}.skill .title{display:flex;align-items:center}.skill .title p{color:#fff}.skill .title div{height:10px;width:10px;background-color:#fff;display:block;border-radius:50%;margin-right:12px;animation:pulsate .5s ease infinite alternate}.skill ul{list-style-type:none}.skill ul li{margin-block:.3em}.skill ul li span{display:flex;gap:12px}.skill ul li span svg{transform:translateY(2px)}.about-footer{grid-column:1;transform:translateY(calc(-100% - 32px));display:flex;flex-direction:column;align-items:flex-start;margin-bottom:-23em}.about-footer p{color:#828282}.footnote{display:flex;justify-content:flex-start;gap:8px;align-items:center;padding:.3em .9em .3em .8em;border-radius:40px;background-color:#11181b;border:1px solid #1e262a}.footnote svg path{fill:#828282}.footnote p{font-size:14px;color:#828282}@media (max-width: 900px){.about-container{margin-top:9em;display:flex;flex-direction:column;padding-inline:3em}.about.carousel{width:calc(100vw - 6em)}.about.carousel .carousel-item img{min-width:calc(100vw - 6em)}.about-carousel-indicator{display:flex;justify-content:center}.about-footer{transform:translateY(0);margin-block:2em 0;padding-bottom:4em}}@media (max-width: 440px){.about-container{margin-top:6em;padding:1.2em}.about-container .header-text h3{width:100%;font-size:23px}.about-container .about-text p{font-size:16px;line-height:1.9}.about-container .about-text .modal .updated-on p{font-size:13px}.about.carousel,.about.carousel .carousel-item img{width:calc(100vw - 2.4em)}.about-card{padding:.5em 1em}.modal-overlay{align-items:end}.modal{padding:1.2em;overflow:auto;border-radius:18px 18px 0 0;border:none;border-top:1px solid #1e262a}}.work-container{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 3fr;gap:32px;margin:8em auto 0;padding-inline:6em;position:relative}.work-container .project-titles{display:flex;flex-direction:column;opacity:0}.work-container .project-titles span{display:flex;align-items:center;padding-block:5px;cursor:pointer;transition:all .3s ease-in-out}.work-container .project-titles span div{height:10px;width:10px;background-color:#fff;display:block;border-radius:50%;margin-right:8px;animation:pulsate .5s ease infinite alternate}.work-container .project-titles p{font-size:15px;font-family:TRJN DaVinci Text;font-size:19px;font-weight:100;transition:color .3s ease-in-out}.project-titles.second{position:fixed;left:6em;opacity:1}.project-title-nonactive{color:#828282}.project-grid-container{margin-bottom:3em;opacity:.3;position:relative}.project-grid-container.selected{opacity:1}.project-grid-container p{font-weight:100;width:80%;margin-bottom:1em;font-size:14px;line-height:1.4}.grid-one{display:grid;grid-template-rows:repeat(2,1fr) 2.5fr 1fr;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;height:500px}.grid-one div{background-color:#1f2527;border-radius:20px}.grid-one .div1{grid-area:1/1/3/3}.grid-one .div2{grid-area:1/3/3/5}.grid-one .div3{grid-area:1/5/3/7}.grid-one .div4{grid-area:3/1/5/5}.grid-one .div5{grid-area:3/5/5/7}.grid-two{display:grid;grid-template-rows:repeat(1fr);grid-template-columns:repeat(9,1fr);gap:8px;width:100%;height:250px}.grid-two div{background-color:#1f2527;border-radius:20px}.grid-two .div1{grid-area:1/1/3/4}.grid-two .div2{grid-area:1/4/3/7}.grid-two .div3{grid-area:1/7/3/10}.grid-four{display:grid;grid-template-rows:repeat(1fr,2fr);grid-template-columns:repeat(6,1fr);gap:8px;width:100%;height:300px}.grid-four div{background-color:#1f2527;border-radius:20px}.grid-four .div1{grid-area:1/1/3/5}.grid-four .div2{grid-area:1/5/3/7}.grid-five{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:8px;width:100%;height:600px}.grid-five div{background-color:#1f2527;border-radius:20px}.grid-five .div1{grid-area:1/1/3/3}.grid-five .div2{grid-area:1/3/3/6}.plain-image{height:500px;width:100%;background-color:#1f2527;border-radius:20px;overflow:hidden}.plain-image img{max-height:100%}.not-in-view{background:blue}