.card-wrap{margin:10px;transform:perspective(800px);transform-style:preserve-3d;cursor:pointer;font-family:Raleway;font-size:14px;font-weight:500;-webkit-font-smoothing:antialiased}.card-wrap:hover .card-info{transform:translateY(0)}.card-wrap:hover .card-info p{opacity:1}.card-wrap:hover .card-info,.card-wrap:hover .card-info p{transition:.6s cubic-bezier(.23,1,.32,1)}.card-wrap:hover .card-info:after{transition:5s cubic-bezier(.23,1,.32,1);opacity:1;transform:translateY(0)}.card-wrap:hover .card-bg{transition:.6s cubic-bezier(.23,1,.32,1),opacity 5s cubic-bezier(.23,1,.32,1);opacity:.8}.card-wrap:hover .card{transition:.6s cubic-bezier(.23,1,.32,1),box-shadow 2s cubic-bezier(.23,1,.32,1)}.card-wrap:hover .card:not([style*=box-shadow]){box-shadow:0 0 40px 5px hsla(0,0%,100%,.2),0 0 0 1px #fff,0 30px 60px 0 rgba(0,0,0,.66),inset 0 0 0 5px #333,inset 0 0 0 6px #fff}.card-wrap.custom-shadow .card{box-shadow:attr(style)}.card{position:relative;flex:0 0 240px;width:240px;height:320px;background-color:#333;overflow:hidden;border-radius:10px;transition:1s cubic-bezier(.445,.05,.55,.95)}.card:not([style*=box-shadow]){box-shadow:0 30px 60px 0 rgba(0,0,0,.66),inset 0 0 0 5px #333,inset 0 0 0 6px hsla(0,0%,100%,.5)}.card-bg{opacity:.5;top:-20px;left:-20px;box-sizing:content-box;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover;transition:1s cubic-bezier(.445,.05,.55,.95),opacity 5s cubic-bezier(.445,.05,.55,.95) 1s;pointer-events:none;background-position-x:-265px}.card-bg,.card-info{position:absolute;padding:20px}.card-info{bottom:0;color:#fff;transform:translateY(40%)}.card-info,.card-info p{transition:.6s cubic-bezier(.215,.61,.355,1) 1.6s}.card-info p{opacity:0;text-shadow:#000 0 2px 3px}.card-info *{position:relative;z-index:1}.card-info:after{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.6));background-blend-mode:overlay;opacity:0;transform:translateY(100%);transition:5s cubic-bezier(.445,.05,.55,.95) 1s}.card-info h1{font-family:Playfair Display;font-size:36px;font-weight:700;text-shadow:rgba(0,0,0,.5) 0 10px 10px}