:root{--photo-card-size:200px}.gallery-filters-details{padding:var(--spacing-small);border:1px solid var(--colour-border);border-radius:var(--border-radius)}.gallery-filters-summary{cursor:pointer;transition:all var(--transition-duration) var(--transition-timing)}.gallery-filters-summary:hover{border-color:var(--colour-accent)}.gallery-filters{padding:var(--spacing-small);display:flex;flex-wrap:wrap;gap:var(--spacing) var(--spacing-medium)}.filter-group{display:flex;align-items:center;gap:var(--spacing-small)}.filter-group label{font-weight:var(--font-weight-medium);color:var(--colour-text)}.filter-group select{border:1px solid var(--colour-text);border-radius:var(--border-radius);background-color:var(--colour-background);color:var(--colour-text);font-size:var(--font-size-base);cursor:pointer}.filter-group select:hover{border-color:var(--colour-accent)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--photo-card-size),1fr));gap:var(--spacing);padding:var(--spacing) 0;margin:0 auto}.photo-card{border-radius:var(--border-radius-large);overflow:hidden;box-shadow:var(--box-shadow);transition:transform var(--transition-duration) var(--transition-timing),box-shadow var(--transition-duration) var(--transition-timing)}.photo-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-hover)}.photo-image{position:relative;padding-top:100%;overflow:hidden}.photo-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-duration) var(--transition-timing)}.photo-card:hover .photo-image img{transform:scale(1.05)}@media (min-width:1024px){:root{--photo-card-size:200px}}@media (min-width:768px) and (max-width:1024px){:root{--photo-card-size:150px}}@media (min-width:480px) and (max-width:768px){:root{--photo-card-size:120px}}@media (max-width:480px){:root{--photo-card-size:100px}.gallery-filters{flex-direction:column;gap:var(--spacing);width:100%}.filter-group select{flex:1}}