/*
 * The opening object is a wide 3:2 museum plate. The theme's original sample
 * artwork was composed for a tall crop, so object-fit: cover removes one of the
 * three instruments and makes the section appear broken. Keep the full object
 * visible in the two large homepage showcases; cards retain their normal crop.
 */

.bba-featured-entry .feature-media,
.bba-current-collection .current-collection-media {
  background: #061827;
}

.bba-featured-entry .feature-media img,
.bba-current-collection .current-collection-media img {
  object-fit: contain;
  object-position: 50% 50%;
}

.bba-featured-entry .feature-copy {
  padding-inline: clamp(3rem, 5vw, 6rem);
}

.bba-featured-entry .feature-copy h2 {
  font-size: clamp(2.75rem, 4.25vw, 5.25rem);
}

.bba-featured-entry .feature-subtitle {
  max-width: 36rem;
  line-height: 1.55;
  letter-spacing: 0.13em;
}

/*
 * The live dossier has a deliberately descriptive excerpt. In the hero's
 * absolutely positioned museum caption that text used to make the
 * shrink-to-fit box almost viewport-wide, placing it over the action links and
 * intercepting clicks. Keep the caption in the image half and make the
 * decorative annotation transparent to pointer input.
 */
.bba-home-hero .hero-content {
  position: relative;
  z-index: 2;
}

.bba-home-hero .hero-actions {
  position: relative;
  z-index: 3;
}

.bba-home-hero .object-caption {
  z-index: 1;
  width: min(32vw, 31rem);
  max-width: calc(100% - 8vw);
  pointer-events: none;
}

.bba-home-hero .object-caption .caption-line {
  flex: 0 0 74px;
}

.bba-home-hero .object-caption p {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (min-width: 861px) {
  .bba-featured-entry {
    grid-template-columns: minmax(0, 1.12fr) minmax(430px, 0.88fr);
  }
}

@media (max-width: 860px) {
  .bba-featured-entry,
  .bba-current-collection {
    min-height: 0;
  }

  .bba-featured-entry .feature-media,
  .bba-current-collection .current-collection-media {
    min-height: 0;
    aspect-ratio: 3 / 2;
  }
}