/* Two photographic pauses; all existing section styles stay untouched. */
.panorama-pause {
  padding-block: clamp(12px, 1.5vw, 22px);
}

.panorama-pause--one {
  background:
    linear-gradient(to bottom, rgba(241, 231, 223, 0), #f1e7df),
    linear-gradient(115deg, #f8f3ee, #f4e9e3);
}

.panorama-pause--two {
  background:
    linear-gradient(to bottom, rgba(253, 249, 245, 0), #fdf9f5),
    linear-gradient(150deg, #f1e7df, #f5eae3 58%, #eadbd2);
}

.panorama-pause__frame {
  width: 100%;
  height: clamp(178px, 23vw, 330px);
  overflow: hidden;
}

.panorama-pause img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
}

@media (max-width: 600px) {
  .panorama-pause img {
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent);
  }
}