.home-page{width:100%}.home-page .bg-drop{z-index:100;background:#0000006c;width:100vw;height:100vh;position:fixed;top:0;left:0}
.hero-section{z-index:1;background:#101010;flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-section .hero-main-content{flex:1;justify-content:space-between;align-items:flex-start;width:100%;display:flex;position:relative;overflow:hidden}.hero-section .left-hero-content{z-index:1;align-items:flex-start;gap:45px;width:490px;padding:45px;display:flex;position:relative}.hero-section .left-hero-content .logo{width:45px;height:45px}.hero-section .left-hero-content .logo img{width:100%;height:100%;transform:scale(2.8)translateY(5px)}.hero-section .left-hero-content p{color:#fff;text-shadow:0 3px 10px #0000001f;flex:1;font-size:18px;font-weight:400}.hero-section .right-hero-content{flex-direction:column;align-items:flex-end;gap:30px;display:flex}.hero-section .right-hero-content .hero-nav-links{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:45px 90px 0 45px;list-style-type:disc;display:inline-flex;position:relative}.hero-section .right-hero-content .hero-nav-links li{color:#fff;cursor:pointer;opacity:.3;font-size:15px;font-weight:400}.hero-section .right-hero-content .hero-nav-links li:hover,.hero-section .right-hero-content .hero-nav-links li.active{opacity:1}.hero-section .right-hero-content .extra-content{flex-direction:column;gap:30px;padding-right:90px;display:flex}.hero-section .right-hero-content .extra-content p{color:#fff;text-shadow:0 3px 10px #0000001f;max-width:246px;font-size:18px;font-weight:400;line-height:normal}.hero-section .right-hero-content .extra-content h1{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:30px;font-weight:400;line-height:normal}.hero-section img.bg-img{width:100%;height:auto;position:absolute;bottom:-100px;left:0}.hero-section .stroke-line{border:1px dashed #ffffff1a;width:1px;height:100%;position:absolute;top:0}.hero-section .stroke-line.left{left:45px}.hero-section .stroke-line.right{right:45px}
.works-slide{border-top:1px dashed #ffffff1a;border-bottom:1px dashed #ffffff1a;width:100%;padding:20px 50px 20px 51px;overflow:hidden}.works-slide.works-slide--bordered{border:none}.works-slide .works{align-items:center;gap:50px;width:max-content;display:flex}
.hero-section-background{pointer-events:none;width:100vw;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-section-background img.profile-bg{z-index:3;width:80%;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-section-background .eclipse{filter:blur(200px);z-index:2;mix-blend-mode:lighten;background:#e35229;border-radius:728px;width:728px;height:728px;position:absolute;bottom:-300px;left:50%;transform:translate(-50%)}.hero-section-background h1{text-shadow:0 3px 10px #0000001f;-webkit-text-fill-color:transparent;background:linear-gradient(#fff 73.98%,#e35229 100%);-webkit-background-clip:text;background-clip:text;font-family:Climate Crisis,sans-serif;font-size:clamp(80px,18vw,240px);font-weight:400;line-height:normal;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)scaleX(1.1)}.hero-section-background .blured{z-index:4;background:linear-gradient(#10101000 0%,#101010 100%);width:100%;height:63px;position:absolute;bottom:0;left:0}
.about-section{z-index:1;background:#101010;flex-direction:column;align-items:flex-start;gap:60px;width:100%;padding:120px 240px 160px 90px;display:flex;overflow:hidden}.about-section .top-logo{width:100px;height:100px}.about-section .top-logo img{width:100%;height:100%;transform:scale(2)translateY(5px)}.about-section .content{width:100%;position:relative}.about-section .content p{color:#fff;text-shadow:0 3px 10px #0000001f;max-width:950px;font-size:48px;font-weight:400;line-height:normal}.about-section .content p span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff 43.27%,#fff0 86.75%);-webkit-background-clip:text;background-clip:text}.about-section .btn-follower .btn{pointer-events:auto;aspect-ratio:1;color:#fff;text-align:center;cursor:pointer;background:radial-gradient(214.96% 214.96% at 76.19% 87.06%,#101010 0%,#e35229 100%),#2f1c15;border-radius:200px;justify-content:center;align-items:center;gap:10px;width:150px;height:150px;padding:10px;font-size:18px;font-weight:400;display:flex;overflow:hidden;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff0f}.about-section .btn-follower .btn .blob{pointer-events:none;opacity:0;background:#ffffff1f;border-radius:50%;width:80px;height:80px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.about-section .btn-follower .btn:hover .blob{opacity:1;transform:translate(-50%,-50%)scale(2.2)}.about-section .btn-follower .btn .btn-text{z-index:2;flex-direction:column;align-items:center;gap:2px;line-height:1.2;display:flex;position:relative}.about-section .btn-follower .btn .word{display:block;position:relative;overflow:hidden}.about-section .btn-follower .btn .word span{transition:transform .4s cubic-bezier(.76,0,.24,1);display:block}.about-section .btn-follower .btn .word .shadow{color:#ffffff80;letter-spacing:.05em;text-transform:uppercase;font-size:13px;position:absolute;top:100%;left:0}.about-section .btn-follower .btn:hover .word .real,.about-section .btn-follower .btn:hover .word .shadow{transform:translateY(-100%)}
.project-grid-section{z-index:2;background:#101010;width:100%;padding-top:20px;position:relative}.project-grid-section img{width:100%;height:auto}
.works-section{z-index:2;background:#101010;width:100%;position:relative}.works-section .works-intro{align-items:center;gap:10px;width:100%;padding:90px 45px 45px;display:flex}.works-section .works-intro h1{color:#fff;text-shadow:0 3px 10px #0000001f;max-width:854px;font-family:Climate Crisis,sans-serif;font-size:60px;font-weight:400;line-height:60px}.works-section .works{width:100%;position:relative}.works-section .works .work-pin{width:100%;height:140vh;position:relative}.works-section .works .work-pin:last-of-type{height:100vh}.works-section .works .work{background:#101010;border-radius:24px;flex-shrink:0;align-items:flex-start;gap:45px;width:100%;height:100vh;padding:45px 45px 0;display:flex;position:relative;overflow:hidden}.works-section .works .work .left-details{flex-direction:column;flex-shrink:0;align-self:flex-start;align-items:flex-start;gap:34px;width:300px;display:flex}.works-section .works .work .left-details .detail-header{flex-direction:column;align-items:flex-start;width:100%;display:flex}.works-section .works .work .left-details .detail-header h4{color:#fff;align-items:center;gap:11px;font-size:24px;font-weight:400;display:flex}.works-section .works .work .left-details .detail-header h4 span{color:#fff;font-size:12px;font-weight:400}.works-section .works .work .left-details .records{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.works-section .works .work .left-details .records .record{color:#fff9;border-left:1px solid #414141;width:100%;padding:3px 15px;font-size:12px;font-weight:400}.works-section .works .work .left-details p{color:#fff;-webkit-line-clamp:8;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:16px;font-weight:400;display:-webkit-box;overflow:hidden}.works-section .works .work .preview-container{background:gray;border-radius:24px;flex:1;justify-content:center;align-items:center;height:100%;padding:0 68px;display:flex;position:relative;overflow:hidden}.works-section .works .work .preview-container img.preview-backdrop{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;right:0}.works-section .works .work .preview-container .work-container-parent{z-index:1;width:100%;height:100%;max-height:100%;position:relative}.works-section .works .work .preview-container .work-container-parent .work-container{border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden}.works-section .works .work .preview-container .work-container-parent .work-container video{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%}.works-section .works .work .preview-container .work-container-parent .btn{aspect-ratio:1;color:#fff;text-align:center;cursor:pointer;background:#bc34a7;border-radius:200px;justify-content:center;align-items:center;gap:10px;width:150px;height:150px;padding:10px;font-size:18px;font-weight:400;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:-8px;right:6px;overflow:hidden;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff0f}.works-section .works .work .preview-container .work-container-parent .btn .blob{pointer-events:none;opacity:0;background:#ffffff1f;border-radius:50%;width:80px;height:80px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.works-section .works .work .preview-container .work-container-parent .btn:hover .blob{opacity:1;transform:translate(-50%,-50%)scale(2.2)}.works-section .works .work .preview-container .work-container-parent .btn .btn-text{z-index:2;flex-direction:column;align-items:center;gap:2px;line-height:1.2;display:flex;position:relative}.works-section .works .work .preview-container .work-container-parent .btn .word{display:block;position:relative;overflow:hidden}.works-section .works .work .preview-container .work-container-parent .btn .word span{transition:transform .4s cubic-bezier(.76,0,.24,1);display:block}.works-section .works .work .preview-container .work-container-parent .btn .word .shadow{color:#ffffff80;letter-spacing:.05em;text-transform:uppercase;font-size:13px;position:absolute;top:100%;left:0}.works-section .works .work .preview-container .work-container-parent .btn:hover .word .real,.works-section .works .work .preview-container .work-container-parent .btn:hover .word .shadow{transform:translateY(-100%)}.works-section .works .clip-content-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:linear-gradient(#10101000 -29.49%,#101010 40.97%);justify-content:space-between;align-items:center;width:100%;padding:90px 45px 45px;display:flex;position:sticky;bottom:0}.works-section .works .clip-content-container p{color:#ffffff80;font-size:21px;font-weight:400;line-height:21px}.works-section .works .clip-content-container .wrap{cursor:pointer;align-items:center;gap:24px;display:flex}.works-section .works .clip-content-container .wrap h2{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:30px;font-weight:400;line-height:30px}.preview-container .btn{aspect-ratio:1;color:#fff;text-align:center;cursor:pointer;background:#bc34a7;border-radius:200px;justify-content:center;align-items:center;gap:10px;width:150px;height:150px;padding:10px;font-size:18px;font-weight:400;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff0f}.preview-container .btn .blob{pointer-events:none;opacity:0;background:#ffffff1f;border-radius:50%;width:80px;height:80px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.preview-container .btn:hover .blob{opacity:1;transform:translate(-50%,-50%)scale(2.2)}.preview-container .btn .btn-text{z-index:2;flex-direction:column;align-items:center;gap:2px;line-height:1.2;display:flex;position:relative}.preview-container .btn .word{display:block;position:relative;overflow:hidden}.preview-container .btn .word span{transition:transform .4s cubic-bezier(.76,0,.24,1);display:block}.preview-container .btn .word .shadow{color:#ffffff80;letter-spacing:.05em;text-transform:uppercase;font-size:13px;position:absolute;top:100%;left:0}.preview-container .btn:hover .word .real,.preview-container .btn:hover .word .shadow{transform:translateY(-100%)}
.numbers-section{z-index:2;background:#101010;flex-direction:column;align-items:flex-start;gap:45px;width:100%;padding:180px 45px 45px;display:flex;position:relative}.numbers-section h1{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:60px;font-weight:400;line-height:60px}
.numbers-container{flex-direction:column;align-items:flex-start;gap:9px;width:100%;display:flex}.numbers-container .number-row{gap:9px;width:100%;display:flex}.numbers-container .card{background:#050505;border-radius:36px;flex-direction:column;flex:1;align-items:flex-start;gap:60px;width:100%;padding:30px;display:flex}.numbers-container .card .title{color:#fffc;text-shadow:0 3px 10px #0000001f;font-size:18px;font-weight:400;line-height:normal}.numbers-container .card .wrap{justify-content:center;align-items:flex-end;gap:5px;display:flex}.numbers-container .card .wrap h2{color:#fff;text-shadow:0 3px 10px #0000001f;font-size:50px;font-weight:500;line-height:50px}.numbers-container .card .wrap p{color:#fff6;text-shadow:0 3px 10px #0000001f;font-size:15px;font-weight:400;line-height:normal}
.just-flexing-section{z-index:2;background:#101010;flex-direction:column;align-items:flex-start;gap:45px;width:100%;padding:180px 0 45px;display:flex;position:relative}.just-flexing-section .top-header{justify-content:space-between;align-items:flex-start;width:100%;padding:0 45px;display:flex}.just-flexing-section .top-header h1{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:60px;font-weight:400;line-height:60px}.just-flexing-section .top-header p{color:#fff;text-shadow:0 3px 10px #0000001f;max-width:450px;font-size:16px;font-weight:400;line-height:normal}.just-flexing-section .flex-projects-container{width:100%;height:547px}.just-flexing-section .flex-projects-container .flex-carousel{width:100%;height:100%}.just-flexing-section .flex-projects-container .flex-carousel .carousel-wrapper{height:100%;padding-left:50px}.just-flexing-section .flex-projects-container .flex-card{background:#171717;border-radius:45px;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:24px;width:100%;height:100%;padding:24px;display:flex}.just-flexing-section .flex-projects-container .flex-card .flex-preview{background:linear-gradient(#0003 0%,#e3522933 100%),#000;border-radius:24px;flex:1 0 0;justify-content:center;align-items:flex-start;gap:6.6px;width:100%;padding:48.1px 44.7px 0 44px;display:flex;overflow:hidden}.just-flexing-section .flex-projects-container .flex-card .flex-preview img{-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;width:100%;height:100%}.just-flexing-section .flex-projects-container .flex-card h4{color:#fff;padding:0 12px;font-size:24px;font-weight:400;line-height:normal}.just-flexing-section .flex-projects-container .flex-card h4 span{color:#fff;font-size:12px;font-weight:400;line-height:normal}
.carousel-root{flex-direction:column;gap:12px;width:100%;display:flex;position:relative}.carousel-root .carousel-head{justify-content:space-between;align-items:center;padding:0 20px;display:flex}.carousel-root .carousel-head .carousel-arrows{gap:8px;display:flex}.carousel-root .carousel-head .carousel-arrows .carousel-arrow{cursor:pointer}.carousel-root .carousel-head .carousel-arrows .carousel-arrow:hover{transform:scale(1.06)}.carousel-root .carousel-head .carousel-dots{align-items:center;gap:8px;display:flex}.carousel-root .carousel-head .carousel-dots .carousel-dot{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;width:8px;height:8px;transition:all .2s}.carousel-root .carousel-head .carousel-dots .carousel-dot.is-active{background:#74b319;border-radius:8px;width:28px;height:8px;box-shadow:0 2px 8px #0000002e}.carousel-root .carousel-arrows{z-index:2;position:absolute;top:50%;right:45px;transform:translateY(-50%)}.carousel-root .carousel-arrows button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:radial-gradient(214.96% 214.96% at 76.19% 87.06%,#10101033 0%,#e3522933 100%),#2f1c1533;border-radius:200px;justify-content:center;align-items:center;width:120px;height:120px;padding:10px;display:flex;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff0f}.carousel-root .carousel-wrapper{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.carousel-root .carousel-wrapper .carousel-track{will-change:transform;align-items:stretch;gap:0;height:100%;display:flex}.carousel-root .carousel-wrapper .carousel-item{flex-shrink:0;height:100%;display:block}@media (max-width:768px){.carousel-root .carousel-head .carousel-arrows .carousel-arrow{font-size:22px}.carousel-root .carousel-head .carousel-dots .carousel-dot.is-active{width:22px}}
.gallery-wrapper{width:100%;position:relative}.gallery-section{z-index:2;background:#101010;flex-direction:column;align-items:flex-start;gap:45px;width:100%;height:100vh;padding:100px 0 45px;display:flex;position:sticky;top:0;overflow:hidden}.gallery-section .top-header{justify-content:space-between;align-items:flex-start;width:100%;padding:0 45px;display:flex}.gallery-section .top-header h1{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:60px;font-weight:400;line-height:60px}.gallery-section .top-header p{color:#fff;text-shadow:0 3px 10px #0000001f;max-width:450px;font-size:16px;font-weight:400;line-height:normal}.gallery-section .gallery-preview{flex:1;align-items:center;width:100%;display:flex;overflow:visible}.gallery-section .gallery-preview .gallery-track{will-change:transform;align-items:center;height:100%;transition:transform 50ms linear;display:flex}.gallery-section .gallery-preview .gallery-track img{width:5272px;max-width:none;height:100%;display:block}
.service-section{z-index:2;background:#101010;flex-direction:column;align-items:flex-start;gap:45px;width:100%;padding:120px 45px 45px;display:flex;position:relative}.service-section h1{color:#fff;text-shadow:0 3px 10px #0000001f;z-index:2;font-family:Climate Crisis,sans-serif;font-size:60px;font-weight:400;line-height:60px;position:relative}.service-section .services-container{background:#090909;border:4px solid #ffffff1a;border-radius:45px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:9px;display:flex;position:relative}.service-section .services-container .line-range{background:#e35229;width:3px;height:93vh;position:absolute;bottom:0;left:200px}.service-section .services-container .line-range .dot{background:radial-gradient(122.52% 122.52% at 76.19% 87.06%,#e35229 0%,#101010 100%);border-radius:50%;flex-shrink:0;width:29px;height:29px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 12px 54px #00000040}.service-section .services-container .service-tab{flex-shrink:0;align-items:center;width:100%;max-width:1190px;height:64px;margin:0 auto;padding:12px 0;display:flex}.service-section .services-container .service-tab .tab{color:#fff;letter-spacing:-.15px;text-align:center;flex:1;gap:10px;padding:10px;font-size:15px;font-weight:500;line-height:normal}.service-section .services-container .service-body{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:10px;width:100%;max-width:1190px;margin:0 auto;padding:30px;display:flex}.service-section .services-container .service-body .service-row{align-items:flex-start;gap:10px;width:100%;display:flex}.service-section .services-container .service-body .service-row .service{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:-.137px;background:#ffffff08;border-radius:50px;justify-content:center;align-items:center;gap:30px;height:54px;padding:3px 3px 3px 36px;font-size:13.68px;font-weight:500;line-height:normal;display:flex;position:relative;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff0f}.service-section .services-container .service-body .service-row .service svg{position:absolute;bottom:-45px;left:98px}.service-section .services-container .service-body .service-row .service svg.design-left{left:-190px}.service-section .services-container .service-body .service-row .service svg.product-left{left:20px}.service-section .services-container .service-body .service-row .service .tag{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#6161614d;border-radius:50px;justify-content:center;align-items:center;height:100%;padding:10px 18px;display:flex}.service-section .services-container .service-body .service-row .service .tag.active{background:#f7695b4d}
.letter-section{z-index:2;background:radial-gradient(53.97% 41.76%,#561605 0%,#101010 100%);width:100%;height:320vh;position:relative}.letter-section .letter-container{will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:300px;left:50%;transform:translate(-50%)}.letter-section .letter-container .letter-head{color:#fff;letter-spacing:-.49px;background:#101010;border:1px solid #1b1b1b;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin-bottom:45px;padding:13.68px 24px;font-size:19.38px;font-weight:500;line-height:25.08px;display:flex}.letter-section .letter-container h2{text-align:center;color:#fff;letter-spacing:-1.14px;max-width:100%;margin-bottom:50px;font-size:45.6px;font-weight:500;line-height:51.3px}.letter-section .letter-container h2 span{color:#e35229}.letter-section .letter-container .letter-contain{background:var(--General-Color-White,#101010);border-radius:41.04px;flex-direction:column;justify-content:center;align-items:center;gap:11.4px;width:800px;padding:68.4px;display:flex}.letter-section .letter-container .letter-contain .row{border-bottom:1px solid #0003;width:100%;height:41px;padding:15px 0 10px}.letter-section .letter-container .letter-contain .row p{color:#fff;letter-spacing:-.513px;font-size:23.94px;font-weight:400;line-height:23.94px}.letter-section .letter-container .letter-contain .row .pg{height:61px}.letter-section section{z-index:10;pointer-events:none;justify-content:flex-end;align-items:flex-end;width:100%;height:100vh;display:flex;position:sticky;top:0}.letter-section section img{margin:0 auto;position:relative;bottom:-10px}.letter-section section .blurred{background:linear-gradient(180deg, #fff0 0%, var(--General-Color-White,#101010) 84.62%);width:100%;height:200px;position:absolute;bottom:0;left:0}@media (max-width:640px){.letter-section{height:300vh}.letter-section .letter-container{will-change:transform;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;bottom:200px;left:0%;transform:translate(0%)}.letter-section .letter-container .letter-head{letter-spacing:-.43px;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin-bottom:40px;padding:12px;font-size:17px;font-weight:600;line-height:22px;display:flex}.letter-section .letter-container h2{text-align:center;letter-spacing:-1px;max-width:100%;margin-bottom:50px;font-size:24px;font-style:normal;font-weight:600;line-height:24px}.letter-section .letter-container .letter-contain{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:85%;padding:30px;display:flex}.letter-section .letter-container .letter-contain .row{width:100%;height:40px;padding:18px 0 10px}.letter-section .letter-container .letter-contain .row p{letter-spacing:-.23px;font-size:13px;font-weight:500;line-height:20px}.letter-section .letter-container .letter-contain .row .pg{height:51px}.letter-section section{z-index:10;pointer-events:none;justify-content:flex-end;align-items:flex-end;width:100%;height:100vh;display:flex;position:sticky;top:0}.letter-section section img{width:100%;margin:0 auto;position:relative;bottom:-10px}}
.build-something-section{z-index:2;background:#101010;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:90px;width:100%;padding:240px 45px 150px;display:flex;position:relative}.build-something-section .upper-section{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:20px;max-width:700px;display:flex}.build-something-section .upper-section h1{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:60px;font-weight:400;line-height:60px}.build-something-section .upper-section p{color:#fff;text-shadow:0 3px 10px #0000001f;font-size:16px;font-weight:400;line-height:normal}.build-something-section img.img-logo{position:absolute;top:240px;right:45px}.build-something-section .links-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#10101066;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex;position:relative}.build-something-section .links-container .contact-links{align-items:center;gap:3px;width:100%;height:70px;padding:3px 0;display:flex}.build-something-section .links-container .contact-links a{color:#fff;letter-spacing:-.137px;background:#1010101a;border-radius:12px;flex:1;align-items:center;gap:11.4px;height:100%;padding:0 45px;font-size:13.68px;font-weight:500;line-height:normal;transition:background .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),color .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff08}.build-something-section .links-container .contact-links a:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff0e 50%,#0000 80%);transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-100%)}.build-something-section .links-container .contact-links a:after{content:"";opacity:0;pointer-events:none;background:#ffffff59;border-radius:1px;width:0%;height:1px;transition:width .4s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px 1px #fff3}.build-something-section .links-container .contact-links a:hover{background:#ffffff12;transform:translateY(-1px);box-shadow:inset 0 -3px 12px #0000001a,0 6px 20px #0000002e,inset 0 3px 16px #ffffff0f}.build-something-section .links-container .contact-links a:hover:before{transform:translate(100%)}.build-something-section .links-container .contact-links a:hover:after{opacity:1;width:60%}.build-something-section .links-container .contact-links a:active{transition-duration:.1s;transform:translateY(0)scale(.995);box-shadow:inset 0 -4px 14px #00000029,0 2px 8px #0000001f,inset 0 2px 10px #ffffff06}.build-something-section .links-container .ai-info-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:140px;display:flex}.build-something-section .links-container .ai-info-container h2{color:#fff;font-size:16px;font-weight:400;line-height:normal}.build-something-section .links-container .ai-info-container .ai-links{flex-wrap:wrap;align-content:center;align-items:center;gap:6.84px;display:flex}.build-something-section .links-container .ai-info-container .ai-links .link-btn{border:0 solid var(--General-Color-Light-Grey,#eee);background:var(--General-Color-White,#fff);cursor:pointer;border-radius:13.68px;justify-content:center;align-items:center;gap:11.4px;width:45.6px;height:45.6px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),background .3s;display:flex;position:relative;box-shadow:0 3.42px 13.68px #1b1b1b1f}.build-something-section .links-container .ai-info-container .ai-links .link-btn:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:1px solid #1b1b1b14;transition:opacity .3s;position:absolute;inset:0}.build-something-section .links-container .ai-info-container .ai-links .link-btn:hover{background:var(--General-Color-White,#fff);transform:translateY(-2px);box-shadow:0 6px 24px #1b1b1b24,0 1px 4px #1b1b1b0f}.build-something-section .links-container .ai-info-container .ai-links .link-btn:hover:before{opacity:1}.build-something-section .links-container .ai-info-container .ai-links .link-btn:active{transition-duration:.1s;transform:translateY(0)scale(.96);box-shadow:0 2px 8px #1b1b1b1a}
footer{flex-direction:column;align-items:flex-start;gap:0;width:100%;padding:0;display:flex}footer .links-container{z-index:2;background:#101010;border-bottom-right-radius:50px;border-bottom-left-radius:50px;align-items:flex-start;gap:3px;width:100%;padding:3px 45px 45px;display:flex;position:relative}footer .links-container .col-links{flex-direction:column;flex:1 0 0;align-items:flex-start;gap:21px;display:flex}footer .links-container .col-links .title{color:#fff6;padding:6.84px 0;font-family:SourceSerif4;font-size:13.68px;font-style:italic;font-weight:500;line-height:18.24px}footer .links-container .col-links .links{flex-direction:column;align-items:flex-start;gap:3.42px;display:flex}footer .links-container .col-links .links a{color:#fff;letter-spacing:-.091px;padding:5.7px 0;font-size:13.68px;font-weight:500;line-height:18.24px}footer .contain-bottom{opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:45px;width:100%;display:flex}footer .contain-bottom .rights-reserved{justify-content:center;align-items:center;width:100%;padding-top:17.1px;display:flex}footer .contain-bottom .rights-reserved p{color:#fff;letter-spacing:-.137px;font-size:13.68px;font-weight:500;line-height:normal}footer .contain-bottom img.bamise{width:100%;height:auto}footer .bottom-footer{background:#050505;width:100%;padding-top:90px;position:fixed;bottom:0;left:0}footer .bottom-footer .contain-bottom{opacity:1;pointer-events:all}
.story-modal{z-index:100;scrollbar-width:none;-ms-overflow-style:none;background:#101010;flex-direction:column;align-items:flex-start;gap:90px;width:calc(100% - 90px);height:100%;padding:150px 90px 90px;display:flex;position:fixed;top:45px;left:45px;overflow-x:hidden}.story-modal::-webkit-scrollbar{display:none}.story-modal .top-grd{filter:blur(200px);background:#e35229;border-radius:400px;width:400px;height:400px;position:absolute;top:-200px;left:0}.story-modal .top-half{z-index:1;flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative}.story-modal .top-half .story-title{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:60px;font-weight:400;line-height:60px}.story-modal .story-text{color:#fff;text-shadow:0 3px 10px #0000001f;font-size:36px;font-weight:500;line-height:normal}.story-modal .story-bottom-title{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:48px;font-weight:400;line-height:48px}.story-modal .end-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10101066;flex-direction:column;align-items:center;gap:60px;width:100%;padding:90px 0;display:flex}.story-modal .end-footer .links-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#10101066;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex;position:relative}.story-modal .end-footer .links-container .contact-links{align-items:center;gap:3px;width:100%;height:70px;padding:3px 0;display:flex}.story-modal .end-footer .links-container .contact-links a{color:#fff;letter-spacing:-.137px;background:#1010101a;border-radius:12px;flex:1;align-items:center;gap:11.4px;height:100%;padding:0 45px;font-size:13.68px;font-weight:500;line-height:normal;transition:background .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),color .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff08}.story-modal .end-footer .links-container .contact-links a:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff0e 50%,#0000 80%);transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-100%)}.story-modal .end-footer .links-container .contact-links a:after{content:"";opacity:0;pointer-events:none;background:#ffffff59;border-radius:1px;width:0%;height:1px;transition:width .4s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px 1px #fff3}.story-modal .end-footer .links-container .contact-links a:hover{background:#ffffff12;transform:translateY(-1px);box-shadow:inset 0 -3px 12px #0000001a,0 6px 20px #0000002e,inset 0 3px 16px #ffffff0f}.story-modal .end-footer .links-container .contact-links a:hover:before{transform:translate(100%)}.story-modal .end-footer .links-container .contact-links a:hover:after{opacity:1;width:60%}.story-modal .end-footer .links-container .contact-links a:active{transition-duration:.1s;transform:translateY(0)scale(.995);box-shadow:inset 0 -4px 14px #00000029,0 2px 8px #0000001f,inset 0 2px 10px #ffffff06}.story-modal .end-footer .links-container .ai-info-container{justify-content:center;align-items:center;gap:10px;height:140px;display:flex}.story-modal .end-footer .links-container .ai-info-container h2{color:#fff;font-size:16px;font-weight:400;line-height:normal}.story-modal .end-footer .links-container .ai-info-container .ai-links{flex-wrap:wrap;align-content:center;align-items:center;gap:6.84px;display:flex}.story-modal .end-footer .links-container .ai-info-container .ai-links .link-btn{border:0 solid var(--General-Color-Light-Grey,#eee);background:var(--General-Color-White,#fff);cursor:pointer;border-radius:13.68px;justify-content:center;align-items:center;gap:11.4px;width:45.6px;height:45.6px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),background .3s;display:flex;position:relative;box-shadow:0 3.42px 13.68px #1b1b1b1f}.story-modal .end-footer .links-container .ai-info-container .ai-links .link-btn:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:1px solid #1b1b1b14;transition:opacity .3s;position:absolute;inset:0}.story-modal .end-footer .links-container .ai-info-container .ai-links .link-btn:hover{background:var(--General-Color-White,#fff);transform:translateY(-2px);box-shadow:0 6px 24px #1b1b1b24,0 1px 4px #1b1b1b0f}.story-modal .end-footer .links-container .ai-info-container .ai-links .link-btn:hover:before{opacity:1}.story-modal .end-footer .links-container .ai-info-container .ai-links .link-btn:active{transition-duration:.1s;transform:translateY(0)scale(.96);box-shadow:0 2px 8px #1b1b1b1a}
.close-modal{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:101;background:#ffffff1a;border-radius:50px;justify-content:center;align-items:center;width:60px;height:60px;padding:10px;display:flex;position:fixed;top:15px;left:50%;transform:translate(-50%);box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff0f}
.work-modal{z-index:100;scrollbar-width:none;-ms-overflow-style:none;background:#101010;flex-direction:column;align-items:flex-start;gap:90px;width:calc(100% - 90px);height:100%;padding:150px 0 90px;display:flex;position:fixed;top:45px;left:45px;overflow-x:hidden}.work-modal::-webkit-scrollbar{display:none}.work-modal .top-grd{filter:blur(200px);background:#e35229;border-radius:400px;width:400px;height:400px;position:absolute;top:-200px;left:0}.work-modal .work-summary{align-items:flex-start;gap:6px;width:100%;display:flex}.work-modal .work-summary .summary{color:#fff;border-left:1px solid #414141;align-items:flex-start;gap:10px;height:100%;padding:15px;font-size:15px;font-weight:400;line-height:normal;display:flex}.work-modal .work-summary .summary.category{flex:1}.work-modal .work-summary .summary.lock{width:140px}.work-modal .work-summary .summary.impact{width:150px}.work-modal .work-summary .summary.view{width:200px}.work-modal .work-summary .summary.view.expand{width:fit-content}.work-modal .work-summary .summary.view .btn{color:#fff;background:radial-gradient(122.52% 122.52% at 76.19% 87.06%,#e35229 0%,#101010 100%);border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-size:15px;font-weight:500;line-height:normal;display:flex}.work-modal .work-summary .summary.view .btn.inactive{background:radial-gradient(122.52% 122.52% at 76.19% 87.06%,#e352291a 0%,#1010101a 100%);border-radius:50px;padding:10px 20px}.work-modal .work-top-content{z-index:1;flex-direction:column;align-items:flex-start;gap:34px;width:100%;padding:0 90px;display:flex;position:relative}.work-modal .work-top-content .logo{opacity:.3}.work-modal .work-top-content .logo img{height:48px}.work-modal .work-top-content h2{color:#fff;font-family:Climate Crisis,sans-serif;font-size:42px;font-weight:400;line-height:normal}.work-modal .work-top-content h2 span{font-family:Google Sans,sans-serif;font-size:18px;font-weight:400;line-height:normal}.work-modal .work-top-content .description{flex-direction:column;align-items:flex-start;gap:24px;width:100%;display:flex}.work-modal .work-top-content .description h3{color:#fff;font-family:Climate Crisis,sans-serif;font-size:24px;font-weight:400;line-height:normal}.work-modal .work-top-content .description p{color:#fff;font-size:24px;font-weight:400;line-height:normal}.work-modal .work-preview-container{justify-content:center;align-items:center;width:calc(100% - 180px);height:787px;margin:0 auto;padding:104px 63px;display:flex;position:relative}.work-modal .work-preview-container img.preview-backdrop{-o-object-fit:cover;object-fit:cover;border-radius:24px;width:100%;height:100%;position:absolute;top:0;right:0}.work-modal .work-preview-container .work-container{z-index:1;border-radius:50px;width:100%;height:100%;position:relative;overflow:hidden}.work-modal .work-preview-container .work-container video{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%}.work-modal .content-section{flex-direction:column;align-items:flex-start;gap:24px;width:100%;padding:0 90px;display:flex}.work-modal .content-section h2{color:#fff;font-family:Climate Crisis,sans-serif;font-size:24px;font-weight:400;line-height:normal}.work-modal .content-section .txt{color:#fff;text-shadow:0 3px 10px #0000001f;flex-direction:column;align-items:flex-start;gap:24px;width:100%;font-size:24px;font-weight:400;line-height:normal;display:flex}.work-modal .content-section .txt ul{padding-left:25px;list-style-type:disc}.work-modal .work-display{width:100%;height:331px}.work-modal .work-display .flex-carousel{width:100%;height:100%}.work-modal .work-display .flex-carousel .carousel-wrapper{height:100%;padding-left:90px}.work-modal .work-display .work-card{-o-object-fit:cover;object-fit:cover;background:#171717;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:24px;width:100%;height:100%;display:flex}.work-modal .mobile-mockups{background:#171717;border-radius:30px;flex-direction:column;align-items:flex-start;gap:20px;width:calc(100% - 180px);margin:0 auto;padding:30px;display:flex}.work-modal .mobile-mockups h3{color:#fff;font-size:24px;font-weight:400;line-height:normal}.work-modal .mobile-mockups h3 span{font-size:12px}.work-modal .mobile-mockups .mockup-container{background:#343434;border-radius:20px;flex:1;width:100%;height:100%;padding:40px 0;overflow-x:auto}.work-modal .mobile-mockups .mockup-container .mockup-wrap{gap:4px;width:fit-content;height:310px;display:flex}.work-modal .mobile-mockups .mockup-container .mockup-wrap img{-o-object-fit:contain;object-fit:contain;width:145px;height:100%}.work-modal .mobile-mockups .mockup-container .mockup-wrap img:first-child{margin-left:36px}.work-modal h1{color:#fff;text-shadow:0 3px 10px #0000001f;padding:0 90px;font-family:Climate Crisis,sans-serif;font-size:48px;font-weight:400;line-height:48px}.work-modal .bottom-carousel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#10101000 -29.49%,#101010 40.97%);justify-content:space-between;align-items:center;width:100%;padding:45px 90px;display:flex}.work-modal .bottom-carousel .wrap{cursor:pointer;color:#fff;text-shadow:0 3px 10px #0000001f;align-items:center;gap:24px;font-family:Climate Crisis,sans-serif;font-size:21px;font-weight:400;line-height:30px;display:flex}
.navbar{z-index:100;justify-content:center;align-items:center;width:100%;display:flex;position:sticky;bottom:10px;left:0}.navbar .navbar-container{background:#101010e6;border:1px solid #191919;border-radius:39px;flex-shrink:0;align-items:center;gap:3px;height:54px;padding:3px;display:flex;box-shadow:0 3px 24px #00000026}.navbar .navbar-container .logo{justify-content:center;align-items:center;width:75px;height:100%;display:flex}.navbar .navbar-container .logo img{width:100%;height:100%;transform:scale(2)translateY(5px)}.navbar .navbar-container .links-container{background:#e3522908;border:1px solid #191919;border-radius:30px;align-items:flex-start;gap:3px;height:100%;padding:3px;display:flex}.navbar .navbar-container .links-container a{color:#ffffffb3;text-align:center;letter-spacing:-.088px;background:#fff0;border:1.1px solid #1010101a;border-radius:30px;align-items:center;gap:11px;height:100%;padding:0 24px;font-size:12px;font-weight:500;line-height:normal;display:flex}.navbar .navbar-container .links-container a:hover,.navbar .navbar-container .links-container a.active{color:#fff;background:radial-gradient(214.96% 214.96% at 76.19% 87.06%,#101010 0%,#e35229 100%),#fff;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff0f}.navbar .navbar-container .btn-wrap{cursor:pointer;background:#101010;border-radius:9px 27px 27px 9px;justify-content:center;align-items:center;height:100%;padding:0 16px;display:flex}.navbar .navbar-container .btn-wrap:hover{color:#fff;background:radial-gradient(214.96% 214.96% at 76.19% 87.06%,#101010 0%,#e35229 100%),#fff;box-shadow:inset 0 -3px 12px #0000001f,0 3px 10px #0000001f,inset 0 3px 12px #ffffff0f}