/* Collector final polish: spacing, display-case response, and curator compacting. */

/* Tighten the information band that sits between the hero and exhibition. */
section:has(.collector-blueprint) {
  padding-top: 1.25rem !important;
  padding-bottom: 1.5rem !important;
}

/* Pull the exhibition closer to the information band without changing its structure. */
section:has(.collector-blueprint) + section {
  padding-top: 2rem !important;
}

/* Give the exhibition cards a more premium museum-case response. */
.collector-gallery-shell article.group {
  transition: transform 320ms ease, filter 320ms ease;
}

.collector-gallery-shell article.group:hover {
  filter: brightness(1.04);
}

.collector-gallery-shell article.group > div[class*="rounded-[999px"] {
  transition: transform 420ms ease, box-shadow 420ms ease, border-color 420ms ease !important;
}

.collector-gallery-shell article.group:hover > div[class*="rounded-[999px"] {
  box-shadow: 0 0 0 1px rgba(241, 212, 134, 0.18), 0 20px 46px -22px rgba(241, 212, 134, 0.58), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.collector-gallery-shell article.group:hover img {
  filter: drop-shadow(0 18px 24px rgba(0,0,0,.9)) brightness(1.035);
}

/* Compact the notes/countdown row so it reads as an elegant plaque beneath the exhibit. */
section:has(> div > .collector-gallery-shell) .collector-gallery-shell:has(h3) {
  padding: 1.25rem !important;
}

.collector-gallery-shell:has(h3) p.mt-5 {
  margin-top: 0.9rem !important;
  line-height: 1.75rem !important;
}

.collector-gallery-shell:has(h3) p.mt-4 {
  margin-top: 0.7rem !important;
}

.collector-gallery-shell:has(h3) > div.mt-6 {
  margin-top: 1rem !important;
  padding-top: 1rem !important;
}

@media (max-width: 767px) {
  section:has(.collector-blueprint) {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  section:has(.collector-blueprint) + section {
    padding-top: 1.75rem !important;
  }
}