#showcase{height:100vh;max-height:100vh;overflow:hidden;width:100%;background-color:#000;position:relative;padding-top:50px}#showcase:before{content:" ";display:block;height:100px;width:100%;background-color:var(--color-slate-900);-webkit-transform:skewY(-3deg) translateZ(0);transform:skewY(-3deg) translateZ(0);position:absolute;left:0;top:-50px;overflow:hidden;z-index:88}#showcase .swiper-container{height:100%;width:100%}#showcase .swiper-carousel{width:100%;height:100%}#showcase ul li{color:#fff}#showcase{width:100%;height:100vh}#showcase:after{content:"";width:60%;height:30px;background:var(--primary);position:absolute;left:40px;bottom:0;z-index:2}#showcase h5{font-size:30px;color:#fff;font-family:Libre Baskerville,serif;margin-bottom:0;position:relative}#showcase h5:before{content:"";width:30px;height:3px;background:#fff;float:left;margin-top:19px;margin-right:6px;margin-left:-18px}#showcase h5 span{position:relative}#showcase h5 span:after{content:"";width:100%;height:7px;background:#0bc;position:absolute;left:0;bottom:5px;z-index:-1}#showcase h2{font-size:6vw;color:#fff;font-weight:800;margin-bottom:10px;text-transform:uppercase}#showcase .btn-ghost{width:180px;height:54px;line-height:52px;display:inline-block;border-radius:54px;border-bottom:4px solid rgba(0,0,0,.2);background:url(/showcase/btn-bg.jpg);background-size:cover;color:#fff;font-weight:800;font-size:13px;text-align:center;position:relative;z-index:2;overflow:hidden;box-shadow:0 3px 3px #0000001a}#showcase .btn-ghost *{-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#showcase .btn-ghost span{position:relative;display:inline-block}#showcase .btn-ghost span:before{position:absolute;top:100%;content:attr(data-hover);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translateZ(0)}#showcase .btn-ghost:hover span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}#showcase .btn-ghost:hover{text-decoration:none}#showcase .btn-play{color:#fff;position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:10px;width:200px;outline:none}#showcase .btn-play img{height:50px}#showcase .video-bg{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}#showcase .video-bg video{min-height:100%;min-width:100%;position:absolute;left:0;top:0}#showcase .video-bg .container{position:relative;z-index:2}#showcase .swiper-carousel{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}#showcase .swiper-carousel *{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;transition-duration:.5s;-webkit-transition-duration:.5s;transition-timing-function:cubic-bezier(.86,0,.07,1);-webkit-transition-timing-function:cubic-bezier(.86,0,.07,1)}#showcase .swiper-carousel .swiper-button-prev{width:20%;height:100%;position:absolute;left:0;top:0;background:none}#showcase .swiper-carousel .swiper-button-next{width:20%;height:100%;position:absolute;right:0;top:0;background:none}#showcase .swiper-carousel .swiper-slide{height:100%;display:flex;background:#eee;align-items:center;justify-content:center;transition:all .2s linear;background-size:cover}#showcase .swiper-carousel .swiper-slide:after{content:"";width:100%;height:100%;background:#313434;position:absolute;left:0;top:0;opacity:.6;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#showcase .swiper-carousel .swiper-slide .inner{opacity:0;padding:0 5vw;position:relative;z-index:2;transform:translateY(50px)}#showcase .swiper-carousel .swiper-slide .inner h2{font-size:6vw}#showcase .swiper-carousel .swiper-slide-active{margin:0;box-shadow:0 0 50px #0000004d;z-index:2}#showcase .swiper-carousel .swiper-slide-active:after{content:"";opacity:0}#showcase .swiper-carousel .swiper-slide-active .inner{opacity:1;transform:translateY(0)}#showcase .swiper-container{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}#showcase .swiper-container .swiper-slide{overflow:hidden}#showcase .swiper-container .swiper-button-next{width:auto;height:auto;background:none;right:33px;font-weight:800;color:#fff;transform:rotate(90deg);margin-top:20px;overflow:hidden}@media (max-width: 768px){#showcase .swiper-container .swiper-button-next{right:5px}}#showcase .swiper-container .swiper-button-next *{-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#showcase .swiper-container .swiper-button-next span{position:relative;display:inline-block}.swiper-button-prev:after,.swiper-button-next:after{display:none}#showcase .swiper-container .swiper-button-next span:before{position:absolute;top:100%;content:attr(data-hover);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translateZ(0)}#showcase .swiper-container .swiper-button-next:hover span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}#showcase .swiper-container .swiper-button-prev{width:auto;height:auto;background:none;left:auto;right:33px;font-weight:800;color:#fff;transform:rotate(90deg);margin-top:-40px;overflow:hidden}@media (max-width: 768px){#showcase .swiper-container .swiper-button-prev{right:5px}}#showcase .swiper-container .swiper-button-prev *{-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#showcase .swiper-container .swiper-button-prev span{position:relative;display:inline-block}#showcase .swiper-container .swiper-button-prev span:before{position:absolute;top:100%;content:attr(data-hover);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translateZ(0)}#showcase .swiper-container .swiper-button-prev:hover span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}#showcase .swiper-container .swiper-pagination-fraction{width:100px;position:absolute;left:auto;right:40px;bottom:20px;color:#fff;text-align:right}#showcase .swiper-container .swiper-pagination-fraction .swiper-pagination-current{font-size:50px;font-weight:800}#showcase .swiper-container .swiper-pagination-fraction .swiper-pagination-current:before{content:"0"}#showcase .swiper-container .swiper-pagination-fraction .swiper-pagination-total{font-size:15px;font-weight:600;opacity:.7}#showcase .slide-inner{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-size:cover;background-position:center;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;padding:0 150px}@media (max-width: 768px){#showcase .slide-inner{padding:0 10px}}#showcase .slide-inner:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(/showcase/hero-lines-bg.png) center;opacity:.2}#showcase .video-foreground:after{content:"";width:100%;height:100%;background:#00000080;position:absolute;top:0;left:0}#showcase .video-foreground,#showcase .video-background iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#showcase #vidtop-content{top:0;color:#fff}#showcase .vid-info{position:absolute;top:0;right:0;width:33%;background:#0000004d;color:#fff;padding:1rem;font-family:Avenir,Helvetica,sans-serif}#showcase .vid-info h1{font-size:2rem;font-weight:700;margin-top:0;line-height:1.2}#showcase .vid-info a{display:block;color:#fff;text-decoration:none;background:#00000080;transition:.6s background;border-bottom:none;margin:1rem auto;text-align:center}@media (min-aspect-ratio: 16/9){#showcase .video-foreground{height:300%;top:-100%}}@media (max-aspect-ratio: 16/9){#showcase .video-foreground{width:300%;left:-100%}}@media all and (max-width: 600px){#showcase .vid-info{width:50%;padding:.5rem}#showcase .vid-info h1{margin-bottom:.2rem}}@media all and (max-width: 500px){#showcase .vid-info .acronym{display:none}}
