*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter Tight;position:relative}.btm-small{margin-bottom:20px}.btm-big{margin-bottom:40px}.btm-xl{margin-bottom:80px}p:last-child{margin-bottom:0}.front{z-index:9}.dark{background-color:#000}.section{color:#fff;padding:5% calc(4vw + 30px)}.red{background-color:#a80808}.img-box{border:1px solid #2d2d2d;border-radius:7px}.img-box .badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;background-color:#ffffffad;border-left:0;border-radius:0 5px 5px 0;font-size:12px}.flex{display:flex}.column{flex-direction:column}.flex.center{text-align:unset;align-items:center}.flex.end{align-items:flex-end}.gap-5{gap:10px}h1{text-transform:capitalize;letter-spacing:-1px;margin:0;padding-bottom:.5rem;font-size:4.5rem;font-weight:400;line-height:4.5rem}.section h1{width:70%}h2{margin:0;font-size:2rem;font-weight:400}h3{letter-spacing:1px;margin:0;font-size:1.5rem;font-weight:400}a{all:unset}p{opacity:.6;margin:0;line-height:1.5rem}.center{text-align:center}.badge{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#59595900;border:1px solid #676767;border-radius:5px;align-items:center;gap:10px;width:max-content;margin-bottom:40px;padding:5px 12px;display:flex}.half{width:50%}.sevenfive{width:75%}#loader{z-index:99999;background:#000;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#loader.hidden{opacity:0;pointer-events:none}#header{align-items:center;width:100%;height:80px;padding:0 4vw;display:flex}#nav-wrap{color:#fff;border-radius:10px;grid-template-columns:1fr 1fr 1fr;align-items:center;width:100%;padding:0 12px 0 30px;display:grid}.logo{text-transform:uppercase;letter-spacing:1px;width:190px;font-size:20px;font-weight:500}#header .logo,footer .logo{filter:invert()}#menu{align-items:center;height:60px;display:flex}#menu>ul,#footer-menu ul{justify-content:space-between;align-items:center;width:100%;margin:0;padding:0;list-style-type:none;display:flex}#menu li a{opacity:.8;cursor:pointer;align-items:center;gap:7px;display:flex}#menu li a:hover{opacity:1}#mobile-menu{display:none}#menu i{font-size:12px}#menu-button{display:none}#menu li.has-dropdown{position:relative}.dropdown{z-index:9999;flex-direction:column;margin:0;padding-top:14px;list-style:none;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dropdown-inner{-webkit-backdrop-filter:blur(12px);background:#0a0a0af5;border:1px solid #2d2d2d;border-radius:10px;flex-direction:row;gap:10px;min-width:480px;padding:10px;display:flex}.dropdown-links{flex-direction:column;gap:2px;min-width:175px;display:flex}.dropdown-preview{border-left:1px solid #2d2d2d;flex-direction:column;flex:1;gap:10px;padding:6px 6px 6px 10px;display:flex}.dropdown-preview-img{background-position:50%;background-size:cover;border-radius:6px;flex:1;width:100%;min-height:130px}.dropdown-preview-name{color:#fff;opacity:1;margin:0;font-size:.85rem;font-weight:400}.dropdown-preview-desc{color:#ffffff8c;opacity:1;margin:0;font-size:.78rem;line-height:1.5}#menu li.has-dropdown:hover .dropdown{display:flex}.dropdown li a{color:#fff;opacity:.7;cursor:pointer;white-space:nowrap;border-radius:6px;padding:10px 14px;font-size:.9rem;display:block}.dropdown li a:hover{opacity:1;background:#ffffff12}.has-dropdown .fa-chevron-down{font-size:10px;transition:transform .2s}#menu li.has-dropdown:hover .fa-chevron-down{transform:rotate(180deg)}button{all:unset}.button{color:#000;cursor:pointer;box-sizing:border-box;background:#fff;border-radius:10px;justify-self:flex-end;align-items:center;gap:7px;height:40px;padding:10px 20px;font-weight:500;display:flex}#button:hover{color:#000;background-color:#fff}.button.reverse{color:#fff;background:0 0;border:1px solid #fff}.button.reverse:hover{color:#000;background-color:#fff}.wide{justify-content:space-between;align-items:center;display:flex}#hero{color:#fff;text-align:left;background:url(/images/bg-6.jpg) 0 0/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:0 calc(4vw + 30px);display:flex;position:relative}#sudo{z-index:-1;background:linear-gradient(#0000 0%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-text{text-align:center;flex-direction:column;align-items:center;gap:20px;width:85%;display:flex}.hero-text .badge{color:#000;background:#fff;border:none;margin-bottom:20px}#hero .hero-text .badge{color:#fff;background:0 0;border:1px solid #676767}.hero-text p{opacity:.8;width:80%}#hero h1{background:-webkit-linear-gradient(90deg,#fff 0%,#efefef 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-weight:400}#hero h3,#hero p{margin-bottom:0}#hero p{opacity:.9;font-size:1.2rem}#hero .button{margin-top:40px}#highlights ul li{text-transform:capitalize;border-left:1px solid #676767;flex-direction:column;align-items:flex-start;padding-left:20px;display:flex}#highlights h2{font-size:4rem;font-weight:200;line-height:3rem}#highlights p{text-transform:uppercase;letter-spacing:2px;margin-top:auto}.line{background-color:#464646}#about{grid-template-columns:1fr 1fr;gap:4vw;display:grid}#about h1{width:100%}#right{color:#fff;border-radius:2px;flex-direction:column;align-items:flex-start;display:flex}#left{background-image:url(/images/team.webp);background-position:50%;background-size:cover;border-radius:5px;width:100%;height:100%}#right a{margin-top:auto}.boxes{grid-template-columns:1fr 1fr 1fr 1fr;gap:6vw;margin:0;padding:0;list-style-type:none;display:grid}#team .boxes li{cursor:pointer;background:linear-gradient(#ffffff12 0%,#fff0 100%);border:1px solid #464646;border-radius:7px;flex-direction:column;justify-content:space-between;height:35vh;padding:10%;display:flex}#projects{padding-bottom:calc(5% - 40px);overflow-x:hidden}#projects-top{grid-template-columns:1fr 150px;display:grid}#scroll-buttons{place-self:flex-end}#projects-wrap{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:40px;display:grid}#projects-wrap p{opacity:.5}.project-card{border:1px solid #2d2d2d;border-radius:5px;padding:5%}#scroll-left,#scroll-right{opacity:.3;cursor:pointer;font-size:3rem}#scroll-left:hover,#scroll-right:hover{opacity:1}#scroll-left{margin-right:25px}#projects .img-box{background-size:cover;justify-content:flex-start;align-items:flex-start;height:200px;padding-top:20px;display:flex}.scroll-link{color:#000;clip-path:polygon(0 80px,80px 0,100% 0,100% 100%,0 100%);background:#fff;justify-content:flex-end;width:30%;padding:10px;display:flex}#i{background-image:url(/images/za.webp)}#ii{background-image:url(/images/bike.webp);background-position-y:50%}#iii{background-image:url(/images/sports.webp)}#iv{background-image:url(/images/city.webp);background-position-y:50%}.projects-numbers{margin:40px 0;padding:0}.projects-numbers li{grid-template-columns:2fr 1fr;margin-bottom:10px;display:grid}.tags .badge{margin-bottom:0}.serv-img{background-size:cover;border-radius:5px;width:100%;height:200px}.serv-grad{background:linear-gradient(#0000 0%,#000 100%);width:100%;height:100%}#services-list{width:100%}#services-list ul{grid-template-columns:1fr 1fr 1fr 1fr;gap:35px;margin:0;padding:0;list-style-type:none;display:grid}#services-list li,#team-list li{background-color:#000;border:1px solid #2d2d2d;border-radius:7px;flex-direction:column;padding:5%;display:flex;overflow:hidden}#services-list li .button,#team-list li .button{margin-top:auto}#process{gap:5%;display:flex}#process ul{width:47.5%;margin:0;padding:0;list-style-type:none}#process li{border-bottom:1px solid #464646}#process li p{padding-bottom:20px}.process-h{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.process-h:hover{opacity:1}.process-details{height:0;transition:height .5s;overflow:hidden}.process-details.open{height:auto}.fa-plus{transition:transform .3s}#team-list ul{grid-template-columns:1fr 1fr;gap:5%;margin:0;padding:0;list-style-type:none;display:grid}#team .serv-img{height:275px}form{grid-template-columns:1fr 1fr;gap:20px;display:grid}input{all:unset;cursor:text;color:#fff;text-indent:20px;background:0 0;border:1px solid #464646;border-radius:7px;width:100%;height:60px}.input-wrap{grid-template-columns:1fr;gap:8vw;margin-bottom:40px;display:grid}.input-wrap:last-child,.input-wrap input{margin-bottom:0}.input-wrap .button{width:100%}#name,#message{grid-column:1/3}#message{height:150px}#successMessage{display:none}#website{opacity:0;pointer-events:none;width:0;height:0;position:absolute;left:-9999px}#contact-bottom{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}#contact-left{flex-direction:column;justify-content:space-between;align-self:stretch;display:flex}.contact-label{text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;opacity:.4!important;font-size:.75rem!important}footer{background-color:#141414;grid-template-columns:2fr 1fr;gap:6vw;display:grid}#footer-left{flex-direction:column;justify-content:space-between;gap:50px;display:flex}#footer-menu a{opacity:.7}#footer-menu a:hover{opacity:1}footer p{color:#6a6a6a;opacity:1;margin:0}#matt{place-self:flex-end}#matt a:hover{color:#fff}@media only screen and (max-width:1060px){#services-list ul{grid-template-columns:1fr 1fr;gap:50px}}@media only screen and (max-width:768px){.mobile-hide{display:none}h1{font-size:2.9rem;line-height:3rem}#header{padding:0}#nav-wrap{grid-template-columns:1fr 1fr;padding:0 8%}#nav-wrap .button{display:none}#hero{background-position-x:45%;justify-content:flex-end;align-items:flex-start;padding:0 8% 8%}.hero-text{text-align:left;align-items:flex-start;width:100%}#hero h1,#hero p,.section h1,#hero .button{width:100%}#hero p{margin-bottom:20px;font-size:1.1rem}#menu-button{cursor:pointer;flex-direction:column;justify-self:flex-end;gap:5px;width:26px;padding:4px 0;display:flex}.burger-line{transform-origin:50%;background:#fff;border-radius:2px;width:100%;height:2px;transition:transform .3s,opacity .3s;display:block}#menu-button.open .burger-line:first-child{transform:translateY(7px)rotate(45deg)}#menu-button.open .burger-line:nth-child(2){opacity:0;transform:scaleX(0)}#menu-button.open .burger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}#mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:99999;box-sizing:border-box;background:#000000eb;width:100%;height:calc(100vh - 80px);padding:10% 8%;transition:transform .35s;display:block;position:fixed;bottom:0;left:0;transform:translateY(100%)}#mobile-menu.show{transform:translateY(0)}#mobile-menu>ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style-type:none;display:flex}#mobile-menu li>a{color:#fff;cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:10px 0;font-size:1.3rem;display:flex}#mobile-menu li>a:hover{opacity:1}.mobile-services-icon{font-size:12px;transition:transform .3s}.mobile-services-toggle.open .mobile-services-icon{transform:rotate(180deg)}.mobile-submenu{flex-direction:column;gap:4px;max-height:0;margin:0;padding:0 0 0 16px;list-style:none;transition:max-height .35s;display:flex;overflow:hidden}.mobile-submenu.open{max-height:400px}.mobile-submenu li a{color:#fff;opacity:.6;padding:7px 0;font-size:1rem;display:block}#menu{display:none}.section{padding:15% 8%}.center{text-align:left}.sevenfive{width:100%}#left{height:50vh}#services{align-items:flex-start}#services-list ul,#team-list ul{grid-template-columns:1fr;row-gap:9vh}#process{display:block}#process-wrap{align-items:flex-start}#process ul{width:100%}#about{grid-template-columns:1fr;gap:10vh}.boxes{grid-template-columns:1fr 1fr}.boxes li{height:25vh}#projects{padding-bottom:calc(15% - 40px)}#projects-wrap{grid-auto-columns:100%}#projects-top{grid-template-columns:1fr;gap:30px;margin-bottom:30px!important}#projects-wrap{grid-template-columns:1fr}#projects .img-box{height:42vh}.projects-numbers li{color:gray}#scroll-buttons{justify-self:flex-start}#services-list{flex-direction:column;gap:0}#service-two{border-bottom:0!important}#contact-bottom{grid-template-columns:1fr}form{grid-template-columns:1fr;gap:25px}.input-wrap{grid-template-columns:1fr}#name,#message{grid-column:unset}footer{grid-template-rows:2fr auto;grid-template-columns:1fr;height:auto}#footer-menu ul{flex-wrap:wrap;gap:20px}#footer-left{gap:40px}#matt{justify-self:flex-start}}#service-hero{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:0 calc(4vw + 30px);display:flex;position:relative}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}#service-hero #sudo{z-index:1;background:linear-gradient(#0000 0%,#000 100%)}#service-hero.ai-content-hero #sudo{background:linear-gradient(#0000004d 0%,#000 100%)}#service-hero .hero-text{z-index:1;position:relative}#service-hero p{font-size:1.2rem}#service-features{grid-template-columns:1fr 1fr;gap:35px;width:100%;display:grid}.feature-card{background-color:#000;border:1px solid #2d2d2d;border-radius:7px;flex-direction:column;padding:8%;display:flex}.feature-icon{opacity:.7;margin-bottom:25px;font-size:1.8rem}.feature-card h2{font-size:1.5rem}#service-why{grid-template-columns:1fr 1fr;gap:4vw;display:grid}#service-why h1{width:100%}#service-why-img{background-position:50%;background-size:cover;border-radius:5px;width:100%;height:100%;min-height:400px}.why-list{flex-direction:column;gap:14px;margin-top:0;padding:0;list-style:none;display:flex}.why-list li{opacity:.85;align-items:center;gap:12px;display:flex}.why-list .fa-check{color:#fff;opacity:.6;font-size:.9rem}#service-cta{background-color:#0a0a0a;border-top:1px solid #2d2d2d}#service-intro{align-items:center}@media only screen and (max-width:768px){#service-features{grid-template-columns:1fr}#service-why{grid-template-columns:1fr;gap:10vh}#service-why-img{min-height:40vh}#service-intro{align-items:flex-start}.sevenfive{width:100%}}#policy-hero{border-bottom:1px solid #2d2d2d;padding-bottom:40px}#policy-hero h1{width:100%;margin-bottom:20px}.policy-meta{opacity:.4;letter-spacing:.5px;font-size:.85rem}#policy-body{padding-top:60px}#policy-content{max-width:780px}.policy-section{margin-bottom:55px}.policy-section h2{opacity:.95;border-bottom:1px solid #2d2d2d;margin-bottom:18px;padding-bottom:12px;font-size:1.3rem;font-weight:600}.policy-section p{opacity:.7;margin-bottom:14px;line-height:1.8rem}.policy-section p:last-child{margin-bottom:0}.policy-list{flex-direction:column;gap:10px;margin:0 0 14px;padding:0;list-style:none;display:flex}.policy-list li{opacity:.7;border-left:2px solid #464646;padding-left:16px;line-height:1.7rem}@media only screen and (max-width:768px){#policy-content{max-width:100%}}