@cogenta/theme-portfolio 1.1.3 → 1.3.3

package/dist/src/render/blocks/feature-grid.js

@@ -1,30 +1,33 @@
-import { blockHeadingTag, h, heading, href, nestedHeadingTag, renderIcon, } from '@cogenta/theme-kit';
+import { h, heading, href, nestedHeadingTag, } from '@cogenta/theme-kit';
+import { section, sectionHead } from '../layout.js';
 /**
- * The item's title is the link, so the link's accessible name is the
- * feature's name — a bare "learn more" repeated across a grid is the
- * classic failure of WCAG 2.4.4, and the block carries no label field to
- * write one anyway.
+ * Services, disciplines, principles or clients, set as a typographic list
+ * rather than as cards with icons. Two forms, chosen from the data itself:
  *
- * `icon` names a symbol (`renderIcon`, `theme@1.4`) — drawn small and
- * accent-coloured, decorative (`aria-hidden`, the title already carries the
- * accessible name) — sitting *above* the running index numeral this theme
- * has always drawn from a CSS counter, never replacing it: the numeral is
- * this theme's own editorial device, the icon is the shared vocabulary's.
- * An item with no icon, or one whose name this theme does not recognise,
- * keeps exactly the pre-1.4 numeral-only card.
+ * - **rows**, when any item carries a sentence: each item a ruled row, its
+ *   name in the display width on the left and the sentence beside it. A
+ *   linked item links its name, drawn as an arrow link.
+ * - **names**, when no item does: a list of names in columns, the way a
+ *   studio lists its clients.
+ *
+ * An item's `icon` is not drawn: a studio's list of services is words, and a
+ * pictogram beside each would be decoration. The value stays in the content
+ * for a theme that wants it.
  */
