@keyframes buzz{50%{transform:translate(3px)}100%{transform:translate(-3px)}}@keyframes spin{from{transform:rotateZ(0)}to{transform:rotateZ(1turn)}}@keyframes shake{0%,100%,20%{transform:translateX(0)}40%,80%{transform:translateX(-2px)}60%{transform:translateX(2px)}}*{box-sizing:border-box}body,html{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;font-size:62.5%;background-color:#141720;font-family:'Source Sans Pro',sans-serif;color:#f7f7f6;display:flex;flex-direction:column}body.page--detail .site__title{margin-top:0}.title,h1,h2,h3,h4,h5{font-family:Rufina,serif}a{text-decoration:none;color:#5d6bcf;font-weight:700}a:hover{text-decoration:underline}footer{background-color:#1c1f2a;display:flex;padding:.5rem 2rem;font-size:1rem;font-weight:300}footer .footer__content{width:60%}footer .footer__logo{width:40%;text-align:right;align-self:center;margin-top:.5rem 0 -.5rem 0}.hidden{opacity:0}nav{position:relative;background:#f7f7f6;box-shadow:5px 2px 20px 0 rgba(0,0,0,.1);display:flex}nav>*{width:50%}.nav__logo{display:block;transform:translate3d(20px,40px,0)}.nav__list{list-style:none;padding-left:0;text-align:right;padding-right:2rem;line-height:2.5}.nav__item{font-family:'Source Sans Pro',sans-serif;font-size:1.4rem;color:#141720;letter-spacing:1.45px;text-transform:uppercase}.nav__item a{color:#141720;font-weight:500}.nav__item a:hover{text-decoration:none;color:#5d6bcf}.nav__social{display:none;position:absolute;bottom:0;left:0;padding:1.5rem;font-size:1rem;line-height:.8}.nav_social__item{color:#141720;display:block}.nav_social__item:hover{animation:shake .8s ease-in-out}.site{padding:2rem 3rem}.site__title{font-size:3rem;margin-bottom:1rem;position:relative}.site__title a{color:#fff}.site__title a:hover{text-decoration:none}.site__title.site__title--separator:after{position:absolute;border-bottom:3px solid #f79e77;width:40%;content:'';left:0;bottom:-1.3rem}.site__description{color:#c1bfbf;font-size:1.2rem;font-weight:200;padding-top:1rem;z-index:1}.site__label{font-size:1rem;text-transform:uppercase;font-weight:100;letter-spacing:1px;color:#c1bfbf}.site__secondary_title{display:none;color:#000;margin:2rem 5rem 0 5rem;font-size:1.2rem;font-family:'Source Sans Pro',sans-serif}.site__navigation{display:flex;justify-content:space-between;margin-bottom:2rem;z-index:1}.site__navigation:hover .site__navigation_items{text-decoration:none}.site__navigation *{transition:.5s ease-out}.site__navigation .site__navigation_items{display:flex;flex-direction:column;justify-content:center;padding:1rem}.site__navigation .site__navigation_items label{text-transform:uppercase;letter-spacing:1px}.site__navigation .site__navigation_items h4{margin:0;font-size:1.2rem;line-height:1.5rem;font-family:'Source Sans Pro',sans-serif;font-weight:800;color:#fff}.site__navigation .site__navigation_items--right{background-color:#f79e77;padding-left:5rem;text-align:right}.site__navigation .site__navigation_items--right label{color:#f15917}.site__navigation .site__navigation_items--right:hover{background-color:#f15917}.site__navigation .site__navigation_items--right:hover label{color:#692406}.site__navigation .site__navigation_items--left{background-color:#7ccdb9;padding-right:5rem}.site__navigation .site__navigation_items--left label{color:#3fa48b}.site__navigation .site__navigation_items--left:hover{background-color:#3fa48b}.site__navigation .site__navigation_items--left:hover label{color:#14362d}#site__bg{display:none}.episode{position:relative;display:flex}.episode:hover .episode__detail:before{width:100%}.episode__number{display:none;position:absolute;top:-2rem;left:-1.5rem;z-index:1;font-size:3rem;margin:0;color:#5d6bcf}.episode__image{background-size:cover;background-position:center;width:100%;height:100%;transition:all .1s ease-in-out;display:block}.episode__media{position:relative;width:30%;transition:.2s ease-out}.episode__media:after{position:absolute;bottom:0;left:0;content:'';background-image:url(../images/pixel-corner.svg);width:50px;height:50px;background-size:cover}.episode__media:hover{transform-origin:0 50%;transform:perspective(1000px) rotateY(-10deg) translate3d(-3px,0,0)}.episode__detail{width:70%;padding:0 1rem;position:relative;transition:width .3s ease-in-out}.episode__detail:before{position:absolute;top:0;left:0;bottom:0;width:0;content:'';background-color:#292c37;z-index:-1}.episode__title h4{font-size:1.6rem;margin:1rem 0 .3rem 0;font-family:'Source Sans Pro',sans-serif;color:#f7f7f6}.episode__title h4:hover{color:#5d6bcf}.episode__description{margin-top:0;font-size:1.1rem;font-weight:100;color:#c1bfbf}.play-pause-btn{height:100%;width:60px;border-top-left-radius:4px;border-bottom-left-radius:4px;border:none;background-position:center;background-repeat:no-repeat;background-color:#141720;outline:0}.play-pause-btn.play{background-image:url(../images/play.svg)}.play-pause-btn.pause{background-image:url(../images/pause.svg)}.audio-player{position:fixed;background-color:#292c37;bottom:0;left:0;right:0;min-width:300px;height:3.5rem;display:flex;justify-content:space-between;align-items:center}.audio-player .play-pause-btn{display:none;cursor:pointer}.audio-player .spinner{margin-left:1.4rem;width:18px;height:18px;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);background-size:cover;background-repeat:no-repeat;animation:spin .4s linear infinite}.audio-player .slider{flex-grow:1;background-color:#f7f7f6;cursor:pointer;position:relative}.audio-player .slider .progress{background-color:#7ccdb9;border-radius:inherit;position:absolute;pointer-events:none}.audio-player .slider .progress .pin{height:16px;width:16px;border-radius:8px;background-color:#7ccdb9;position:absolute;pointer-events:all;box-shadow:0 1px 1px 0 rgba(0,0,0,.32)}.audio-player .controls{font-family:'Source Sans Pro',sans-serif;font-size:16px;line-height:18px;color:#55606e;display:flex;flex-grow:1;justify-content:space-between;align-items:center;margin-left:24px;margin-right:24px}.audio-player .controls .slider{margin-left:16px;margin-right:16px;border-radius:2px;height:4px}.audio-player .controls .slider .progress{width:0;height:100%}.audio-player .controls .slider .progress .pin{right:-8px;top:-6px}.audio-player .controls span{cursor:default}@media only screen and (min-width:320px){.page--detail .site{padding-bottom:5rem;padding-top:5rem}.left .site__title.site__title--separator:after{display:none}.right .episode__image{width:100px;float:left;margin:1.5rem 1rem 0 0;border-radius:2px}.right .playBtn{display:none}}@media only screen and (min-width:1000px){body{position:relative}nav{position:fixed;top:0;left:0;bottom:0;flex-direction:column;width:60px;transition:.5s}footer{padding-left:110px;margin-bottom:-1rem}.main{display:flex;padding-left:60px;flex-grow:1}.comments{display:flex;padding-left:100px;padding-right:40px;flex-grow:1}#site__bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;display:block}.site{padding-top:4rem;padding-left:4rem;flex:1}.nav__list{transform:rotate(90deg);transform-origin:0 150% 0}.nav__item{font-size:.8rem;letter-spacing:2px}.nav__item a{font-weight:600}.nav__social{display:block}.episodes{display:flex;flex-wrap:wrap;margin:160px 0 0 50px;max-width:800px}.episode{flex-direction:column;max-width:220px;margin-right:2rem;margin-bottom:3rem}.episode:hover .episode__detail:before{display:none}.episode__number{display:block}.episode__media{width:100%;height:294px;max-width:200px}.episode__media__detail{width:100%;max-width:400px}.episode__detail{width:100%}.episode__description{font-size:1rem;font-weight:300}.page--detail{flex-direction:row}.page--detail .site{display:flex;padding:0 0 0 60px}.left,.right{width:50%}.left{padding-left:5rem;padding-top:5rem;display:flex;flex-direction:column}.left .site__title.site__title--separator:after{display:block;width:100px}.left .episode__date{padding:1rem 0 2rem 0;color:#5d6bcf;font-weight:500;font-size:1rem}.right{display:flex;flex-direction:column;background-color:#f7f7f6;position:relative}.right .episode__image{position:absolute;top:0;left:0;bottom:0;right:0;opacity:.1;-webkit-filter:grayscale(100%);filter:grayscale(100%);width:100%;margin:0;float:none;object-fit:cover}.right .site__description{color:#1c1f2a;font-weight:500;font-size:1rem;margin:0 5rem auto 5rem}.right .site__playbar{margin:5rem 3rem 0 3rem}.right .site__navigation{margin:2rem 0}.site__secondary_title{display:block}.site__playbar{background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.audio-player{position:inherit;background-color:#fff;margin-right:5rem;border-radius:4px}}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}