/* artwork-gallery block */

.dba-gallery { width: 100%; }

.dba-gallery__head {
  max-width: 720px;
  margin-bottom: var(--wp--preset--spacing--8, 64px);
}
.dba-gallery__eyebrow {
  font-size: var(--wp--preset--font-size--xs);
  letter-spacing: var(--wp--custom--tracking--wider);
  text-transform: uppercase;
  color: var(--wp--preset--color--ink-muted);
  margin: 0 0 var(--wp--preset--spacing--4, 16px);
}
.dba-gallery__title {
  font-family: var(--wp--preset--font-family--manrope);
  font-weight: 300;
  font-size: var(--wp--preset--font-size--3xl);
  line-height: var(--wp--custom--line-height--snug);
  letter-spacing: var(--wp--custom--tracking--tight);
  color: var(--wp--preset--color--ink);
  margin: 0 0 var(--wp--preset--spacing--5, 24px);
  font-style: normal;
}
.dba-gallery__kicker {
  font-size: var(--wp--preset--font-size--md);
  color: var(--wp--preset--color--ink-soft);
  max-width: 60ch;
  margin: 0;
}

.dba-gallery__filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--5, 24px);
  align-items: baseline;
  border-bottom: 1px solid var(--wp--custom--hairline);
  padding-bottom: var(--wp--preset--spacing--3, 12px);
  margin: 0 0 var(--wp--preset--spacing--7, 48px);
}
.dba-filter {
  appearance: none;
  background: none;
  border: 0;
  padding: 0 0 var(--wp--preset--spacing--2, 8px);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 500;
  letter-spacing: var(--wp--custom--tracking--wide);
  text-transform: uppercase;
  color: var(--wp--preset--color--ink-muted);
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: color 200ms var(--dba-ease);
}
.dba-filter:hover { color: var(--wp--preset--color--ink); }
.dba-filter.is-active {
  color: var(--wp--preset--color--ink);
  border-bottom-color: var(--wp--preset--color--ink);
}
.dba-filter__count { color: var(--wp--preset--color--ink-faint); font-weight: 400; }

.dba-gallery__count {
  margin-left: auto;
  font-size: var(--wp--preset--font-size--xs);
  letter-spacing: var(--wp--custom--tracking--wider);
  text-transform: uppercase;
  color: var(--wp--preset--color--ink-muted);
}

.dba-gallery__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--wp--preset--spacing--7, 48px);
}
@media (min-width: 960px) {
  .dba-gallery__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1280px) {
  .dba-gallery__grid { grid-template-columns: repeat(3, 1fr); gap: 48px; }
}

.dba-gallery__empty {
  color: var(--wp--preset--color--ink-muted);
  font-size: var(--wp--preset--font-size--md);
  padding: var(--wp--preset--spacing--9, 96px) 0;
  text-align: center;
}

/* Cards hidden by the filter JS. */
.dba-card[hidden] { display: none !important; }