.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:30px}.gallery-item{display:block !important;width:100%;overflow:hidden;box-sizing:border-box}.gallery-item.hidden{display:none !important}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item:hover .gallery-image img{transform:scale(1.1)}.gallery-image{position:relative;overflow:hidden;border-radius:1rem;min-height:300px;width:100%;height:auto;aspect-ratio:4/3;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);background:linear-gradient(135deg, #0f62fe, #0050e6);display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer}.gallery-image::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(15, 98, 254, 0.9), rgba(0, 80, 230, 0.9));z-index:0;opacity:0;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.gallery-image img{width:100%;height:100%;max-width:100%;object-fit:cover;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:block !important;background:#f1f5f9;position:relative;z-index:1;cursor:pointer;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.gallery-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-size:1.3rem;font-weight:600;z-index:2;text-align:center;padding:20px}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);display:flex;align-items:flex-end;justify-content:space-between;padding:20px;opacity:0;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);z-index:3}.gallery-info{color:#fff}.gallery-info-title{font-size:1.2rem;margin-bottom:5px}.gallery-info-subtitle{font-size:.9rem;opacity:.9}.gallery-view-btn{display:none}#lightbox-modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.96);backdrop-filter:blur(8px);z-index:10000;align-items:center;justify-content:center;padding:40px 20px;animation:modalFadeIn .3s ease-out}#lightbox-modal.active{display:flex}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:100%;max-height:100vh;display:flex;align-items:center;justify-content:center;width:100%;height:100%}#lightbox-image{max-width:100%;max-height:100vh;width:auto;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:lightboxFadeIn .3s ease-out;transition:opacity .3s ease,transform .3s ease}@keyframes lightboxFadeIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}#lightbox-title{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:1.15rem;text-align:center;padding:12px 24px;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);border-radius:12px;font-weight:500;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;z-index:10002;opacity:0;transition:opacity .3s ease}#lightbox-title.visible{opacity:1}#lightbox-close,#lightbox-prev,#lightbox-next{position:absolute;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);color:#fff;border:1px solid hsla(0,0%,100%,.2);width:56px;height:56px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);z-index:10001}#lightbox-close:hover,#lightbox-prev:hover,#lightbox-next:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4);transform:scale(1.1);box-shadow:0 4px 20px rgba(0,0,0,.3)}#lightbox-close:active,#lightbox-prev:active,#lightbox-next:active{transform:scale(0.95)}#lightbox-close{top:30px;right:30px}#lightbox-prev{left:30px;top:50%;transform:translateY(-50%)}#lightbox-prev:hover{transform:translateY(-50%) scale(1.1)}#lightbox-next{right:30px;top:50%;transform:translateY(-50%)}#lightbox-next:hover{transform:translateY(-50%) scale(1.1)}@media(max-width: 1024px){#lightbox-prev,#lightbox-next{width:48px;height:48px;font-size:1.2rem}}@media(max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:20px}.gallery-image{min-height:250px;aspect-ratio:4/3}#lightbox-modal{padding:10px;align-items:flex-start;padding-top:60px}.lightbox-content{max-width:100%;max-height:calc(100vh - 100px);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#lightbox-image{max-width:100%;max-height:calc(100vh - 100px);width:auto;height:auto;object-fit:contain;border-radius:12px}#lightbox-close{top:10px;right:10px;width:44px;height:44px;font-size:1.2rem;background:rgba(0,0,0,.7);border-color:hsla(0,0%,100%,.3)}#lightbox-prev,#lightbox-next{display:flex;width:44px;height:44px;font-size:1.1rem;background:rgba(0,0,0,.7);border-color:hsla(0,0%,100%,.3);opacity:.9}#lightbox-prev{left:10px;top:auto;bottom:20px;transform:none}#lightbox-prev:hover{transform:none}#lightbox-next{right:10px;top:auto;bottom:20px;transform:none}#lightbox-next:hover{transform:none}#lightbox-title{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);margin-top:0;width:auto;max-width:90%;font-size:.95rem;padding:10px 15px;white-space:normal;text-align:center;border-radius:8px}}@media(max-width: 480px){#lightbox-modal{padding:5px;padding-top:50px}#lightbox-image{max-height:calc(100vh - 80px);border-radius:8px}#lightbox-close{top:8px;right:8px;width:40px;height:40px;font-size:1rem}#lightbox-prev,#lightbox-next{width:40px;height:40px;font-size:1rem}#lightbox-prev{left:8px;bottom:15px}#lightbox-next{right:8px;bottom:15px}#lightbox-title{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);font-size:.85rem;padding:8px 12px;margin-top:0;max-width:90%}.lightbox-content{max-height:calc(100vh - 90px)}}