@import url(https://use.typekit.net/wgr1ejg.css);body{margin:0}h1{font-family:urbane-rounded,sans-serif;font-weight:300}h1,p{font-style:normal}p{font-family:interstate,sans-serif;font-weight:400;text-transform:uppercase;font-size:12px;opacity:.7;line-height:1.4;margin:0}a{display:block;text-decoration:none;margin-bottom:30px;color:#fff}div#home{height:100vh;width:100vw;overflow:hidden;box-sizing:border-box}div#home .left,div#home .right{display:inline-block;box-sizing:border-box;height:100%}div#home .left{width:40%;padding:200px 0 200px 100px;float:left;position:relative;background-color:#1e2322;z-index:5;color:#fff}div#home .left .milkshake{transition:all .3s ease 0ms;transform-origin:left top;display:inline-block;margin:0;font-weight:600}div#home .left .milkshake:hover{color:#2f89fc}div#home .left .milkshake.sh:hover{color:#8856eb}div#home .left .milkshake.as:hover{color:#ff0}div#home .left .milkshake.lock:hover{color:#ef885c}div#home .left .links{position:absolute;bottom:200px;left:100px;height:auto;display:flex}div#home .left .links a{margin:0 20px 0 0;float:left;bottom:0;align-self:flex-end}div#home .left .links a svg{width:20px;background-color:#1e2322;transition:all .25s ease 0ms}div#home .left .links a svg path{fill:#fff}div#home .left .links a svg:hover{width:100px}div#home .right{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:space-evenly}div#home .right a{width:56vw;font-size:40px;overflow:hidden;padding:20px 2vw 20px 42vw;margin:0;color:#1e2322;border-bottom:3px solid #1e2322;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1;transition:all .15s ease 0ms}div#home .right a p{opacity:0;transition:all .3s ease 0ms;transform-origin:left center}div#home .right a p:first-child{opacity:1}div#home .right a svg{opacity:0;width:auto;height:12px;transition:all .35s ease 0ms;margin-left:15px}div#home .right a:last-child{border-bottom:none}div#home .right a:hover{border-bottom:10px solid #1e2322}div#home .right a:hover p{opacity:1!important;-webkit-filter:blur(0)!important;filter:blur(0)!important;transform:scale(1.5)}div#home .right a:hover svg{opacity:1;height:20px}div#home .right:hover a p{-webkit-filter:blur(2px);filter:blur(2px);opacity:0}div#home .right:hover a p:first-child{opacity:.4}@media screen and (max-width:939px) and (min-width:767px){div#home{height:unset;overflow:scroll}div#home .left{width:100vw;position:relative;padding:50px;height:unset}div#home .left .links{position:relative;bottom:unset;left:unset}div#home .right{position:relative;flex-direction:row;align-items:stretch;flex-wrap:wrap;width:100vw}div#home .right a{width:50vw;padding:30px 50px;box-sizing:border-box;font-size:36px;justify-content:center;flex:unset}div#home .right a p{white-space:nowrap;transform-origin:center}div#home .right a:nth-child(odd):not(:last-child){border-right:3px solid #1e2322}div#home .right:hover a p{-webkit-filter:blur(0);filter:blur(0)}}@media screen and (max-width:766px){div#home{height:unset;overflow:scroll}div#home .left{width:100vw;position:relative;padding:50px;height:unset}div#home .left .links{position:relative;bottom:unset;left:unset;margin-top:20px}div#home .right{position:relative}div#home .right a{width:100vw;padding:20px 50px;box-sizing:border-box;font-size:36px}div#home .right a p{transform-origin:center}div#home .right:hover a p{-webkit-filter:blur(0);filter:blur(0)}}