amare/openspec/changes/hero-editorial-spread/specs/content-media/spec.md

ADDED Requirements

Requirement: Editorial hero media declares its responsive spread width

Configured narrative hero media SHALL load eagerly with high priority and declare responsive sizes matching the rendered spread: full viewport width below the desktop breakpoint and seven twelfths of the viewport at desktop. Each configured hero image MUST retain meaningful alternative text; a missing image MUST use the tonal fallback without emitting media markup (SPEC §6.4, §6.6).

Scenario: A configured hero reports its responsive width

• WHEN a narrative route renders configured hero media
• THEN the image MUST declare 100vw for smaller viewports and approximately 58vw for the desktop spread
• AND it MUST use eager loading and high fetch priority

Scenario: An unconfigured hero emits no media

• WHEN a narrative route has no hero image path
• THEN the opening MUST not render an image element
• AND it MUST retain its readable tonal content