@import"https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}.header{position:relative;display:flex;align-items:center;justify-content:center;background-color:#000;height:70px;padding:20px;font-family:DM Sans,sans-serif;font-weight:600;letter-spacing:-.5px;font-size:18px}.b-logo{position:absolute;height:40px;width:40px;top:18px;left:20px;border-radius:0}.nav-links{margin-top:18px;display:flex;gap:60px}.nav-links a{text-decoration:none;color:#fff;position:relative;padding-bottom:5px;transition:color .3s ease-in-out}.nav-links a:after{content:"";position:absolute;left:0;bottom:6px;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:left;transition:transform .5s ease-in-out}.nav-links a:hover:after{transform:scaleX(1)}.nav-links .active:after{transform:scaleX(1)}.nav-links .active:nth-child(1),.nav-links a:nth-child(1):hover{color:#a3d28c}.nav-links .active:nth-child(2),.nav-links a:nth-child(2):hover{color:#f1b649}.nav-links .active:nth-child(3),.nav-links a:nth-child(3):hover{color:#f04d4c}.nav-links .active:nth-child(4),.nav-links a:nth-child(4):hover{color:#f1d54b}.nav-links .active:nth-child(5),.nav-links a:nth-child(5):hover{color:#a3d28c}.nav-links .active:nth-child(6),.nav-links a:nth-child(6):hover{color:#f1b649}.nav-links .active:nth-child(1):after,.nav-links a:nth-child(1):hover:after{background-color:#a3d28c}.nav-links .active:nth-child(2):after,.nav-links a:nth-child(2):hover:after{background-color:#f1b649}.nav-links .active:nth-child(3):after,.nav-links a:nth-child(3):hover:after{background-color:#f04d4c}.nav-links .active:nth-child(4):after,.nav-links a:nth-child(4):hover:after{background-color:#f1d54b}.nav-links .active:nth-child(5):after,.nav-links a:nth-child(5):hover:after{background-color:#a3d28c}.nav-links .active:nth-child(6):after,.nav-links a:nth-child(6):hover:after{background-color:#f1b649}.hamburger{display:none;flex-direction:column;cursor:pointer}.line{height:5px;width:30px;margin:3px 0;transition:all .3s ease}.line:nth-child(1){background-color:#a3d28c}.line:nth-child(2){background-color:#f1b649}.line:nth-child(3){background-color:#f04d4c}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#1d1d1d;padding:20px;width:60%;height:400px;border-radius:8px;text-align:center;position:relative}.modal-content a{display:block;margin:10px 0;color:#fff;text-decoration:none;position:relative;padding-bottom:5px;transition:color .3s ease-in-out}.modal-content a:after{content:"";position:absolute;left:50%;bottom:-2px;width:90%;height:3px;background-color:#fff;transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform .5s ease-in-out}.modal-content a:hover:after{transform:translate(-50%) scaleX(1)}.modal-content .active:after{transform:translate(-50%) scaleX(1)}.modal-content .active:nth-child(2),.modal-content a:nth-child(2):hover{color:#a3d28c}.modal-content .active:nth-child(3),.modal-content a:nth-child(3):hover{color:#f1b649}.modal-content .active:nth-child(4),.modal-content a:nth-child(4):hover{color:#f04d4c}.modal-content .active:nth-child(5),.modal-content a:nth-child(5):hover{color:#f1d54b}.modal-content .active:nth-child(6),.modal-content a:nth-child(6):hover{color:#a3d28c}.modal-content .active:nth-child(7),.modal-content a:nth-child(7):hover{color:#f1b649}.modal-content .active:nth-child(2):after,.modal-content a:nth-child(2):hover:after{background-color:#a3d28c}.modal-content .active:nth-child(3):after,.modal-content a:nth-child(3):hover:after{background-color:#f1b649}.modal-content .active:nth-child(4):after,.modal-content a:nth-child(4):hover:after{background-color:#f04d4c}.modal-content .active:nth-child(5):after,.modal-content a:nth-child(5):hover:after{background-color:#f1d54b}.modal-content .active:nth-child(6):after,.modal-content a:nth-child(6):hover:after{background-color:#a3d28c}.modal-content .active:nth-child(7):after,.modal-content a:nth-child(7):hover:after{background-color:#f1b649}.close{color:#f04d4c;font-size:36px;cursor:pointer;position:absolute;top:10px;right:20px}.home{position:relative}.home .background-image{height:100%;width:13%;position:absolute}.home .background-image img{border:5px;height:100%;width:100%;border-image-repeat:repeat;object-fit:cover}.home-body-container{position:relative;height:95vh;width:100%}.scroll-indicator{position:absolute;bottom:4rem;left:50%;transform:translate(-50%);z-index:10;pointer-events:none}.tube{height:40px;width:25px;border:2px solid #333;border-radius:12px;display:flex;align-items:flex-start;justify-content:center;padding:4px;box-sizing:border-box;overflow:hidden;background:#f04d4c;background:linear-gradient(180deg,#f04d4c,#a3d28c,#f1d54b)}.circle{width:12px;height:12px;background-color:#000;border-radius:50%;animation:bounce 3s infinite ease-in-out;opacity:.8}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(20px)}60%{transform:translateY(10px)}}.name{padding-top:40px;margin-left:40px}.home-highlight-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0rem 4rem 4rem;margin-top:1rem}.home-highlight-gallery h1{position:absolute;bottom:15%;width:10ch;font-family:DM Sans,sans-serif;font-weight:900;color:#fff;text-align:center;font-size:36px;-webkit-text-stroke:0px rgb(255,255,255);text-stroke:0px rgb(255,255,255)}.home-about-gallery .about-home{width:40%;z-index:800;padding:30px;font-family:DM Sans,sans-serif;line-height:1.7rem;font-weight:500;margin-left:12%;text-align:left;height:100%;text-align:justify;text-justify:inter-word;color:#333}.home-about-gallery .about-home h2{font-size:6rem;margin-bottom:2rem;padding:0}.animated-text{z-index:1000;font-family:DM Sans,sans-serif;font-weight:200;font-style:italic;line-height:2.5rem;margin-left:20%;margin-top:-5%}.animated-line{font-size:3rem;color:#333;transform-origin:left center;opacity:0;padding:5px 0;cursor:pointer;text-decoration:none;transition:color .3s ease}.animated-line:nth-child(1){font-size:3rem;color:#3330;transform-origin:left center;opacity:0;cursor:default;text-decoration:none;transition:color .3s ease}.animated-line:hover{font-family:DM Sans,sans-serif;font-weight:400}.animated-line:hover:nth-child(1){font-family:DM Sans,sans-serif;font-weight:200}.name{width:60%}.baxter{position:relative;width:100%;z-index:200;margin-left:6%}.page-header{position:relative;background-image:url(/home-img/title-banner-invert.webp);background-position:center;background-size:cover;background-repeat:no-repeat;height:100%;padding:30px}.page-header .back-button{color:#fff;position:absolute;top:10px;right:20px;border:black 2px solid;padding:10px;border-radius:50px;background-image:url(/home-img/button-invert.webp);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;height:40px;width:40px;transition:ease-in .5s;display:flex;align-items:center;justify-content:center}.page-header button:hover{background-image:url(/home-img/button-invert.webp);color:#fff}.page-header h1{font-family:DM Sans,sans-serif;font-weight:900;color:#fff;font-size:20vh;-webkit-text-stroke:3px rgb(255,255,255);text-stroke:3px rgb(255,255,255)}.gallery{padding:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background-color:#fff}.gallery h1{position:absolute;bottom:15%;width:10ch;font-family:DM Sans,sans-serif;font-weight:900;color:#fff;text-align:center;font-size:36px;-webkit-text-stroke:0px rgb(255,255,255);text-stroke:0px rgb(255,255,255)}.galleryCard{background-image:url(/home-img/gallery-card-web.webp);background-size:cover;border-radius:28px;box-shadow:10px 11px 4px -2px #000000bf;padding:10px;position:relative;overflow:hidden;transition:transform .5s ease-in}.galleryCard:hover{transform:scale(1.01) rotate(-.2deg)}.gallery-art{width:100%;aspect-ratio:1 / 1;background-size:cover;background-position:center;border-radius:22px;overflow:hidden}.galleryContainer{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.galleryDetails{opacity:0;height:100%;width:100%;background:linear-gradient(#fff0,#000000de);display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:opacity .5s ease-in;border-radius:22px}.galleryCard:hover .galleryDetails{opacity:1}.project-details-header{position:relative;background-image:url(/home-img/title-banner.webp);background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:200px;padding:30px;display:flex;justify-content:center;margin-bottom:20px}.project-details-header h1{margin-top:20px}.project-details-header .back-button{color:#fff;position:absolute;top:10px;right:20px;border:black 2px solid;padding:10px;border-radius:50px;background-image:url(/home-img/button-invert.webp);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;cursor:pointer;height:40px;width:40px;transition:ease-in .5s;display:flex;align-items:center;justify-content:center}.project-details-header button:hover{background-image:url(/home-img/button.webp);color:#000}.project-details-container{display:flex;flex-direction:column;align-items:center;width:100%}.project-details-container h1{font-family:DM Sans,sans-serif;font-weight:900;color:#000;font-size:80px;-webkit-text-stroke:0px rgb(255,255,255);text-stroke:0px rgb(255,255,255)}.project-details-container h2{font-family:DM Sans,sans-serif;font-weight:900;letter-spacing:12px;color:#333;font-size:80px;-webkit-text-stroke:0px rgb(255,255,255);text-stroke:0px rgb(255,255,255);padding:20px 20px 20px 0}.project-details-main-img-description{display:grid;grid-template-columns:2fr 2fr;gap:10px;width:80%;align-items:stretch}.project-main-img{object-fit:contain;height:100%;width:100%;background-image:url(/assets/home-background-01-DqYTKbAy.webp);background-size:cover;background-position:top;background-color:#333;border-radius:20px;box-shadow:-3px 3px 8px #1f1e1ebf;-webkit-box-shadow:-3px 3px 8px 0px rgba(31,30,30,.75);-moz-box-shadow:-3px 3px 8px 0px rgba(31,30,30,.75);animation:backgroundScroll 40s linear infinite alternate}@keyframes backgroundScroll{0%{background-position:top}to{background-position:bottom}}.project-description{background-color:#333;border-radius:20px;padding:30px 80px 30px 30px;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:-3px 3px 8px #1f1e1ebf;-webkit-box-shadow:-3px 3px 8px 0px rgba(31,30,30,.75);-moz-box-shadow:-3px 3px 8px 0px rgba(31,30,30,.75)}.project-description p{color:#fff;font-family:DM Sans,sans-serif;font-size:18px;font-weight:300;line-height:1.9rem;margin-bottom:1rem}.project-description h2{font-family:Darker Grotesque,system-ui;font-size:38px;font-weight:900;color:#fff}.project-description h3{font-family:DM Sans,sans-serif;font-weight:800;color:#fff;letter-spacing:1px}.project-description a{border:black 2px solid;padding:10px;border-radius:15px;background-image:url(/home-img/button.webp);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:DM Sans,sans-serif;font-size:16px;font-weight:800;cursor:pointer;display:flex;justify-content:center;align-items:center;text-align:center;color:#000;text-decoration:none;transition:ease-in-out .3s;box-shadow:0 4px 6px #0000001a}.project-description a:hover{background-image:url(/home-img/button-invert.webp);color:#fff;transform:scale(1.05);box-shadow:0 8px 12px #fff3}.project-description a:active{transform:scale(.98);box-shadow:inset 0 2px 5px #0000004d}.project-multi-container-background{margin-top:50px;margin-bottom:10px;background-color:#fff;display:flex;align-items:center;justify-content:center}.project-description-multi{border-radius:20px;padding:20px 0 30px;height:100%;display:flex;flex-direction:column;justify-content:space-between;width:80%}.project-description-multi p{color:#333;font-family:DM Sans,sans-serif;font-size:18px;font-weight:300;line-height:1.9rem;width:100%;align-items:center;margin-bottom:1rem}.project-description-multi h2{font-family:Darker Grotesque,system-ui;font-size:38px;font-weight:900;color:#fff}.project-description-multi h3{font-family:DM Sans,sans-serif;font-weight:800;color:#fff;letter-spacing:1px}.project-description-multi a{border:black 2px solid;padding:10px;border-radius:15px;background-image:url(/home-img/button.webp);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:DM Sans,sans-serif;font-size:16px;font-weight:800;cursor:pointer;display:flex;justify-content:center;align-items:center;text-align:center;color:#000;text-decoration:none;transition:ease-in-out .3s;box-shadow:0 4px 6px #0000001a}.project-description-multi a:hover{background-image:url(/home-img/button-invert.webp);color:#fff;transform:scale(1.05);box-shadow:0 8px 12px #fff3}.project-description-multi a:active{transform:scale(.98);box-shadow:inset 0 2px 5px #0000004d}.role-tools{color:#fff;font-family:DM Sans,sans-serif;font-size:16px!important;font-weight:300}.project-details-container img{width:100%;border-radius:20px;box-shadow:-3px 3px 8px #1f1e1ebf;-webkit-box-shadow:-3px 3px 8px 0px rgba(31,30,30,.75);-moz-box-shadow:-3px 3px 8px 0px rgba(31,30,30,.75)}.project-multi-container{width:80%}.mockup-container{display:grid;width:80%;gap:10px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:10px}.mockup-container img{object-fit:cover;height:100%}.mockup-container.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mockup-video{width:100%;height:auto;border-radius:6px;display:block;cursor:pointer}.project-details-container.grid-3{margin-bottom:32px}.button-holder{display:flex;gap:10px;margin-top:20px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.modal-content{width:100%;height:100%;max-width:90%;max-height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:default}.modal-content img{max-width:100%;max-height:100%;object-fit:contain}.modal-close-button{position:absolute;top:20px;right:20px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border:2px solid black;border-radius:50%;background-image:url(/home-img/button.webp);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:DM Sans,sans-serif;font-size:2rem;font-weight:600;color:#333;cursor:pointer;transition:ease-in .5s}.modal-close-button:hover{background-image:url(/home-img/button-invert.webp);color:#fff}.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);height:50px;width:50px;border-radius:50%;border:2px solid black;background-image:url(/home-img/button.webp);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:DM Sans,sans-serif;font-size:2rem;font-weight:600;color:#333;cursor:pointer;transition:ease-in .4s;display:flex;align-items:center;justify-content:center;z-index:1100}.modal-arrow:hover{background-image:url(/home-img/button-invert.webp);color:#fff}.modal-arrow.left{left:20px}.modal-arrow.right{right:20px}.about-body-container{height:100%;width:100%;position:relative}.about-body-container .name{margin-top:40px;margin-left:40px;position:absolute}.about-body-container .about-background-image{position:absolute;background-image:url(/home-img/home-background-01.webp);background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;width:13%;z-index:10}.about{position:relative;width:50%;z-index:800;padding:30px;font-family:DM Sans,sans-serif;line-height:1.7rem;font-weight:600;margin-left:220px;text-align:left}.footer{position:relative;background-image:url(/home-img/title-banner-invert.webp);background-position:center;background-size:cover;background-repeat:no-repeat;height:150px;padding:30px;display:flex;align-items:center;justify-content:center;flex-direction:column}.footer p{color:#fff;font-family:DM Sans,sans-serif;font-size:18px;font-weight:300}.footer .b-logo{top:50px;left:20px;width:40px}.footer .scroll-to-top{position:absolute;height:40px;width:80px;top:95px;left:20px;border-radius:0;font-size:12px;font-style:italic;font-weight:900;display:flex;flex-direction:column;align-items:left}.footer-backdrop{display:flex;flex-direction:column;align-items:center;background-color:#3333337f;padding:20px;border-radius:20px}.name-social-footer{display:flex;flex-direction:row;align-items:center}.name-social-footer a{font-size:24px;margin-left:5px;color:#fff}.margin{margin-top:80px}@media (max-width: 1200px){.project-details-main-img-description{grid-template-columns:1fr}}@media (max-width: 1140px){.project-details-header{height:150px}.project-details-header h1{font-size:60px}}@media (max-width: 1200px){.animated-text{font-size:1rem;line-height:1.8rem}.animated-line{font-size:2rem}}@media (max-width: 1030px){.project-description,.project-main-img{height:auto}.about{position:relative;height:100%;width:60%;z-index:2000;padding:30px;font-family:DM Sans,sans-serif;line-height:1.6rem;font-weight:600;margin-left:120px}.home-about-gallery .about-home{width:70%;z-index:800;padding:30px;font-family:DM Sans,sans-serif;line-height:1.7rem;font-weight:400;margin-left:12%;text-align:left;height:100%;text-align:justify;text-justify:inter-word}.home-about-gallery .about-home h2{font-size:4rem;margin-bottom:2rem;padding:0}}@media (max-width: 1030px){.gallery{grid-template-columns:repeat(2,1fr)}.home-highlight-gallery{grid-template-columns:repeat(2,1fr);padding:0rem 2.5rem 2.5rem;margin-top:1rem}.page-header{height:100%}.page-header h1{font-size:5rem}.project-description-multi{width:90%}}@media (max-width: 845px){.nav-links{display:none}.header .hamburger{display:flex;position:absolute;right:20px}}@media (max-width: 768px){.project-details-header{height:150px}.project-details-header h1{font-size:48px}.name{width:70%;margin-left:25px}.project-details-main-img-description{grid-template-columns:1fr}.about{position:relative;width:80%;z-index:800;padding:30px;font-family:DM Sans,sans-serif;line-height:1.6rem;font-weight:600;margin-left:50px}.mockup-container{display:grid;width:80%;gap:10px;margin-top:10px}.mockup-container img{object-fit:cover;height:100%;width:100%}.project-description-multi{padding:30px 00px 30px 0}.project-description-multi p{color:#333;font-family:DM Sans,sans-serif;font-size:18px;font-weight:300;line-height:1.9rem;width:100%}.animated-text{font-size:1rem;line-height:1rem;margin-left:15%}.animated-line{font-size:1.5rem}.home-body-container{height:60vh;width:100%}}@media screen and (max-width: 600px){.gallery{padding:20px;grid-template-columns:repeat(1,1fr)}.home-highlight-gallery{grid-template-columns:repeat(1,1fr);padding:0rem 2rem 2rem}.galleryCard{width:100%}.project-details-header{height:120px}.project-details-header h1{font-size:24px}.footer-backdrop{text-align:center;width:325px}.footer .b-logo{top:40px;left:30px;width:30px}.footer .scroll-to-top{top:80px;left:8px;font-size:9px}.page-header{position:relative;background-image:url(/home-img/title-banner-invert.webp);background-position:center;background-size:cover;background-repeat:no-repeat;height:150px;padding:20px;display:flex;align-items:center;justify-content:center}.page-header h1{font-family:DM Sans,sans-serif;font-weight:900;color:#fff;font-size:40px;-webkit-text-stroke:1px rgb(255,255,255);text-stroke:1px rgb(255,255,255)}.project-description{padding:30px}.animated-text{line-height:.4rem;margin-left:10%}.animated-line{font-size:1.2rem;margin:8px 0}.home-about-gallery .about-home{width:80%;z-index:800;padding:30px;font-family:DM Sans,sans-serif;line-height:1.7rem;font-weight:400;margin-left:12%;text-align:left;height:100%}.home-about-gallery .about-home h2{font-size:3rem;margin-bottom:2rem;padding:0}.name{width:70%;padding-top:40px;margin-left:40px}.mockup-container{display:grid;width:80%;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:10px}.mockup-container img{object-fit:cover;height:100%}.modal-arrow{height:30px;width:30px;font-size:1.5rem}}@media screen and (max-width: 418px){.project-description h2{font-size:26px;padding:0}}