.crossflow-container{width:100%;padding:2rem 0;display:flex;justify-content:center;align-items:center}.crossflow-slider{width:100%;max-width:600px;height:400px;position:relative;perspective:1000px;transform-style:preserve-3d}.crossflow-slider input[type=radio]{display:none}.crossflow-slides{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.crossflow-slide{position:absolute;left:0;right:0;margin:auto;width:50%;height:50%;top:25%;border-radius:.5rem;overflow:hidden;transition:transform .5s ease-out;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.1)}.crossflow-slide .image-container{width:100%;height:100%;position:relative}.crossflow-slide .slide-content{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent);color:#fff}.crossflow-slide .slide-title{font-size:1rem;font-weight:700;line-height:1.2}.crossflow-slide .slide-subtitle{font-size:.8rem;opacity:.8;line-height:1.4;margin-top:.25rem}#s1:checked~.crossflow-slides #slide-1,#s2:checked~.crossflow-slides #slide-2,#s3:checked~.crossflow-slides #slide-3,#s4:checked~.crossflow-slides #slide-4,#s5:checked~.crossflow-slides #slide-5{transform:translateZ(0) scale(1.5);z-index:4}#s1:checked~.crossflow-slides #slide-2,#s2:checked~.crossflow-slides #slide-3,#s3:checked~.crossflow-slides #slide-4,#s4:checked~.crossflow-slides #slide-5,#s5:checked~.crossflow-slides #slide-1{transform:translate3d(40%,0,-100px) rotateY(-15deg);z-index:3}#s1:checked~.crossflow-slides #slide-3,#s2:checked~.crossflow-slides #slide-4,#s3:checked~.crossflow-slides #slide-5,#s4:checked~.crossflow-slides #slide-1,#s5:checked~.crossflow-slides #slide-2{transform:translate3d(70%,0,-250px) rotateY(-25deg);z-index:2}#s1:checked~.crossflow-slides #slide-5,#s2:checked~.crossflow-slides #slide-1,#s3:checked~.crossflow-slides #slide-2,#s4:checked~.crossflow-slides #slide-3,#s5:checked~.crossflow-slides #slide-4{transform:translate3d(-40%,0,-100px) rotateY(15deg);z-index:3}#s1:checked~.crossflow-slides #slide-4,#s2:checked~.crossflow-slides #slide-5,#s3:checked~.crossflow-slides #slide-1,#s4:checked~.crossflow-slides #slide-2,#s5:checked~.crossflow-slides #slide-3{transform:translate3d(-70%,0,-250px) rotateY(25deg);z-index:2}@media (max-width:768px){.crossflow-slider{height:350px}.crossflow-slide{width:40%;height:40%;top:30%}}@media (max-width:480px){.crossflow-slider{height:300px}.crossflow-slide{width:50%;height:50%;top:25%}}