/* International case-study overrides loaded after shared international styles. */
html[lang="en"] .site-main .qct-int-case section.qct-int-case__dark {
  background: #171514 !important;
  color: #fffaf5 !important;
}

html[lang="en"] .site-main .qct-int-case section.qct-int-case__dark h2,
html[lang="en"] .site-main .qct-int-case section.qct-int-case__dark li {
  color: #fffaf5 !important;
}

html[lang="en"] .site-main .qct-int-case section.qct-int-case__dark .eyebrow {
  color: #e66b5f !important;
}

html[lang="en"] .site-main .qct-int-case section.qct-int-case__outcome {
  background: #2b2029 !important;
  color: #fffaf5 !important;
}

html[lang="en"] .site-main .qct-int-case section.qct-int-case__outcome h2,
html[lang="en"] .site-main .qct-int-case section.qct-int-case__outcome p {
  color: #fffaf5 !important;
}

html[lang="en"] .site-main .qct-int-case .qct-int-case__cover {
  width: min(820px, calc(100% - 96px));
  margin-inline: auto;
}

html[lang="en"] .site-main .qct-int-case .qct-int-case__cover img {
  aspect-ratio: 16 / 9;
  max-height: 440px;
  object-fit: cover;
  object-position: top center;
}

@media (max-width: 960px) {
  html[lang="en"] .site-main .qct-int-case .qct-int-case__cover {
    width: min(760px, calc(100% - 48px));
  }
}

@media (max-width: 720px) {
  html[lang="en"] .site-main .qct-int-case .qct-int-case__cover {
    width: min(100% - 28px, 820px);
  }

  html[lang="en"] .site-main .qct-int-case .qct-int-case__cover img {
    aspect-ratio: 16 / 10;
    max-height: none;
  }
}