/* Image presentation only; existing site colors, navigation and quote flow apply. */
.display-media-gallery { margin-block: 24px 40px; }
.display-media-gallery > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.display-media-gallery .family-image { border: 1px solid var(--ai-border); min-width: 0; }
.display-media-gallery img { aspect-ratio: 4 / 3; object-fit: contain; }
.display-media-gallery figcaption { padding: 12px 0 0; color: var(--ai-text); font-size: 14px; line-height: 1.65; }
.display-context-scene { margin: 0 0 32px; max-width: 900px; }
.display-context-scene img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
.display-media-credit { margin-top: 12px; color: var(--ai-text); font-size: 12px; line-height: 1.75; }
.display-media-credit a { text-decoration: underline; text-underline-offset: 3px; }
.display-media-credit a:focus-visible { outline: 2px solid var(--ai-accent); outline-offset: 4px; }
.display-application-credit { margin: 24px 0 0; }
.catalog-type-image .display-media { aspect-ratio: auto; padding: 24px; }
.catalog-type-image .display-media img { height: auto; aspect-ratio: 4 / 3; }
.catalog-type-image .display-media figcaption { padding: 12px 0 0; color: var(--ai-text); }
.home-v5 .v5-category { --entry-image-scale: 1 !important; }
.home-v5 .v5-application[data-v5-application="server-build-upgrade"] img { object-position: center; }
@media (max-width: 767px) {
    .display-media-gallery > div { grid-template-columns: 1fr; gap: 16px; }
}