/* Tropical Bloom — page-specific editorial splits and portrait framing. */

.tropical-stones-split {
  align-items: center;
  display: grid;
  gap: clamp(40px, 7vw, 108px);
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}

.tropical-stones-image {
  background: #020303;
  height: min(68vh, 740px);
  min-height: 500px;
  overflow: hidden;
}

.image-tropical-stones {
  --media-fit: contain;
  --media-position-x: 50%;
  --media-position-y: 50%;
}

.tropical-stones-copy { margin: 0; }

.tropical-final-02,
.tropical-final-03 { background: #020303; }

.image-tropical-final-02,
.image-tropical-final-03 {
  --media-fit: contain;
  --media-position-x: 50%;
  --media-position-y: 0%;
}

@media (max-width: 780px) {
  .tropical-stones-split { grid-template-columns: 1fr; }
  .tropical-stones-image {
    height: auto;
    min-height: 0;
  }
  .tropical-stones-image img {
    height: auto;
    max-height: 76svh;
  }
}