@font-face{font-family:"SpaceGrotesk Bold";font-style:normal;src:url(/static/media/SpaceGrotesk-Bold.52e5e29a.ttf)}@font-face{font-family:"SpaceGrotesk Light";font-style:normal;src:url(/static/media/SpaceGrotesk-Light.9ef30f36.ttf)}@font-face{font-family:"SpaceGrotesk Medium";font-style:normal;src:url(/static/media/SpaceGrotesk-Medium.518133df.ttf)}@font-face{font-family:"SpaceGrotesk Regular";font-style:normal;src:url(/static/media/SpaceGrotesk-Regular.778bb9a2.ttf)}@font-face{font-family:"SpaceGrotesk SemiBold";font-style:normal;src:url(/static/media/SpaceGrotesk-SemiBold.b7bae4f5.ttf)}body{margin:0;font-family:"SpaceGrotesk Regular";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}body,html{overflow-x:hidden;width:100%}:root{--text-color-inverted:#fff;--text-key-color:#f4c430;--bg-color:#f4ead5}:root[data-theme=light]{--text-color:#000;--text-color-inverted:#fff;--text-key-color:#f4c430;--darker-text-color:#515c67;--sliderIcon-color:#708090;--sliderActive-color:#c2c2c2;--sliderIconActive-color:#515c67;--bg-color:#f4ead5;--cursor-fill:#515c67;--cursor-stroke-width:1px}:root[data-theme=dark],:root[data-theme=light]{--icon-color:#c2c2c2;--slider-color:transparent}:root[data-theme=dark]{--text-color:#eee;--text-color-inverted:#000;--text-key-color:#2e8b57;--darker-text-color:#fff;--sliderIcon-color:#fff;--sliderActive-color:#262635;--sliderIconActive-color:#fff;--bg-color:#000;--cursor-fill:#fff;--cursor-stroke-width:1px}.App{min-height:100vh;width:100%;top:0;position:absolute;padding-bottom:2rem}.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}.home{margin:0 auto;max-width:160rem}.homeGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3.5rem;gap:3.5rem}.homeItem{position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column}.homeItem mux-player{--controls:none;--center-controls:none;--bottom-play-button:none}.homeItem.wide{grid-column:span 2;aspect-ratio:16/9}.homeTitle.wide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 60%);color:#fff}.homeMediaWrapper{width:100%;aspect-ratio:16/9;overflow:hidden}.homeItem.square{aspect-ratio:1/1}.homeItem.square .homeMediaWrapper{width:100%;height:100%;aspect-ratio:1/1;overflow:hidden}.homeItem.square .homeImage,.homeItem.square mux-player{width:100%;height:100%;object-fit:cover;--media-object-fit:cover}.homeTitle.square{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 60%);color:#fff}.homeItem.wideHalf{grid-column:span 1}.homeTitle.wideHalf{position:static;margin-top:.5rem;display:flex;padding-right:2rem;flex-direction:column;grid-gap:.2rem;gap:.2rem;color:var(--text-color)}.homeClient{font-family:"SpaceGrotesk Light";font-size:1.3rem}.homeProject{font-family:"SpaceGrotesk Medium";font-size:2.5rem}.homeImage,mux-player{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.homeItem:hover img,.homeItem:hover mux-player{transform:scale(1.02)}.homeItem.wideHalf mux-player{aspect-ratio:16/9}@media (max-width:768px){.homeGrid{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.homeItem{width:100%;padding:1rem 1rem 0}.homeItem,.homeItem.square,.homeItem.wideHalf{grid-column:span 2!important;position:relative;aspect-ratio:16/9}.homeTitle,.homeTitle.square,.homeTitle.wide,.homeTitle.wideHalf{background:none!important;position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff;pointer-events:none;z-index:2}.homeMediaWrapper:before,mux-player:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 60%);pointer-events:none;z-index:1}.homeMediaWrapper,mux-player{position:relative;overflow:hidden}.homeMediaWrapper img,mux-player{width:100%;height:100%;object-fit:cover}.homeClient{font-size:1.1rem}.homeProject{font-size:2rem}.homeImage,mux-player{width:100%;height:100%;object-fit:cover}}.caseDetail{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.caseDetail.loaded{opacity:1;transform:translateY(0)}.caseDetail{width:100vw;font-family:"SpaceGrotesk Light"}.caseDetailContainer{display:flex;flex-direction:column;max-width:160rem;margin:0 auto;padding:0}.caseDetailHeader{position:relative;width:100vw;z-index:200;max-height:30rem;overflow:hidden;display:flex;justify-content:center;align-items:center}.caseDetailHeaderImageContainer{position:relative;width:100%;height:100%;overflow:hidden}.caseDetailHeaderImage,.caseDetailHeaderImageContainer>img,.caseDetailHeaderImageContainer>mux-player{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;background:#000;border:none}.caseDetailHeaderImageContainer .muxWrapper mux-player{--controls:none;--center-controls:none;--bottom-play-button:none}.caseDetailTopContent{display:flex;flex-wrap:wrap;margin-top:2rem;padding:0 2rem}.caseDetailItemContainer{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}.caseDetailLeft{margin-right:2rem;padding-right:1rem}.caseDetailLeft,.caseDetailRight{flex:1 1;min-width:20rem}.caseDetailTitle{font-family:"SpaceGrotesk Medium";font-size:2rem;font-weight:400;color:var(--text-color);margin-bottom:1rem}.caseDetailMetadata>div{margin-bottom:.5rem;color:var(--darker-text-color)}.bold{font-weight:600}.caseDetailDescription{font-family:"SpaceGrotesk Light";color:var(--darker-text-color);line-height:1.5}.caseDetailMiddleVideo{position:relative;display:flex;justify-content:center;align-items:center;margin:3rem 0;overflow:hidden;padding:0 2rem}.caseDetailMiddleVideo mux-player{width:100%;height:100%;object-fit:cover;background-color:initial}.caseDetailMiddleVideoWrapper{position:relative;width:auto;margin:3rem 2rem;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center}.caseDetailMiddleVideoWrapper mux-player{width:100%;height:100%;object-fit:cover}.caseDetailContentVideoWrapper{position:relative;width:auto;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center}.caseDetailContentVideoWrapper mux-player{width:100%;height:100%;object-fit:cover}.caseDetailBottomContent{padding:2rem;max-width:80vw;margin:0 auto;text-align:left;line-height:1.6;color:var(--darker-text-color)}.caseDetailBottomContent img{max-width:100%;height:auto;margin:2rem 0;display:block;object-fit:cover}.caseDetailButtons{display:flex;justify-content:flex-start;width:100%;margin-top:1rem;margin-bottom:4rem;padding-left:2rem;z-index:99999;position:relative}.caseDetailBackButton a{font-family:"SpaceGrotesk Light";text-decoration:none;color:var(--text-color);transition:opacity .3s ease}.caseDetailBackButton a:hover{opacity:.7}@media screen and (max-width:1023px){.caseDetailTopContent{flex-direction:column}.caseDetailLeft,.caseDetailRight{margin-right:0;margin-bottom:2rem}.caseDetailBottomContent{max-width:100%;padding:0 2rem}}.aboutContainer{display:flex;width:auto;margin:0 2rem;align-items:center;height:100vh}.aboutTitle{padding-bottom:1rem}.aboutDescription,.aboutTitle{font-size:1.5rem;color:var(--text-color);transition:all .3s linear;display:flex}.aboutDescription{font-weight:400;width:80vw;flex-direction:column}.aboutTagline{font-size:1.5rem;color:var(--text-color)}@media screen and (max-width:767px){.aboutTitle{font-size:1.5rem;justify-content:space-between;width:80vw;flex:0 0}.aboutDescription{width:80vw}}@media screen and (min-width:768px) and (max-width:1023px){.aboutTitle{font-size:1.5rem;display:flex;width:50vw}.aboutDescription{width:80vw;padding:0 0 1rem}}@media screen and (min-width:1024px){.aboutTitle{padding-bottom:3rem}.aboutDescription,.aboutTitle{font-size:1.5rem;color:var(--text-color);transition:all .3s linear;display:flex}.aboutDescription{font-weight:400;width:80vw;padding:0 0 1rem;flex-direction:column}.aboutDescription p{margin:0 0 2rem}}.work{margin:0 auto;padding:5rem 2rem 0}.workGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3.5rem;gap:3.5rem;position:relative}@media (min-width:1024px){.workGrid{grid-template-columns:repeat(3,1fr)}}.workItem{position:relative;overflow:hidden;text-decoration:none;display:flex;flex-direction:column}.workItem mux-player{--controls:none;--center-controls:none;--bottom-play-button:none}.workMediaWrapper{width:100%;aspect-ratio:16/9;overflow:hidden}.workImage,mux-player{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.workItem:hover img,.workItem:hover mux-player{transform:scale(1.02)}.workTitle{position:static;margin-top:.5rem;display:flex;flex-direction:column;grid-gap:.2rem;gap:.2rem;color:var(--text-color);padding-right:1rem}.workClient{font-family:"SpaceGrotesk Light";font-size:.8rem}.workProject{font-family:"SpaceGrotesk Regular";font-size:1.2rem}@media (max-width:768px){.workGrid{grid-template-columns:1fr;grid-gap:2.5rem;gap:2.5rem}.workTitle{margin-top:.6rem}.workClient{font-size:1.1rem}.workProject{font-size:2rem}}.workRoleFilter{display:flex;grid-gap:2rem;gap:2rem;margin-bottom:2rem;text-transform:lowercase;color:var(--text-color);font-weight:500;position:relative}.workRoleFilter span{cursor:pointer;padding-bottom:.2rem;position:relative}.filterUnderline{position:absolute;bottom:0;height:2px;background-color:var(--text-key-color);border-radius:1px;transition:left .3s ease,width .3s ease}.descriptionContainer{display:flex;width:auto;align-items:center}.descriptionTagline{font-size:1.5rem;font-weight:400;color:var(--text-color-inverted);transition:all .3s linear;width:30vw;display:flex;flex-direction:column}.motion-exit{opacity:0;pointer-events:none;transition:opacity .4s ease}.menu-button{position:fixed;top:2rem;right:2rem;width:27px;height:27px;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease}.menu-button .menu-line{position:absolute;width:26px;height:2px;background-color:var(--text-key-color);transition:transform .4s ease,background-color .4s ease;opacity:1}.menu-line.line1{transform:rotate(0deg)}.menu-line.line2{transform:rotate(90deg)}.menu-button.open .line1{transform:rotate(45deg);background-color:var(--text-color-inverted)}.menu-button.open .line2{transform:rotate(-45deg);background-color:var(--text-color-inverted)}.menu-overlay{position:fixed;inset:0;background-color:var(--text-key-color);color:#fff;opacity:0;visibility:hidden;transition:opacity .6s ease;z-index:1000;display:flex;justify-content:space-between;align-items:flex-end;padding:2rem}.menu-overlay.show{opacity:1;visibility:visible}.fade-child{opacity:0;transition:opacity .6s ease}.menu-overlay.show .fade-child{opacity:1;transition-delay:.2s}.main-logo-icon{position:fixed;top:2rem;left:2rem;z-index:1000}.menu-logo{position:absolute;top:2rem;left:2rem;z-index:1002}.menuLogoImage{width:10rem;color:var(--text-color-inverted)}.menu-links{position:absolute;bottom:2rem;right:2rem;text-align:right;z-index:1002}.menu-links a{display:block;font-size:1.5rem;text-transform:lowercase;color:var(--text-color-inverted);text-decoration:none;margin:.3rem 0;transition:color .3s ease}.menu-about-content,.menu-links a:hover{color:var(--text-color)}.menu-about-content{position:absolute;bottom:2rem;left:2rem;font-size:1.5rem;line-height:1.4;max-width:400px;z-index:1002}.logoIconImage{width:1.5rem;height:auto;color:var(--text-key-color);transition:opacity .3s ease}.menu-right-column{bottom:2rem;right:2rem;display:flex;flex-direction:column;align-items:flex-end;grid-gap:1rem;gap:1rem}.menu-darkmode{font-size:1.5rem;color:var(--text-key-color)}.navColorChange{display:flex;justify-content:flex-end;z-index:99999}.navDarkMode{width:1.2rem;height:1.2rem;padding-bottom:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.navThemeIcon{position:absolute;width:100%;height:100%;fill:var(--text-color-inverted);transition:opacity .3s ease,color .3s ease}.navThemeIcon:hover{fill:var(--text-color)}.themeVisible{opacity:1;z-index:2}.themeHidden{opacity:0;z-index:1}.menu-overlay.fade-out{opacity:0;visibility:visible;transition:opacity .8s ease;transition-delay:.2s}.menu-overlay.fade-out .fade-child{opacity:0;transition-delay:0s;transition-duration:.5s}
/*# sourceMappingURL=main.c5ab5812.chunk.css.map */