html,body{margin:0;padding:0;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}html{max-width:100vw;overflow-x:hidden}#FTR{width:100vw;height:100svh;position:relative;display:flex;flex-direction:column;gap:clamp(5svh,10svh,15svh);color:#fff;background-color:#101012}#FTR #Navbar{max-width:100%;display:flex;justify-content:space-between;gap:clamp(1vw,2vw,3vw);padding-top:clamp(2svh,4svh,5svh);padding-left:2vw;padding-right:2vw}#FTR #Navbar #NavLogo{cursor:pointer;height:8vh}#FTR #Navbar #Language{cursor:pointer;height:7vh;border-radius:.2rem}#FTR #HeroContent{display:flex;flex-direction:column;align-items:center;gap:clamp(2svh,4svh,6svh)}#FTR #HeroContent #FTRHeadline{font-family:Major Mono Display,monospace;font-weight:400;font-style:normal;font-size:clamp(3.2rem,7vw,9.4rem);letter-spacing:-.06em;text-align:center}#FTR #HeroContent #FTRTEXTHEADLINE{font-family:Major Mono Display,monospace;font-weight:400;font-style:normal;font-size:clamp(3.2rem,6vw,8.4rem);letter-spacing:-.06em;text-align:center}#FTR #HeroContent #FTRSubheadline{width:90%;text-align:center;font-size:clamp(1.4rem,1.7rem,2rem);margin-top:clamp(1svh,2svh,3svh)}#FTR #HeroContent #HeroContactBtnWrapper{display:flex;align-items:center}#FTR #HeroContent #HeroContactBtnWrapper .HeroContactBtn{background-color:#fff;border-radius:.25rem;border-style:none;box-sizing:border-box;color:#101012;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:Farfetch Basis,Helvetica Neue,Arial,sans-serif;font-size:clamp(1.4rem,1.6rem,1.8rem);font-weight:700;line-height:1.5;margin:0;max-width:none;min-height:44px;min-width:10px;outline:none;overflow:hidden;padding:.25rem .5rem;position:relative;text-align:center;text-transform:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:100%;text-decoration:none}#FTR #HeroContent #HeroContactBtnWrapper .HeroContactBtn:hover,#FTR #HeroContent #HeroContactBtnWrapper .HeroContactBtn:focus{opacity:.75}#AboutUs{width:100vw;min-height:100svh;padding:clamp(3rem,4vw,5rem);box-sizing:border-box;background-color:#fff;display:flex;flex-direction:column;font-size:clamp(2rem,4vw,5rem)}#AboutUs #AboutHeading{flex-grow:0}#AboutUs #AboutBody{flex-grow:1}#AboutUs #ColabButton{flex-grow:0;flex-wrap:nowrap;align-self:flex-start;color:#101012;outline:none;text-decoration:none;border-bottom:3px solid black;display:flex;gap:clamp(.5vw,1vw,2vw);align-items:center}#AboutUs #ColabButton span{font-weight:600}#AboutUs #ColabButton img{height:clamp(1.5rem,4vw,5rem);width:auto;object-fit:contain}@media (max-width: 768px){#AboutUs #ColabButton img{display:none}}#Team{max-width:100vw;min-height:100svh;background-color:#013efb;padding:clamp(5svh,10svh,15svh) clamp(2vw,5vw,8vw) 2svh clamp(2vw,5vw,8vw);overflow:hidden;font-size:clamp(2.5rem,7vw,5rem);color:#fff;display:flex;flex-direction:column;gap:clamp(5svh,9svh,12svh)}#Team #TeamTitle div:nth-child(1){color:#fff6}#Team #TeamSlideShow{display:flex;flex-wrap:wrap;gap:clamp(2vw,4vw,6vw);width:100%}#Team #TeamSlideShow .TeamMember{position:relative;flex:1 1 clamp(200px,22%,300px);height:clamp(250px,50svh,400px);overflow:hidden;background-color:#fff;cursor:pointer}#Team #TeamSlideShow .TeamImage{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease,object-position .3s ease}#Team #TeamSlideShow .TeamMember:hover .TeamImage{transform:scale(1.05)}#Team #TeamSlideShow .TeamMember:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease;z-index:1}#Team #TeamSlideShow .TeamMember:hover:before{opacity:1}#Team #TeamSlideShow .TeamInfo{position:absolute;bottom:20px;left:20px;z-index:2;color:#fff;opacity:0;transition:opacity .3s ease}#Team #TeamSlideShow .TeamInfo .Teamname{font-size:clamp(1rem,1.5rem,1.8rem);margin:0}#Team #TeamSlideShow .TeamInfo .TeamDescription{font-size:clamp(.8rem,1rem,1.2rem);margin:5px 0 0}#Team #TeamSlideShow .TeamMember:hover .TeamInfo{opacity:1}#FeaturedProjects{padding-top:3svh;padding-bottom:9svh;background-color:#101012;max-width:100vw;color:#fff}#FeaturedProjects #ProjectsTitle{text-align:center;font-size:clamp(2.5rem,5vw,7rem);margin-bottom:clamp(1rem,1.8vw,2.5rem)}#FeaturedProjects #ProjectsContainer{display:flex;flex-direction:column;align-items:center}#FeaturedProjects #ProjectsContainer #ProjectsList{list-style:none;margin:0;padding:0}#FeaturedProjects #ProjectsContainer #ProjectsList .Project{width:90vw;font-size:clamp(1.8rem,3vw,4rem);padding:clamp(1rem,2vw,3rem);cursor:pointer;transition:background-color .3s ease;text-align:center;position:relative}#FeaturedProjects #ProjectsContainer #ProjectsList .Project:hover{background-color:#1e1e2e}#FeaturedProjects #ProjectsContainer #PreviewContainer{position:absolute;pointer-events:none;display:none;z-index:1000}#FeaturedProjects #ProjectsContainer #PreviewContainer img{max-width:clamp(10rem,15vw,20rem);max-height:clamp(10rem,15vw,20rem);border:clamp(.1rem,.5vw,.2rem) solid white;border-radius:clamp(.5rem,1vw,1.5rem);background-color:#101012}#ProcessContainer{position:relative;max-width:100vw;color:#fff;background-color:#101012;padding:clamp(1svh,2svh,3svh) clamp(2vw,4vw,6vw);display:flex;flex-direction:column;align-items:center;gap:clamp(2svh,4svh,6svh)}#ProcessContainer #ProcessHeading{display:flex;flex-direction:row;align-items:center;gap:clamp(2rem,4%,5%);width:90%}#ProcessContainer #ProcessHeading #ProcessTitle{padding-top:3svh;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(1rem,2vw,3rem);width:fit-content}#ProcessContainer #ProcessHeading #ProcessTitle #ProcessStepsCount{font-size:clamp(2rem,5vw,6rem);font-weight:300}#ProcessContainer #ProcessHeading #ProcessTitle #ProcessTitleText{font-size:clamp(1.2rem,3vw,4rem);text-align:center}#ProcessContainer #ProcessHeading #ProcessDescription{font-size:clamp(.9rem,1.5vw,1.8rem);font-weight:100}@media screen and (max-width: 768px){#ProcessContainer #ProcessHeading{flex-direction:column;align-items:center;gap:clamp(2rem,3vw,5rem)}#ProcessContainer #ProcessHeading #ProcessDescription{text-align:center}}#ProcessContainer #Process{z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;height:120svh}#ProcessContainer #Process #ProcessSteps{width:90%;margin-bottom:clamp(10svh,20svh,30svh)}#ProcessContainer #Process #ProcessSteps .ProcessStep{padding:clamp(1svh,3svh,5svh) 0;border-bottom:1px solid #3A3A3A;display:flex;flex-direction:column;gap:clamp(.5svh,1svh,2svh)}#ProcessContainer #Process #ProcessSteps .ProcessStep .ProcessTitle{display:flex;align-items:center;font-size:clamp(1rem,2vw,2.5rem);font-weight:200;cursor:pointer}#ProcessContainer #Process #ProcessSteps .ProcessStep .ProcessTitle div:nth-child(1){padding-top:.2rem;font-size:clamp(.8rem,1vw,1.2rem);font-weight:200;align-self:flex-start}#ProcessContainer #Process #ProcessSteps .ProcessStep .ProcessTitle .ProcessArrowImage{transition:transform .3s ease;margin-left:auto;height:clamp(1.5rem,2.5rem,3rem)}#ProcessContainer #Process #ProcessSteps .ProcessStep .ProcessStepDescription{max-height:0;overflow:hidden;font-size:clamp(.9rem,1.4rem,1.8rem);margin:0;font-weight:100;opacity:0;transition:max-height .4s ease,opacity .4s ease}#ProcessContainer #Process #ProcessSteps .ProcessStep .ProcessStepDescription.active{max-height:500px;opacity:1;margin-top:clamp(1svh,2svh,3svh)}#ProcessContainer #ProcessBackgroundImage{position:absolute;left:0;bottom:0;width:100vw;height:clamp(20svh,30svh,40svh);z-index:-1;background:linear-gradient(0deg,#10101200,#10101200 70%,#10101240 80%,#101012),url(/png/SpaceBackround.png) no-repeat bottom center;background-size:cover}#Colab{padding:clamp(5svh,10svh,15svh) 0 clamp(10svh,15svh,20svh) clamp(3vw,4vw,6vw);color:#fff;background-color:#101012}#Colab #ColabText{font-size:clamp(2rem,4vw,5rem);width:clamp(60vw,70vw,95vw)}#Colab #ColabColabButton{margin-top:clamp(2svh,4svh,6svh);font-size:clamp(2rem,4vw,5rem);width:fit-content;border-bottom:3px solid white;color:#fff;outline:none;text-decoration:none;display:flex;gap:clamp(.5vw,1vw,2vw);align-items:center}#Colab #ColabColabButton img{height:clamp(3svh,5svh,7svh)}@media (max-width: 768px){#Colab #ColabColabButton{font-weight:600;border:none}#Colab #ColabColabButton img{display:none}}#Footer{padding:clamp(5svh,10svh,15svh) clamp(4vw,8vw,12vw);border-top:1px solid white;color:#fff;background-color:#101012;display:flex;flex-wrap:wrap;justify-content:space-between}#Footer #Left{flex:1 0 100%;display:flex;justify-content:center;gap:clamp(1rem,2vw,3rem);margin-bottom:clamp(2svh,4svh,6svh)}#Footer #Left div{font-size:clamp(2rem,4vw,5rem);font-weight:700}#Footer #Right{flex:1 0 100%;display:flex;flex-direction:column;gap:clamp(3svh,6svh,9svh)}#Footer #Right #SocialMedia{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1svh,2svh,3svh)}#Footer #Right #SocialMedia a{text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.9rem,1.2vw,1.5rem);font-weight:500;color:#fff;text-decoration:none;transition:color .3s ease}#Footer #Right #SocialMedia a:hover{color:#e63946}#Footer #Right #Mail{text-align:center;font-size:clamp(1.2rem,2rem,3rem)}#Footer #Right #Mail a{color:#fff;text-decoration:none;transition:color .3s ease}#Footer #Right #Mail a:hover{color:#e63946}#Footer #Right #BulletPoints{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(2svh,3svh,5svh)}#Footer #Right #BulletPoints a{color:#fff;text-decoration:none;transition:color .3s ease}#Footer #Right #BulletPoints a:hover{color:#e63946}#Footer #Right #BulletPoints #PhoneAndAddress,#Footer #Right #BulletPoints #Pages,#Footer #Right #BulletPoints #InfoPages{text-align:center;flex:1}#Rights{font-size:clamp(.8rem,1rem,1.2rem);text-align:center;color:#b1b1b1;background-color:#101012;padding:clamp(2svh,4svh,6svh)}@media screen and (max-width: 768px){#Footer{flex-direction:column;align-items:center}#Left{flex:none}#Right{gap:clamp(2svh,4svh,6svh)}#Right #SocialMedia{flex-direction:column;align-items:center}#Right #BulletPoints{flex-direction:column}}
