.slides-nav{z-index:99;position:absolute;right:-5%;display:flex;align-items:center;height:100%;color:#111}@media(min-width:54em){.slides-nav{right:2%}}.slides-nav__nav{position:relative;right:0;display:flex;transform-origin:center;flex-direction:column}.slides-nav button{position:relative;display:inline-block;padding:.35em;margin:0;appearance:none;background:transparent;border:0;overflow-x:hidden;transition:color .5s ease;color:white}.slides-nav button:hover{cursor:pointer;color:rgba(135,135,135,1);transition:color .5s ease}.slides-nav button:focus{outline:0}.is-sliding .slides-nav{pointer-events:none}.slides{position:relative;display:block;height:100vh;width:100%;background:#fff;transition:background 1s cubic-bezier(0.99,1,0.92,1)}.is-sliding .slides{background:#ededed;transition:background .3s cubic-bezier(0.99,1,0.92,1)}.slide{z-index:-1;padding:0;position:absolute;width:100%;height:100vh;transition:z-index 1s ease;bottom:0;min-height:100%}.slide.is-active{z-index:19;transition:z-index 1s ease}.slide__content{position:relative;margin:0 auto;height:100%;width:100%}.slide__figure{z-index:7;position:absolute;left:0;right:0;margin:0 auto;height:100%;width:100%;transition:transform .5s cubic-bezier(0.19,1,0.22,1)}.is-sliding .slide__figure{transform:scale(0.8);transition:transform .5s cubic-bezier(0.19,1,0.22,1)}.slide__img{position:relative;display:block;background-size:cover;background-attachment:fixed;background-position:50%;-webkit-backface-visibility:hidden;height:0;width:100%;filter:grayscale(0%);transition:height 1s 1.4s cubic-bezier(0.19,1,0.22,1),filter .4s .1s ease}.is-active .slide__img{height:100%;opacity:1;transition:height .5s .3s cubic-bezier(0.77,0,0.175,1),filter .4s .1s ease}.is-sliding .slide__img{filter:grayscale(100%)}.slides-nav__nav button i{font-size:25px}