/*
  Optional image captions for apartment pages.

  Optional apartment images can be added without code changes.
  Captions come from:
    /assets/img/concepts/concept-captions.json
*/

.optional-visual-card {
  display: grid;
  overflow: hidden;
}

.optional-visual-card[hidden] {
  display: none !important;
}

.optional-visual-card.has-caption {
  grid-template-rows: auto auto;
}

.optional-visual-copy {
  padding: clamp(1rem, 2.5vw, 1.35rem);
  border-top: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.42);
}

.optional-visual-copy h3 {
  margin: 0;
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  line-height: 1.08;
  font-weight: 500;
}

.optional-visual-copy p {
  margin: 0.6rem 0 0;
  color: var(--muted);
  line-height: 1.65;
}

.optional-visual-card:not(.has-caption) .optional-visual-image {
  min-height: clamp(320px, 38vw, 520px);
}

.apartment-extra-visual-grid {
  align-items: stretch;
}