.experience-title,
.rescue-top {
  display: grid;
  grid-template-columns: 1fr minmax(280px, 430px);
  gap: clamp(35px, 7vw, 90px);
  align-items: center;
}

.niki-photo {
  margin: 0;
  overflow: hidden;
  background: #08233a;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}

.niki-photo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.experience-photo { height: 300px; }
.experience-photo img { object-position: center; }
.rescue-copy > p:not(.eyebrow) { max-width: 800px; color: #d4eef4; font-size: 16px; line-height: 2.1; }
.rescue-photo { height: 320px; border: 1px solid #ffffff38; }
.rescue-photo img { object-position: center 46%; }

.helm-photo {
  margin: 52px 0 0;
  overflow: hidden;
  border: 1px solid #ffffff30;
  background: #08233a;
}

.helm-photo img {
  display: block;
  width: 100%;
  max-height: 720px;
  object-fit: cover;
  object-position: center;
}

.helm-photo figcaption {
  padding: 18px 22px 20px;
  color: #d5e5ec;
  font-size: 14px;
  line-height: 1.8;
}

.helm-photo figcaption span {
  margin-right: 15px;
  color: #49d9e8;
  font: 600 12px Oswald, sans-serif;
  letter-spacing: .14em;
}

@media (max-width: 900px) {
  .experience-title,
  .rescue-top { grid-template-columns: 1fr; }
  .experience-photo,
  .rescue-photo { width: min(100%, 620px); height: 360px; }
}

@media (max-width: 560px) {
  .experience-photo,
  .rescue-photo { height: 260px; }

  .helm-photo { margin-top: 36px; }
  .helm-photo figcaption span { display: block; margin: 0 0 4px; }
}