.slide-nav{width:100%;height:100%;display:flex;transition:all .5s ease}.slide-nav__slider{width:50%;height:100%;overflow:hidden;transition:all .5s ease}.slide-nav__track{transition:all .6s ease-in-out;background:#000}.slide-nav__slide{height:100vh;height:calc(var(--vh, 1vh) * 100);background:no-repeat 50% 50%/cover;overflow:hidden}.slide-nav__slide video{width:100%;height:100%;object-fit:cover}.slide-nav__nav{width:50%;display:flex;flex-flow:column}.slide-nav__nav.active{z-index:9}.slide-nav.active .slide-nav__nav{box-shadow:0 0 10px rgba(0,0,0,0.4)}.slide-nav__item{height:calc(25vh - 5rem/4);height:calc(var(--vh, 1vh) * 25 - 5rem/4);cursor:pointer;background:#FFF;transition:all .3s ease;display:flex}.slide-nav__item:hover{color:#FFF;background:#000}.slide-nav__inner{width:calc(100% - 5.5rem);padding:4.5rem 7rem 5rem;border-top:3px solid #000;border-bottom:0 solid #000}@media only screen and (max-width:1650px){.slide-nav__inner{padding:4.5rem 6rem 5rem}}.slide-nav__inner h2{font-family:'AG Buch Extended BQ','AGBuchExtendedBQ','Archivo Black',sans-serif;font-weight:400;text-transform:uppercase;margin:0 0 .3em}.slide-nav__inner p{margin:.6em 0}.slide-nav__right{position:relative;height:100%;width:5.5rem;border-left:3px solid #000;border-top:3px solid #000;border-bottom:0 solid #000;overflow:hidden}.slide-nav__right__background{position:absolute;left:0;top:0;height:calc(100% + 1px);width:100%}.slide-nav__right::before{content:'';position:absolute;left:0;top:0;height:calc(100% + 1px);width:100%;background:#FFF;transition:all .3s ease;z-index:1}.slide-nav__item:hover .slide-nav__right::before{opacity:0}span.rotated{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) rotate(-90deg);min-width:13rem;text-align:center;z-index:1}.slide-nav__menubar{height:5rem;background:#FFF;display:flex;align-items:center;justify-content:flex-end;border-top:3px solid #000}.slide-nav__menubar__item{padding:0 2rem;text-transform:uppercase;cursor:pointer}.slide-nav__menubar__item.close{cursor:pointer}@media only screen and (max-width:767px){.slide-nav{width:200%}.slide-nav__inner{padding:4rem 10rem 4rem 3rem;border-top:2px solid #000}.slide-nav__right{border-left:2px solid #000;border-top:2px solid #000}.slide-nav__menubar{border-top:2px solid #000}}@media only screen and (max-width:450px){.slide-nav__inner{padding:3.5rem 5rem 3.5rem 3rem}}@media only screen and (max-width:350px){.slide-nav__inner{padding:2.5rem 2.5rem 3rem 2.5rem}}