/* Approved original project screens: preserve the supplied images without cropping. */
main.detail-page[data-case="maritime-salon"] .detail-visual-stage--maritime {
  min-height: 0;
}

main.detail-page[data-case="maritime-salon"] .detail-browser--maritime-original {
  position: relative;
  inset: auto;
  width: min(100%, 620px);
  margin: 0 0 0 auto;
  overflow: hidden;
  transform: none;
  background: #fff;
}

main.detail-page[data-case="maritime-salon"] .detail-browser--maritime-original img,
main.detail-page[data-case="maritime-salon"] .maritime-original-page,
main.detail-page[data-case="maritime-salon"] .maritime-original-page--hero {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: top center;
  background: #123e73;
}

main.detail-page[data-case="maritime-salon"] .maritime-original-grid {
  position: static;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  align-items: start;
  min-height: 0;
}

main.detail-page[data-case="maritime-salon"] .maritime-original-screen {
  position: relative;
  inset: auto;
  width: auto;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  transform: none;
}

main.detail-page[data-case="maritime-salon"] .maritime-original-screen img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

main.detail-page[data-case="maritime-salon"] .maritime-original-screen figcaption {
  padding: 14px 4px 2px;
  color: var(--detail-muted, #68778c);
  font-size: 14px;
}

@media (max-width: 900px) {
  main.detail-page[data-case="maritime-salon"] .maritime-original-grid {
    grid-template-columns: 1fr;
  }
}