.home{width:100%;flex:1 1;padding-top:calc(var(--u)*116.292);padding-bottom:calc(var(--u)*63.432);display:flex;flex-direction:column}.home .row{display:flex;justify-content:space-between;align-items:flex-start}.home .row1{height:calc(var(--u)*375.306);margin-top:auto}.home .row2{margin-bottom:auto;padding:0 calc(var(--u)*31.716) 0 calc(var(--u)*98.3196)}.home .homeMedia{position:relative}.home .homeMedia.mediaNumber-1{width:calc(var(--u)*345.7044);aspect-ratio:685/500;margin-top:calc(var(--u)*115.2348)}.home .homeMedia.mediaNumber-2{width:calc(var(--u)*593.0892);aspect-ratio:920/500}.home .homeMedia.mediaNumber-3{width:calc(var(--u)*395.3928);aspect-ratio:760/500;margin-top:calc(var(--u)*32.7732)}.home .homeMedia.mediaNumber-4{width:calc(var(--u)*198.7536);aspect-ratio:1/1;margin-top:calc(var(--u)*199.8108)}.home .homeMedia.mediaNumber-5{width:calc(var(--u)*404.9076);aspect-ratio:960/500;margin-top:calc(var(--u)*70.8324)}.home .homeMedia.mediaNumber-6{width:calc(var(--u)*297.0732);aspect-ratio:370/500}.home .homeMedia.mediaNumber-7{width:calc(var(--u)*346.7616);aspect-ratio:535/500;margin-top:calc(var(--u)*29.6016)}.home .homeMedia.mediaNumber-8{width:calc(var(--u)*415.4796);aspect-ratio:1000/500;margin-top:calc(var(--u)*106.7772)}.navbar{font-size:calc(var(--u)*17);line-height:calc(var(--u)*20);width:100%;padding-top:calc(var(--u)*20);position:relative;z-index:1100}.navbar,.navbar .navbar__desktop{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.navbar .navbar__desktop{font-size:calc(var(--u)*23);line-height:calc(var(--u)*23)}.navbar .navbar__bottom{display:none}.navbar--hide{top:-9vh}@media screen and (max-width:768px)and (min-width:600px){.navbar--hide{top:-14vh}}@media screen and (max-width:599px)and (min-width:426px){.navbar--hide{top:-12vh}}@media screen and (max-width:424px){.navbar--hide{top:-10vh}}.navbar--show{top:0}.navbar .contact--desktop{text-align:left}.navbar .logo{display:flex;justify-content:center}.navbar .logo a{display:flex}.navbar .logo img{width:calc(var(--u)*135);height:auto}.navbar .social--desktop{text-align:right}@media screen and (max-width:768px){.navbar{display:flex;flex-direction:column;align-items:center;position:fixed;transition:top .4s cubic-bezier(.4,0,.2,1);left:0;right:0;width:auto;padding:20px calc(calc(var(--u) * 30) + 10px);background:var(--bg)}.navbar .logo img{width:120px}.navbar .contact--desktop,.navbar .social--desktop{display:none}.navbar .logo{order:-1;margin-bottom:20px;display:flex;justify-content:center}.navbar .navbar__bottom{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:10px 0}.navbar .contact,.navbar .social{display:flex;flex-direction:column;width:50%}.navbar .contact{align-items:flex-start}.navbar .social{align-items:flex-end}.navbar .contact p,.navbar .social p{margin:5px 0;font-size:14px;white-space:nowrap}}@media screen and (max-width:425px){.navbar .contact p,.navbar .social p{font-size:10px}}.homeMedia{cursor:pointer;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.homeMedia img,.homeMedia video{width:100%;height:100%;object-fit:cover;display:block}.homeMedia .client{position:absolute;top:100%;right:0;margin-top:calc(var(--u)*10);font-size:calc(var(--u)*15);white-space:nowrap}.homeMedia .preview{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .4s ease-in-out}.homeMedia .preview--loaded{opacity:1}.homeMedia .frame{position:absolute;inset:0;overflow:hidden}.homeMedia .frame img{transition:transform .4s ease-in-out}.homeMedia:hover .frame img{transform:scale(1.05)}.homeMedia.notVisible{opacity:0}.homeMedia.visible{opacity:1}.modalBackdrop{position:fixed;inset:0;background:var(--bg);align-items:flex-start;padding-top:calc(var(--u)*150);z-index:1000;overflow-y:auto}.modalBackdrop,.modalContainer{display:flex;justify-content:center}.modalContainer{width:100%;padding:0 calc(var(--u)*30)}.modalContent{position:relative;width:calc(var(--u)*1400)}.modalContent .mediaContainer{width:100%;display:flex}.modalContent .media{width:100%;height:auto;display:block}.modalContent .closeButton{position:absolute;top:0;left:calc(100% + calc(var(--u) * 24));background:none;border:none;color:var(--blue);font-size:calc(var(--u)*15);cursor:pointer}.modalContent .projectName{position:absolute;top:100%;right:0;margin-top:calc(var(--u)*14);font-size:calc(var(--u)*15);white-space:nowrap}.modalContent .mediaArrow,.modalContent .mediaCounter{position:absolute;left:50%;transform:translateX(-50%);font-size:calc(var(--u)*15)}.modalContent .mediaCounter{bottom:calc(100% + calc(var(--u) * 14))}.modalContent .mediaArrow{top:100%;margin-top:calc(var(--u)*6);font-size:calc(var(--u)*20);background:none;border:none;color:var(--blue);cursor:pointer}.modalContent .textContainer{position:absolute;top:0;right:calc(100% - calc(var(--u) * 248));width:calc(var(--u)*474);height:calc(var(--u)*710);max-height:90vh;padding:calc(var(--u)*22);padding-bottom:calc(var(--u)*24);display:flex;flex-direction:column;justify-content:space-between;background:var(--blue);color:var(--bg);z-index:1}.modalContent .textScroll{flex:1 1;min-height:0;overflow-y:auto;scrollbar-width:none;font-size:calc(var(--u)*15.5);line-height:1.3;padding-bottom:calc(var(--u)*30);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 40px),transparent)}.modalContent .textScroll::-webkit-scrollbar{display:none}.modalContent .howWeDidItParagraph{margin-bottom:1.3em;color:inherit}.modalContent .toggleText{align-self:flex-start;background:none;border:none;padding-top:calc(var(--u)*14);color:var(--bg);font-size:calc(var(--u)*15.5);text-decoration:underline;cursor:pointer}.modalContent .toggleText--collapsed{position:absolute;top:0;left:0;padding:calc(var(--u)*8) calc(var(--u)*14);background:var(--blue);z-index:1}.modalContent.prev .mediaContainer{cursor:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/cursor-prev.cur),auto;cursor:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/cursor-prev.svg) 16 16,auto}.modalContent.next .mediaContainer{cursor:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/cursor-next.cur),auto;cursor:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/cursor-next.svg) 16 16,auto}.media{transition:opacity .5s ease,transform .5s ease;opacity:1;transform:translateX(0)}.media.fade-out{opacity:0;transform:translateX(50px)}.media.fade-in{opacity:0;transform:translateX(-50px);animation:fadeInAnimation .5s forwards}@keyframes fadeInAnimation{to{opacity:1;transform:translateX(0)}}.vimeoPlayer{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.vimeoPlayer__host,.vimeoPlayer__host iframe{position:absolute;inset:0;width:100%;height:100%}.vimeoPlayer__shield{position:absolute;inset:0}.vimeoPlayer__controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 calc(var(--u)*52);font-size:calc(var(--u)*15);color:var(--bg);opacity:0;transition:opacity .3s ease;pointer-events:none}.vimeoPlayer__controls button{background:none;border:none;padding:0;color:inherit;font-size:inherit;cursor:pointer;pointer-events:auto}.vimeoPlayer--textOpen .vimeoPlayer__controls{padding-left:calc(var(--u)*276)}.vimeoPlayer:hover .vimeoPlayer__controls{opacity:1}.vimeoPlayer:-webkit-full-screen{width:100vw;height:100vh;padding-bottom:0}.vimeoPlayer:fullscreen{width:100vw;height:100vh;padding-bottom:0}.vimeoPlayer:-webkit-full-screen .vimeoPlayer__controls{padding-left:calc(var(--u)*52)}.vimeoPlayer:fullscreen .vimeoPlayer__controls{padding-left:calc(var(--u)*52)}@media(hover:none){.vimeoPlayer--touched .vimeoPlayer__controls{opacity:1}}@media screen and (max-width:768px){.vimeoPlayer--textOpen .vimeoPlayer__controls,.vimeoPlayer__controls{padding:0 12px;font-size:10px}}.homeMediaGrid{display:grid;grid-template-columns:1fr;grid-gap:50px;gap:50px;padding:10px;margin-top:12rem}.gridItem{width:100%;display:flex;flex-direction:column;align-items:center;cursor:pointer}.gridItem .frame{width:100%;overflow:hidden}.gridItem .frame img{display:block;transition:transform .4s ease-in-out}.gridItem:hover .frame img{transform:scale(1.05)}.gridItem img,.gridItem video{width:100%;height:auto;object-fit:cover}.gridItem .client{margin-top:5px;font-size:14px;color:var(--blue);align-self:center;text-align:center}@media screen and (max-width:425px){.gridItem .client{font-size:10px}}@media only screen and (max-width:768px){.mobileModalBackdrop{position:fixed;top:var(--navbar-h,120px);left:0;right:0;bottom:0;background-color:var(--bg);z-index:9999;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start}.mobileModalContainer{position:relative;width:100%;max-width:600px;background:rgba(0,0,0,0);display:flex;flex-direction:column;align-items:center;padding:0 calc(calc(var(--u) * 30) + 10px) 20px;box-sizing:border-box}.mobileModalContent{width:100%;display:block}.mainMedia{position:relative;margin-bottom:1rem;width:100%;text-align:center}.mainMedia img,.mainMedia video{height:auto;object-fit:contain}.media{max-width:100%;object-fit:contain}.closeRow{display:flex;justify-content:flex-end;width:100%;padding:8px 0}.closeButton{background:none;border:none;color:var(--blue);font-size:14px;cursor:pointer}}@media only screen and (max-width:768px)and (max-width:425px){.closeButton{font-size:10px}}@media only screen and (max-width:768px){.mobileModalMeta{display:flex;justify-content:center;font-size:14px;margin-bottom:1rem}}@media only screen and (max-width:768px)and (max-width:425px){.mobileModalMeta{font-size:10px}}@media only screen and (max-width:768px){.textContainer{display:block;width:100%;padding:20px;margin-bottom:1rem;background:var(--blue);color:var(--bg);font-size:14px;line-height:1.35}.textContainer p+p{margin-top:1.2em}.restMediaContainer{display:flex;flex-direction:column;gap:15px;width:100%}.mediaItem{display:flex;justify-content:center;width:100%}}.splash{position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:1;transition:opacity 1.2s ease-in-out;padding:calc(var(--u)*55) calc(var(--u)*30)}.splash--hide{opacity:0}.splash img{width:100%;height:100%;object-fit:contain}@media screen and (max-width:768px){.splash{padding:0;overflow:hidden}.splash img{position:absolute;top:50%;left:50%;--length:min(100dvh,calc((100vw - 2 * (calc(var(--u) * 30) + 10px)) * 1843.78 / 1004));width:var(--length);height:calc(var(--length)*1004/1843.78);transform:translate(-50%,-50%) rotate(90deg);object-fit:contain}}