.photo-strip {
  gap: clamp(18px, 2.2vw, 34px);
  padding: clamp(24px, 4vw, 64px);
  background: var(--ivory);
}

.photo-strip img {
  border-radius: var(--radius-sm);
}

.photo-strip-single {
  position: relative;
  display: block;
  overflow: hidden;
}

.photo-strip-single::after {
  content: "";
  position: absolute;
  inset: 45% clamp(24px, 4vw, 64px) clamp(24px, 4vw, 64px);
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  background: linear-gradient(0deg, rgba(12, 31, 51, .76), transparent);
  pointer-events: none;
}

.photo-strip-single img {
  width: 100%;
  height: clamp(520px, 66vw, 820px);
  object-fit: cover;
}

.landscape-copy {
  position: absolute;
  z-index: 2;
  left: auto;
  right: clamp(48px, 8vw, 130px);
  bottom: clamp(52px, 8vw, 120px);
  width: min(48vw, 650px);
  color: #fff;
}

.landscape-copy h2 {
  color: #fff;
  font-size: clamp(3rem, 5vw, 5.8rem);
  letter-spacing: -.04em;
}

.landscape-copy p {
  margin: 1rem 0 0;
  max-width: 620px;
  font-family: var(--serif);
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  line-height: 1.5;
}

@media (max-width: 680px) {
  .photo-strip {
    gap: 24px;
    padding: 32px 22px 48px;
  }

  .photo-strip-single::after {
    inset: 45% 22px 48px;
  }

  .photo-strip-single img {
    height: 620px;
  }

  .landscape-copy {
    left: 42px;
    right: 42px;
    bottom: 76px;
    width: auto;
  }
}