/* Fullscreen project screenshots stay at their natural resolution.
   Smaller viewports may scale the image down, but large screens never upscale it. */
html body main.project-detail-page .project-browser:fullscreen .project-browser-image,
html body main.project-detail-page .project-browser.project-fullscreen-fallback .project-browser-image {
  display: grid !important;
  align-content: start !important;
  justify-items: center !important;
  background: radial-gradient(circle at 50% 0, #252c3a 0, #11151c 58%) !important;
}

html body main.project-detail-page .project-browser:fullscreen .project-browser-image img,
html body main.project-detail-page .project-browser.project-fullscreen-fallback .project-browser-image img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: top center !important;
  image-rendering: auto !important;
}