/* Real photographic composites: scoped to the new chocolate displays only. */
.maison .vases-campaign { position: relative; width: min(100%, 1672px); margin: 3rem auto; background: #07192f; color: #F6EFE5; }
.vases-campaign__image { display: block; width: 100%; height: auto; }
.maison .vases-campaign__copy { position: absolute; top: 15%; right: 4%; width: 25%; text-align: start; }
.maison .vases-campaign__copy .eyebrow { color: #C8A45D; font-size: .875rem; }
.maison .vases-campaign__copy h2 { margin: 1rem 0; color: #F6EFE5; font-family: Alexandria, Arial, sans-serif; font-size: clamp(1.75rem, 3vw, 3.25rem); line-height: 1.5; letter-spacing: 0; }
.maison .vases-campaign__copy p { margin: 0 0 1.75rem; color: #F6EFE5; font-size: 1rem; line-height: 1.9; }
.vase-gallery { width: min(100%, 1150px); margin: 4rem auto 0; scroll-margin-top: 210px; }
.vase-gallery[hidden], .vase-card[hidden] { display: none; }
.vase-gallery__head h2 { color: #0F2747; }
.vase-gallery__head p { max-width: 48rem; color: #40516a; }
.vase-gallery__hero { display: block; margin: 2rem 0; background: #07192f; }
.vase-gallery__hero img { display: block; width: 100%; height: auto; }
.vase-gallery__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.vase-card { min-width: 0; border: 1px solid #d7d7d3; background: #fff; }
.vase-card__photo { display: block; background: #07192f; }
.vase-card__photo img { display: block; width: 100%; height: auto; }
.vase-card__copy { padding: 1.2rem; }
.vase-card__copy h3 { color: #0F2747; }
.vase-card__copy p { margin: 0; color: #40516a; }
.vase-card__photo:focus-visible { outline: 2px solid #FF9E1B; outline-offset: 4px; }
@media (max-width: 900px) {
  .maison .vases-campaign { margin: 2rem auto; }
  .maison .vases-campaign__copy { position: static; width: auto; padding: 2rem 1.25rem; text-align: center; }
  .maison .vases-campaign__copy h2 { font-size: clamp(1.75rem, 5vw, 2.5rem); }
  .maison .vases-campaign__copy p { max-width: 32rem; margin: 0 auto 1.5rem; }
}
@media (max-width: 600px) {
  .vase-gallery__grid { grid-template-columns: 1fr; }
  .vase-gallery { scroll-margin-top: 170px; }
}