#overlay{z-index:21;visibility:hidden;opacity:0;background:#00000080;width:100%;height:100%;transition:all .2s;position:fixed;top:0;left:0}#overlay.active{visibility:visible;opacity:1}.open-img-container{visibility:hidden;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;background:#0000004d;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:10px;overflow:auto}.open-img-container .img-container{justify-content:center;align-items:center;width:auto;height:100%;display:flex}.open-img-container .img-container img{width:100%;height:100%}.open-img-container.open{visibility:visible;opacity:1}.open-img-container.open::-webkit-scrollbar{display:none}.open-img-container button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;font-size:20px;transition:all .1s;display:flex;position:fixed;top:20px;right:20px}.open-img-container .x-mark{color:#fff;width:30px;height:30px}.open-img-container button:hover{background:#fff3}.home{width:100%;height:100svh}.background-wrapper{background:#000;width:100%;height:100svh;padding:0;display:flex;position:fixed;top:0;left:0}.background-img1-wrapper,.background-img2-wrapper{width:100%;height:100%;position:relative}.background-img1-wrapper img,.background-img2-wrapper img{object-fit:cover;filter:grayscale();width:100%;height:100%}.background-img2-wrapper img{object-position:0 100%}.shadow-container1{background:linear-gradient(270deg,#000,#0000);width:50%;position:absolute;top:0;bottom:0;right:0}.shadow-container2{background:linear-gradient(90deg,#000,#0000);width:50%;position:absolute;top:0;bottom:0;left:0}@media (max-width:900px){.open-img-container{border:none;border-radius:0;inset:0}.open-img-container .img-container{justify-content:center;align-items:center;width:100%;height:auto;display:flex}.background-wrapper{flex-direction:column}.background-img1-wrapper,.background-img2-wrapper{flex:1;height:50%}.background-img2-wrapper img{object-position:0}.shadow-container1{height:200px;width:unset;bottom:0;left:0;right:0;top:unset;background:linear-gradient(#0000,#000);position:absolute}.shadow-container2{height:200px;width:unset;top:0;left:0;right:0;bottom:unset;background:linear-gradient(#000,#0000);position:absolute}}@media (max-width:500px){.background-img2-wrapper img{object-fit:cover;filter:grayscale();width:100%;height:100%}}