.gallery-container{width:100%}.gallery-grid{column-count:5;align-self:end;column-gap:.25rem}.gallery-item{break-inside:avoid;cursor:pointer;margin-bottom:.25rem}.gallery-image{border-radius:.05rem;width:100%;height:auto;transition:transform .35s,box-shadow .35s;display:block}.gallery-item:hover .gallery-image{transform:scale(1.02);box-shadow:0 20px 40px #0000002e}.gallery-container .modal-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-container .modal-overlay .modal-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000;width:100%;height:100vh;padding:1rem;position:relative}.gallery-container .modal-overlay .modal-container .modal-close-btn{z-index:50;cursor:pointer;color:#fff;background-color:#fff0;border:1px solid #fff0;padding:1.5rem;transition:all .3s;position:absolute;top:.5rem;right:.5rem}.gallery-container .modal-overlay .modal-container .modal-close-btn span{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);background-color:#2e2e2e40;border:0;border-radius:9999px;justify-content:center;align-items:center;width:50px;height:50px;margin:0;padding:1rem;font-size:1.25rem;line-height:1;transition:all .3s;display:flex}.gallery-container .modal-overlay .modal-container .modal-close-btn:hover span{background-color:#91919180}.gallery-container .modal-overlay .modal-container .modal-image{object-fit:contain;border-radius:.75rem;width:100%;height:auto;box-shadow:0 10px 15px #0000004d}.gallery-container .modal-overlay .modal-container .modal-arrow{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);background-color:#2e2e2e40;border:1px solid #fff3;border-radius:.75rem;padding:2rem 1.5rem;font-size:2rem;line-height:2rem;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.gallery-container .modal-overlay .modal-container .modal-arrowLeft{left:.5rem}.gallery-container .modal-overlay .modal-container .modal-arrowRight{right:.5rem}.gallery-container .modal-overlay .modal-container .image-counter{z-index:50;color:#fff;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);background-color:#2e2e2e40;border:1px solid #fff3;border-radius:.75rem;padding:.5rem 1.5rem;transition:all .3s;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.gallery-container .modal-overlay .modal-container .image-counter span{white-space:nowrap;letter-spacing:0;font-family:Courier New,Courier,monospace}@media (min-width:1025px){.gallery-container .modal-overlay .modal-container .modal-arrow:hover{color:#000;background-color:#ffffff40;border:1px solid #0003}}@media (max-width:1024px){.gallery-grid{column-count:4}.modal-container{height:80vh}.modal-close-btn{padding:1rem}.modal-arrow{padding:1.5rem 1rem;font-size:2.25rem}}@media (max-width:480px){.gallery-grid{column-count:3}.gallery-container .modal-overlay .modal-container .modal-close-btn{padding:1.5rem .5rem 1.5rem 1.5rem;top:5rem;right:0}.gallery-container .modal-overlay .modal-container .modal-close-btn span{width:40px;height:40px;font-size:.875rem}.gallery-container .modal-overlay .modal-container .modal-arrow{border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:1.5rem 1rem 1.75rem;font-size:2rem;line-height:1.5rem;display:flex}.gallery-container .modal-overlay .modal-container .image-counter{bottom:5rem}.gallery-container .modal-overlay .modal-container .image-counter span{font-size:.875rem}}@media (max-width:390px){.gallery-image{object-fit:cover;width:100%;height:100%;max-height:280px;display:block}}@media (max-width:375px){.gallery-grid{column-count:2}}