1.6 KiB
1.6 KiB
ADDED Requirements
Requirement: Narrative openings use a readable editorial spread
The home, services, portfolio listing, portfolio detail, and About routes SHALL render configured hero media as a Heritage Editorial spread: a 5/12 text field and 7/12 media field on desktop, with a text-first linear sequence on smaller viewports. The text field MUST limit reading width to 470 px, preserve normal word wrapping, and avoid horizontal overflow or clipped text. Contact, privacy, and error surfaces MUST remain sober tonal layouts (WEB-01, WEB-02, WEB-03, WEB-07).
Scenario: A configured narrative opening renders the desktop spread
- WHEN a visitor loads a narrative route with its configured hero image at a desktop viewport
- THEN its text field MUST occupy five of twelve grid columns and its media field seven of twelve grid columns
- AND the media MUST use an editorial
object-covercrop
Scenario: A configured narrative opening stacks without losing reading content
- WHEN a visitor loads a narrative route with its configured hero image below the desktop breakpoint
- THEN the text content MUST precede the media in DOM and visual order
- AND the route MUST not horizontally overflow or clip text
Scenario: A narrative opening has no configured image
- WHEN a visitor loads a narrative route without configured hero media
- THEN the route MUST render its intentional tonal fallback without an empty image request
Scenario: Functional routes remain sober
- WHEN a visitor loads contact or privacy
- THEN the route MUST use its sober tonal opening
- AND it MUST not render the narrative photo spread