.slider{display:flex;width:100%;overflow:hidden}.slider .slide{flex-shrink:0;height:100%;width:12%;overflow:hidden;transition:width .45s cubic-bezier(.4,0,.2,1)}.slider .slide.main{width:58%}.slider .slide.half{width:50%}.slider .slide.prev{width:21%}.slider .slide .item{border-radius:20px;margin:0 6px;overflow:hidden;height:60vh;min-height:320px;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.12);transition:box-shadow .35s ease;cursor:pointer}.slider .slide .item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65) 0,rgba(0,0,0,.2) 48%,transparent 70%);border-radius:20px;pointer-events:none;transition:background .4s ease;z-index:1}.slider .slide.main .item{box-shadow:0 16px 48px rgba(0,0,0,.2)}.slider .slide.prev .item:after{background:linear-gradient(0deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.38))}.slide-overlay-content{opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease}.slider .slide.main .slide-overlay-content{opacity:1;transform:translateY(0);transition:opacity .35s ease .22s,transform .35s ease .22s}@media (max-width:768px){.slider{flex-direction:column;gap:12px}.slider .slide,.slider .slide.half,.slider .slide.main,.slider .slide.prev{width:100%!important;height:auto}.slider .slide .item{height:260px;min-height:unset;margin:0;border-radius:16px}.slider .slide .slide-overlay-content{opacity:1!important;transform:translateY(0)!important;transition:none!important}}