@media (min-width : 1250px){main{display:flex;justify-content:center;align-items:center;min-height:80vh}.carousel-wrapper{width:100%;overflow:visible;height:auto;padding:50px 0}.carousel-container{display:flex;transition:transform .3s ease;width:200%;height:auto}.carousel-page{width:50%;flex-shrink:0;height:auto;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;overflow:visible}.carousel-page.active{opacity:1}.carousel-indicators{position:fixed;bottom:15vh;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:1000}.indicator{width:12px;height:12px;border-radius:50%;background-color:#b7b7b7;cursor:pointer;transition:background-color .3s ease}.indicator.active{background-color:#000}.indicator:hover{background-color:#333}.container{position:relative;width:80%;display:flex;justify-content:center;overflow:visible;padding:0 50px}.container .box{position:relative;width:225px;height:336px;background:#000;transition:.5s;transform-style:preserve-3d;overflow:hidden;margin-left:25px;margin-right:25px;border-radius:8px}.container:hover .box{transform:scale(.7)}.container .box:hover~.box{transform:scale(.7)}.container .box:hover{transform:scale(1.25);z-index:1;box-shadow:0 25px 40px #00000080}.container .box .imgBx{position:absolute;top:0;left:0;width:100%;height:100%}.container .box .imgBx:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:.5s;mix-blend-mode:multiply}.container .box:hover .imgBx:before{opacity:1}.container .box .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.container .box .content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;padding:20px;align-items:flex-end;box-sizing:border-box}.container .box .content h2{color:#fff;transition:.3s;text-transform:uppercase;margin-bottom:0;font-size:20px;transform:translateY(200px)}.container .box:hover .content h2{transform:translateY(0)}.container .box .content p{color:#fff;transition:.1s;font-size:14px;transform:translateY(100px);transition-delay:0s}.container .box:hover .content p{transform:translateY(0)}html,body{height:100%;margin:0;overflow:hidden;min-height:1000vh;display:flex;flex-direction:column}}@media (max-width : 1249px){.carousel-wrapper,.carousel-container{width:100%}.carousel-page{width:100%;display:block}.carousel-page.active{opacity:1}.carousel-indicators{display:none}.container{position:relative;width:100%;max-width:500px;display:flex;justify-content:center;flex-wrap:wrap;transform-style:preserve-3d;perspective:500px;margin:auto;padding:0 10px;box-sizing:border-box}.last-box{margin-bottom:50px}.container .box{position:relative;width:calc(80vw - 20px);max-width:400px;height:calc(95vw - 30px);max-height:300px;background:#000;transition:.5s;transform-style:preserve-3d;overflow:hidden;margin:10px;border-radius:8px}.container .box .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.container .box .content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;padding:20px;align-items:flex-end;box-sizing:border-box}.container .box .content h2{color:#fff;transition:.5s;text-transform:uppercase;margin-bottom:0;font-size:20px;font-family:FiraeBold,serif}}@media (max-width: 500px){.container .box{width:calc(100vw - 20px);max-width:380px;height:calc(130vw - 30px);max-height:520px;margin:20px auto}}