/* Browser chrome matches the proportions of the existing 2060px case artwork.
   Keep the supplied screenshots intact: this frame is presentation, not pixels. */
.page-case .case-story .case-research-preview {
  margin: var(--case-content-gap, 48px) 0 0;
  min-width: 0;
}

.page-case .case-research-preview .research-browser {
  display: block;
  overflow: hidden;
  border-radius: clamp(16px, 2vw, 26px);
  background: #1f1f1f;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .22);
}

.research-browser__bar {
  display: flex;
  align-items: center;
  gap: .65%;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 2060 / 66;
  padding-inline: 1.31%;
  background: #1f1f1f;
}

.research-browser__dot {
  flex: 0 0 1.068%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ff5f57;
}

.research-browser__dot:nth-child(2) { background: #ffbd2e; }
.research-browser__dot:nth-child(3) { background: #28c840; }

.page-case .case-research-preview .research-browser img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.page-case .case-research-preview figcaption {
  margin-top: 13px;
  color: #a6a0b0;
  font-size: 14px;
  line-height: 1.4;
}