.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.gallery-item{background-color:white;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.gallery-image{width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden}.gallery-caption{padding:var(--spacing-md);text-align:center;font-weight:var(--font-weight-medium);color:var(--color-charcoal)}.gallery-filter-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:white;border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--color-medium-gray);transition:all var(--transition-base)}.gallery-filter-btn:hover{border-color:var(--color-primary-blue);color:var(--color-primary-blue)}.gallery-filter-btn.active{background-color:var(--color-primary-blue);border-color:var(--color-primary-blue);color:white}.gallery-item.hidden{display:none}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}}