/* Carnation Veil — page-specific framing and final-gallery additions. */

.image-carnation-hero {
  --media-position-x: 50%;
  --media-position-y: 50%;
}

.image-carnation-construction {
  --media-position-x: 50%;
  --media-position-y: 0%;
}

.carnation-final-closing-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.carnation-final-closing-row figure {
  background: #020303;
  height: min(82vh, 900px);
  min-height: 540px;
  overflow: hidden;
}

.carnation-final-added,
.carnation-final-video {
  margin: 0;
  max-width: none;
}

.image-carnation-final-03 {
  --media-fit: contain;
  --media-position-x: 50%;
  --media-position-y: 50%;
}

.carnation-final-video {
  aspect-ratio: 9 / 16;
  background: #020303;
}

.video-carnation-final {
  --media-fit: contain;
  --media-position-x: 50%;
  --media-position-y: 50%;
}

@media (max-width: 780px) {
  .carnation-final-closing-row {
    grid-template-columns: 1fr;
  }

  .carnation-final-closing-row figure {
    height: auto;
    min-height: 0;
  }

  .carnation-final-added {
    height: auto;
    max-width: 100%;
  }

  .carnation-final-added img {
    height: auto;
    max-height: 82svh;
  }

  .carnation-final-video {
    max-height: 82svh;
    max-width: 100%;
  }
}