Editorial

Build a complete The Paper Room page in this style, extending the original hero into content, concrete operations and return paths rather than isolated controls or a partial demo. Preserve brand, hero copy, assets, composition, tokens and all variants. Keep preview.brand aligned with shared REFERENCE_BRANDS; ReferenceStyleScene defines the hero structure, actual navigation and assets.

Continue .paper-body’s 34% / 36% / 26% columns with 2% gaps: Georgia italic display, the morning-life photograph and three sidebar stories. Retain #fdfdf9 warm paper, hairline separators and existing image colors/local filters rather than forcing every photograph into monochrome. Keep the reading dialog’s Georgia 18px/1.9 and italic lede, with the existing four-story category data; stack copy, photograph and stories below 600px. Continue the existing photos into dated index rows and the reading sheet; use a restrained drop cap, hairline bookmark state and 380ms sheet entrance. Preserve the four stories and their actions.

Full-page operations:
Read the journal opens the index. Read Morning in the mountains, The art of wandering, A slower weekend and An afternoon with a potter, save/unsave and return. Search filters four stories and reports counts; clear a no-match query to restore them. Journal, Living, Travel, People and About reveal content.

Share one renderer between static covers, the detail experience and /style-scenes/editorial/ (English /en/style-scenes/editorial/). Static covers contain no nested live buttons; the detail experience enables the same page’s semantic controls and brand continuation in an independent document. Original navigation and CTAs reach actual content or workflows, not placeholder links, color-only changes or one-line toasts.

Interaction state lives only in this page’s memory. Reload, toolbar reset and mode changes restore initial state; do not use localStorage or sessionStorage. In-page clear/reset undoes this visit’s operations without implying cross-page or persistent saves.

Provide return, cancel or clear/reset paths and disclose the page-memory state boundary; never fake real payments, email, login, AI or cloud sync. Reflow desktop, 390px and 320px layouts with readable text and usable targets rather than shrinking the desktop page. Give controls accessible names, keyboard access and visible focus; overlays close and return focus, validation/results are announced; respect prefers-reduced-motion.

Add no dependencies. Check both languages, original navigation/CTAs, concrete results, return/reset and narrow reflow; report checks actually run and pending items, never requirements as passed results.

Additional requirements:
- Dark mode support
- Respect prefers-reduced-motion
- No new dependencies
- Run existing checks and list modified files

Hand to your coding agent — stack a style and extra requirements on top