.carousel{scroll-behavior:smooth;scroll-snap-type:x mandatory;gap:30px;padding:0;display:flex;overflow-x:auto}.card-wrap{transform-style:preserve-3d;cursor:pointer;will-change:transform;transition:transform .3s ease-out;transform:perspective(1000px)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;flex:0 0 240px;width:220px;height:280px;transition:transform .5s ease-out,box-shadow .5s ease-out;position:relative;overflow:hidden;box-shadow:0 10px 20px #ffffff4d,inset 0 0 10px #0003}.card:hover{box-shadow:0 20px 30px #fff6,inset 0 0 20px #0006}.card-bg{opacity:.8;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:transform .2s ease-out;position:absolute;top:0;left:0}.card-info{color:#fff;padding:15px;transition:transform .6s ease-out;position:absolute;bottom:0;transform:translateY(40%)}.card-info p{opacity:0;transition:opacity .3s ease-out}.card-info:after{content:"";opacity:0;background-image:linear-gradient(#0000 0%,#0009 100%);width:100%;height:100%;transition:opacity .5s ease-out;position:absolute;top:0;left:0}.card-wrap:hover .card-info{transform:translateY(0)}.card-wrap:hover .card-info p{opacity:1}::-webkit-scrollbar{display:none}