body{font-family:"Clash Display", Helvetica, Arial;color:white;min-height:500px;background-image:url("../images/bg-all-2.webp");background-repeat:repeat-y;background-position:center top;background-attachment:fixed;background-size:3436px auto;background-color:#040711;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media (max-width: 595px){body{background-image:url("../images/bg-all-mobile-2.webp");background-size:595px auto}}body.home-page{background-image:url("../images/bg-home.webp");background-size:3421px auto}@media (max-width: 595px){body.home-page{background-image:url("../images/bg-mobile-home.webp");background-size:595px auto}}a{transition:color 0.2s linear;text-decoration:none}img.half-size{width:auto;max-width:50%;height:auto}.container{padding:38px 60px;max-width:1200px;margin:0 auto}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;padding:16px 50px 11px;border-radius:28px;background:rgba(19,21,27,0.5);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 2px 6px #000;overflow:hidden}nav .far-left a{display:inline-block;transition:filter 0.2s linear}nav .far-left a:hover{filter:brightness(70%)}.nav-links{display:flex;gap:4vw;max-width:300px}nav a{color:white;text-decoration:none;font-size:17px}nav a.active{font-weight:600}nav a:hover{color:#D3D0D0}nav::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(to right, rgba(255,255,255,0.15), rgba(255,255,255,0.4), rgba(255,255,255,0.15));border-top-left-radius:24px;border-top-right-radius:24px;pointer-events:none;box-shadow:0 1px 6px rgba(255,255,255,0.05)}nav img.logo{width:77px}.button.primary{display:inline-block;width:fit-content;padding:10px 16px;text-align:center;border-radius:19px;border:1px solid #FF2DF7;background:linear-gradient(180deg, #FF1CF7 0%, #991194 100%);color:white;font-weight:500;cursor:pointer;font-size:17px;transition:filter 0.2s linear}.button.primary.smaller{font-size:17px;padding:9px 15px}.button.primary:hover{filter:brightness(80%)}.nav-actions{justify-self:end}.hero{margin-top:55px;display:grid;grid-template-columns:2fr 1fr;gap:100px}.hero .left{margin-top:30px}.hero .name{color:#FF1CF7;font-size:25px;font-weight:500}.hero h1{font-size:50px;font-weight:500;line-height:64px;letter-spacing:1.1px}.hero h2{margin-top:20px;font-size:19px;font-weight:400;letter-spacing:0.72px}.hero .right img{max-width:360px}.hero .left .actions{margin-top:70px}.featured-projects{margin-top:120px}.featured-projects.no-margin{margin-top:0}.featured-projects .tags{display:flex;gap:12px;flex-wrap:wrap}.featured-projects .title{font-size:40px;font-weight:500;margin-bottom:26px}.featured-projects img{width:100%}.featured-projects img.lazer-img{max-width:524px}.featured-projects .box{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;border-radius:32px;border:1px solid rgba(255,255,255,0.26);background:rgba(255,255,255,0.04);backdrop-filter:blur(14px);margin-bottom:30px}.featured-projects .box .left{border-radius:32px 0 0 32px;padding:32px 20px 32px 28px;background:linear-gradient(90deg, rgba(57,63,77,0.31) 0%, rgba(57,63,77,0.37) 96.15%, rgba(40,42,47,0.25) 99%, rgba(255,255,255,0) 100%)}@media (max-width: 1000px){.featured-projects .box .left{background:linear-gradient(180deg, rgba(57,63,77,0.31) 0%, rgba(57,63,77,0.37) 96.15%, rgba(40,42,47,0.25) 99%, rgba(255,255,255,0) 100%);border-radius:32px 32px 0 0px;padding:32px 28px 20px 28px}.featured-projects .box .left img{margin:0 auto}}.featured-projects .box .right{padding:32px 28px 32px 0px}@media (max-width: 1000px){.featured-projects .box .right{padding:0px 28px 32px 28px}}.featured-projects .tag{background:rgba(255,255,255,0.17);font-size:15px;font-family:'Satoshi', sans-serif;display:inline-block;border-radius:13px;padding:6px 10px}.featured-projects .name{margin-top:14px;font-size:40px;font-weight:500}.featured-projects .subtitle{margin-top:16px;font-family:'Satoshi', sans-serif;font-size:19px;font-weight:500;color:#D3D0D0}.featured-projects .description{margin-top:8px;font-size:25px;font-weight:500;letter-spacing:0.72%;line-height:36px}.featured-projects .box-action{text-align:right;margin-top:28px}.featured-projects img.undercurrent-img{max-width:455px}.featured-projects img.recruiter-img{max-width:532px}.featured-projects img.movie-img{max-width:429px}.featured-projects img.theraspace-img{max-width:480px}.view-all-projects{font-size:24px;margin-bottom:60px;padding-top:20px;text-align:right;font-weight:500}.view-all-projects a:hover{color:#D3D0D0}.footer{background:rgba(255,255,255,0.03);backdrop-filter:blur(13px)}.footer-inner{padding:60px 60px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:5fr 1fr}@media (max-width: 445px){.footer-links{display:flex;gap:16px;justify-content:center}.footer-links a{font-size:14px}}.footer-links a{color:#9E9E9E;font-size:17px;margin-right:34px}@media (max-width: 445px){.footer-links a{margin-right:0}}.footer-links a:hover{color:#D3D0D0}.footer-inner .right{text-align:right}.footer-inner .right a{color:#9E9E9E;font-size:17px}.footer-inner .right a i{font-size:22px}.footer-inner .right a:hover{color:#D3D0D0}.copyright{color:#606060;margin-top:36px}.hamburger-menu{display:none;justify-self:end;cursor:pointer;font-size:28px;color:white;padding:2px}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(4,7,17,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;z-index:1000;padding:40px}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:auto}.mobile-menu-header .logo{width:77px}.close-menu{cursor:pointer;font-size:28px;color:white;padding:10px;transform:translateX(30px) rotate(180deg);opacity:0;transition:all 0.6s ease-out 0.1s}.mobile-menu.show .close-menu{transform:translateX(0) rotate(0deg);opacity:1}.mobile-menu-links{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;flex:1}.mobile-menu a{color:white;text-decoration:none;font-size:24px;margin-bottom:12px;text-align:center;transition:color 0.2s linear}.mobile-menu a:hover{color:#D3D0D0}.mobile-menu a.active{font-weight:600;color:white}.mobile-menu a.button.primary{display:inline-block;width:fit-content;padding:12px 20px;text-align:center;border-radius:19px;border:1px solid #FF2DF7;background:linear-gradient(180deg, #FF1CF7 0%, #991194 100%);color:white;font-weight:500;cursor:pointer;font-size:24px;transition:filter 0.2s linear}.mobile-menu a.button.primary:hover{filter:brightness(80%);color:white}.mobile-menu.show{display:flex}@media (max-width: 1000px){.hero{grid-template-columns:1fr;gap:10px}.hero .left{order:2}.hero .right{order:1}.hero .right img{width:55vw}.hero h1{font-size:42px;line-height:51px}.featured-projects .box{grid-template-columns:1fr;gap:40px}.featured-projects .box-action{text-align:left}}@media (max-width: 1000px){.container{padding-left:30px;padding-right:30px}.footer-inner{padding-left:30px;padding-right:30px}}@media (max-width: 700px){nav{position:relative;grid-template-columns:1fr 1fr}.nav-links,.nav-actions{display:none}.hamburger-menu{display:block}}@media (max-width: 620px){.footer-inner{grid-template-columns:1fr;gap:30px;text-align:center}.footer-inner .left{order:2}.footer-inner .right{order:1;text-align:center}}@media (max-width: 750px){.featured-projects .title,.featured-projects .name{font-size:28px}.featured-projects .subtitle{font-size:20px}.featured-projects .description{font-size:21px}}.page-h1{font-size:52px;font-weight:500;color:#FF1CF7;text-align:center;margin:60px 0}@media (max-width: 600px){.page-h1{font-size:42px}}.projects-page{padding-bottom:20px}.bold-text{font-weight:600}.about-page .about-h2{color:#FFF;font-family:'Satoshi', sans-serif;font-size:27px;line-height:40px;max-width:750px;margin:0 auto;text-align:center}@media (max-width: 600px){.about-page .about-h2{font-size:19px;line-height:32px}}.about-page .about-h3{font-size:38px;text-align:center;font-weight:500;margin-bottom:52px}@media (max-width: 600px){.about-page .about-h3{font-size:28px}}.about-page .about-me-bottom{font-family:"Satoshi",sans-serif;line-height:150%;font-size:18px;max-width:600px;margin:62px auto 90px;text-align:center}@media (max-width: 600px){.about-page .about-me-bottom{font-size:17px}}.about-page .approach{margin-top:120px}.about-page .approach .boxes{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center;gap:20px}@media (max-width: 1000px){.about-page .approach .boxes{grid-template-columns:1fr 1fr;justify-content:center}.about-page .approach .boxes .box{margin:0 auto}}@media (max-width: 500px){.about-page .approach .boxes{grid-template-columns:1fr}.about-page .approach .boxes .box{max-width:none}}.about-page .approach .one-box{max-width:1000px;margin:45px auto 80px}@media (max-width: 500px){.about-page .approach .one-box{margin-top:20px}}.about-page .approach .one-box .box{max-width:none;text-align:center}.about-page .approach .one-box .box .text{text-align:left;max-width:740px;margin:0 auto}.about-page .approach .box{max-width:315px;padding:22px 24px 36px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 100%);box-shadow:0 -2px 40px 0 rgba(187,155,255,0.15),0 0.5px 0 0 rgba(255,255,255,0.3) inset}.about-page .approach .box .purple-icon-outer{border-radius:6px;background:#9729CA;box-shadow:0 0 28.4px 0 rgba(149,37,201,0.3);padding:4px;display:inline-block}.about-page .approach .box .purple-icon-inner{background:#9326C9;padding:6px;display:inline-block;box-shadow:2px 2px 14px 0 rgba(196,139,216,0.75)}.about-page .approach .box i{text-shadow:2px 2px 4px #BF58E1;font-size:17px}.about-page .approach .box .name{font-size:28px;font-weight:500;margin:14px 0 4px}@media (max-width: 600px){.about-page .approach .box .name{font-size:21px}}.about-page .approach .box .text{font-family:"Satoshi",sans-serif;line-height:150%;font-size:17px}.about-page .gallery{margin:0 auto}.about-page .gallery .gallery-images{display:flex;gap:20px;max-width:930px;margin:0 auto;flex-wrap:wrap;justify-content:center}.about-page .gallery .gallery-images .gallery-item{transition:transform 0.3s ease-out, box-shadow 0.3s ease-out}.about-page .gallery .gallery-images .gallery-item img{border-radius:12px;max-width:214px;transition:transform 0.3s ease-out, box-shadow 0.3s}.about-page .gallery .gallery-images .gallery-item:hover img{transform:scale(1.02) translateY(-7px);box-shadow:0 0px 18px rgba(255,255,255,0.3);z-index:10}.about-page .gallery-item img:hover{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="52" height="32" style="font-size: 24px;"><text x="0" y="24">🩷🩷</text></svg>'),auto}