/* Generated from scss/design/pages/home.scss by `npm run build`, mirrored by rtlcss for right-to-left pages — do not edit; change the SCSS. */
section.about{padding:10vh 0;overflow:visible}section.about h2{display:inline-table;margin-bottom:2rem;background-position:left bottom;background-size:cover}[data-browsertype=mozilla] section.about h2{background-size:100%}section.about .text-group{display:grid;grid-template-columns:auto minmax(0,1fr);-moz-column-gap:4rem;column-gap:4rem;align-items:start;margin:0 auto;max-width:64rem}section.about .text-group>.tilt{grid-row:1/span 2}section.about h2{margin-bottom:0}section.about p{text-align:right}section.about p+p{margin-top:1.25rem}section.about .section-cloak{position:relative}#svg-path-about1{top:-56rem;right:-10rem}@media screen and (max-width:768px){section.about .text-group{display:block;max-width:none}section.about h2{margin-bottom:2rem}section.about p{margin-right:auto;margin-left:auto;width:80%}section.about h2{background-position:center center}.tilt{text-align:center}}section.root-projects{position:relative;padding:10vh 0;overflow:visible}section.root-projects .section-backdrop{background:url(../../../assets/images/other/services-backdrop.svg) no-repeat -31rem bottom;position:absolute;right:0;top:0;width:100%;height:100%;z-index:1}section.root-projects h2{position:relative;text-align:center;background-position:90% 72%;background-size:cover}[data-browsertype=mozilla] section.root-projects h2{background-size:100%}section.root-projects h2{z-index:3}section.root-projects .section-path{z-index:2}section.root-projects .section-content{position:relative;margin-top:5rem;z-index:3}#root-projects-svg{width:100%;height:100%}#root-projects-path-1,#root-projects-path-2{top:0;right:0}.root-project-li{position:relative}.root-project-li:focus .text{background-color:#7eaaca7d}.root-project-li .text{padding:0 2rem 2rem 0;background-color:transparent;transition:background-color .4s ease}.root-project-li .title{width:calc(100% - 2rem);font-weight:700;font-size:1.25rem}.root-project-li .title a,.root-project-li .title a:focus,.root-project-li .title a:hover{text-decoration:none}.el-overlay.color{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:linear-gradient(to bottom,#fff0,#000c);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#cc000000",GradientType=0);z-index:1}.el-overlay.background{background-size:cover;background-position:center center;background-repeat:no-repeat}.grid{position:relative;display:block;margin-right:.5rem;margin-left:.5rem;width:calc(100% - 1rem);text-align:right}.grid-element{position:relative;display:inline-block;vertical-align:top;overflow:hidden;border-radius:3px;cursor:pointer}.text-holder{position:relative;display:table;width:100%;height:100%;vertical-align:bottom;z-index:3}.text{display:table-cell;vertical-align:bottom;width:100%;height:100%}.text,.text:focus,.text:hover{text-decoration:none}.text p{color:#fff}.text p.tags{margin:0}.text p.title{margin-top:0;line-height:1.5}.tags{font-size:1.0227rem;display:inline-block}.tags>span:not(:last-child){margin-right:1rem}@media screen and (min-width:1111px){.grid-element.cols-2{width:calc(50% - 1rem);margin-right:.5rem}.grid-element.rows-2{height:calc(50vw - 1rem)}.grid-element.cols-1{width:calc(25% - 1rem)}.grid-element.rows-1{height:calc(25vw - 1rem)}.el-2,.el-3{margin-right:1rem;margin-bottom:1rem}.el-4{position:absolute;top:25vw;right:calc(25vw * 2 - var(--scrollbar-width) * .5)}.el-5{position:absolute;top:25vw;right:auto;left:.5rem}}@media screen and (max-width:1110px)and (min-width:968px){.grid{min-height:50rem}.grid-element.cols-2{width:calc(50% - 1.5rem);margin-right:.5rem;margin-left:.5rem}.grid-element.rows-2{height:calc(50vw - 1rem)}.grid-element.cols-1{width:calc(50% - .5rem)}.grid-element.rows-1{height:calc(25vw - 1rem)}.el-2{margin-right:.5rem;margin-bottom:1rem}.el-3{position:absolute;right:auto;left:.5rem;top:25vw}.el-4{position:absolute;top:50vw;right:.5rem;margin-left:.5rem}.el-4[class]{width:calc(50% - 1.5rem)}.el-5{position:absolute;top:50vw;right:auto;left:.5rem}}@media screen and (max-width:967px)and (min-width:650px){.grid-element:first-child{margin:0 .5rem 1rem;width:calc(100% - 1rem);height:50vw}.grid-element:not(:first-child){margin:0 .5rem 1rem;width:calc(50% - 1rem);height:32.5vw}}@media screen and (max-width:649px){.grid{text-align:center}.grid-element{width:calc(100% - 1rem);height:66vw;margin-right:.5rem;margin-left:.5rem}.grid-element:not(:last-child){margin-bottom:1rem}.root-project-li .text{padding-right:0}.root-project-li .title{padding:0 2rem;width:100%}}section.clients{overflow:hidden;padding:7.5vh 0}section.clients .section-backdrop{opacity:.85;background:url(../../../assets/images/other/main-section-backdrop-gray.svg) no-repeat -33rem 3rem/150%;z-index:1}section.clients .section-backdrop:after{content:"";position:absolute;top:0;left:0;bottom:0;width:60%;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:linear-gradient(to left,#fff0,#ffffff80);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#80ffffff",GradientType=1)}section.clients h2{text-align:center;background-position:100% 74%}section.clients h2,section.clients .client-list{position:relative;z-index:2}.client-list{margin-top:5rem;list-style:none;text-align:center}.client-list>li{position:relative;display:inline-block;margin:0 0 3rem 3rem;width:20%;text-align:center;vertical-align:top}.client-list>li a.main{position:relative;display:block;margin:0 auto;width:16.5rem;height:16.5rem;border-radius:10px;background-color:#fff;box-shadow:0 0 10px #dcdcdc33;transition:background-color .4s,box-shadow .4s}.client-list>li a.main>img{position:absolute;top:50%;right:50%;transform:translate3d(50%,-50%,0);transition:opacity 1s}.client-list>li a.main img.color{max-width:12rem;max-height:8rem;opacity:1}.client-list>li a.main img.white{opacity:0}.client-list>li a.main:hover,.client-list>li a.main:focus{box-shadow:0 0 25px #f05b5a80}.client-list>li a.main:hover,.client-list>li a.main:focus{background-color:#f7f7f7}.client-list>li a.main:hover>img.white,.client-list>li a.main:focus>img.white{opacity:1}.client-list>li a.main:hover>img.color,.client-list>li a.main:focus>img.color{opacity:0}.client-list>li a.main .launch{position:absolute;top:1rem;left:1rem}@media screen and (max-width:82rem){section.clients .section-backdrop{background-size:cover}}@media screen and (max-width:82rem)and (min-width:621px){.client-list{width:100%;max-width:38rem;margin-right:auto;margin-left:auto}.client-list>li{width:40%}.client-list>li>a{width:15.5rem;height:15.5rem}section.clients .section-backdrop{background-position:left top}}@media screen and (max-width:621px){.client-list>li{width:80%}.client-list>li:not(:last-child){margin:0 0 3rem}.client-list>li:last-child{margin-bottom:0;margin-left:0}section.clients .section-backdrop{background-position:center center}}section.we-live-qatar{padding:10vh 0;overflow:visible}section.we-live-qatar h2{margin-bottom:3.75rem;font-size:5rem;text-align:center;background-size:100%;background-position:100% 74%}section.we-live-qatar .section-backdrop{width:100%;background:transparent url(../../../assets/images/other/we-live-qatar-section-backdrop.svg) no-repeat;z-index:1}section.we-live-qatar .section-overlay{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#80ffffff",GradientType=0);z-index:2}section.we-live-qatar .section-cloak{position:relative;z-index:3}section.we-live-qatar .text-group{margin:3rem auto 0;max-width:43.75rem;text-align:center}section.we-live-qatar .icon-fuego{line-height:1.05;text-align:center;color:transparent;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:cover;background-position:center bottom}.backgroundcliptext section.we-live-qatar .icon-fuego{-webkit-background-clip:text;background-clip:text}#svg-path-wlq1{top:30rem;right:18%}#svg-path-wlq2{top:14rem;right:18%}@media screen and (min-width:80.0625rem){section.we-live-qatar .section-backdrop{background-position:center 28rem;background-size:200vh}section.we-live-qatar .icon-fuego{font-size:63.637rem}}@media screen and (max-width:80rem){section.we-live-qatar .icon-fuego{font-size:calc(100vw - 5rem)}}@media screen and (max-width:768px)and (min-width:531px){section.we-live-qatar h2{font-size:3.5rem}}@media screen and (max-width:530px){section.we-live-qatar h2{font-size:2.75rem}#svg-path-wlq1{right:-31%}}section.get-support{padding:10vh 0}section.get-support .content-list{display:table;width:100%;table-layout:fixed}section.get-support .content-list>li{display:table-cell;width:50%;vertical-align:top}section.get-support .content-list>li.text-group{padding-left:3rem}section.get-support h2{margin-bottom:2rem;background-position:right -7rem top 33%;background-size:120%}.artwork>img,.artwork>svg{width:100%}@media screen and (max-width:1120px){section.get-support .content-list>li{display:table;width:100%}section.get-support .content-list>li:not(:last-child){margin:0 0 5rem}section.get-support .content-list>li.text-group{padding:0;text-align:center}section.get-support .content-list>li.text-group p{width:80%;margin-right:auto;margin-left:auto}li.artwork{text-align:center}li.artwork>img{max-width:42rem}}section.root-services{position:relative;padding:10vh 0;overflow:visible}section.root-services .section-overlay{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:linear-gradient(to bottom,#fbfbfb,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbfbfb",endColorstr="#00ffffff",GradientType=0);z-index:1}section.root-services .section-backdrop{background:url(../../../assets/images/other/services-backdrop.svg) no-repeat -31rem bottom;position:absolute;right:0;top:0;width:100%;height:100%;z-index:1}section.root-services h2{position:relative;text-align:center;background-size:100%;background-position:bottom right;z-index:3}section.root-services .section-path{z-index:2}section.root-services .section-cloak{position:relative;z-index:3}section.root-services .section-content{margin-top:5rem}section.root-services .section-content>ul{text-align:center}#root-services-svg{width:100%;height:100%}#root-services-path-1,#root-services-path-2{top:0;right:0}.list-of-services{display:flex;flex-wrap:wrap;justify-content:center;row-gap:2rem}.list-of-services:not(.align-left){text-align:center}.list-of-services.align-left{justify-content:flex-start;text-align:right}service-list .title{margin:0 auto 1rem;width:78%;min-height:3.4em;font-weight:700;font-size:1.25rem;text-align:center}.root-service-li{display:flex;width:33%;max-width:26rem;min-height:24rem}.root-service-anchor{position:relative;display:block;margin-right:1rem;padding:2.5rem 2rem;width:calc(100% - 2rem);text-align:center;text-decoration:none;background:#fff;border:1px solid #f1eded;box-shadow:0 2px 20px #0000000a;border-radius:12px;overflow:hidden;transition:box-shadow .3s ease,background-color .3s ease,transform .3s ease}.root-service-anchor:hover,.root-service-anchor:focus{text-decoration:none}.root-service-anchor .black{margin-bottom:1.5rem}.root-service-anchor .description{color:#4a4a4a}.root-service-anchor .text{hyphens:auto;-webkit-hyphen:auto}.root-service-anchor.active,.root-service-anchor:hover,.root-service-anchor:focus{box-shadow:0 12px 32px -8px #ae272740}.root-service-anchor:hover,.root-service-anchor:focus-visible{transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){.root-service-anchor{transition:none}.root-service-anchor:hover,.root-service-anchor:focus-visible{transform:none}}.root-service-anchor .colored{position:absolute;right:0;bottom:-22rem;width:110%;max-width:27rem;max-height:30rem;z-index:1}.root-service-anchor .black,.root-service-anchor .title,.root-service-anchor .description{position:relative;z-index:2}@media screen and (max-width:1200px){service-list .title{min-height:auto}}@media screen and (max-width:1200px)and (min-width:768px){service-list .title{width:100%}}@media screen and (max-width:1024px)and (min-width:768px){.root-service-li{width:50%}}@media screen and (max-width:767px){.root-service-li{width:100%}.root-service-anchor{width:100%;margin:0}}