.security-gallery { background: #e7e6de; padding: 56px 0; }
.gallery-heading, .gallery-footer { padding-inline: 8%; }
.gallery-heading h2 { margin-bottom: 14px; }
.gallery-controls { display: flex; gap: 10px; margin-top: 18px; }
.gallery-controls[hidden] { display: none; }
.gallery-controls button { width: 46px; height: 46px; background: #252b27; color: white; border: 0; cursor: pointer; font-size: 22px; }
.security-gallery-grid { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 30vw); overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding: 0 8% 14px; scroll-padding-inline: 8%; margin: 20px 0; }
.security-gallery-grid figure { margin: 0; background: #f6f3ed; scroll-snap-align: start; }
.security-gallery-grid a { display: block; }
.security-gallery-grid img { width: 100%; height: auto; aspect-ratio: 3/4; object-fit: cover; }
.security-gallery-grid figcaption { padding: 12px 16px; font-size: 13px; color: #38413a; }
.gallery-credit { font-size: 12px; }
.gallery-credit a { text-decoration: underline; }
@media (max-width: 760px) { .security-gallery-grid { grid-auto-columns: 80vw; gap: 12px; } }