{#- A single with a media-conditional means the browser's
preload scanner only ever requests the ONE image that actually matches the
current viewport, discoverable directly from the initial HTML with no JS.
Previously two separate always-rendered tags (CSS display-toggled)
caused both the mobile and desktop hero image to download on every load. -#}