.nar-demo-showcase{padding:105px 0 0;overflow:hidden}
.nar-demo-showcase__head{margin-bottom:55px}
.nar-demo-showcase__track{overflow:visible;cursor:grab}
.nar-demo-showcase__track:active{cursor:grabbing}
.nar-demo-showcase .swiper-wrapper{align-items:flex-start}
.nar-demo-showcase .swiper-slide{width:25%;flex:0 0 25%;transition:width .7s cubic-bezier(.23,1,.32,1)}
.nar-demo-card{position:relative}
.nar-demo-card__media{position:relative;overflow:hidden;border-radius:30px;background:#111;aspect-ratio:auto;height:550px}
.nar-demo-card__media img,.nar-demo-card__media video{width:100%;height:100%;display:block;object-fit:cover}
.nar-demo-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.3));opacity:0;transition:opacity .45s ease;pointer-events:none}
.nar-demo-card__content{padding:15px 15px 0;max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px);transition:max-height .55s ease,opacity .35s ease,transform .55s cubic-bezier(.23,1,.32,1)}
.nar-demo-card__category{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin-bottom:5px}
.nar-demo-card__title{margin:0 0 8px;font-size:18px}
.nar-demo-card__description{margin:0 0 14px;max-width:520px;opacity:.7}
.nar-demo-card__link{text-transform:uppercase;font-size:12px;letter-spacing:.06em;text-decoration:underline}
.nar-demo-card__expand{position:absolute;right:18px;top:18px;z-index:4;width:42px;height:42px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(0,0,0,.2);color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:.3s ease}
.nar-demo-card__expand:hover{transform:scale(1.08)}
.nar-demo-showcase .swiper-slide:hover,.nar-demo-showcase .swiper-slide.is-expanded{width:min(50vw,780px);flex-basis:min(50vw,780px)}
.nar-demo-showcase .swiper-slide:hover .nar-demo-card__content,.nar-demo-showcase .swiper-slide.is-expanded .nar-demo-card__content{max-height:240px;opacity:1;transform:none}
.nar-demo-showcase .swiper-slide:hover .nar-demo-card__media:after,.nar-demo-showcase .swiper-slide.is-expanded .nar-demo-card__media:after{opacity:1}
.nar-demo-showcase__hint{text-align:right;font-size:12px;text-transform:uppercase;opacity:.55;margin:25px 0 0}
.nar-demo-showcase__hint span{display:inline-block;margin-left:8px}
@media(max-width:1199px){.nar-demo-showcase .swiper-slide,.nar-demo-showcase .swiper-slide:hover,.nar-demo-showcase .swiper-slide.is-expanded{width:34vw;flex-basis:34vw}}
@media(max-width:991px){.nar-demo-showcase{padding-top:85px}.nar-demo-showcase .swiper-slide,.nar-demo-showcase .swiper-slide:hover,.nar-demo-showcase .swiper-slide.is-expanded{width:72vw;flex-basis:72vw}.nar-demo-card__media{height:500px}}
@media(max-width:575px){.nar-demo-showcase{padding-top:70px}.nar-demo-showcase .swiper-slide,.nar-demo-showcase .swiper-slide:hover,.nar-demo-showcase .swiper-slide.is-expanded{width:88vw;flex-basis:88vw}.nar-demo-card__media{height:440px;border-radius:24px}.nar-demo-card__content{max-height:none;opacity:1;transform:none}.nar-demo-card__expand{display:none}}