.project-modal{z-index:9999;background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s both project-modal-in;display:flex;position:fixed;top:0;left:0;overflow:hidden}@keyframes project-modal-in{0%{opacity:0}to{opacity:1}}.project-modal .modal-content{background:#000;border-radius:8px;flex-direction:column;width:90%;max-width:1200px;height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000080}.project-modal .close-modal{color:#fff;z-index:10002;cursor:pointer;text-shadow:0 2px 4px #00000080;background:0 0;border:0;padding:0;font-family:inherit;font-size:40px;font-weight:300;line-height:1;transition:all .3s;position:absolute;top:20px;right:30px}.project-modal .close-modal:hover{color:#ccc;transform:scale(1.1)}.project-modal .close-modal:focus-visible,.project-modal .swiper-button-next:focus-visible,.project-modal .swiper-button-prev:focus-visible,.project-modal .swiper-pagination-bullet:focus-visible{outline-offset:4px;outline:2px solid #fff}.project-modal .swiper{width:100%;height:100%;margin-left:auto;margin-right:auto}.project-modal .swiper-slide{text-align:center;color:#fff;background:#000;justify-content:center;align-items:center;font-size:18px;display:flex}.project-modal .swiper-slide img{object-fit:contain;width:100%;height:100%;display:block}.project-modal .swiper-button-next,.project-modal .swiper-button-prev{color:#fff;text-shadow:0 2px 4px #00000080}.project-modal .swiper-pagination-bullet{opacity:.5;background:#fff}.project-modal .swiper-pagination-bullet-active{opacity:1}.project-modal .project-info-bar{color:#fff;z-index:100;pointer-events:none;background:linear-gradient(#0000,#000000e6);flex-direction:column;align-items:flex-start;width:100%;padding:20px;display:flex;position:absolute;bottom:0;left:0}.project-modal .project-title-modal{text-shadow:0 2px 4px #000c;margin-bottom:5px;font-size:1.5rem;font-weight:700}.project-modal .project-location-modal{opacity:.9;text-shadow:0 2px 4px #000c;font-size:1rem;font-weight:300}.project-modal .modal-loader{color:#fff;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.project-modal{animation:none}}.project-modal .modal-empty{color:#fff;flex:1;justify-content:center;align-items:center;font-size:18px;display:flex}