.gallery-hero{position:relative;padding:8rem 0 4rem;text-align:center;overflow:hidden}.gallery-filters-section{padding:0 0 2rem}.gallery-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.gallery-filter-btn{padding:.5rem 1.2rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:#1e293b80;color:#cbd5e1;font-size:.875rem;cursor:pointer;transition:all .2s}.gallery-filter-btn:hover{border-color:var(--indigo);color:#fff;background:#6366f126}.gallery-filter-btn.active{background:var(--indigo);border-color:var(--indigo);color:#fff}.gallery-grid-section{padding:0 0 4rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.gallery-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #6366f126}.gallery-card-img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);display:flex;align-items:center;justify-content:center}.gallery-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-card-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#6366f114,#8b5cf614);display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.gallery-card-body{padding:1.25rem}.gallery-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem}.gallery-card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.gallery-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:999px;background:#6366f11a;color:var(--indigo);font-size:.75rem;font-weight:500}.gallery-tag.niche-tag{background:#22c55e1a;color:#22c55e}.gallery-tag.source-tag{background:#eab3081a;color:#eab308}.gallery-card-stats{display:flex;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.gallery-stat{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.gallery-stat-value{font-weight:600;color:var(--text-primary)}.gallery-card-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.75rem;font-size:.85rem;color:var(--indigo);text-decoration:none;font-weight:500}.gallery-card-link:hover{text-decoration:underline}.gallery-featured-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--indigo),#8b5cf6);color:#fff;padding:.25rem .75rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.gallery-card-img-wrap{position:relative}.gallery-loading{display:flex;flex-direction:column;align-items:center;padding:4rem 0;color:var(--text-secondary)}.gallery-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--indigo);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.gallery-empty{text-align:center;padding:4rem 0;color:var(--text-secondary)}.gallery-empty svg{margin-bottom:1rem;opacity:.4}.gallery-load-more{text-align:center;padding:2rem 0}.gallery-load-more .btn-secondary{color:#cbd5e1;padding:14px 32px;border-radius:12px;font-weight:600;font-size:1rem;border:1px solid rgba(148,163,184,.3);background:#1e293b80;cursor:pointer;transition:all .3s}.gallery-load-more .btn-secondary:hover{border-color:#6366f180;color:#fff;background:#6366f126}.gallery-cta-section{padding:2rem 0 6rem}.gallery-cta-card{text-align:center;padding:3rem;background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid var(--border);border-radius:20px}.gallery-cta-card h2{font-size:1.75rem;margin-bottom:.75rem}.gallery-cta-card p{color:var(--text-secondary);margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.gallery-cta-buttons{display:flex;justify-content:center}@media (max-width: 768px){.gallery-hero{padding:6rem 0 2rem}.gallery-grid{grid-template-columns:1fr;gap:1rem}.gallery-filters{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.gallery-filter-btn{white-space:nowrap;flex-shrink:0}.gallery-cta-card{padding:2rem 1.5rem}.gallery-cta-card h2{font-size:1.35rem}}