@cogenta/theme-portfolio 1.1.2 → 1.3.3

package/dist/src/render/blocks/prose.d.ts

@@ -1,16 +1,17 @@
 import type { ProseBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * `prose` declares `headingLevel: 'none'`: it contributes no heading of its
- * own. Whatever headings appear come from the rich text document, whose
- * vocabulary starts at `h2`.
+ * Running text on the studio grid. When the text opens with a subhead, the
+ * subhead moves into the first three columns as the section's label and the
+ * text starts at the fourth, level with it: the asymmetric page of a case
+ * study. Without a subhead the text simply takes the reading column.
  *
- * The wrapper is deliberately plain — a rich text document is arbitrary
- * editorial content, and the only honest DOM shape for arbitrary content is
- * "here it is". The distinctive editorial treatment (a dropped first
- * capital, an oversized `h2`, a hairline-and-number rule before each
- * heading) lives entirely in `blocks.css`, driven off the very structure
- * `renderRichText` already produces.
+ * On a project page a long text sets in two columns on a wide screen
+ * (`work.css`). A short one stays in one: two columns of four lines each
+ * read as a mistake, not as a page. Everywhere else the text keeps one
+ * column at the reading measure.
  */
+/** Below this many words, a text is kept in one column. */
+export declare const TWO_COLUMN_MIN_WORDS = 110;
 export declare function renderProse(block: ProseBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=prose.d.ts.map

package/dist/src/render/blocks/prose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prose.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/prose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,aAAa,EAAkB,MAAM,oBAAoB,CAAA;AAE5F;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAM9E"}
+{"version":3,"file":"prose.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/prose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAoB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,aAAa,EAAkB,MAAM,oBAAoB,CAAA;AAG5F;;;;;;;;;;GAUG;AAEH,2DAA2D;AAC3D,eAAO,MAAM,oBAAoB,MAAM,CAAA;AAavC,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAgB9E"}

package/dist/src/render/blocks/prose.js

@@ -1,17 +1,36 @@
 import { h, renderRichText } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * `prose` declares `headingLevel: 'none'`: it contributes no heading of its
- * own. Whatever headings appear come from the rich text document, whose
- * vocabulary starts at `h2`.
+ * Running text on the studio grid. When the text opens with a subhead, the
+ * subhead moves into the first three columns as the section's label and the
+ * text starts at the fourth, level with it: the asymmetric page of a case
+ * study. Without a subhead the text simply takes the reading column.
  *
- * The wrapper is deliberately plain — a rich text document is arbitrary
- * editorial content, and the only honest DOM shape for arbitrary content is
- * "here it is". The distinctive editorial treatment (a dropped first
- * capital, an oversized `h2`, a hairline-and-number rule before each
- * heading) lives entirely in `blocks.css`, driven off the very structure
- * `renderRichText` already produces.
+ * On a project page a long text sets in two columns on a wide screen
+ * (`work.css`). A short one stays in one: two columns of four lines each
+ * read as a mistake, not as a page. Everywhere else the text keeps one
+ * column at the reading measure.
  */
+/** Below this many words, a text is kept in one column. */
+export const TWO_COLUMN_MIN_WORDS = 110;
+function wordCount(document) {
+    let words = 0;
+    for (const node of document) {
+        if (node._type !== 'block')
+            continue;
+        for (const span of node.children) {
+            words += span.text.split(/\s+/u).filter((word) => word !== '').length;
+        }
+    }
+    return words;
+}
 export function renderProse(block, ctx) {
-    return h('div', { class: 'cg-block cg-prose', 'data-block': 'prose' }, renderRichText(ctx, block.body));
+    const [first, ...rest] = block.body;
+    const opensOnSubhead = first !== undefined && first._type === 'block' && first.style === 'h2';
+    const body = opensOnSubhead ? rest : block.body;
+    return section('div', 'prose', 'cg-prose', {
+        'data-label': opensOnSubhead ? 'true' : 'false',
+        'data-length': wordCount(body) >= TWO_COLUMN_MIN_WORDS ? 'long' : 'short',
+    }, 'div', opensOnSubhead ? h('div', { class: 'cg-prose__label' }, renderRichText(ctx, [first])) : null, h('div', { class: 'cg-prose__body' }, renderRichText(ctx, body)));
 }
 //# sourceMappingURL=prose.js.map

package/dist/src/render/blocks/prose.js.map

@@ -1 +1 @@
-{"version":3,"file":"prose.js","sourceRoot":"","sources":["../../../../src/render/blocks/prose.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAsB,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAE5F;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,EACrD,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAChC,CAAA;AACH,CAAC"}
+{"version":3,"file":"prose.js","sourceRoot":"","sources":["../../../../src/render/blocks/prose.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAsB,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC5F,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;;;;;GAUG;AAEH,2DAA2D;AAC3D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;AAEvC,SAAS,SAAS,CAAC,QAA0B;IAC3C,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE,CAAC;QAC5B,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO;YAAE,SAAQ;QACpC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,MAAM,CAAA;QACvE,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,MAAM,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAA;IACnC,MAAM,cAAc,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,OAAO,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,CAAA;IAC7F,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAA;IAC/C,OAAO,OAAO,CACZ,KAAK,EACL,OAAO,EACP,UAAU,EACV;QACE,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;QAC/C,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;KAC1E,EACD,KAAK,EACL,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAC5F,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CACjE,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/quote.d.ts

@@ -1,18 +1,11 @@
 import type { QuoteBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * `<figure><blockquote>…</blockquote><figcaption>` is the attribution
- * pattern the HTML spec prescribes: putting the author inside the
- * `<blockquote>` would claim the author's name is part of what was said.
- *
- * Set left-aligned at display scale rather than centred — a pull quote that
- * fills the column edge to edge, the way a magazine breaks one out of a
- * feature. The attribution is set in the mono register, the theme's
- * register for credits and metadata.
- *
- * The avatar is decorative here — the name is right beside it in text — so
- * its media entity's alt text is expected to be empty. `image` still writes
- * the attribute either way.
+ * A client's words, set large in the text width from the fourth column, with
+ * typographic quotation marks from the stylesheet (`quotes`), and the speaker
+ * under them in the caption size: their name, then their role. The portrait,
+ * when there is one, is a small square: it is decorative (the name is beside
+ * it in text), so it keeps the media library's own empty `alt`.
  */
 export declare function renderQuote(block: QuoteBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=quote.d.ts.map

package/dist/src/render/blocks/quote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quote.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/quote.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEnF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA8B9E"}
+{"version":3,"file":"quote.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/quote.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGnF;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAoC9E"}

package/dist/src/render/blocks/quote.js

@@ -1,27 +1,21 @@
 import { h, image } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * `<figure><blockquote>…</blockquote><figcaption>` is the attribution
- * pattern the HTML spec prescribes: putting the author inside the
- * `<blockquote>` would claim the author's name is part of what was said.
- *
- * Set left-aligned at display scale rather than centred — a pull quote that
- * fills the column edge to edge, the way a magazine breaks one out of a
- * feature. The attribution is set in the mono register, the theme's
- * register for credits and metadata.
- *
- * The avatar is decorative here — the name is right beside it in text — so
- * its media entity's alt text is expected to be empty. `image` still writes
- * the attribute either way.
+ * A client's words, set large in the text width from the fourth column, with
+ * typographic quotation marks from the stylesheet (`quotes`), and the speaker
+ * under them in the caption size: their name, then their role. The portrait,
+ * when there is one, is a small square: it is decorative (the name is beside
+ * it in text), so it keeps the media library's own empty `alt`.
  */
 export function renderQuote(block, ctx) {
-    const hasAttribution = block.author !== undefined || block.role !== undefined || block.avatar !== undefined;
-    return h('figure', { class: 'cg-block cg-quote', 'data-block': 'quote' }, h('blockquote', { class: 'cg-quote__text' }, h('p', { 'data-field': 'text' }, block.text)), hasAttribution
+    const hasAttribution = block.author !== undefined || block.role !== undefined;
+    return section('div', 'quote', 'cg-quote', {}, 'figure', h('blockquote', { class: 'cg-quote__quote' }, h('p', { class: 'cg-quote__text', 'data-field': 'text' }, block.text)), hasAttribution
         ? h('figcaption', { class: 'cg-quote__attribution' }, block.avatar === undefined
             ? null
             : image(ctx, block.avatar, {
                 className: 'cg-quote__avatar',
                 variant: { width: 96, height: 96, fit: 'cover' },
-            }), h('span', { class: 'cg-quote__names' }, block.author === undefined
+            }), h('span', { class: 'cg-quote__who' }, block.author === undefined
             ? null
             : h('span', { class: 'cg-quote__author', 'data-field': 'author' }, block.author), block.role === undefined
             ? null

package/dist/src/render/blocks/quote.js.map

@@ -1 +1 @@
-{"version":3,"file":"quote.js","sourceRoot":"","sources":["../../../../src/render/blocks/quote.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AAEnF;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,MAAM,cAAc,GAClB,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAA;IACtF,OAAO,CAAC,CACN,QAAQ,EACR,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,EACrD,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAC1F,cAAc;QACZ,CAAC,CAAC,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE;gBACvB,SAAS,EAAE,kBAAkB;gBAC7B,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE;aACjD,CAAC,EACN,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,EAClF,KAAK,CAAC,IAAI,KAAK,SAAS;YACtB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAC7E,CACF;QACH,CAAC,CAAC,IAAI,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"quote.js","sourceRoot":"","sources":["../../../../src/render/blocks/quote.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,CAAA;IAC7E,OAAO,OAAO,CACZ,KAAK,EACL,OAAO,EACP,UAAU,EACV,EAAE,EACF,QAAQ,EACR,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CACtE,EACD,cAAc;QACZ,CAAC,CAAC,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE;gBACvB,SAAS,EAAE,kBAAkB;gBAC7B,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE;aACjD,CAAC,EACN,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,EAClF,KAAK,CAAC,IAAI,KAAK,SAAS;YACtB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAC7E,CACF;QACH,CAAC,CAAC,IAAI,CACT,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/stat-counter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-counter.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/stat-counter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAEL,KAAK,WAAW,EAGhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAwB3B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,GAAG,WAAW,CAiB3F"}
+{"version":3,"file":"stat-counter.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/stat-counter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAmB5E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,GAAG,WAAW,CAU3F"}

package/dist/src/render/blocks/stat-counter.js

@@ -1,18 +1,16 @@
-import { blockHeadingTag, h, heading, } from '@cogenta/theme-kit';
+import { h } from '@cogenta/theme-kit';
+import { section, sectionHead } from '../layout.js';
 /**
- * Narrower than `stats` (no `unit`, RFC 0001's own reasoning), so this is not
- * `stats.ts`'s description list of labelled figures again with a field
- * dropped — it is set as a single running strip of oversized digits
- * separated by hairlines, the way a spec sheet's headline numbers run across
- * a masthead, each with its own zero-padded index the way `logos.ts` numbers
- * its marks. `stats.ts` stays the fuller, boxed "by the numbers" panel.
+ * A ruled table of figures from the fourth column, one row per figure: what
+ * it counts on the left in the text face, the value on the right in the
+ * display width with tabular numerals, so a column of numbers lines up.
+ * Where `stats` sets figures side by side, this sets them as a list read
+ * down the page. It carries no unit, the narrower shape contract B gives it.
  */
-function renderItem(item, index) {
-    return h('li', { class: 'cg-counter__item' }, h('span', { class: 'cg-counter__index', 'aria-hidden': 'true' }, String(index + 1).padStart(2, '0')), h('span', { class: 'cg-counter__value' }, item.value), h('span', { class: 'cg-counter__label' }, item.label));
+function renderItem(item) {
+    return h('div', { class: 'cg-tally__row' }, h('dt', { class: 'cg-tally__label' }, item.label), h('dd', { class: 'cg-tally__value' }, item.value));
 }
 export function renderStatCounter(block, _ctx) {
-    return h('section', { class: 'cg-block cg-counter', 'data-block': 'statCounter' }, block.title === undefined
-        ? null
-        : heading(blockHeadingTag('statCounter') ?? 'h2', { class: 'cg-counter__title', 'data-field': 'title' }, block.title), h('ul', { class: 'cg-counter__items' }, block.stats.map((item, index) => renderItem(item, index))));
+    return section('section', 'statCounter', 'cg-tally cg-split', { 'data-titled': block.title === undefined ? 'false' : 'true' }, 'div', sectionHead('statCounter', block.title), h('dl', { class: 'cg-tally__rows' }, block.stats.map(renderItem)));
 }
 //# sourceMappingURL=stat-counter.js.map

package/dist/src/render/blocks/stat-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"stat-counter.js","sourceRoot":"","sources":["../../../../src/render/blocks/stat-counter.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEf,CAAC,EACD,OAAO,GAER,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;GAOG;AACH,SAAS,UAAU,CAAC,IAAqB,EAAE,KAAa;IACtD,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,EAAE,EACrD,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CACnC,EACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACrD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CACtD,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,IAAmB;IAC5E,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,aAAa,EAAE,EAC7D,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,aAAa,CAAC,IAAI,IAAI,EACtC,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,EACrD,KAAK,CAAC,KAAK,CACZ,EACL,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAC1D,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"stat-counter.js","sourceRoot":"","sources":["../../../../src/render/blocks/stat-counter.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAsB,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEnD;;;;;;GAMG;AACH,SAAS,UAAU,CAAC,IAAqB;IACvC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACjD,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAClD,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,IAAmB;IAC5E,OAAO,OAAO,CACZ,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,EAAE,aAAa,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,EAC/D,KAAK,EACL,WAAW,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,EACvC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAClE,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/stats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stats.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/stats.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAEL,KAAK,WAAW,EAGhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AA4B3B,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,GAAG,WAAW,CAa/E"}
+{"version":3,"file":"stats.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/stats.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAsB5E,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,GAAG,WAAW,CAU/E"}

package/dist/src/render/blocks/stats.js

@@ -1,22 +1,14 @@
-import { blockHeadingTag, h, heading, } from '@cogenta/theme-kit';
+import { h } from '@cogenta/theme-kit';
+import { section, sectionHead } from '../layout.js';
 /**
- * A description list: each figure is the description of its label, which is
- * exactly what `<dt>`/`<dd>` mean, and it survives being read linearly.
- *
- * The label comes first in the markup and the skin puts the figure above it
- * — reading order and visual order stay independent, which is what WCAG
- * 1.3.2 asks for.
- *
- * Figures are set at the theme's biggest display scale and in tabular mono
- * numerals — a portfolio's "by the numbers" row reads like a spec sheet,
- * not a dashboard widget.
+ * Figures side by side, the way a studio states its record: each figure very
+ * large in the display width with tabular numerals, its unit after it at the
+ * text size, and what it counts under it, a hairline over every column.
  */
 function renderItem(item) {
-    return h('div', { class: 'cg-stat' }, h('dt', { class: 'cg-stat__label' }, item.label), h('dd', { class: 'cg-stat__value' }, item.value, item.unit === undefined ? null : h('span', { class: 'cg-stat__unit' }, item.unit)));
+    return h('div', { class: 'cg-figures__item' }, h('dt', { class: 'cg-figures__figure' }, h('span', { class: 'cg-figures__value' }, item.value), item.unit === undefined ? null : h('span', { class: 'cg-figures__unit' }, item.unit)), h('dd', { class: 'cg-figures__label' }, item.label));
 }
 export function renderStats(block, _ctx) {
-    return h('section', { class: 'cg-block cg-stats', 'data-block': 'stats' }, block.title === undefined
-        ? null
-        : heading(blockHeadingTag('stats') ?? 'h2', { class: 'cg-stats__title', 'data-field': 'title' }, block.title), h('dl', { class: 'cg-stats__items' }, block.items.map(renderItem)));
+    return section('section', 'stats', 'cg-figures', { 'data-count': String(Math.min(block.items.length, 4)) }, 'div', sectionHead('stats', block.title), h('dl', { class: 'cg-figures__items' }, block.items.map(renderItem)));
 }
 //# sourceMappingURL=stats.js.map

package/dist/src/render/blocks/stats.js.map

@@ -1 +1 @@
-{"version":3,"file":"stats.js","sourceRoot":"","sources":["../../../../src/render/blocks/stats.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEf,CAAC,EACD,OAAO,GAER,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;;GAWG;AACH,SAAS,UAAU,CAAC,IAAc;IAChC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAChD,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAClF,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,IAAmB;IAChE,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,EACrD,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,OAAO,CAAC,IAAI,IAAI,EAChC,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,OAAO,EAAE,EACnD,KAAK,CAAC,KAAK,CACZ,EACL,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CACnE,CAAA;AACH,CAAC"}
+{"version":3,"file":"stats.js","sourceRoot":"","sources":["../../../../src/render/blocks/stats.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAsB,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEnD;;;;GAIG;AACH,SAAS,UAAU,CAAC,IAAc;IAChC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACrD,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CACrF,EACD,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CACpD,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,IAAmB;IAChE,OAAO,OAAO,CACZ,SAAS,EACT,OAAO,EACP,YAAY,EACZ,EAAE,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EACzD,KAAK,EACL,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,EACjC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CACrE,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/testimonial.d.ts

@@ -1,20 +1,10 @@
 import type { TestimonialBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * Distinct from `quote` on purpose (RFC 0001): `quote` is this theme's full-
- * bleed pull quote, set left-aligned at display scale with no frame. A wall
- * of testimonials needs to sit several-up without each one reading as a
- * headline, so this is a bordered card instead — the same "cut paper"
- * language `feature-grid.ts` uses for its items, at a quieter type scale.
- *
- * `attribution` arrives as one grouped field (RFC 0001's own reasoning for
- * shaping it that way), so its `name`/`role` are not marked `data-field`:
- * that attribute is reserved for a plain-text field the block schema
- * declares at the top level, and neither of these is one — only `attribution`
- * itself is, and it is not plain text.
- *
- * The avatar is decorative, exactly like `quote.ts`'s own — the name sits
- * right beside it in text, so its media entity's alt text is expected empty.
+ * A longer word from a client, quieter than `quote`: the words at the lead
+ * size from the fourth column, a hairline above them, and the client under
+ * them with their role. Where `quote` is a line set large, a testimonial is a
+ * paragraph meant to be read.
  */
 export declare function renderTestimonial(block: TestimonialBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=testimonial.d.ts.map

package/dist/src/render/blocks/testimonial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testimonial.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/testimonial.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAkB,MAAM,oBAAoB,CAAA;AAEnG;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAyB1F"}
+{"version":3,"file":"testimonial.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/testimonial.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAkB,MAAM,oBAAoB,CAAA;AAGnG;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA4B1F"}

package/dist/src/render/blocks/testimonial.js

@@ -1,29 +1,20 @@
 import { h, image, renderRichText } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * Distinct from `quote` on purpose (RFC 0001): `quote` is this theme's full-
- * bleed pull quote, set left-aligned at display scale with no frame. A wall
- * of testimonials needs to sit several-up without each one reading as a
- * headline, so this is a bordered card instead — the same "cut paper"
- * language `feature-grid.ts` uses for its items, at a quieter type scale.
- *
- * `attribution` arrives as one grouped field (RFC 0001's own reasoning for
- * shaping it that way), so its `name`/`role` are not marked `data-field`:
- * that attribute is reserved for a plain-text field the block schema
- * declares at the top level, and neither of these is one — only `attribution`
- * itself is, and it is not plain text.
- *
- * The avatar is decorative, exactly like `quote.ts`'s own — the name sits
- * right beside it in text, so its media entity's alt text is expected empty.
+ * A longer word from a client, quieter than `quote`: the words at the lead
+ * size from the fourth column, a hairline above them, and the client under
+ * them with their role. Where `quote` is a line set large, a testimonial is a
+ * paragraph meant to be read.
  */
 export function renderTestimonial(block, ctx) {
     const { attribution } = block;
-    return h('figure', { class: 'cg-block cg-testimonial', 'data-block': 'testimonial' }, h('blockquote', { class: 'cg-testimonial__quote' }, renderRichText(ctx, block.quote)), h('figcaption', { class: 'cg-testimonial__attribution' }, attribution.avatar === undefined
+    return section('div', 'testimonial', 'cg-word', {}, 'figure', h('blockquote', { class: 'cg-word__quote' }, renderRichText(ctx, block.quote)), h('figcaption', { class: 'cg-word__attribution' }, attribution.avatar === undefined
         ? null
         : image(ctx, attribution.avatar, {
-            className: 'cg-testimonial__avatar',
+            className: 'cg-word__avatar',
             variant: { width: 96, height: 96, fit: 'cover' },
-        }), h('span', { class: 'cg-testimonial__names' }, h('span', { class: 'cg-testimonial__name' }, attribution.name), attribution.role === undefined
+        }), h('span', { class: 'cg-word__who' }, h('span', { class: 'cg-word__name' }, attribution.name), attribution.role === undefined
         ? null
-        : h('span', { class: 'cg-testimonial__role' }, attribution.role))));
+        : h('span', { class: 'cg-word__role' }, attribution.role))));
 }
 //# sourceMappingURL=testimonial.js.map

package/dist/src/render/blocks/testimonial.js.map

@@ -1 +1 @@
-{"version":3,"file":"testimonial.js","sourceRoot":"","sources":["../../../../src/render/blocks/testimonial.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnG;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC7B,OAAO,CAAC,CACN,QAAQ,EACR,EAAE,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,aAAa,EAAE,EACjE,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EACrF,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,6BAA6B,EAAE,EACxC,WAAW,CAAC,MAAM,KAAK,SAAS;QAC9B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,WAAW,CAAC,MAAM,EAAE;YAC7B,SAAS,EAAE,wBAAwB;YACnC,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE;SACjD,CAAC,EACN,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAClC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9D,WAAW,CAAC,IAAI,KAAK,SAAS;QAC5B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,CACnE,CACF,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"testimonial.js","sourceRoot":"","sources":["../../../../src/render/blocks/testimonial.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnG,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC7B,OAAO,OAAO,CACZ,KAAK,EACL,aAAa,EACb,SAAS,EACT,EAAE,EACF,QAAQ,EACR,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAC9E,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACjC,WAAW,CAAC,MAAM,KAAK,SAAS;QAC9B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,WAAW,CAAC,MAAM,EAAE;YAC7B,SAAS,EAAE,iBAAiB;YAC5B,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE;SACjD,CAAC,EACN,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,cAAc,EAAE,EACzB,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,EACvD,WAAW,CAAC,IAAI,KAAK,SAAS;QAC5B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC,CAC5D,CACF,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/chrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../../src/render/chrome.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,YAAY,EAOlB,MAAM,oBAAoB,CAAA;AAwE3B,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CA2D7D"}
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../../src/render/chrome.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,YAAY,EAQlB,MAAM,oBAAoB,CAAA;AAuD3B,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CA6E7D"}

package/dist/src/render/chrome.js

@@ -1,114 +1,117 @@
-import { escapeAttribute, escapeText, renderBrandMark, renderSocialLinks, renderThemeToggle, serialize, } from '@cogenta/theme-kit';
+import { escapeAttribute, escapeText, renderBrandMark, renderFooterWidgets, renderSocialLinks, renderThemeToggle, serialize, } from '@cogenta/theme-kit';
 /**
- * The chrome this theme ships (`theme@1.4`): a thin, sticky index bar up
- * top — the site name treated as a typographic mark rather than a logo
- * slot, a running index number, a real desktop `<nav>`, `headerAction`
- * (`"Let's talk"`, a flat filled button) and a CSS-only mobile menu — and a
- * footer that becomes a second headline: the site name set at display
- * scale, repeated as a closing statement, the `tagline` beneath it, then a
- * real row of footer navigation, social icons (`renderSocialLinks`) and the
- * `footerNote` beside the branding fragment.
+ * The header and the footer (`theme@1.4`), as quiet as a studio's own.
  *
- * The mobile menu is the same checkbox/label trick every L25 theme uses —
- * a visually-hidden `<input type="checkbox">` paired with a `<label>`
- * styled as a three-bar button; `base.css`'s sibling combinator is what
- * reveals the panel when the box is checked, so there is exactly one real
- * `<nav>` in the markup (the same one desktop and mobile both use, retiled
- * by CSS at the breakpoint), never two copies of the same links.
+ * Header, one row on the twelve columns: the studio's name on the left (or
+ * its uploaded logo), the `tagline` in the middle columns on a wide screen,
+ * the navigation on the right with the `headerAction` as its last link, and
+ * the light/dark control. No bar, no button, no sticky shadow. Below the
+ * breakpoint the navigation becomes a full-height panel of large links opened
+ * by a CSS-only toggle: a visually hidden checkbox paired with a `<label>`,
+ * placed before the `<nav>` so the sibling combinator in `base.css` reaches
+ * it. There is exactly one `<nav>` in the markup, retiled by CSS.
  *
- * Both fragments are built with the same string-escaping discipline
- * `theme-kit`'s own reference chrome uses (`escapeText`/`escapeAttribute`) —
- * `headerNav`/`footerNav` arrive pre-resolved and are rendered as given,
- * never invented or dropped, and `brandingHtml` is placed, never altered.
- * Every `theme@1.4` field (`tagline`/`social`/`footerNote`/`headerAction`)
- * is optional and additive: a host or a site that never sets one gets
- * exactly the `1.3` markup in that spot, byte for byte (`chrome.test.ts`'s
- * "without the new fields" cases).
- *
- * The manual light/dark/system toggle (`renderThemeToggle`, `@cogenta/
- * theme-kit`, L26) is unconditional — every render carries it, `theme@1.4`
- * or not — placed as its own sibling after the nav/hamburger pair so it
- * stays visible whether or not the mobile menu is open, styled in this
- * theme's own hairline-bordered, sharp-cornered register in `base.css`
- * rather than canonical's pill button.
+ * Footer, a hairline and three columns: the name, the tagline and the
+ * `footerNote`; the footer navigation; the social profiles with their names.
+ * Before them, the footer widget columns (`theme@1.6`) when a site has placed
+ * any: a tier of their own right under the footer's hairline, on the same
+ * twelve columns, so an invitation to get in touch opens the footer the way a
+ * studio's own does. Then the legal line: the copyright year and the studio's
+ * name beside Cogenta's credit (`brandingHtml`, placed once, as received). No
+ * column carries a heading of the theme's own: a heading is a word, and a
+ * theme has no translation for it (a widget's title is the site's own words).
+ * Every `theme@1.4` field renders only when present, so a host that predates
+ * them still gets the name and the navigation.
  */
-function renderNavLinks(links, className) {
-    if (links.length === 0)
-        return '';
-    const items = links
+function navItems(links, className) {
+    return links
         .filter((link) => link.href !== null || link.kind === 'submenu-placeholder')
-        .map((link, index) => {
+        .map((link) => {
         const label = escapeText(link.label);
         const titleAttr = link.title === null ? '' : ` title="${escapeAttribute(link.title)}"`;
-        const number = String(index + 1).padStart(2, '0');
-        if (link.href === null) {
-            return `<li><span class="cg-nav__index" aria-hidden="true">${number}</span><span${titleAttr}>${label}</span></li>`;
-        }
+        if (link.href === null)
+            return `<li class="${className}"><span${titleAttr}>${label}</span></li>`;
         const href = escapeAttribute(link.href);
         const target = link.openInNewTab ? ' target="_blank" rel="noopener"' : '';
-        return (`<li><span class="cg-nav__index" aria-hidden="true">${number}</span>` +
-            `<a href="${href}"${target}${titleAttr}>${label}</a></li>`);
+        return `<li class="${className}"><a href="${href}"${target}${titleAttr}>${label}</a></li>`;
     })
         .join('');
-    return items === '' ? '' : `<ul class="${className}">${items}</ul>`;
 }
-/** The header's own call-to-action link (`theme@1.4`) — a flat filled button, the theme's one accent-coloured control, at the tail of the nav list. */
-function renderHeaderAction(action) {
-    if (action === undefined)
+/** `footerNote` as paragraphs: a blank line starts a new one. */
+function renderFooterNote(note) {
+    const paragraphs = note
+        .replace(/\r\n?/g, '\n')
+        .split(/\n\s*\n/)
+        .map((paragraph) => paragraph.replace(/\s*\n\s*/g, ' ').trim())
+        .filter((paragraph) => paragraph !== '');
+    if (paragraphs.length === 0)
         return '';
-    return (`<a class="cg-action cg-site-header__action" data-emphasis="primary" ` +
-        `href="${escapeAttribute(action.href)}">${escapeText(action.label)}</a>`);
-}
-/** A hamburger mark drawn from three stacked bars — no icon font, no glyph a font might not ship. */
-function menuGlyph() {
-    return '<span class="cg-nav-toggle-bar"></span><span class="cg-nav-toggle-bar"></span><span class="cg-nav-toggle-bar"></span>';
+    return `<div class="cg-colophon__note">${paragraphs
+        .map((paragraph) => `<p>${escapeText(paragraph)}</p>`)
+        .join('')}</div>`;
 }
 export function renderChrome(input) {
     const siteName = escapeText(input.site.name);
     const home = escapeAttribute(input.homeHref);
-    const headerNav = renderNavLinks(input.headerNav, 'cg-nav');
-    const footerNav = renderNavLinks(input.footerNav, 'cg-nav cg-nav--footer');
-    const headerAction = renderHeaderAction(input.headerAction);
-    const themeToggle = serialize(renderThemeToggle(input.locale, { className: 'cg-theme-toggle' }));
-    // The asterisk glyph is this theme's own typographic mark. It belongs to
-    // the *wordmark* treatment, so an uploaded logo replaces both together —
-    // an asterisk stapled to somebody else's logo is not a design decision
-    // this theme gets to make on their behalf.
-    const logo = renderBrandMark(input.brand, { className: 'cg-site-header__logo' });
-    const mark = logo ?? `<span class="cg-site-header__glyph" aria-hidden="true">*</span>${siteName}`;
-    const hasMenu = headerNav !== '' || headerAction !== '';
-    const nav = hasMenu
-        ? `<nav class="cg-site-header__nav" id="cg-nav" aria-label="Primary">${headerNav}${headerAction}</nav>`
-        : '';
-    const toggle = hasMenu
+    const links = navItems(input.headerNav, 'cg-masthead__item');
+    const action = input.headerAction === undefined
+        ? ''
+        : `<a class="cg-masthead__action" href="${escapeAttribute(input.headerAction.href)}">${escapeText(input.headerAction.label)}</a>`;
+    const toggle = serialize(renderThemeToggle(input.locale, { className: 'cg-theme-toggle' }));
+    const logo = renderBrandMark(input.brand, { className: 'cg-masthead__logo' });
+    const mark = logo ?? `<span class="cg-masthead__wordmark">${siteName}</span>`;
+    const tagline = input.tagline === undefined
+        ? ''
+        : `<p class="cg-masthead__tagline">${escapeText(input.tagline)}</p>`;
+    const hasMenu = links !== '' || action !== '';
+    const menu = hasMenu
         ? `<input type="checkbox" id="cg-nav-toggle" class="cg-nav-toggle-input" aria-label="Menu">` +
-            `<label for="cg-nav-toggle" class="cg-nav-toggle-label" aria-hidden="true">${menuGlyph()}</label>`
+            `<label for="cg-nav-toggle" class="cg-nav-toggle-label" aria-hidden="true">` +
+            `<span class="cg-nav-toggle-bar"></span><span class="cg-nav-toggle-bar"></span>` +
+            `</label>` +
+            `<nav class="cg-masthead__nav" id="cg-nav" aria-label="Primary">` +
+            `${links === '' ? '' : `<ul class="cg-masthead__links">${links}</ul>`}` +
+            `${action}` +
+            `</nav>`
         : '';
-    const header = `<header class="cg-site-header"><div class="cg-site-header__inner">` +
-        `<a class="cg-site-header__mark" href="${home}">${mark}</a>` +
-        `${toggle}${nav}` +
-        `${themeToggle}` +
+    const header = `<header class="cg-masthead" data-nav="${hasMenu ? 'links' : 'none'}">` +
+        `<div class="cg-masthead__inner">` +
+        `<a class="cg-masthead__home" href="${home}">${mark}</a>` +
+        `${tagline}` +
+        `${menu}` +
+        `${toggle}` +
         `</div></header>`;
-    const tagline = input.tagline === undefined
+    const footerTagline = input.tagline === undefined
         ? ''
-        : `<p class="cg-site-footer__tagline" data-field="tagline">${escapeText(input.tagline)}</p>`;
-    const social = input.social === undefined
-        ? ''
-        : serialize(renderSocialLinks(input.social, {
-            className: 'cg-site-footer__social',
-            itemClassName: 'cg-site-footer__social-item',
-        }) ?? { kind: 'text', value: '' });
-    const footerNote = input.footerNote === undefined
-        ? ''
-        : `<p class="cg-site-footer__note">${escapeText(input.footerNote)}</p>`;
-    const footer = `<footer class="cg-site-footer"><div class="cg-site-footer__inner">` +
-        `<a class="cg-site-footer__statement" href="${home}">${siteName}</a>` +
-        `${tagline}` +
-        `<div class="cg-site-footer__row">` +
-        `${footerNav === '' ? '' : `<nav aria-label="Footer">${footerNav}</nav>`}` +
-        `${social === '' ? '' : `<div class="cg-site-footer__social-col">${social}</div>`}` +
-        `<div class="cg-site-footer__meta">${footerNote}<div class="cg-site-footer__branding">${input.brandingHtml}</div></div>` +
-        `</div></div></footer>`;
+        : `<p class="cg-colophon__tagline" data-field="tagline">${escapeText(input.tagline)}</p>`;
+    const note = input.footerNote === undefined ? '' : renderFooterNote(input.footerNote);
+    const footerLinks = navItems(input.footerNav, 'cg-colophon__item');
+    const social = renderSocialLinks(input.social, {
+        className: 'cg-colophon__social',
+        itemClassName: 'cg-colophon__social-item',
+    });
+    const year = new Date().getFullYear();
+    // The footer widget columns (`theme@1.6`): a tier above the name, the pages
+    // and the profiles, under the footer's hairline, on the footer's own grid.
+    const footerWidgets = renderFooterWidgets(input.widgets, {
+        className: 'cg-colophon__widgets',
+        headingLevel: 'h2',
+    });
+    const footer = `<footer class="cg-colophon"><div class="cg-colophon__inner">` +
+        `${footerWidgets === null ? '' : serialize(footerWidgets)}` +
+        `<div class="cg-colophon__about">` +
+        `<a class="cg-colophon__name" href="${home}">${siteName}</a>` +
+        `${footerTagline}${note}` +
+        `</div>` +
+        `${footerLinks === ''
+            ? ''
+            : `<nav class="cg-colophon__nav" aria-label="Footer"><ul class="cg-colophon__links">${footerLinks}</ul></nav>`}` +
+        `${social === null ? '' : `<div class="cg-colophon__follow">${serialize(social)}</div>`}` +
+        `<div class="cg-colophon__legal">` +
+        `<p class="cg-colophon__copyright">© ${year} ${siteName}</p>` +
+        `<div class="cg-colophon__branding">${input.brandingHtml}</div>` +
+        `</div>` +
+        `</div></footer>`;
     return { header, footer };
 }
 //# sourceMappingURL=chrome.js.map