.gallery-page{padding:var(--spacing-xxl) 0}.gallery-filters{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-color);transition:all var(--transition-fast)}.filter-btn:hover,.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.year-filter{min-width:150px}.year-filter select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;font-size:var(--font-size-sm)}.gallery-page .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.gallery-page .gallery-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);aspect-ratio:4/3}.gallery-image{position:relative;width:100%;height:100%}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.gallery-item:hover .gallery-image img{transform:scale(1.1)}.gallery-page .gallery-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-zoom{width:50px;height:50px;background:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:var(--font-size-lg);transition:transform var(--transition-fast);cursor:pointer;border:none}.gallery-zoom:hover{transform:scale(1.1)}.gallery-info{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(transparent,#000c);color:#fff}.gallery-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.gallery-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);opacity:.8}.gallery-meta span{display:flex;align-items:center;gap:var(--spacing-xs)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.lightbox.open{opacity:1;visibility:visible}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;cursor:pointer}.lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.lightbox-close{position:absolute;top:-50px;right:0;width:40px;height:40px;background:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);cursor:pointer;border:none;z-index:10}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffffe6;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);cursor:pointer;border:none;z-index:10;transition:background var(--transition-fast)}.lightbox-prev:hover,.lightbox-next:hover{background:#fff}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}.lightbox-image-container{max-width:100%;max-height:70vh;overflow:hidden;border-radius:var(--radius-lg)}.lightbox-image{max-width:100%;max-height:70vh;object-fit:contain}.lightbox-info{text-align:center;color:#fff;margin-top:var(--spacing-md);max-width:600px}.lightbox-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.lightbox-description{font-size:var(--font-size-sm);opacity:.8;margin-bottom:var(--spacing-sm)}.lightbox-meta{display:flex;justify-content:center;gap:var(--spacing-lg);font-size:var(--font-size-sm);opacity:.7}@media(max-width:1024px){.gallery-page .gallery-grid{grid-template-columns:repeat(3,1fr)}.lightbox-prev{left:10px}.lightbox-next{right:10px}}@media(max-width:768px){.gallery-filters{flex-direction:column;align-items:stretch}.filter-buttons{justify-content:center}.year-filter{width:100%}.gallery-page .gallery-grid{grid-template-columns:repeat(2,1fr)}.lightbox-close{top:10px;right:10px}.lightbox-prev,.lightbox-next{width:40px;height:40px}}@media(max-width:480px){.gallery-page .gallery-grid{grid-template-columns:1fr}.lightbox-content{max-width:95%}}