Editorial About section framed as a personal letter from the founder: a sticky aside with a taped, tilted portrait (image + alt + caption) and a semantic <dl> of company facts (etch/loop of {value, label} objects in the 'facts' slot), beside an <article> with eyebrow, prop-level heading (h1-h3, id wired to aria-labelledby), a <time>-stamped dateline, and a paper sheet with folded corner, optional postmark stamp, italic salutation, drop-cap paragraphs (etch/loop of strings in the 'letter' slot), a pull line blockquote, closing, hand-drawn SVG signature, signed name/role, a P.S. and an underlined text link. Props cover every string, link URL, portrait image/alt/caption, heading level/id and toggles for portrait, facts, stamp, pull line, signature, P.S. and link. Variants via data attributes on the grid: data-layout ('Portrait left' / 'Portrait right' / 'Letter only' — the last collapses the aside into a compact avatar + facts byline above a centred letter), data-theme ('Paper' / 'Ink' / 'Sage', section background follows through :has()) and data-paper ('Ruled' with notebook lines and margin rule / 'Plain'). No JavaScript: the sheet rise and signature stroke-draw use CSS scroll-driven animations (view() / named view-timeline) inside @supports and prefers-reduced-motion: no-preference, so other browsers and reduced-motion users see a static, fully drawn letter; hover tilt is pointer-fine only. Two columns from a 900px container width, the stamp hides below 640px, and facts go three-across between 560px and 900px.