-function renderItem(item, ctx, tag) {
-    const title = item.link === undefined
-        ? heading(tag, { class: 'cg-feature__title' }, item.title)
-        : heading(tag, { class: 'cg-feature__title' }, h('a', { class: 'cg-feature__link', href: href(ctx, item.link) }, item.title));
-    const icon = item.icon === undefined ? null : renderIcon(item.icon, { className: 'cg-feature__icon' });
-    return h('li', { class: 'cg-feature', 'data-icon': item.icon }, icon, h('span', { class: 'cg-feature__index', 'aria-hidden': 'true' }), title, item.text === undefined ? null : h('p', { class: 'cg-feature__text' }, item.text));
+function renderItem(item, ctx, tag, form) {
+    const name = item.link === undefined
+        ? item.title
+        : h('a', { class: 'cg-arrow-link cg-list__link', href: href(ctx, item.link) }, item.title);
+    // A name in a list of names is an item, not a section of the page: only a
+    // row with its own sentence earns a heading in the outline.
+    if (form === 'names')
+        return h('li', { class: 'cg-list__item cg-list__name' }, name);
+    return h('li', { class: 'cg-list__item' }, heading(tag, { class: 'cg-list__name' }, name), item.text === undefined ? null : h('p', { class: 'cg-list__text' }, item.text));
 }
 export function renderFeatureGrid(block, ctx) {
-    const hasTitle = block.title !== undefined;
-    const itemTag = nestedHeadingTag('featureGrid', hasTitle);
-    return h('section', { class: 'cg-block cg-features', 'data-block': 'featureGrid' }, hasTitle
-        ? heading(blockHeadingTag('featureGrid') ?? 'h2', { class: 'cg-features__title', 'data-field': 'title' }, block.title ?? '')
-        : null, h('ul', { class: 'cg-features__items' }, block.items.map((item) => renderItem(item, ctx, itemTag))));
+    const titled = block.title !== undefined;
+    const tag = nestedHeadingTag('featureGrid', titled);
+    const form = block.items.some((item) => item.text !== undefined) ? 'rows' : 'names';
+    return section('section', 'featureGrid', 'cg-list cg-split', { 'data-form': form, 'data-titled': titled ? 'true' : 'false' }, 'div', sectionHead('featureGrid', block.title), h('ul', { class: 'cg-list__items', 'data-count': String(block.items.length) }, block.items.map((item) => renderItem(item, ctx, tag, form))));
 }
 //# sourceMappingURL=feature-grid.js.map

package/dist/src/render/blocks/feature-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature-grid.js","sourceRoot":"","sources":["../../../../src/render/blocks/feature-grid.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAGf,CAAC,EACD,OAAO,EACP,IAAI,EACJ,gBAAgB,EAEhB,UAAU,GACX,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;;;;GAaG;AACH,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAkB,EAAE,GAAe;IACxE,MAAM,KAAK,GACT,IAAI,CAAC,IAAI,KAAK,SAAS;QACrB,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC;QAC1D,CAAC,CAAC,OAAO,CACL,GAAG,EACH,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAC9E,CAAA;IACP,MAAM,IAAI,GACR,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAA;IAC3F,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,EAC/C,IAAI,EACJ,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,EAChE,KAAK,EACL,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAClF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAA;IAC1C,MAAM,OAAO,GAAG,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;IACzD,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,aAAa,EAAE,EAC9D,QAAQ;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,aAAa,CAAC,IAAI,IAAI,EACtC,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,OAAO,EAAE,EACtD,KAAK,CAAC,KAAK,IAAI,EAAE,CAClB;QACH,CAAC,CAAC,IAAI,EACR,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAC1D,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"feature-grid.js","sourceRoot":"","sources":["../../../../src/render/blocks/feature-grid.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,CAAC,EACD,OAAO,EACP,IAAI,EACJ,gBAAgB,GAEjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEnD;;;;;;;;;;;;;GAaG;AACH,SAAS,UAAU,CACjB,IAAiB,EACjB,GAAkB,EAClB,GAAe,EACf,IAAsB;IAEtB,MAAM,IAAI,GACR,IAAI,CAAC,IAAI,KAAK,SAAS;QACrB,CAAC,CAAC,IAAI,CAAC,KAAK;QACZ,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IAC9F,0EAA0E;IAC1E,4DAA4D;IAC5D,IAAI,IAAI,KAAK,OAAO;QAAE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAE,IAAI,CAAC,CAAA;IACpF,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,CAAC,EAC9C,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAC/E,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAA;IACxC,MAAM,GAAG,GAAG,gBAAgB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IACnD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IACnF,OAAO,OAAO,CACZ,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAC/D,KAAK,EACL,WAAW,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,EACvC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EACrE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAC5D,CACF,CAAA;AACH,CAAC"}

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

@@ -1,18 +1,4 @@
 import type { GalleryBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
-/**
- * The carousel ships **no JavaScript**. It is a scroll-snapping list, which
- * gives touch swiping, trackpad scrolling and — because the list is focusable
- * and labelled — arrow-key scrolling, with none of the failure modes of a
- * scripted carousel: no auto-advance to fight (WCAG 2.2.2), no focus stolen
- * from an off-screen slide, and it still works before hydration.
- *
- * Every tile carries a decorative index badge (`aria-hidden`, a CSS counter)
- * — a numbered contact sheet rather than a plain image wall, and never a
- * second name for the picture a screen reader would announce.
- *
- * A focusable scrollable region needs an accessible name, or a screen reader
- * announces an unlabelled tab stop; that is WCAG 2.4.3 and 4.1.2 both.
- */
 export declare function renderGallery(block: GalleryBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=gallery.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/gallery.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEnF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAqClF"}
+{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/gallery.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAuBnF,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAoClF"}

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

@@ -1,30 +1,38 @@
 import { h, image } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * The carousel ships **no JavaScript**. It is a scroll-snapping list, which
- * gives touch swiping, trackpad scrolling and — because the list is focusable
- * and labelled — arrow-key scrolling, with none of the failure modes of a
- * scripted carousel: no auto-advance to fight (WCAG 2.2.2), no focus stolen
- * from an off-screen slide, and it still works before hydration.
+ * The sequence of pictures a case study is made of. Every picture keeps its
+ * own shape: a poster stays a poster, a spread stays a spread. The layout the
+ * editor chose decides the rhythm:
  *
- * Every tile carries a decorative index badge (`aria-hidden`, a CSS counter)
- * — a numbered contact sheet rather than a plain image wall, and never a
- * second name for the picture a screen reader would announce.
- *
- * A focusable scrollable region needs an accessible name, or a screen reader
- * announces an unlabelled tab stop; that is WCAG 2.4.3 and 4.1.2 both.
+ * - `grid`: a sequence of three places on twelve columns, a large picture
+ *   across seven columns beside a smaller one across five set to the same
+ *   bottom line, then one across the whole container.
+ * - `masonry`: two columns (three on a wide screen) at each picture's own
+ *   shape.
+ * - `carousel`: one row at a single height that scrolls and snaps, focusable
+ *   and labelled; touch, trackpad and arrow keys are all native. No script.
  */
+function sizesFor(layout, place) {
+    if (layout === 'carousel')
+        return '(min-width: 64rem) 40rem, 80vw';
+    if (layout === 'masonry')
+        return '(min-width: 64rem) 30rem, 50vw';
+    if (place === 3)
+        return '(min-width: 96rem) 92rem, 100vw';
+    return place === 1 ? '(min-width: 64rem) 54rem, 100vw' : '(min-width: 64rem) 38rem, 100vw';
+}
 export function renderGallery(block, ctx) {
-    const items = h('ul', { class: 'cg-gallery__items' }, block.items.map((item) => h('li', { class: 'cg-gallery__item' }, h('span', { class: 'cg-gallery__index', 'aria-hidden': 'true' }), image(ctx, item.media, {
-        className: 'cg-gallery__image',
-        sizes: '(min-width: 48rem) 22rem, 60vw',
-    }))));
-    return h('section', {
-        class: 'cg-block cg-gallery',
-        'data-block': 'gallery',
-        'data-layout': block.layout,
-    }, block.layout === 'carousel'
+    const items = h('ul', { class: 'cg-pictures__items', 'data-count': String(block.items.length) }, block.items.map((item, index) => {
+        const place = (index % 3) + 1;
+        return h('li', { class: 'cg-pictures__item', 'data-place': String(place) }, image(ctx, item.media, {
+            className: 'cg-pictures__image',
+            sizes: sizesFor(block.layout, place),
+        }));
+    }));
+    return section('div', 'gallery', 'cg-pictures', { 'data-layout': block.layout }, 'div', block.layout === 'carousel'
         ? h('div', {
-            class: 'cg-gallery__viewport',
+            class: 'cg-pictures__viewport',
             role: 'region',
             'aria-label': ctx.t('gallery.carousel'),
             tabindex: '0',

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

@@ -1 +1 @@
-{"version":3,"file":"gallery.js","sourceRoot":"","sources":["../../../../src/render/blocks/gallery.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AAEnF;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,aAAa,CAAC,KAAmB,EAAE,GAAkB;IACnE,MAAM,KAAK,GAAG,CAAC,CACb,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvB,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,EAChE,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE;QACrB,SAAS,EAAE,mBAAmB;QAC9B,KAAK,EAAE,gCAAgC;KACxC,CAAC,CACH,CACF,CACF,CAAA;IAED,OAAO,CAAC,CACN,SAAS,EACT;QACE,KAAK,EAAE,qBAAqB;QAC5B,YAAY,EAAE,SAAS;QACvB,aAAa,EAAE,KAAK,CAAC,MAAM;KAC5B,EACD,KAAK,CAAC,MAAM,KAAK,UAAU;QACzB,CAAC,CAAC,CAAC,CACC,KAAK,EACL;YACE,KAAK,EAAE,sBAAsB;YAC7B,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC;YACvC,QAAQ,EAAE,GAAG;SACd,EACD,KAAK,CACN;QACH,CAAC,CAAC,KAAK,CACV,CAAA;AACH,CAAC"}
+{"version":3,"file":"gallery.js","sourceRoot":"","sources":["../../../../src/render/blocks/gallery.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;;;;;;;GAYG;AACH,SAAS,QAAQ,CAAC,MAA8B,EAAE,KAAa;IAC7D,IAAI,MAAM,KAAK,UAAU;QAAE,OAAO,gCAAgC,CAAA;IAClE,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,gCAAgC,CAAA;IACjE,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,iCAAiC,CAAA;IACzD,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,iCAAiC,CAAA;AAC5F,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAmB,EAAE,GAAkB;IACnE,MAAM,KAAK,GAAG,CAAC,CACb,IAAI,EACJ,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EACzE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC9B,MAAM,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;QAC7B,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,EAC3D,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE;YACrB,SAAS,EAAE,oBAAoB;YAC/B,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;SACrC,CAAC,CACH,CAAA;IACH,CAAC,CAAC,CACH,CAAA;IAED,OAAO,OAAO,CACZ,KAAK,EACL,SAAS,EACT,aAAa,EACb,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,EAAE,EAC/B,KAAK,EACL,KAAK,CAAC,MAAM,KAAK,UAAU;QACzB,CAAC,CAAC,CAAC,CACC,KAAK,EACL;YACE,KAAK,EAAE,uBAAuB;YAC9B,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC,kBAAkB,CAAC;YACvC,QAAQ,EAAE,GAAG;SACd,EACD,KAAK,CACN;QACH,CAAC,CAAC,KAAK,CACV,CAAA;AACH,CAAC"}

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

@@ -1,15 +1,15 @@
 import type { HeroBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * The hero carries the page's `h1` — contract B declares `headingLevel: 'h1'`
- * for it, and `renderPage` relies on that to avoid emitting a second one.
+ * The statement. `hero` carries the page's own `h1` (contract B), and on a
+ * studio's home page that heading is what the studio says it does, set very
+ * large in the display width across eleven columns. The eyebrow is a small
+ * line above it in the text face, never a badge. The subtitle drops to the
+ * right half of the grid, so the opening is asymmetric by construction; the
+ * actions follow it as underlined words.
  *
- * Structurally distinct from a centred banner: the eyebrow becomes a running
- * index mark set in the mono register (`— eyebrow`), the title is a display
- * headline that overflows its own column on wide screens (`blocks.css` gives
- * it a fluid `clamp()`), and the media is offset into the title's own
- * negative margin rather than sitting in a tidy second column — the overlap
- * is what makes this a poster, not a slide.
+ * A photograph or a film, when there is one, runs under the words across the
+ * whole container at 16:9: the one image above the fold, loaded eagerly.
  */
 export declare function renderHero(block: HeroBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=hero.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/hero.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAGL,KAAK,WAAW,EAIhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAgC5E"}
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/hero.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAGL,KAAK,WAAW,EAIhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAG3B;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAkC5E"}

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

@@ -1,31 +1,30 @@
 import { actionList, blockHeadingTag, h, heading, image, } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * The hero carries the page's `h1` — contract B declares `headingLevel: 'h1'`
- * for it, and `renderPage` relies on that to avoid emitting a second one.
+ * The statement. `hero` carries the page's own `h1` (contract B), and on a
+ * studio's home page that heading is what the studio says it does, set very
+ * large in the display width across eleven columns. The eyebrow is a small
+ * line above it in the text face, never a badge. The subtitle drops to the
+ * right half of the grid, so the opening is asymmetric by construction; the
+ * actions follow it as underlined words.
  *
- * Structurally distinct from a centred banner: the eyebrow becomes a running
- * index mark set in the mono register (`— eyebrow`), the title is a display
- * headline that overflows its own column on wide screens (`blocks.css` gives
- * it a fluid `clamp()`), and the media is offset into the title's own
- * negative margin rather than sitting in a tidy second column — the overlap
- * is what makes this a poster, not a slide.
+ * A photograph or a film, when there is one, runs under the words across the
+ * whole container at 16:9: the one image above the fold, loaded eagerly.
  */
 export function renderHero(block, ctx) {
     const tag = blockHeadingTag('hero') ?? 'h1';
-    return h('section', { class: 'cg-block cg-hero', 'data-block': 'hero' }, h('div', { class: 'cg-hero__frame' }, block.eyebrow === undefined
+    return section('section', 'hero', 'cg-statement', { 'data-media': block.media === undefined ? 'none' : 'image' }, 'div', block.eyebrow === undefined
         ? null
-        : h('p', { class: 'cg-hero__eyebrow', 'data-field': 'eyebrow' }, block.eyebrow), heading(tag, { class: 'cg-hero__title', 'data-field': 'title' }, block.title), block.subtitle === undefined
+        : h('p', { class: 'cg-statement__eyebrow', 'data-field': 'eyebrow' }, block.eyebrow), heading(tag, { class: 'cg-statement__title', 'data-field': 'title' }, block.title), block.subtitle === undefined && (block.actions === undefined || block.actions.length === 0)
         ? null
-        : h('p', { class: 'cg-hero__subtitle', 'data-field': 'subtitle' }, block.subtitle), actionList(ctx, block.actions, ctx.t('hero.actions'))), block.media === undefined
+        : h('div', { class: 'cg-statement__aside' }, block.subtitle === undefined
+            ? null
+            : h('p', { class: 'cg-statement__subtitle', 'data-field': 'subtitle' }, block.subtitle), actionList(ctx, block.actions, ctx.t('hero.actions'))), block.media === undefined
         ? null
-        : h('div', { class: 'cg-hero__media' }, 
-        // The only image on the page that is above the fold by construction,
-        // so the only one that must not be lazy: lazy-loading the LCP element
-        // is a measured Lighthouse regression, not a theoretical one.
-        image(ctx, block.media, {
-            className: 'cg-hero__image',
+        : h('div', { class: 'cg-statement__media' }, image(ctx, block.media, {
+            className: 'cg-statement__image',
             loading: 'eager',
-            sizes: '(min-width: 64rem) 46vw, 100vw',
+            sizes: '(min-width: 96rem) 92rem, 100vw',
         })));
 }
 //# sourceMappingURL=hero.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hero.js","sourceRoot":"","sources":["../../../../src/render/blocks/hero.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,eAAe,EAEf,CAAC,EACD,OAAO,EACP,KAAK,GAEN,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,KAAgB,EAAE,GAAkB;IAC7D,MAAM,GAAG,GAAG,eAAe,CAAC,MAAM,CAAC,IAAI,IAAI,CAAA;IAC3C,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,EAAE,EACnD,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,KAAK,CAAC,OAAO,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EACjF,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAC7E,KAAK,CAAC,QAAQ,KAAK,SAAS;QAC1B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,EACpF,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CACtD,EACD,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,gBAAgB,EAAE;QAC3B,qEAAqE;QACrE,sEAAsE;QACtE,8DAA8D;QAC9D,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE;YACtB,SAAS,EAAE,gBAAgB;YAC3B,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,gCAAgC;SACxC,CAAC,CACH,CACN,CAAA;AACH,CAAC"}
+{"version":3,"file":"hero.js","sourceRoot":"","sources":["../../../../src/render/blocks/hero.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,eAAe,EAEf,CAAC,EACD,OAAO,EACP,KAAK,GAEN,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,KAAgB,EAAE,GAAkB;IAC7D,MAAM,GAAG,GAAG,eAAe,CAAC,MAAM,CAAC,IAAI,IAAI,CAAA;IAC3C,OAAO,OAAO,CACZ,SAAS,EACT,MAAM,EACN,cAAc,EACd,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAC9D,KAAK,EACL,KAAK,CAAC,OAAO,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EACtF,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAClF,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC;QACzF,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,KAAK,CAAC,QAAQ,KAAK,SAAS;YAC1B,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,EACzF,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CACtD,EACL,KAAK,CAAC,KAAK,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE;YACtB,SAAS,EAAE,qBAAqB;YAChC,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,iCAAiC;SACzC,CAAC,CACH,CACN,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/logo-strip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logo-strip.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/logo-strip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAA;AACpE,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAuBnF,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAatF"}
+{"version":3,"file":"logo-strip.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/logo-strip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAA;AACpE,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAkBnF,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAgBtF"}

package/dist/src/render/blocks/logo-strip.js

@@ -1,23 +1,18 @@
 import { h, image } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * Lighter-weight than `logos` on purpose (RFC 0001): no per-mark `name`/
- * `url`, so no link, no accessible-name field to write, and no numbered
- * ledger row — this is the quieter "as seen in" strip, marks set edge to
- * edge with no dividers, desaturated exactly like `logos.ts`'s own marks
- * (the theme's one visual language for "a logo not currently in focus").
- * The image's own alt text (set once, in the media library) is what names
- * each mark, same as `logos.ts` falls back to when a link is absent — never
- * invented here, which is why `image` is called with no `altFrom`.
+ * A line of marks between two hairlines: the caption in the first three
+ * columns, the marks along the rest of the row at one height. `logoStrip`
+ * carries no name per mark, so each image's own alt text (set once, in the
+ * media library) names it. In the dark scheme the row sits on a light plate
+ * for the same reason `logos` does.
  */
 function renderItem(item, ctx) {
-    return h('li', { class: 'cg-logostrip__item' }, image(ctx, item.media, {
-        className: 'cg-logostrip__image',
-        variant: { fit: 'contain' },
-    }));
+    return h('li', { class: 'cg-credits__item' }, image(ctx, item.media, { className: 'cg-credits__image', variant: { fit: 'contain' } }));
 }
 export function renderLogoStrip(block, ctx) {
-    return h('figure', { class: 'cg-block cg-logostrip', 'data-block': 'logoStrip' }, h('ul', { class: 'cg-logostrip__items' }, block.logos.map((item) => renderItem(item, ctx))), block.caption === undefined
+    return section('div', 'logoStrip', 'cg-credits', { 'data-captioned': block.caption === undefined ? 'false' : 'true' }, 'div', block.caption === undefined
         ? null
-        : h('figcaption', { class: 'cg-logostrip__caption', 'data-field': 'caption' }, block.caption));
+        : h('p', { class: 'cg-credits__caption', 'data-field': 'caption' }, block.caption), h('ul', { class: 'cg-credits__items' }, block.logos.map((item) => renderItem(item, ctx))));
 }
 //# sourceMappingURL=logo-strip.js.map

package/dist/src/render/blocks/logo-strip.js.map

@@ -1 +1 @@
-{"version":3,"file":"logo-strip.js","sourceRoot":"","sources":["../../../../src/render/blocks/logo-strip.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AAEnF;;;;;;;;;GASG;AACH,SAAS,UAAU,CAAC,IAAmB,EAAE,GAAkB;IACzD,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE;QACrB,SAAS,EAAE,qBAAqB;QAChC,OAAO,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE;KAC5B,CAAC,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,GAAkB;IACvE,OAAO,CAAC,CACN,QAAQ,EACR,EAAE,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,WAAW,EAAE,EAC7D,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CACjD,EACD,KAAK,CAAC,OAAO,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAChG,CAAA;AACH,CAAC"}
+{"version":3,"file":"logo-strip.js","sourceRoot":"","sources":["../../../../src/render/blocks/logo-strip.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;GAMG;AACH,SAAS,UAAU,CAAC,IAAmB,EAAE,GAAkB;IACzD,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,CACxF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAqB,EAAE,GAAkB;IACvE,OAAO,OAAO,CACZ,KAAK,EACL,WAAW,EACX,YAAY,EACZ,EAAE,gBAAgB,EAAE,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,EACpE,KAAK,EACL,KAAK,CAAC,OAAO,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EACpF,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CACjD,CACF,CAAA;AACH,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"logos.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/logos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAEL,KAAK,WAAW,EAIhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAqC3B,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAiB9E"}
+{"version":3,"file":"logos.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/logos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAAE,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AA0BnF,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAc9E"}

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

@@ -1,28 +1,23 @@
-import { blockHeadingTag, h, heading, image, } from '@cogenta/theme-kit';
+import { h, image } from '@cogenta/theme-kit';
+import { section, sectionHead } from '../layout.js';
 /**
- * Contract B says the organisation's name **is** the accessible name of the
- * link. So the logo image carries it as alt text when the media entity has
- * none, and no visually hidden duplicate is added: a link whose only content
- * is an image with alt text is already named.
- *
- * Rendered as a single-row ledger rather than a grid of tiles — a running
- * mono index beside each mark, in a desaturated register that resolves to
- * full ink only on hover or focus (`blocks.css`), which is the theme's own
- * take on the "selected clients" strip.
+ * Marks of clients or partners, each on its own plate in a ruled grid, the
+ * name under the plate in the caption size. The plate stays light in the dark
+ * scheme, so a dark wordmark drawn for white paper is never lost on black.
+ * The organisation's name is the image's accessible name when the media
+ * entity has none, and a mark with a URL links it.
  */
-function renderItem(item, ctx, index) {
-    const logo = image(ctx, item.media, {
-        className: 'cg-logo__image',
+function renderItem(item, ctx) {
+    const mark = image(ctx, item.media, {
+        className: 'cg-marks__image',
         altFrom: item.name,
         variant: { fit: 'contain' },
     });
-    return h('li', { class: 'cg-logo' }, h('span', { class: 'cg-logo__index', 'aria-hidden': 'true' }, String(index + 1).padStart(2, '0')), item.url === undefined
-        ? logo
-        : h('a', { class: 'cg-logo__link', href: ctx.link(item.url), rel: 'noopener noreferrer' }, logo));
+    return h('li', { class: 'cg-marks__item' }, item.url === undefined
+        ? h('div', { class: 'cg-marks__plate' }, mark)
+        : h('a', { class: 'cg-marks__plate', href: item.url, rel: 'noopener noreferrer' }, mark), h('p', { class: 'cg-marks__name' }, item.name));
 }
 export function renderLogos(block, ctx) {
-    return h('section', { class: 'cg-block cg-logos', 'data-block': 'logos' }, block.title === undefined
-        ? null
-        : heading(blockHeadingTag('logos') ?? 'h2', { class: 'cg-logos__title', 'data-field': 'title' }, block.title), h('ul', { class: 'cg-logos__items' }, block.items.map((item, index) => renderItem(item, ctx, index))));
+    return section('section', 'logos', 'cg-marks', { 'data-count': String(block.items.length) }, 'div', sectionHead('logos', block.title), h('ul', { class: 'cg-marks__items' }, block.items.map((item) => renderItem(item, ctx))));
 }
 //# sourceMappingURL=logos.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"logos.js","sourceRoot":"","sources":["../../../../src/render/blocks/logos.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EAEf,CAAC,EACD,OAAO,EACP,KAAK,GAEN,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;GAUG;AACH,SAAS,UAAU,CAAC,IAAc,EAAE,GAAkB,EAAE,KAAa;IACnE,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE;QAClC,SAAS,EAAE,gBAAgB;QAC3B,OAAO,EAAE,IAAI,CAAC,IAAI;QAClB,OAAO,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE;KAC5B,CAAC,CAAA;IACF,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,EAAE,EAClD,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CACnC,EACD,IAAI,CAAC,GAAG,KAAK,SAAS;QACpB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,qBAAqB,EAAE,EAChF,IAAI,CACL,CACN,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,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,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAC/D,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"logos.js","sourceRoot":"","sources":["../../../../src/render/blocks/logos.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AACnF,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEnD;;;;;;GAMG;AACH,SAAS,UAAU,CAAC,IAAc,EAAE,GAAkB;IACpD,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE;QAClC,SAAS,EAAE,iBAAiB;QAC5B,OAAO,EAAE,IAAI,CAAC,IAAI;QAClB,OAAO,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE;KAC5B,CAAC,CAAA;IACF,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,IAAI,CAAC,GAAG,KAAK,SAAS;QACpB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC;QAC9C,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,qBAAqB,EAAE,EAAE,IAAI,CAAC,EAC1F,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAC/C,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAkB;IAC/D,OAAO,OAAO,CACZ,SAAS,EACT,OAAO,EACP,UAAU,EACV,EAAE,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAC5C,KAAK,EACL,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,EACjC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CACjD,CACF,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/media-figure.d.ts

@@ -1,19 +1,15 @@
 import type { MediaFigureBlock } from '@cogenta/blocks';
 import { type HtmlElement, type RenderContext } from '@cogenta/theme-kit';
 /**
- * `<figure>`/`<figcaption>` rather than a div and a paragraph: the
- * association between the picture and its caption is then in the markup,
- * and a screen reader announces the caption as belonging to the image
- * instead of as loose text after it.
+ * An image placed on the grid by its alignment, square-cornered, with a
+ * small caption under it on the image's own left edge and the credit after
+ * the caption. Alignment is how a case study gets its rhythm of large and
+ * small pictures:
  *
- * The "Fig. 01" plate number that precedes the caption is drawn entirely
- * from a CSS counter (`counter-increment: cg-figure` in `blocks.css`) — it
- * is not stored data, so it renumbers itself as figures are added or
- * removed and never needs updating here.
- *
- * `align` is written as a data attribute, never as a class: contract B's
- * values are `start`/`end`, an intent that mirrors in right-to-left
- * locales, and the skin decides what it means.
+ * - `center` (the default): columns 3 to 10.
+ * - `start`: the first seven columns. `end`: the last seven.
+ * - `wide`: the whole container.
+ * - `full`: edge to edge, the caption returning to the grid.
  */
 export declare function renderMediaFigure(block: MediaFigureBlock, ctx: RenderContext): HtmlElement;
 //# sourceMappingURL=media-figure.d.ts.map

package/dist/src/render/blocks/media-figure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-figure.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/media-figure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAe,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEhG;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAgC1F"}
+{"version":3,"file":"media-figure.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/media-figure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAe,KAAK,WAAW,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGhG;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CA2C1F"}

package/dist/src/render/blocks/media-figure.js

@@ -1,34 +1,34 @@
 import { aspectRatio, h, image } from '@cogenta/theme-kit';
+import { section } from '../layout.js';
 /**
- * `<figure>`/`<figcaption>` rather than a div and a paragraph: the
- * association between the picture and its caption is then in the markup,
- * and a screen reader announces the caption as belonging to the image
- * instead of as loose text after it.
+ * An image placed on the grid by its alignment, square-cornered, with a
+ * small caption under it on the image's own left edge and the credit after
+ * the caption. Alignment is how a case study gets its rhythm of large and
+ * small pictures:
  *
- * The "Fig. 01" plate number that precedes the caption is drawn entirely
- * from a CSS counter (`counter-increment: cg-figure` in `blocks.css`) — it
- * is not stored data, so it renumbers itself as figures are added or
- * removed and never needs updating here.
- *
- * `align` is written as a data attribute, never as a class: contract B's
- * values are `start`/`end`, an intent that mirrors in right-to-left
- * locales, and the skin decides what it means.
+ * - `center` (the default): columns 3 to 10.
+ * - `start`: the first seven columns. `end`: the last seven.
+ * - `wide`: the whole container.
+ * - `full`: edge to edge, the caption returning to the grid.
  */
 export function renderMediaFigure(block, ctx) {
     const ratio = aspectRatio(block.ratio);
+    const align = block.align ?? 'center';
     const hasCaption = block.caption !== undefined || block.credit !== undefined;
-    return h('figure', {
-        class: 'cg-block cg-figure',
-        'data-block': 'mediaFigure',
-        'data-align': block.align ?? 'center',
+    return section('div', 'mediaFigure', 'cg-figure', {
+        'data-align': align,
         style: ratio === undefined ? undefined : `--cg-ratio:${ratio}`,
-    }, h('div', { class: 'cg-figure__frame' }, image(ctx, block.media, {
-        className: 'cg-figure__media',
-        sizes: '(min-width: 48rem) 42rem, 100vw',
+    }, 'figure', h('div', { class: 'cg-figure__frame' }, image(ctx, block.media, {
+        className: 'cg-figure__image',
+        sizes: align === 'full'
+            ? '100vw'
+            : align === 'wide'
+                ? '(min-width: 96rem) 92rem, 100vw'
+                : '(min-width: 64rem) 56rem, 100vw',
     })), hasCaption
         ? h('figcaption', { class: 'cg-figure__caption' }, block.caption === undefined
             ? null
-            : h('span', { class: 'cg-figure__plate' }, block.caption), block.credit === undefined
+            : h('span', { class: 'cg-figure__caption-text', 'data-field': 'caption' }, block.caption), block.credit === undefined
             ? null
             : h('span', { class: 'cg-figure__credit', 'data-field': 'credit' }, block.credit))
         : null);

package/dist/src/render/blocks/media-figure.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-figure.js","sourceRoot":"","sources":["../../../../src/render/blocks/media-figure.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AAEhG;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACtC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAA;IAC5E,OAAO,CAAC,CACN,QAAQ,EACR;QACE,KAAK,EAAE,oBAAoB;QAC3B,YAAY,EAAE,aAAa;QAC3B,YAAY,EAAE,KAAK,CAAC,KAAK,IAAI,QAAQ;QACrC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,KAAK,EAAE;KAC/D,EACD,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE;QACtB,SAAS,EAAE,kBAAkB;QAC7B,KAAK,EAAE,iCAAiC;KACzC,CAAC,CACH,EACD,UAAU;QACR,CAAC,CAAC,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,OAAO,KAAK,SAAS;YACzB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,EAC3D,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CACpF;QACH,CAAC,CAAC,IAAI,CACT,CAAA;AACH,CAAC"}
+{"version":3,"file":"media-figure.js","sourceRoot":"","sources":["../../../../src/render/blocks/media-figure.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAoB,CAAC,EAAE,KAAK,EAAsB,MAAM,oBAAoB,CAAA;AAChG,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB,EAAE,GAAkB;IAC3E,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAA;IACrC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,CAAA;IAC5E,OAAO,OAAO,CACZ,KAAK,EACL,aAAa,EACb,WAAW,EACX;QACE,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,KAAK,EAAE;KAC/D,EACD,QAAQ,EACR,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE;QACtB,SAAS,EAAE,kBAAkB;QAC7B,KAAK,EACH,KAAK,KAAK,MAAM;YACd,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,KAAK,KAAK,MAAM;gBAChB,CAAC,CAAC,iCAAiC;gBACnC,CAAC,CAAC,iCAAiC;KAC1C,CAAC,CACH,EACD,UAAU;QACR,CAAC,CAAC,CAAC,CACC,YAAY,EACZ,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,KAAK,CAAC,OAAO,KAAK,SAAS;YACzB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,SAAS,EAAE,EAC7D,KAAK,CAAC,OAAO,CACd,EACL,KAAK,CAAC,MAAM,KAAK,SAAS;YACxB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,CACpF;QACH,CAAC,CAAC,IAAI,CACT,CAAA;AACH,CAAC"}

package/dist/src/render/blocks/pricing-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pricing-table.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/pricing-table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAIL,KAAK,WAAW,EAIhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AAuC3B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAmB5F"}
+{"version":3,"file":"pricing-table.d.ts","sourceRoot":"","sources":["../../../../src/render/blocks/pricing-table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAGL,KAAK,WAAW,EAIhB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAA;AA2C3B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAe5F"}

package/dist/src/render/blocks/pricing-table.js

@@ -1,29 +1,26 @@
-import { actionLink, blockHeadingTag, h, heading, nestedHeadingTag, } from '@cogenta/theme-kit';
+import { actionLink, h, heading, nestedHeadingTag, } from '@cogenta/theme-kit';
+import { section, sectionHead } from '../layout.js';
 /**
- * `highlighted` is an editorial signal, never a colour (RFC 0001's own
- * comment on the field): it is written as `data-highlighted="true"` for the
- * skin to key off, and the tier additionally carries `aria-current="true"`
- * — the closest native semantic for "the one the author means you to pick"
- * among a set of siblings.
+ * Fees or engagements, set as the columns of a ruled table rather than as
+ * cards: each tier opens on a hairline, its name in the text face, the price
+ * in the display width with tabular numerals and the interval after it, what
+ * it includes as a list divided by hairlines, and its action at the foot. The
+ * tier the editor highlighted opens on a heavy rule in ink instead, and its
+ * action is the filled one; the others keep their words underlined.
  */
 function renderTier(tier, ctx, tag) {
-    return h('li', {
-        class: 'cg-pricing__tier',
-        'data-highlighted': tier.highlighted === true ? 'true' : undefined,
-        'aria-current': tier.highlighted === true ? 'true' : undefined,
-    }, heading(tag, { class: 'cg-pricing__name' }, tier.name), h('p', { class: 'cg-pricing__price' }, tier.price, tier.interval === undefined
+    const highlighted = tier.highlighted === true;
+    return h('li', { class: 'cg-fees__tier', 'data-highlighted': highlighted ? 'true' : undefined }, heading(tag, { class: 'cg-fees__name' }, tier.name), h('p', { class: 'cg-fees__price' }, h('span', { class: 'cg-fees__amount' }, tier.price), tier.interval === undefined ? null : h('span', { class: 'cg-fees__interval' }, tier.interval)), tier.features.length === 0
         ? null
-        : h('span', { class: 'cg-pricing__interval' }, tier.interval)), tier.features.length === 0
+        : h('ul', { class: 'cg-fees__features' }, tier.features.map((feature) => h('li', { class: 'cg-fees__feature' }, feature))), tier.action === undefined
         ? null
-        : h('ul', { class: 'cg-pricing__features' }, tier.features.map((feature) => h('li', {}, feature))), tier.action === undefined
-        ? null
-        : h('div', { class: 'cg-pricing__action' }, actionLink(ctx, tier.action)));
+        : h('div', { class: 'cg-fees__action' }, actionLink(ctx, {
+            ...tier.action,
+            emphasis: tier.action.emphasis ?? (highlighted ? 'primary' : 'secondary'),
+        })));
 }
 export function renderPricingTable(block, ctx) {
-    const hasTitle = block.title !== undefined;
-    const tierTag = nestedHeadingTag('pricingTable', hasTitle);
-    return h('section', { class: 'cg-block cg-pricing', 'data-block': 'pricingTable' }, hasTitle
-        ? heading(blockHeadingTag('pricingTable') ?? 'h2', { class: 'cg-pricing__title', 'data-field': 'title' }, block.title ?? '')
-        : null, h('ul', { class: 'cg-pricing__tiers' }, block.tiers.map((tier) => renderTier(tier, ctx, tierTag))));
+    const tierTag = nestedHeadingTag('pricingTable', block.title !== undefined);
+    return section('section', 'pricingTable', 'cg-fees', { 'data-count': String(Math.min(block.tiers.length, 4)) }, 'div', sectionHead('pricingTable', block.title), h('ul', { class: 'cg-fees__tiers' }, block.tiers.map((tier) => renderTier(tier, ctx, tierTag))));
 }
 //# sourceMappingURL=pricing-table.js.map

package/dist/src/render/blocks/pricing-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"pricing-table.js","sourceRoot":"","sources":["../../../../src/render/blocks/pricing-table.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,eAAe,EAGf,CAAC,EACD,OAAO,EACP,gBAAgB,GAEjB,MAAM,oBAAoB,CAAA;AAE3B;;;;;;GAMG;AACH,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAkB,EAAE,GAAe;IACxE,OAAO,CAAC,CACN,IAAI,EACJ;QACE,KAAK,EAAE,kBAAkB;QACzB,kBAAkB,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAClE,cAAc,EAAE,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;KAC/D,EACD,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EACtD,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,QAAQ,KAAK,SAAS;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAChE,EACD,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QACxB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,sBAAsB,EAAE,EACjC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CACrD,EACL,IAAI,CAAC,MAAM,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAC5E,CAAA;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAwB,EAAE,GAAkB;IAC7E,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAA;IAC1C,MAAM,OAAO,GAAG,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAA;IAC1D,OAAO,CAAC,CACN,SAAS,EACT,EAAE,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,cAAc,EAAE,EAC9D,QAAQ;QACN,CAAC,CAAC,OAAO,CACL,eAAe,CAAC,cAAc,CAAC,IAAI,IAAI,EACvC,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,OAAO,EAAE,EACrD,KAAK,CAAC,KAAK,IAAI,EAAE,CAClB;QACH,CAAC,CAAC,IAAI,EACR,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAC1D,CACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"pricing-table.js","sourceRoot":"","sources":["../../../../src/render/blocks/pricing-table.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EAGV,CAAC,EACD,OAAO,EACP,gBAAgB,GAEjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEnD;;;;;;;GAOG;AACH,SAAS,UAAU,CAAC,IAAiB,EAAE,GAAkB,EAAE,GAAe;IACxE,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,KAAK,IAAI,CAAA;IAC7C,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,EAChF,OAAO,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,EACnD,CAAC,CACC,GAAG,EACH,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EACnD,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAC9F,EACD,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QACxB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAC9B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,OAAO,CAAC,CAAC,CAChF,EACL,IAAI,CAAC,MAAM,KAAK,SAAS;QACvB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,UAAU,CAAC,GAAG,EAAE;YACd,GAAG,IAAI,CAAC,MAAM;YACd,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;SAC1E,CAAC,CACH,CACN,CAAA;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAwB,EAAE,GAAkB;IAC7E,MAAM,OAAO,GAAG,gBAAgB,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAA;IAC3E,OAAO,OAAO,CACZ,SAAS,EACT,cAAc,EACd,SAAS,EACT,EAAE,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EACzD,KAAK,EACL,WAAW,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,EACxC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAC1D,CACF,CAAA;AACH,CAAC"}