/* Organizational pages only: homepage, museum lobby, galleries, and review placeholders. */

.period-card.has-open-exhibit {
  background: var(--paper-2);
}

.period-card .period-status {
  margin-top: 12px;
  color: var(--red);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* Keep the museum-lobby spotlight distinct from gallery collection cards. */
.explore-page .featured-exhibit-card {
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 42px;
  align-items: center;
  padding: clamp(28px, 5vw, 56px);
  border: 0;
  background: var(--navy);
  color: var(--white);
  box-shadow: var(--shadow);
}

.explore-page .featured-exhibit-card h3 {
  color: var(--white);
}

.explore-page .featured-exhibit-card p:not(.artifact-label-inline) {
  color: rgba(255, 255, 255, .76);
}

.explore-page .featured-exhibit-card .artifact-label-inline {
  color: var(--gold-soft);
}

/* Open-exhibit cards used by gallery pages. */
.gallery-featured-card {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr);
  overflow: hidden;
  margin-bottom: 34px;
  border: 1px solid rgba(26, 28, 26, .16);
  background: #fffaf0;
  color: var(--ink);
}

.gallery-featured-card.no-art {
  grid-template-columns: minmax(0, 1fr);
}

.gallery-featured-card .featured-exhibit-copy h3 {
  color: var(--ink);
}

.gallery-featured-card .featured-exhibit-copy p {
  color: #5f5a52;
}

.gallery-featured-card .exhibit-tags span {
  color: var(--ink);
}

.gallery-featured-card .button-primary {
  color: var(--white);
}

.gallery-status-note {
  margin-top: 30px;
  padding: 24px 28px;
  background: var(--paper-2);
}

.gallery-status-note p {
  margin-bottom: 0;
  color: var(--muted);
}

/* Review remains a clearly labeled scaffold until its own workstream begins. */
.review-placeholder {
  min-height: calc(100vh - 154px);
  padding: 84px 0 100px;
}

.review-placeholder h1 {
  max-width: 900px;
  margin: 0 0 20px;
  font: 400 clamp(44px, 7vw, 78px)/1.05 var(--serif);
}

.review-placeholder .large-copy {
  max-width: 720px;
}

.review-placeholder .button {
  margin-top: 14px;
}

@media (max-width: 800px) {
  .explore-page .featured-exhibit-card,
  .gallery-featured-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .explore-page .featured-exhibit-card {
    gap: 24px;
  }
}