/* ============================================
   STILLS — Pure image grid
   3-column grid of portraits. No text.
   ============================================ */

.stills-gallery {
  padding: calc(var(--nav-h, 55px) + var(--space-3)) var(--space-3) var(--space-5);
  max-width: 1600px;
  margin: 0 auto;
}

.stills-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-2);
}

.stills-item {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  background: var(--color-bg-muted, #f4f4f2);
}

.stills-item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 900px) {
  .stills-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .stills-grid {
    grid-template-columns: 1fr;
    gap: var(--space-2);
  }
}