.touchable{overflow:hidden;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;position:fixed;width:100%;left:0;top:82px;height:calc(100% - 82px);padding:0 10px}.Client-list{background-color:#000}.Client-list.touch{height:100vh;overflow:hidden;overflow-y:scroll;padding-bottom:100vh;scroll-snap-type:y mandatory}.Client-list.touch::-webkit-scrollbar{display:none}.Client-list>li{scroll-snap-align:start;position:relative;z-index:1;cursor:pointer;color:#fff;display:flex;align-items:flex-end;padding-bottom:.2em;height:22px}@media (max-width:745px){.Client-list>li{display:block;color:#444}}.Client-list>li>span{font-size:12px;font-size:.75rem;line-height:18px;display:inline-block;width:37px}.Client-list>li>span.is-active{color:#fff}@media (max-width:745px){.Client-list>li>span{display:none}}.Client-list>li>a{display:inline-block;transition:padding-left .8s cubic-bezier(.23,1,.32,1),color .8s;will-change:padding-left,color;text-align:left;line-height:1em;position:relative;z-index:2;color:#fff}@media (max-width:745px){.Client-list>li>a{transition:transform .5s cubic-bezier(.23,1,.32,1);will-change:transform,color;transition:none;color:#444}}.Client-list>li>a:focus{outline:none}.Client-list>li.is-over{z-index:10}.Client-list>li.is-over>a{padding-left:75px;color:#fff}@media (max-width:745px){.Client-list>li.is-over>a{padding-left:0;transform:translateX(75px)}}.Client-list>li.is-over ul{transform:translate(0)}.Client-list>li.is-hidden{opacity:0}.Client-list>li.is-nearer{pointer-events:none}.Client-list>li.is-nearer>a{padding-left:50px;color:#fff}@media (max-width:745px){.Client-list>li.is-nearer>a{color:#777;padding-left:0;transform:translateX(50px)}}.Client-list>li.is-near{pointer-events:none}.Client-list>li.is-near a>{padding-left:25px;color:#fff}@media (max-width:745px){.Client-list>li.is-near a>{color:#777;padding-left:0;transform:translateX(25px)}}.Client-list>li>div{position:relative;pointer-events:none}.Client-list>li>div.is-active.is-ready{pointer-events:all}@media (max-width:745px){.Client-list>li>div.is-active.is-ready>div>ul li .Item-body,.Client-list>li>div.is-active.is-ready>div>ul li .Item-media{opacity:1}}.Client-list>li>div.is-active.is-ready>div>ul li{position:relative;z-index:1}.Client-list>li>div.is-active.is-ready>div>ul li:hover{z-index:3}.Client-list>li>div.is-active.is-ready>div>ul li:hover .Item-media{transition-delay:0s;transform:scale(1.03)}.Client-list>li>div>span{visibility:hidden;line-height:18px;display:inline-block}@media (max-width:745px){div.Projects-wrapper{position:fixed;z-index:5;top:105px;width:75vw;left:85px;padding-left:0;display:block;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}}div.Projects{left:-50%;width:75vw;padding-left:50%;flex:1;transform:translateY(-18px);position:absolute;z-index:2}@media (max-width:745px){div.Projects{position:absolute;top:0;left:0;width:100%;transform:none;padding:0;display:block;opacity:0}div.Projects,div.Projects .Item-body h1{pointer-events:none}div.Projects.is-active{pointer-events:all;opacity:1}}div.Projects>div>ul{width:100%;display:flex;transition:transform 1s cubic-bezier(.23,1,.32,1);transition-delay:.5s;padding-left:30px}@media (max-width:745px){div.Projects>div>ul{padding-left:0;flex-direction:column}}div.Projects>div>ul li{width:20vw;margin-right:5px}@media (max-width:745px){div.Projects>div>ul li{width:calc(100% - 5px)}}div.Projects>div>ul li .Item-body{padding-top:25%;height:auto}div.Projects>div>ul li .Item-body h1{padding-left:0}div.Projects>div>ul li .Item-body p{display:none}div.Projects>div>ul li .Item-body,div.Projects>div>ul li .Item-media{opacity:0;color:#fff}div.Projects>div>ul li .Item-media{transform:scale(1)}div.Projects>div>ul li .Item-media .Image{background-color:transparent}div.Projects>div>ul li .Item-media video{width:100%}div.Projects>div>ul li .Item-media .is-playing{background-image:none!important}div.Projects>div>ul li:first-child .Item-body,div.Projects>div>ul li:first-child .Item-media{transition:none}div.Projects>div>ul li.is-previewing .Item-body,div.Projects>div>ul li.is-previewing .Item-media{opacity:1}@media (max-width:745px){div.Projects>div>ul li.is-previewing .Item-body,div.Projects>div>ul li.is-previewing .Item-media{transition-delay:0s}}div.Projects>div>ul li.is-active .Item-body,div.Projects>div>ul li.is-active .Item-media{opacity:1} /*# sourceMappingURL=/index.css.map */