@font-face{font-family:"PP Editorial New";font-style:normal;src:url(/static/media/PPEditorialNew-Regular.96f9c26e.otf)}@font-face{font-family:"PP Editorial New Italic";font-style:normal;src:url(/static/media/PPEditorialNew-Italic.782a35fd.otf)}@font-face{font-family:"PP Neue Montreal";font-style:normal;src:url(/static/media/PPNeueMontreal-Book.c8e487c5.otf)}@font-face{font-family:"PP Neue Montreal Thin";font-style:normal;src:url(/static/media/PPNeueMontreal-Thin.fd774ba5.otf)}@font-face{font-family:"PP Neue Montreal Italic";font-style:normal;src:url(/static/media/PPNeueMontreal-Italic.bcf176a3.otf)}@font-face{font-family:"PP Neue Montreal Arabic";font-style:normal;src:url(/static/media/PPNeueMontrealArabic-Regular.68f996e6.otf)}body{margin:0;font-family:"PP Neue Montreal";font-size:14px;background-color:var(--bg-color);transition:all .3s linear;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:focus{outline:none}::-webkit-scrollbar{width:0}::-webkit-scrollbar:hover{width:auto}.navContainer{align-items:center;font-family:"PP Neue Montreal Thin";width:auto;position:static;z-index:9999;top:2vw}.navContainer,.navTopContainer{height:4rem;background-color:var(--bg-color);transition:all .3s linear}.navTopContainer{position:fixed;z-index:999;width:100vw;top:0;display:flex}.navLinks{display:flex;flex-direction:row;text-align:left;position:absolute;z-index:999;font-size:14px;font-family:"PP Neue Montreal Thin";right:4vw;align-self:center}.navLink{padding:0 0 0 .5rem}.navLink,a{color:var(--text-color);transition:all .3s linear;text-decoration:none}.navLogo{position:absolute;z-index:999;left:4vw;font-size:1rem;text-align:right;line-height:1rem;display:flex;align-self:center}.navLogoLink{flex-direction:row;display:flex}.navName{font-weight:500;padding:0 .5rem 0 0;font-family:"PP Neue Montreal Medium"}.navJobtitle,.navName{display:flex;font-size:14px}.navJobtitle{text-align:left;font-family:"PP Neue Montreal Thin"}.navColorChange{position:fixed;z-index:999;width:100vw;height:4rem;transition:all .3s linear;background-color:var(--bg-color);bottom:0}.navDarkMode{position:fixed;z-index:999;width:2rem;height:2rem;bottom:1rem;right:4vw;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.navMoon,.navSun{height:1rem;width:1rem;fill:var(--text-color);transition:transform .6s ease,opacity .6s ease;opacity:0;position:absolute}.navMoon--dark,.navSun--dark{opacity:1;transform:translateY(0);position:relative;transition-delay:.3s}@media screen and (min-width:1024px){.navContainer{align-items:center;font-family:"PP Neue Montreal";height:5rem;width:auto;position:absolute;z-index:auto;top:2vw}.navColorChange,.navContainer{background-color:var(--bg-color)}.navName{padding:0 1rem 0 0}.navLink{padding:0 0 0 .5rem}}:root[data-theme=light]{--text-color:#000;--darker-text-color:#515c67;--icon-color:#c2c2c2;--slider-color:transparent;--sliderIcon-color:#708090;--sliderActive-color:#c2c2c2;--sliderIconActive-color:#515c67;--bg-color:#fff;--cursor-fill:#515c67;--cursor-stroke-width:1px}:root[data-theme=dark]{--text-color:#eee;--darker-text-color:#fff;--icon-color:#c2c2c2;--slider-color:transparent;--sliderIcon-color:#fff;--sliderActive-color:#262635;--sliderIconActive-color:#fff;--bg-color:#000;--cursor-fill:#fff;--cursor-stroke-width:1px}.App{text-align:center;min-height:100vh;width:100%;top:0;position:absolute}.bold{font-weight:700}:root{--text-color:#000;--darker-text-color:#515c67;--icon-color:#c2c2c2;--slider-color:transparent;--sliderIcon-color:#708090;--sliderActive-color:#c2c2c2;--sliderIconActive-color:#515c67;--bg-color:#fff;--cursor-fill:#515c67;--cursor-stroke-width:1px}.showcase{margin:0 auto;max-width:160rem;display:flex;flex-direction:row;position:absolute;padding-bottom:6vh}.showcaseNav{width:9vw;display:flex;height:100vh;flex-wrap:nowrap}.showcaseList{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;padding:4vw}.showcaseList::-webkit-scrollbar{display:none}.showcaseItem{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px}.showcaseContent{display:flex;flex-direction:column}.showcaseClient{color:var(--text-color);transition:all .3s linear;font-size:30px;display:flex;position:relative;justify-content:flex-start}.showcaseGridImage{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block}.showcaseTitle{color:var(--text-color);font-size:14px;font-weight:200;margin-top:5px;text-align:left;width:100%;position:static;display:flex}.showcaseClient{font-size:14px;font-family:"PP Neue Montreal Medium";padding-right:4px}.showcaseProject{font-size:14px;font-family:"PP Neue Montreal Thin"}.showcaseTitle:hover{color:var(--darker-text-color);font-family:"PP Editorial New Italic"}.showcaseItemDetail{display:flex;font-size:14px;color:var(--icon-color);position:relative;text-align:initial;padding-bottom:.5rem;font-family:"PP Neue Montreal"}.showcaseCurrent{position:fixed;font-size:2px;color:var(--text-color);transition:all .3s linear;bottom:20px;right:20px}.showcaseImage{visibility:hidden;width:46vw;height:56vh;position:relative;object-fit:cover;display:none;align-self:center;aspect-ratio:16/9}.showcaseImage--visible{visibility:visible}.showcaseImage:not([src]){visibility:hidden}.showcaseProgress{display:none;flex-direction:column;width:80vw;top:15vh;left:10vw;position:fixed;transform-origin:top left;transform:scale(1) rotate(0deg);font-family:"PP Neue Montreal"}.showcaseProgressBar{background-color:var(--sliderActive-color);height:2px;margin-top:5px;-webkit-clip-path:polygon(0 0,0 100%,40% 100%,40% 0,60% 0,60% 100%,60% 100%,30% 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,40% 100%,40% 0,60% 0,60% 100%,60% 100%,30% 100%,100% 100%,100% 0)}.showcaseProgressCurrent{background-color:var(--text-color);height:2px;transition:width .75s ease-in-out}.showcaseProgressStatus{color:var(--darker-text-color);width:4rem;height:14px;position:absolute;display:flex;justify-content:center;align-self:center;margin-top:-2px}@media screen and (min-width:768px) and (max-width:1023px){.showcaseProgress{display:flex;width:66vw;top:15vh;left:8rem}.showcaseList{width:92vw}.showcaseTitle{font-size:4rem;line-height:4rem}.showcaseItem{padding:0 1rem 0 0}.showcaseNav{width:7rem}}@media screen and (min-width:1024px){.showcaseList{width:92vw;padding-top:4rem}.showcaseItem{padding:0}.showcaseImage{height:36vh;display:flex}.showcaseNav{width:9vw}.showcaseProgress{display:flex;flex-direction:column;width:60vh;top:20vh;left:4.5rem;position:fixed;transform-origin:top left;transform:scale(1) rotate(90deg);font-family:"PP Neue Montreal"}.showcaseProgressStatus{color:var(--darker-text-color);width:1rem;height:14px;position:absolute;display:flex;justify-content:center;align-self:center;transform:scale(-1);rotate:90deg;margin-left:-2rem}}.case{width:100vw}.caseContainer{height:100vh;max-width:160rem;margin:0 auto}.caseContainer,.caseHeader{display:flex;flex-direction:column}.caseHeader{font-size:3rem;z-index:200}.caseHeaderContent{display:flex;flex-direction:column;align-items:center;margin-bottom:4rem}.caseHeaderImageContainer{width:100vw;height:50vh}.caseHeaderTitle{display:flex;z-index:100;position:absolute;justify-content:center;align-items:center;align-content:center;font-weight:400;width:100vw;top:15vh}.caseContent{margin-top:4vh;font-family:"PP Neue Montreal Thin";font-size:14px}.caseHeaderImage{position:absolute;object-fit:cover;display:flex;align-self:center;aspect-ratio:16/9}.caseItemContainer{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-start;width:80vw;text-align:left;margin:0 auto 2rem}.caseTitle{font-size:20px;font-family:"PP Neue Montreal Medium";color:var(--text-color);transition:all .3s linear;padding-bottom:10px;font-weight:300}.caseCopyContainer,.caseDescription{font-weight:400;color:var(--darker-text-color);transition:all .3s linear;width:80vw}.caseDescription p:first-child{margin-top:5px}.caseCaseItem{width:80vw;margin-bottom:2rem}.caseAgency,.caseClient,.caseDirector,.caseFilmingLocations,.caseMetadata,.caseProductionCompany,.caseRole,.caseType{font-family:"PP Neue Montreal Thin";line-height:22px;color:var(--darker-text-color);transition:all .3s linear}.caseCopyContainer,.caseImageContainer,.caseVideoContainer{width:80vw;position:relative;padding-bottom:1rem}.caseCopyContainer{margin-bottom:2rem}.caseImage,.caseVideo{object-fit:contain;display:flex;align-self:center;width:80vw;margin-bottom:2rem}.caseVideo{max-height:90vh}.caseVideoPlayIcon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:1}.caseVideoWrapper{width:80vw;position:relative;display:flex;flex-direction:column}.caseVideoContainer,.caseVideoContainer--FourPart,.caseVideoContainer--FullWidth,.caseVideoContainer--ThreePart,.caseVideoContainer--TwoPart{display:inline-flex;justify-content:space-between;position:relative;width:80vw}.caseVideoContainer--TwoPart .caseVideo{width:34vw}.caseVideoContainer--ThreePart .caseVideo{width:22vw}.caseVideoContainer--FourPart .caseVideo{width:15vw}.caseButtons{display:flex;width:80vw;justify-content:space-between;margin-bottom:1rem}.caseBackButton,.caseNextCaseButton{display:flex;font-size:14px;margin:2rem 0;width:40vw}.caseVideoContainer .case-twopart{display:inline-flex;margin-bottom:0;justify-content:space-between}.case-twopart,.case-twopart .caseVideo{width:39vw;padding-right:2vw;display:inline-flex;margin-bottom:0}.case-threepart,.case-threepart .caseVideo{width:25vw;padding-right:2.5vw;display:inline-flex;margin-bottom:0}.case-fourpart,.case-fourpart .caseVideo{width:18vw;padding-right:2.65vw;display:inline-flex;margin-bottom:0}.case-nopadding{padding-right:0}@media screen and (max-width:767px){.caseDescription{margin-bottom:auto}.caseCopyContainer,.caseItemContainer,.caseVideoContainer{flex-direction:column}.caseBackButton,.caseNextCaseButton{font-size:14px}.caseCaseItem{margin-bottom:2rem}}@media screen and (min-width:768px) and (max-width:1023px){.caseVideo,.caseVideoContainer,.caseVideoContainer--FourPart,.caseVideoContainer--FullWidth,.caseVideoContainer--ThreePart,.caseVideoContainer--TwoPart,.caseVideoWrapper{width:70vw}.caseDescription{width:45%}.caseCopyContainer,.caseItemContainer,.caseVideoContainer{flex-direction:row}.caseButtons{margin-bottom:2rem}.caseBackButton,.caseNextCaseButton{font-size:14px}.caseDescription{margin-bottom:2rem}.caseCaseItem{margin-bottom:auto;width:55%}}@media screen and (min-width:1024px){.caseHeader{font-size:5rem}.caseHeaderImageContainer{height:70vh}.caseHeaderTitle{top:13vh}.caseHeaderContent{margin-bottom:auto}.caseDescription{width:45%}.caseCopyContainer,.caseItemContainer,.caseVideoContainer{flex-direction:row}.caseButtons{margin-bottom:4rem}.caseBackButton,.caseNextCaseButton{font-size:14px;width:auto}.caseDescription{margin-bottom:2rem}.caseCaseItem{margin-bottom:auto;width:55%}}.caseVideoContainer--FullWidth{flex-direction:column}input[type=password]{border-radius:.5rem;height:1.5rem;width:17rem;margin-top:1rem;text-align:center;font-family:"PP Neue Montreal";border:1px solid grey}._1YwH3 button{border-radius:.4rem;height:1.5rem;margin-top:-2rem;text-align:center;font-family:"PP Neue Montreal";border:1px solid grey;background-color:#fff;width:5rem}._37_FJ>div{padding:10px;width:23rem}.about{width:100vw}.aboutContainer{display:flex;flex-direction:column;width:80vw;margin:15vh auto 4rem;flex-wrap:wrap;flex-direction:row}.aboutTitle{font-size:30px;color:var(--text-color);transition:all .3s linear;padding-bottom:1rem;display:flex;align-self:center;flex:0 0 100%;justify-content:center}.aboutArabic{font-family:"PP Neue Montreal Arabic"}.aboutDescription{font-size:14px;font-weight:400;color:var(--text-color);transition:all .3s linear;width:80vw;display:flex;flex-direction:column}@media screen and (max-width:767px){.aboutContainer{flex-direction:column;height:auto;flex-wrap:nowrap}.aboutTitle{font-size:30px;justify-content:space-between;width:80vw;flex:0 0}.aboutDescription{width:80vw}}@media screen and (min-width:768px) and (max-width:1023px){.aboutContainer{flex-direction:row;height:auto;flex-wrap:wrap}.aboutTitle{font-size:40px;display:flex;align-self:center;justify-content:space-between;width:50vw}.aboutDescription{width:80vw;padding:0 5vw}}@media screen and (min-width:1024px){.aboutArabic{font-family:"PP Neue Montreal Arabic";padding-left:15rem}.aboutTitle{font-size:30px;padding-bottom:3rem;align-self:center}.aboutDescription,.aboutTitle{color:var(--text-color);transition:all .3s linear;display:flex}.aboutDescription{font-size:14px;font-weight:400;width:80vw;padding:0 5vw;flex-direction:column}.aboutDescription p{margin:0 0 2rem}}
/*# sourceMappingURL=main.a9daa269.chunk.css.map */