.galleries { background: var(--color-surface-deep); }
.galleries__list { display: grid; gap: var(--space-6); }
.gallery-card { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr); min-height: 31rem; background: var(--color-surface); }
.gallery-card--reverse { grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.2fr); }
.gallery-card--reverse .gallery-card__image { grid-column: 2; }
.gallery-card--reverse .gallery-card__content { grid-column: 1; grid-row: 1; }
.gallery-card__image { position: relative; min-height: 100%; overflow: hidden; background: var(--color-surface-deep); }
.gallery-card__image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gallery-card__image figcaption { position: absolute; right: 0; bottom: 0; padding: var(--space-3) var(--space-4); background: rgba(23,23,21,0.72); color: var(--color-white); font-size: var(--font-size-100); }
.gallery-card__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(2rem, 5vw, 5rem); }
.gallery-card__content h3 { font-size: var(--font-size-600); }
.gallery-card__content > p:not(.eyebrow) { margin-block: var(--space-4) var(--space-6); color: var(--color-text-muted); }
@media (max-width: 767px) {
  .gallery-card, .gallery-card--reverse { grid-template-columns: 1fr; }
  .gallery-card--reverse .gallery-card__image, .gallery-card--reverse .gallery-card__content { grid-column: 1; }
  .gallery-card--reverse .gallery-card__image { grid-row: 1; }
  .gallery-card--reverse .gallery-card__content { grid-row: 2; }
  .gallery-card__image { min-height: 19rem; }
}