/* Gallery styles for Minister Sally Ugo
 * Responsive 3 / 2 / 1 column grid, subtle hover effects
 */
.s-gallery { padding-top: 60px; padding-bottom: 60px; }
.s-gallery .section-header { margin-bottom: 1.6rem; }
.s-gallery .gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
}
.s-gallery figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.s-gallery img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .35s ease;
}
.s-gallery figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.28) 100%);
  opacity: 0;
  transition: opacity .25s ease;
}
.s-gallery figure:hover img { transform: scale(1.05); filter: brightness(.95); }
.s-gallery figure:hover::after { opacity: 1; }
.s-gallery figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.6rem;
  padding: 0 1rem;
  color: var(--color-white);
  font-size: var(--text-sm);
  text-align: left;
  pointer-events: none;
}
@media (max-width: 1000px) {
  .s-gallery .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .s-gallery img { height: 200px; }
}
@media (max-width: 600px) {
  .s-gallery .gallery-grid { grid-template-columns: 1fr; }
  .s-gallery img { height: 220px; }
}