.gallery{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width:680px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}.gallery-item{aspect-ratio:4/3;background:var(--surface-2);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.gallery-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-8px)}.gallery-item img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{align-items:flex-end;background:linear-gradient(135deg,transparent,rgba(0,0,0,.3) 60%,rgba(0,0,0,.7));display:flex;inset:0;opacity:0;padding:var(--spacing-sm);position:absolute;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-caption{color:#fff;font-size:.9rem;font-weight:500;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.lightbox{align-items:center;background:rgba(0,0,0,.95);display:none;inset:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:2000}.lightbox.show{display:flex}.lightbox-content{background:var(--bg);border-radius:var(--border-radius);box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.lightbox-image{display:block;height:auto;max-height:80vh;object-fit:contain;width:100%}.lightbox-info{background:var(--bg);padding:var(--spacing-sm) var(--spacing-md)}.lightbox-title{color:var(--text);font-family:var(--font-title);font-weight:500;margin:0 0 .5rem}.lightbox-description{color:var(--text-2);font-size:.9rem;margin:0}.lightbox-close{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:all .2s ease;width:40px;z-index:1}.lightbox-close:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.lightbox-nav{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:50px}.lightbox-nav:hover{background:rgba(0,0,0,.9);transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:var(--spacing-sm)}.lightbox-next{right:var(--spacing-sm)}.lightbox-counter{backdrop-filter:blur(10px);background:rgba(0,0,0,.7);border-radius:var(--border-radius-btn);bottom:var(--spacing-sm);color:#fff;font-size:.85rem;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%)}.gallery-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.filter-btn{background:transparent;border:2px solid var(--primary);border-radius:var(--border-radius-btn);color:var(--primary);cursor:pointer;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:var(--bg);transform:translateY(-2px)}.gallery-item.hidden{display:none}.gallery-item{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.gallery-item:first-child{animation-delay:.1s}.gallery-item:nth-child(2){animation-delay:.2s}.gallery-item:nth-child(3){animation-delay:.3s}.gallery-item:nth-child(4){animation-delay:.4s}.gallery-item:nth-child(5){animation-delay:.5s}.gallery-item:nth-child(6){animation-delay:.6s}.gallery-item:nth-child(7){animation-delay:.7s}.gallery-item:nth-child(8){animation-delay:.8s}.gallery-item:nth-child(9){animation-delay:.9s}.gallery-item:nth-child(10){animation-delay:1s}.gallery-item:nth-child(11){animation-delay:1.1s}.gallery-item:nth-child(12){animation-delay:1.2s}.pagination-container{margin-top:var(--spacing-lg)}.pagination-container,.pagination-numbers{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.pagination-btn{align-items:center;background:var(--bg);border:2px solid var(--separator);border-radius:var(--border-radius);color:var(--text);cursor:pointer;display:flex;font-weight:500;height:44px;justify-content:center;min-width:44px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-info{color:var(--text-2);font-size:.9rem;margin:0 var(--spacing-sm)}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--separator);border:3px solid var(--separator);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}