@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Parisienne&display=swap);body{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-synthesis:none!important;margin:0;text-rendering:optimizeLegibility}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{overflow:hidden;overscroll-behavior:none;text-align:center;width:100vw}::-webkit-scrollbar{display:none}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;src:url(/static/media/dmsans.b230ddb7eabb4b25e123.ttf)}@font-face{font-display:swap;font-family:Stardom;font-style:normal;src:url(/static/media/stardom.e9c19cb1f35d97e172d8.ttf)}@font-face{font-display:swap;font-family:Host;font-style:normal;src:url(/static/media/host.102d261496351e84747e.ttf)}.App-header{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.blur{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#0000;bottom:0;height:4rem;left:0;-webkit-mask-image:linear-gradient(180deg,#0000,#000);mask-image:linear-gradient(180deg,#0000,#000);pointer-events:none;position:fixed;width:100vw;z-index:80}.home{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:10rem 0 4rem;width:100vw}.arrow{animation:ripple 4s ease-in-out infinite}@keyframes ripple{0%{opacity:1}50%{opacity:.1}to{opacity:1}}.header-text{color:#fff;font-family:Host;font-size:2rem;font-weight:100;line-height:100%}.esmi{align-items:flex-start;display:flex;flex-direction:column;gap:0svh;transition-duration:.1s}.esmi-text{color:#fff;font-family:Host;font-size:6rem;font-weight:800;line-height:1;margin:0;text-align:left;transition:.4s ease-out;&:hover{color:#aaa}}.desc-text{font-size:1.5rem}.desc-text,.sub-text{color:#888;font-family:Host;font-style:normal;font-weight:400;margin:0;text-align:left}.sub-text{font-size:1rem}.role{display:flex;flex-direction:row;gap:2vw;margin-bottom:0;margin-top:0}.role,.social-container{height:-webkit-min-content;height:min-content}.social-container{margin-top:1rem;padding:1vw}.social-container,.socials{width:-webkit-min-content;width:min-content}.socials{align-items:center;-webkit-backdrop-filter:blur(45px);backdrop-filter:blur(45px);background:#ffffff0d;border:3px solid #ffffff0f;border-radius:56px;display:flex;flex-direction:row;gap:16px;justify-content:center;padding:16px;position:relative}.social-icon{height:32px;pointer-events:none;position:relative;width:32px}.content{align-items:flex-start;display:flex;flex-direction:column;gap:32px;padding:24px 0}.mentions{flex-direction:column;gap:0}.mentions,.mentions-l{align-items:flex-start;color:#fff;display:flex;margin:0}.mentions-l{align-items:center;flex-direction:row;gap:8px;justify-content:center}.available-icn{background-color:#2bdd2b;border-radius:50px;height:12px;width:12px}.mentions_txt{color:inherit;font-family:Host;font-size:1rem;margin:0}.mentions_link{color:inherit;font-weight:800;text-decoration:none}.social-container,.socials{z-index:5}.home-img{height:600px}.home-container{box-sizing:border-box;display:flex;flex-direction:row;gap:32px;justify-content:center;justify-content:space-between;padding:0 48px;width:100%}@media (max-width:900px){.esmi-text{font-size:6rem}.home-container{flex-direction:column;justify-content:center;padding:24px;text-align:center}.home-img{height:auto}.esmi-text{font-size:4rem}}@media (max-width:640px){.esmi-text{font-size:3rem}.home{padding-top:6rem}}@media (max-height:700px){.home{padding-top:6rem}}.aboutme-container{box-sizing:border-box;display:flex;flex-direction:column;gap:10%;padding:12rem 4rem;width:100%}.aboutme-textcontainer{grid-gap:2rem;align-items:flex-start;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);padding:4rem 0}.quote{filter:invert(100%)}.aboutme-sec1{grid-column:span 1}.aboutme-sec1,.aboutme-sec1-mobile,.aboutme-sec2{align-items:flex-start;display:flex;flex-direction:column}.aboutme-sec2{grid-column:span 1}.aboutme-sec2-mobile{align-items:flex-start;display:flex;flex-direction:column}.aboutme-title{color:#fff;font-size:3rem;font-weight:600;padding:2rem 0 0;text-transform:uppercase}.about-myloc,.aboutme-title{font-family:Host;font-style:normal;line-height:100%;margin:0;text-align:left}.about-myloc{color:#8b8b8b;font-size:18px;font-weight:300;padding:3rem 0 0}.aboutme-sub{font-size:2rem}.aboutme-detail,.aboutme-sub{color:#fffa;font-family:Host;font-style:normal;font-weight:300;line-height:150%;text-align:left;text-transform:uppercase}.aboutme-detail{font-size:1.5rem;margin:0}@media (max-width:1600px){.aboutme-sec1,.aboutme-sec2{align-items:flex-start;display:flex;flex-direction:column}}@media (max-width:1000px){.about-myloc{font-size:14px}.aboutme-sub{font-size:2rem}.aboutme-title{font-size:3rem}.aboutme-detail{font-size:1.5rem}.aboutme-container{padding:6rem 2rem}}@media (max-width:800px){.aboutme-sub{font-size:1.5rem}.aboutme-title{font-size:2rem}}.aboutme-textcontainer-mobile{display:flex;flex-direction:column;gap:64px}.contact-container{grid-gap:48px;border-top:1px solid #fff2;display:grid;gap:48px;grid-template-columns:repeat(3,1fr);min-height:90vh;width:100vw}.contact-img{height:100%;object-fit:cover;width:100%;z-index:0}.contact-img-container{grid-column:span 1;height:100%;object-fit:fill;z-index:0}.contact-content{box-sizing:border-box;display:flex;flex-direction:column;grid-column:span 2;height:100%;justify-content:space-between;padding:24px 48px;z-index:1}.contact-title{color:#fff;font-size:10rem;font-weight:800;position:relative}.contact-myloc,.contact-title{font-family:Host;font-style:normal;line-height:100%;margin:0;text-align:left;z-index:1}.contact-myloc{color:#8b8b8b;font-size:1rem;font-weight:400;text-transform:uppercase}.final-contact{align-items:left;display:flex;flex-direction:column;width:70%}@media (max-width:1200px){.contact-title{font-size:8rem}}.contact-link-container{display:flex;flex-direction:row;gap:32px;justify-content:space-between;padding:32px 0;width:100%}@media (max-width:1500px){.contact-content{grid-column:span 3}}@media (max-width:900px){.contact-title{font-size:4rem}.contact-content{gap:32px;justify-content:flex-start;padding:48px 32px}.contact-container,.contact-content{height:auto;min-height:90vh}}@media (max-width:1200px){.contact-link-container{flex-wrap:wrap;gap:24px;justify-content:flex-start;margin-left:-16px}}.contact-page-container{background-color:#000}.expertise-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:60px;justify-content:center;padding:0 145px 80px;width:85%}.expertise-textcontainer{gap:64px;padding:0}.expertise-sec1,.expertise-textcontainer{align-items:center;display:flex;flex-direction:column;width:100%}.expertise-sec1{padding-bottom:30px;padding-top:15px;z-index:1}.expertise-list,.expertiseelement{display:flex;flex-direction:column;gap:1rem}.expertiseelement{align-items:center;font-weight:600;text-align:center}.expertise-title{border:1px solid #fff;border-radius:50px;font-size:1rem;font-style:normal;font-weight:600;padding:16px 32px;text-align:center}.expertise-title,.expertise-type{font-family:Host;line-height:100%;margin:0}.expertise-type{color:#cdb4db;font-size:6rem;padding:0}.expertise-example{color:#fff;font-size:2rem;font-weight:400;padding:0}.expertise-example,.expertise-myloc{font-family:Host;font-style:normal;line-height:100%;margin:0;text-align:left}.expertise-myloc{color:#8b8b8b;font-size:18px;font-weight:300;padding:3vh 0 0}@media (max-width:600px){.expertise-list{gap:70px;margin-top:2svh}.expertise-title{line-height:100%;margin:0}.expertiseelement{display:flex;flex-direction:column;gap:25px;margin:0}.expertise-type{font-size:10svw}.expertise-example{color:#fff;font-size:1.4rem;font-weight:400;line-height:140%;padding:0}.expertise-example,.expertise-myloc{font-family:Host;font-style:normal;margin:0;text-align:left}.expertise-myloc{color:#8b8b8b;font-size:14px;font-weight:300;line-height:100%;padding:3vh 0 0}}.fancy{color:#fff;font-weight:600;margin:0}.expertise-icons{display:flex;flex-direction:row;gap:24px}.projectsheader-container{display:flex;flex-direction:column;gap:60px;padding:0 145px 80px;width:85%}.projectsheader-content{display:grid;margin-bottom:10vh;place-content:center;place-items:center}.projectsheader-text{height:20%}.projectsheader-title{font-size:6rem;font-weight:800}.projectsheader-title,.projectsheader-title-mobile{color:#fff;font-family:DM Sans,sans-serif;font-style:normal;line-height:100%;margin:0;position:relative;z-index:1}.projectsheader-title-mobile{font-size:16svw;font-weight:600;padding:0;width:90svw}.projectsheader-image,.projectsheader-image-mobile{height:800px;margin-top:25vh;opacity:.5;position:relative;z-index:0}.projheader-myloc{color:#8b8b8b;font-family:DM Sans,sans-serif;font-size:18px;font-style:normal;font-weight:300;line-height:100%;margin:0;padding:3vh 0 0;text-align:left}@media (max-width:800px){.projectsheader-title{color:#fff;font-family:DM Sans,sans-serif;font-size:8rem;font-style:normal;font-weight:600;line-height:100%;position:relative;z-index:1}}@media (max-width:700px){.projheader-myloc{color:#8b8b8b;font-family:DM Sans,sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:100%;margin:0;padding:3vh 0 0;text-align:left}}.project-button{border:1px solid #fff;border-radius:50px;color:#fff;display:flex;font-family:Host;font-size:1.2rem;font-weight:600;letter-spacing:0;padding:12px 24px;transition:.4s ease-in-out}.project-button:hover{background-color:#fff;color:#000;padding:12px 32px}.preloader-container{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.preloader-img{height:100%;object-fit:cover;position:absolute;width:100%}.preloader-content{width:80%}.preloader-content,.preloader-text{align-items:center;display:flex;flex-direction:column}.preloader-text{gap:2vh;opacity:1}.preloader-logo{height:5vh}.preloader-title{color:#fff;font-family:Host,sans-serif;font-size:4rem;font-style:normal;font-weight:800;line-height:100%;margin:0;text-align:center;z-index:1}@media (max-width:1000px){.preloader-title{font-size:3rem}}.navbar-container{flex-direction:column;justify-content:center}.header,.navbar-container{align-items:center;display:flex}.header{-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);background-color:#00000080;border-bottom:1px solid #fff2;flex-direction:row;justify-content:space-between;left:0;padding:24px 48px;position:fixed;right:0;top:0;z-index:11}.nocolor{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000}.header-logo{scale:.8}.header-links{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:center}.contact-button{border:1px solid #fff;border-radius:50px;color:#fff;display:flex;font-family:Host;font-size:1rem;font-weight:600;padding:12px 24px;transition:.4s ease-in-out}.contact-button:hover{background-color:#fff;color:#000;padding:16px 32px}.contact-btn-container{width:180px}.contact-btn-container,.menu-icon{align-items:center;display:flex;height:48px;justify-content:center}.menu-icon{transition:.4s ease-out;width:48px}.menu-icon:hover{transform:rotate(90deg)}@media (max-width:640px){.header{padding:24px 32px}.contact-btn-container{height:32px;width:180px}.menu-icon{height:32px;width:32px}}.menu-container{-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);background-color:#00000080;color:#fff;height:100vh;justify-content:space-between;left:0;margin:0;padding:64px 0;position:fixed;top:0;width:100vw;z-index:10}.menu-container,.menu-elements{align-items:center;box-sizing:border-box;display:flex;flex-direction:column}.menu-elements{gap:24px;justify-content:center;padding:32px}.menu-element{color:inherit;font-family:Host;font-size:6rem;font-weight:800;letter-spacing:0;line-height:100%;margin:0;padding:0;text-align:center;text-decoration:none;transition:.3s ease-out}.menu-element:hover{color:#aaa;font-weight:600;letter-spacing:-2px}.menu-link-container{gap:32px;padding:32px 64px;width:100%}.menu-link-container,.menu-link-element{display:flex;flex-direction:row;justify-content:center}.menu-link-element{align-items:center;border-radius:50px;color:#aaa;font-family:Host;font-size:1rem;gap:8px;margin:0;padding:8px 16px;transition:.3s ease-in-out}.menu-link-text{color:inherit;font-weight:600;margin:0;text-decoration:none}.menu-link-element:hover{background-color:#fff;color:#000}@media (max-width:900px){.menu-element{font-size:4rem}.menu-link-container{flex-wrap:wrap;gap:8px}}@media (max-width:500px){.menu-element{font-size:4rem}}.picture-container{display:flex;flex-direction:column;gap:32px;padding:72px 0}.picture-section{display:flex;flex-direction:row;gap:32px}.picture-img{height:300px}.company-container{display:flex;flex-direction:column;gap:12px;padding:16rem 48px 12rem}.company-section{grid-gap:0;display:grid;gap:0;grid-auto-rows:max-content;grid-auto-rows:-webkit-max-content;grid-template-columns:repeat(6,1fr);min-height:100px;transform:translateZ(0);width:100%;will-change:transform}.company-title{color:#fff;font-family:Host;font-size:4rem;font-weight:800}.company-img{grid-column:span 1;height:auto;object-fit:contain;transform:translateZ(0);width:100%;will-change:transform}@media (max-width:1200px){.company-section{display:grid;grid-template-columns:repeat(2,1fr)}.company-title{font-size:2rem}.company-container{padding:12rem 32px}}.scroll-resetter{border:1px solid #fff;border-radius:50px;bottom:20px;color:#fff;padding:12px;position:fixed;right:20px;transition:.4s ease-in-out;z-index:1000}.scroll-resetter:hover{background-color:#fff;color:#000;padding:12px 24px}.darkness{background-color:#000;height:40vh}.case-container{background-color:#000;margin:0;width:100%}.case-container,.section-container{align-items:center;display:flex;flex-direction:column}.section-container{gap:600px;justify-content:center;width:80%}.mena-case-container{background-color:#1b1123;margin:0;width:100%}.mena-case-container,.mena-section-container{align-items:center;display:flex;flex-direction:column}.mena-section-container{gap:600px;justify-content:center;width:80%}.section-content{align-items:flex-start;display:flex;flex-direction:column;gap:2vh;width:100%}.section-sub{color:#fff8;font-size:1rem;font-weight:300;line-height:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section-sub,.section-title{font-family:Host;font-style:normal;margin:0;text-align:left;text-transform:uppercase}.section-title{color:#fff;font-size:2.5rem;font-weight:700}.section-title-fancy{color:#fff;font-size:3rem;font-weight:800;text-align:center;text-transform:uppercase;width:100%}.section-text,.section-title-fancy{font-family:Host;font-style:normal;margin:0}.section-text{color:#fff8;font-size:1.2rem;font-weight:300;line-height:150%;text-align:left}.section-text b{color:#fff}.dmo-title{color:#fff;font-family:Host;font-size:1.2rem;font-style:normal;font-weight:400;line-height:150%;margin:0;text-align:left}.section-color-tile{align-items:center;display:flex;justify-content:space-between;padding:24px 0}.colorpick{border:.5px solid #fff;border-radius:50px;height:3rem;width:3rem}.colors{display:flex;gap:3rem}.section-image-container{display:flex;flex-direction:column;gap:48px;width:100%}.section-image{border-radius:24px}.font-svg{height:48px}@media (max-width:700px){.dmo-title,.section-text{font-size:1rem}.section-title-fancy{font-size:2.5rem;text-align:left}.section-sub{font-size:1rem}.font-svg{height:24px}.section-title{font-size:2rem}.section-color-tile{align-items:center;display:flex;justify-content:space-between;padding:24px 0}.colorpick{border:.5px solid #fff;border-radius:50px;height:2rem;width:2rem}.colors{display:flex;gap:.7rem}.section-image-container{display:flex;flex-direction:column;gap:24px;width:100%}.logo{scale:.6}}@keyframes gradientAnimation{0%{background-position:0 50%}40%{background-position:100% 50%}50%{background-position:100% 50%}90%{background-position:0 50%}}.fanciness{animation:gradientAnimation 10s linear infinite;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(40deg,#e63946,#e96d77,#e63946);background-size:200% 100%;color:#0000;font-weight:600;line-height:normal}.section-image{width:100%}.fin{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;margin:0;padding:0}a{color:#fff;text-decoration:none}.studycase{align-items:center;display:flex;justify-content:center;z-index:200}.studycase-btn{border:1px solid #fff;border-radius:50px;color:#fff;display:flex;font-family:Host;font-size:1rem;font-weight:600;padding:12px 24px;transition:.4s ease-in-out}.studycase-btn:hover{background-color:#fff;color:#000;padding:12px 32px}.studycase-txt{margin:0}.avatar-image{border-radius:100%;height:80px;object-fit:cover;width:80px}.avatars-container{align-items:flex-start;display:flex;flex-direction:column;gap:2rem}.avatar-container{align-items:flex-start;display:flex;flex-direction:row;gap:1.2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center}.avatar-info{display:flex;flex-direction:column;gap:.5rem;text-align:left}.avatar-name{color:#fff;font-family:Host;font-size:1.2rem;font-weight:600;margin:0;text-transform:uppercase}.avatar-description{color:#fff8;font-family:Host;font-size:1rem;font-weight:400;margin:0}.cs-video-container{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;width:100%}.cs-video{aspect-ratio:9/19;max-height:640px;object-fit:cover}.research-container{display:flex;flex-direction:row;gap:1rem}.research-container-item{display:flex;flex-direction:column;gap:1rem;width:50%}@media (max-width:1200px){.cs-video-container{gap:2rem;grid-template-columns:1fr 1fr}}@media (max-width:900px){.cs-video-container{gap:2rem;grid-template-columns:1fr}.research-container{flex-direction:column}.research-container-item{width:100%}}.process-container{color:#fff;flex-direction:row;flex-wrap:wrap;gap:1rem}.process-container,.video-container{align-items:center;display:flex;justify-content:flex-start}.video-container{box-sizing:border-box;flex-direction:column;height:300vh}.video-file{border-radius:24px;width:100%}.case-header{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center;width:100%}@media (max-width:900px){.section-image video{height:auto!important;max-width:100%;object-fit:contain;width:100%!important}}.p404-container{align-items:center;background-color:#000;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;padding:4rem 32rem;width:100vw}.p404-text{font-family:Host;font-size:6rem;font-weight:800;line-height:100%;margin:0;text-align:center;text-transform:uppercase;transition:.4s ease-in-out}.p404-text:hover{font-weight:600;letter-spacing:-2px;opacity:.8}@media (max-width:900px){.p404-container{gap:1rem;padding:2rem 24px}.p404-text{font-size:3rem}}.project-page{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:2rem;padding:10rem 2rem 60rem;width:100vw}.project-page,.project-page-container{background-color:#000}.project-page-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:1248px;text-align:left;width:100%}.project-page h1{font-family:Host;font-size:4rem;font-weight:800;margin:0}.project-item-container{align-items:center;gap:24rem;justify-content:center;max-width:1248px;padding:0}.project-item,.project-item-container{display:flex;flex-direction:column;width:100%}.project-item{border:1px solid #444;border-radius:24px;box-shadow:0 -10px 50px 4px #00000080;box-sizing:border-box;gap:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:24px;transition:filter .3s ease-in-out}.project-item:hover{filter:brightness(1.2);.project-item-image{filter:brightness(.8)}}.project-item-tag{border-radius:48px;height:100%;width:16px}.project-item-text-container{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;text-transform:uppercase;width:100%}.project-separator{background-color:#fff4;height:2px;width:100%}.project-item-info{display:flex;flex-direction:row;justify-content:space-between;margin:0;width:100%}.project-item-name{font-family:Host;font-size:2rem;font-weight:700;margin:0;text-align:left}.project-item-description{font-size:1.2rem}.project-item-description,.project-item-info-text{color:#fff8;font-family:Host;font-weight:400;margin:0;text-align:left}.project-item-info-text{font-size:1rem}.project-item-image{aspect-ratio:4/3;border-radius:16px;height:900px;object-fit:cover;transition:filter .3s ease-in-out;width:1200px}.project-page-dribbble-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;justify-content:center;padding:12rem 4rem}.project-page-dribbble-title{color:#fff;font-family:Host;font-size:2rem;font-weight:800;margin:0}@media (max-width:1248px){.project-item-image{height:auto;width:100%}}@media (max-width:900px){.project-page{padding:8rem 2rem}.project-page h1{font-size:2rem}.project-item{border-radius:12px;padding:12px}.project-item-image{border-radius:8px}.project-item-name{font-size:1.5rem}.project-item-description{font-size:1rem}.project-item-info-text{font-size:.8rem}.project-page-dribbble-container{padding:20rem 2rem}.project-item-image video{height:auto!important;max-width:100%;object-fit:contain;width:100%!important}}
/*# sourceMappingURL=main.0e8af895.css.map*/