.mf-photo-gallery{width:100%;margin:2rem 0}.gallery-header{text-align:center;margin-bottom:2rem}.gallery-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:.5rem}.gallery-description{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.gallery-loading{display:flex;justify-content:center;align-items:center;height:200px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.gallery-grid{width:100%;margin:0 auto}.gallery-item{width:calc(25% - 1rem);margin-bottom:1rem;border-radius:0;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.gallery-item:hover{transform:scale(1.02);box-shadow:0 10px 25px -3px rgba(0,0,0,.1)}.gallery-item img{width:100%;height:auto;display:block}@media (max-width:1024px){.gallery-item{width:calc(33.333% - 1rem)}}@media (max-width:768px){.gallery-item{width:calc(50% - 1rem)}.gallery-title{font-size:2rem}}@media (max-width:640px){.gallery-item{width:calc(100% - 1rem)}.gallery-title{font-size:1.8rem}}.gallery-modal{display:none;position:fixed !important;z-index:1000;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;max-width:none !important;max-height:none !important;min-width:100vw !important;min-height:100vh !important;background-color:rgba(0,0,0,.95);backdrop-filter:blur(5px);overflow:hidden;margin:0 !important;padding:0 !important;box-sizing:border-box !important;border:none !important;outline:none !important}.gallery-modal *{box-sizing:border-box}body .gallery-modal,html .gallery-modal,.gallery-modal.gallery-modal{width:100vw !important;height:100vh !important;max-width:none !important;max-height:none !important;min-width:100vw !important;min-height:100vh !important;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;position:fixed !important}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;border-radius:0;display:block;margin:0;padding:0}.modal-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;z-index:1001;transition:color .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.8);background:rgba(0,0,0,.3);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{color:#bbb;background:rgba(0,0,0,.5);text-shadow:2px 2px 6px rgba(0,0,0,.9)}.modal-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:1001}.modal-spinner{text-align:center;color:#fff}.modal-spinner .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:modal-spin 1s linear infinite;margin:0 auto 15px}.modal-spinner p{margin:0;font-size:16px;font-weight:500}@keyframes modal-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.modal-navigation{position:absolute;top:50%;width:100%;transform:translateY(-50%);z-index:1001}.nav-prev,.nav-next{position:absolute;background:rgba(0,0,0,.5);color:#fff;border:none;font-size:2rem;padding:0;cursor:pointer;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;line-height:1;text-align:center}.nav-prev:hover,.nav-next:hover{background:rgba(0,0,0,.8)}.nav-prev{left:20px}.nav-next{right:20px}.modal-indicator{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;background-color:rgba(0,0,0,.7);padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;z-index:1001}.gallery-item.loading{opacity:.5}.gallery-item.loaded{opacity:1}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gallery-item{animation:fadeIn .5s ease-out}.gallery-item:focus{outline:2px solid #3498db;outline-offset:2px}.nav-prev:focus,.nav-next:focus{outline:2px solid #3498db;outline-offset:2px}@media (max-width:768px){.modal-content{max-width:95vw;max-height:95vh}.modal-close{top:10px;right:20px;font-size:30px;width:40px;height:40px}.nav-prev,.nav-next{width:50px;height:50px;font-size:1.5rem;padding:0;line-height:1;text-align:center}.nav-prev{left:10px}.nav-next{right:10px}.modal-indicator{bottom:10px;padding:.4rem .8rem;font-size:.8rem}}@media (max-width:480px){.modal-content{max-width:98vw;max-height:98vh}}@media (prefers-color-scheme:dark){.gallery-title{color:#f1f1f1}.gallery-description{color:#ccc}}