Architecture practice portfolio as one plain, fully editable Etch tree on a precise 12-column drafting grid. Header with wordmark, nav loop and one Enquire button; on phones a side drawer (Esc, close button, focus trap, scroll lock). Hero: two-line headline, a wide photo that opens like a shutter on load, and a short lede with two actions. Project index (loop): type chips and a year select filter the rows live with a result count and an empty state with reset; on desktop a sticky light-table viewer crossfades to the photo, title and place of the row you hover or focus, on phones every row carries its own thumbnail. Featured projects: Project Card components (image, alt, title, year, location, area, status built|on-site|competition|study, showLocation / showArea / showStatus conditions, layout wide|tall|half, url) on an asymmetric grid. Practice: large statement, studio photo, principles (loop) and three facts. Awards (loop) as a ruled tile grid. Contact: studio details beside a labelled enquiry form with inline errors and a success state. Footer drawn as an architectural title block. Root options: data-header static|sticky, data-preview pane|thumbs (desktop light-table or inline thumbnails), data-reveal true|false (index rows and cards rise in on scroll, off by default), data-density compact|comfortable (index row height), data-shutter true|false (hero photo opening). One light theme, one accent (ACSS –accent, vermilion fallback), square corners throughout, container queries, reduced-motion safe, ACSS tokens with fallbacks.