Goal

Prevent artwork detail pages from causing horizontal document scrolling on supported mobile viewports while retaining the desktop side-by-side presentation.

Current state

The artwork detail layout is an unconditional horizontal flex row and the artwork image has no mobile maximum-width constraint. No current mobile regression test measures document overflow.

Scope

• Make the artwork detail image and metadata layout responsive at small widths.
• Constrain portrait, landscape, and unusually wide artwork images to the viewport.
• Preserve the current wider-screen layout.

Non-goals

• Hide overflow globally as a workaround.
• Change artwork metadata or image content.

Acceptance criteria

• At the supported mobile viewport, document.documentElement.scrollWidth is no greater than window.innerWidth.
• Portrait, landscape, and wide artwork images do not create horizontal page scrolling.
• The artwork image remains fully visible and usable on mobile.
• The existing side-by-side desktop layout remains intact.
• Automated browser coverage prevents recurrence.