/* hero stats: base rules in style.css (.dip-hero-stats) */

.dip-filters{display:flex;gap:.625rem;flex-wrap:wrap;margin-bottom:1.5rem}
.dip-filter{font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ink2);background:#fff;border:1.5px solid var(--border);border-radius:100px;padding:.5rem 1.1rem;cursor:pointer;transition:all .15s}
.dip-filter:hover{border-color:var(--orange);color:var(--orange)}
.dip-filter.active{background:var(--orange);border-color:var(--orange);color:#fff}
.gallery-card.dip-hidden{display:none}

.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:transparent}
.gallery-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(13,12,10,.04)}
.gallery-card img{width:100%;height:220px;object-fit:cover;display:block}
.gallery-card-cap{padding:1rem 1.25rem}
@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}.container{padding:0 1rem}}

.dip-placeholder-card{background:#fff;overflow:hidden;border-radius:18px;border:1.5px dashed var(--border)}
.dip-placeholder-img{height:220px;background:var(--bg2);display:flex;align-items:center;justify-content:center}
.dip-placeholder-icon{width:32px;height:32px;color:var(--ink3);opacity:.4}
.dip-load-more{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1.5rem 0 3rem}
.dip-load-more-count{font-size:12px;color:var(--ink3);letter-spacing:.03em}
#load-more-btn[disabled]{opacity:.4;cursor:default}