@riverbankcms/sdk 0.153.0 → 0.154.0

package/dist/server/theme-bridge.mjs

@@ -506,14 +506,6 @@ const themeLookMetadataSchema = z.object({
 	skinMarks: skinMarksSchema.optional()
 });
 //#endregion
-//#region ../theme-core/src/footer/mode.ts
-const footerModeSchema = z.enum([
-	"default",
-	"blocks",
-	"default+blocks",
-	"none"
-]);
-//#endregion
 //#region ../core/src/result.ts
 function ok(value) {
 	return {
@@ -872,6 +864,29 @@ const paletteSchema = z.object({
 	};
 });
 //#endregion
+//#region ../theme-core/src/buttons/typography.ts
+const textTransformSchema = z.enum([
+	"none",
+	"uppercase",
+	"lowercase",
+	"capitalize"
+]);
+const fontWeightSchema = z.union([
+	z.literal(400),
+	z.literal(500),
+	z.literal(600),
+	z.literal(700),
+	z.literal(800)
+]);
+const buttonTypographySchema = z.enum(["body", "heading"]);
+const letterSpacingSchema = z.enum([
+	"tight",
+	"normal",
+	"slight",
+	"loose",
+	"wide"
+]);
+//#endregion
 //#region ../theme-core/src/buttons/types.ts
 /**
 * Standard semantic variant roles a theme exposes.
@@ -987,6 +1002,7 @@ const buttonEffectApplicationSchema = z.discriminatedUnion("effectId", [
 	z.strictObject({
 		effectId: z.literal("lift"),
 		options: z.strictObject({ amount: z.enum([
+			"0.125",
 			"0.25",
 			"0.5",
 			"1"
@@ -1033,24 +1049,6 @@ const shadowSizeSchema = z.enum([
 	"medium",
 	"high"
 ]);
-const textTransformSchema = z.enum([
-	"none",
-	"uppercase",
-	"lowercase",
-	"capitalize"
-]);
-const fontWeightSchema = z.union([
-	z.literal(500),
-	z.literal(600),
-	z.literal(700),
-	z.literal(800)
-]);
-const buttonTypographySchema = z.enum(["body", "heading"]);
-const letterSpacingSchema = z.enum([
-	"tight",
-	"normal",
-	"loose"
-]);
 const hoverTransformSchema = z.enum([
 	"none",
 	"lift",
@@ -1122,7 +1120,8 @@ const paddingShorthandSchema = z.string().refine((value) => {
 }, { message: "Padding must be two space-separated CSS length tokens (e.g. \"0.5rem 1rem\"). Use `0` for zero." });
 const buttonSizeConfigSchema = z.object({
 	padding: paddingShorthandSchema,
-	fontSize: z.string().optional()
+	fontSize: z.string().optional(),
+	borderRadius: z.string().optional()
 });
 /**
 * `xl` is optional on the wire so themes persisted before the `xl` size was
@@ -1245,12 +1244,20 @@ const buttonVisualAppearanceSchema = z.strictObject({
 		textTransform: textTransformSchema
 	}),
 	effects: z.array(buttonEffectApplicationSchema),
+	transform: z.literal("none").optional(),
 	contextualHover: contextualButtonHoverSchema.optional()
 });
 const buttonVisualStatesSchema = z.strictObject({
 	base: buttonVisualAppearanceSchema.extend({ shadow: variantShadowSchema }),
 	hover: buttonVisualAppearanceSchema.extend({ shadow: variantShadowSchema }),
-	focus: buttonVisualAppearanceSchema.extend({ shadow: z.literal("focus-indicator") }),
+	focus: buttonVisualAppearanceSchema.extend({
+		shadow: z.literal("focus-indicator"),
+		indicator: z.strictObject({
+			kind: z.literal("surface-ink"),
+			width: z.union([z.literal(2), z.literal(3)]),
+			offset: z.union([z.literal(3), z.literal(4)])
+		}).optional()
+	}),
 	active: buttonVisualAppearanceSchema.extend({ shadow: variantShadowSchema }),
 	disabled: buttonVisualAppearanceSchema.extend({ shadow: variantShadowSchema })
 });
@@ -1875,6 +1882,10 @@ function validateButtonTextContrast(input) {
 		}
 	};
 }
+/** A text-token slab inverts the palette's text/background pair, including text shades. */
+function solidForegroundToken(backgroundToken) {
+	return /^text(?:-\d+)?$/.test(backgroundToken) ? "background" : onColorTokenName(backgroundToken);
+}
 //#endregion
 //#region ../theme-core/src/buttons/contextualHover.ts
 function resolveContextualHoverPreference(input) {
@@ -1972,7 +1983,7 @@ function candidate(family, shade, currentShade, direction, seedHex, palette) {
 }
 function hasSafeTextContrast(token, palette) {
 	const background = palette[token];
-	const foreground = palette[onColorTokenName(token)];
+	const foreground = palette[solidForegroundToken(token)];
 	return typeof background === "string" && typeof foreground === "string" && contrastRatio(background, foreground) >= BUTTON_CONTRAST_POLICY.textMinimumRatio;
 }
 function isSafeCandidate(token, palette, surface) {
@@ -2067,6 +2078,13 @@ function compileDeclaredVisualStates(input, states) {
 	const colours = collectStateColours(mapVisualStates((state) => compileDeclaredVisualState(input, states, state, state === "hover" ? hover.treatment : states[state].background)));
 	return colours.ok ? {
 		...colours,
+		focusIndicator: states.focus.indicator ? {
+			kind: "surface-role",
+			colorCss: input.surface?.foregroundCss ?? surfaceForegroundValue("text"),
+			width: states.focus.indicator.width,
+			offset: states.focus.indicator.offset,
+			minimumSurfaceContrast: BUTTON_CONTRAST_POLICY.nonTextMinimumRatio
+		} : colours.focusIndicator,
 		contextualHoverRepair: hover.repair
 	} : colours;
 }
@@ -2204,7 +2222,7 @@ function resolveFocusIndicator(colour) {
 function resolveSolid(input, backgroundToken, edge) {
 	const backgroundHex = paletteHex(input, backgroundToken);
 	if (!backgroundHex.ok) return backgroundHex;
-	const foregroundToken = unsafeAsOpaqueButtonColourToken(onColorTokenName(backgroundToken));
+	const foregroundToken = unsafeAsOpaqueButtonColourToken(solidForegroundToken(backgroundToken));
 	const foregroundHex = input.palette[foregroundToken];
 	if (typeof foregroundHex !== "string") return {
 		ok: false,
@@ -3420,7 +3438,7 @@ function resolvedButtonFocusDeclarations(indicator, role) {
 		["outline", value("outline", `2px solid ${indicator.innerCss}`)],
 		["outline-offset", value("outline-offset", "2px")],
 		["box-shadow", value("box-shadow", `0 0 0 4px ${indicator.outerCss}`)]
-	] : [["outline", value("outline", `3px solid ${indicator.colorCss}`)], ["outline-offset", value("outline-offset", "3px")]];
+	] : [["outline", value("outline", `${indicator.width ?? 3}px solid ${indicator.colorCss}`)], ["outline-offset", value("outline-offset", `${indicator.offset ?? 3}px`)]];
 }
 /**
 * Disabled buttons are deliberately muted as unavailable controls. Native
@@ -3463,6 +3481,287 @@ function normalizeAppearance(appearance) {
 	};
 }
 //#endregion
+//#region ../theme-core/src/buttons/styles/recipes/lanternRecipes.ts
+const flatShadow = {
+	elevation: "none",
+	softness: null,
+	position: "bottom"
+};
+const lift$1 = {
+	effectId: "lift",
+	options: { amount: "0.125" }
+};
+const tags = {
+	tone: "classic",
+	energy: "calm",
+	motion: "subtle",
+	era: "editorial"
+};
+/** Each role supplies complete states, including a flat surface-ink focus ring. */
+function states(base, hover, offset = 4, width = 2) {
+	return {
+		base,
+		hover,
+		focus: {
+			...base,
+			shadow: "focus-indicator",
+			indicator: {
+				kind: "surface-ink",
+				width,
+				offset
+			}
+		},
+		active: {
+			...base,
+			transform: "none"
+		},
+		disabled: {
+			...base,
+			effects: []
+		}
+	};
+}
+const gilt = {
+	text: "treatment",
+	border: "none",
+	borderRadius: "rounded-10px",
+	shadow: flatShadow,
+	sizes: {
+		sm: {
+			padding: "10px 20px",
+			fontSize: "text-base",
+			borderRadius: "rounded-lg"
+		},
+		md: {
+			padding: "18px 36px",
+			fontSize: "text-19px"
+		},
+		lg: {
+			padding: "18px 36px",
+			fontSize: "text-19px"
+		},
+		xl: {
+			padding: "18px 36px",
+			fontSize: "text-19px"
+		}
+	},
+	typography: {
+		fontWeight: 400,
+		typography: "heading",
+		fontSize: "text-19px",
+		letterSpacing: "slight",
+		italic: false,
+		textTransform: "none"
+	},
+	effects: []
+};
+const giltPrimary = {
+	...gilt,
+	background: {
+		type: "gradient",
+		stops: ["accent", "primary"],
+		direction: "to-br",
+		foregroundToken: "onAccent"
+	}
+};
+const giltPrimaryHover = {
+	...giltPrimary,
+	background: {
+		...giltPrimary.background,
+		stops: ["accent-400", "primary-400"],
+		foregroundToken: "secondary-950"
+	},
+	effects: [lift$1]
+};
+const giltSecondary = {
+	...gilt,
+	background: {
+		type: "solid",
+		colorToken: "text"
+	}
+};
+const giltSecondaryHover = {
+	...giltSecondary,
+	effects: [lift$1],
+	contextualHover: {
+		kind: "shade-shift",
+		seedToken: unsafeAsOpaqueButtonColourToken("text"),
+		fallbackDirection: "lighter"
+	}
+};
+const giltPrimaryStates = states(giltPrimary, giltPrimaryHover);
+const giltSecondaryStates = states(giltSecondary, giltSecondaryHover);
+const giltSlabRecipe = defineStaticButtonStyleRecipe({
+	id: "gilt-slab",
+	accessibilityLabel: "Gilt slab",
+	tags,
+	system: { roles: {
+		primary: { states: giltPrimaryStates },
+		secondary: { states: giltSecondaryStates },
+		outline: { states: giltSecondaryStates },
+		ghost: { states: giltSecondaryStates },
+		accent: { states: giltPrimaryStates }
+	} }
+});
+const hairline = {
+	text: "treatment",
+	borderRadius: "rounded-3px",
+	shadow: flatShadow,
+	sizes: {
+		sm: {
+			padding: "9px 16px",
+			fontSize: "text-xs"
+		},
+		md: {
+			padding: "15px 28px",
+			fontSize: "text-13px"
+		},
+		lg: {
+			padding: "15px 28px",
+			fontSize: "text-13px"
+		},
+		xl: {
+			padding: "15px 28px",
+			fontSize: "text-13px"
+		}
+	},
+	typography: {
+		fontWeight: 700,
+		typography: "body",
+		fontSize: "text-13px",
+		letterSpacing: "wide",
+		italic: false,
+		textTransform: "uppercase"
+	},
+	effects: []
+};
+const hairlinePrimary = {
+	...hairline,
+	background: {
+		type: "solid",
+		colorToken: "primary"
+	},
+	border: {
+		widthClass: "border",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("primary")
+	}
+};
+const hairlineOutline = {
+	...hairline,
+	background: {
+		type: "surface",
+		role: "link"
+	},
+	border: {
+		widthClass: "border",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("primary")
+	}
+};
+const hairlineSecondary = {
+	...hairlineOutline,
+	border: {
+		widthClass: "border",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("accent")
+	}
+};
+const hairlineFilled = {
+	...hairlineSecondary,
+	background: {
+		type: "solid",
+		colorToken: "accent"
+	}
+};
+const hairlinePrimaryStates = states(hairlinePrimary, hairlineOutline, 3);
+const hairlineSecondaryStates = states(hairlineSecondary, hairlineFilled, 3);
+const hairlineTabRecipe = defineStaticButtonStyleRecipe({
+	id: "hairline-tab",
+	accessibilityLabel: "Hairline tab",
+	tags,
+	system: { roles: {
+		primary: { states: hairlinePrimaryStates },
+		secondary: { states: hairlineSecondaryStates },
+		outline: { states: hairlineSecondaryStates },
+		ghost: { states: hairlineSecondaryStates },
+		accent: { states: states(hairlineFilled, hairlineSecondary, 3) }
+	} }
+});
+const marqueeAccent = {
+	text: "treatment",
+	borderRadius: "rounded-none",
+	shadow: flatShadow,
+	sizes: {
+		sm: {
+			padding: "8px 17px",
+			fontSize: "text-15px"
+		},
+		md: {
+			padding: "14px 25px",
+			fontSize: "text-17px"
+		},
+		lg: {
+			padding: "14px 25px",
+			fontSize: "text-17px"
+		},
+		xl: {
+			padding: "14px 25px",
+			fontSize: "text-17px"
+		}
+	},
+	typography: {
+		fontWeight: 800,
+		typography: "body",
+		fontSize: "text-17px",
+		letterSpacing: "loose",
+		italic: false,
+		textTransform: "uppercase"
+	},
+	effects: [],
+	background: {
+		type: "solid",
+		colorToken: "accent"
+	},
+	border: {
+		widthClass: "border-2",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("accent")
+	}
+};
+const marqueePrimary = {
+	...marqueeAccent,
+	background: {
+		type: "solid",
+		colorToken: "primary"
+	},
+	border: {
+		widthClass: "border-2",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("primary")
+	}
+};
+const marqueeSecondary = {
+	...marqueeAccent,
+	background: {
+		type: "solid",
+		colorToken: "text"
+	},
+	border: {
+		widthClass: "border-2",
+		boundaryInk: unsafeAsOpaqueButtonColourToken("text")
+	}
+};
+const marqueePrimaryStates = states(marqueeAccent, marqueePrimary, 4, 3);
+const marqueeSecondaryStates = states(marqueeSecondary, marqueeAccent, 4, 3);
+const marqueeRecipe = defineStaticButtonStyleRecipe({
+	id: "marquee",
+	accessibilityLabel: "Marquee",
+	tags,
+	system: { roles: {
+		primary: { states: marqueePrimaryStates },
+		secondary: { states: marqueeSecondaryStates },
+		outline: { states: marqueeSecondaryStates },
+		ghost: { states: marqueeSecondaryStates },
+		accent: { states: marqueePrimaryStates }
+	} }
+});
+//#endregion
 //#region ../theme-core/src/buttons/styles/recipes/fulcrumRecipe.ts
 const fulcrumSizes = {
 	sm: {
@@ -4204,7 +4503,10 @@ const BUTTON_STYLE_IDS = [
 	"offset-block",
 	"ringed-pill",
 	"square-outline",
-	"fulcrum"
+	"fulcrum",
+	"gilt-slab",
+	"hairline-tab",
+	"marquee"
 ];
 const quietArrowParametersSchema = z.object({ secondaryTreatment: z.enum(["outlined", "solid-accent"]) }).strict();
 const flatInkHoverTreatmentSchema = z.enum([
@@ -4241,7 +4543,10 @@ const buttonStyleSelectionSchema = z.discriminatedUnion("styleId", [
 	selectionBranch("offset-block", emptyParametersSchema),
 	selectionBranch("ringed-pill", emptyParametersSchema),
 	selectionBranch("square-outline", emptyParametersSchema),
-	selectionBranch("fulcrum", emptyParametersSchema)
+	selectionBranch("fulcrum", emptyParametersSchema),
+	selectionBranch("gilt-slab", emptyParametersSchema),
+	selectionBranch("hairline-tab", emptyParametersSchema),
+	selectionBranch("marquee", emptyParametersSchema)
 ]);
 //#endregion
 //#region ../theme-core/src/buttons/styles/recipes/quietArrow.ts
@@ -7757,7 +8062,10 @@ const buttonStyleRecipes = [
 	offsetBlockRecipe,
 	ringedPillRecipe,
 	squareOutlineRecipe,
-	fulcrumRecipe
+	fulcrumRecipe,
+	giltSlabRecipe,
+	hairlineTabRecipe,
+	marqueeRecipe
 ];
 const recipesById = new Map(buttonStyleRecipes.map((recipe) => [recipe.id, recipe]));
 function findButtonStyleRecipe(id) {
@@ -7773,6 +8081,9 @@ function resolveButtonStyleSelection(selection) {
 		case "editorial-link": return resolveButtonStyleRecipe(editorialLinkRecipe, selection.parameters);
 		case "pebble": return resolveButtonStyleRecipe(pebbleRecipe, selection.parameters);
 		case "ink-stamp": return resolveButtonStyleRecipe(inkStampRecipe, selection.parameters);
+		case "gilt-slab": return resolveButtonStyleRecipe(giltSlabRecipe, selection.parameters);
+		case "hairline-tab": return resolveButtonStyleRecipe(hairlineTabRecipe, selection.parameters);
+		case "marquee": return resolveButtonStyleRecipe(marqueeRecipe, selection.parameters);
 		case "fulcrum": return resolveButtonStyleRecipe(fulcrumRecipe, selection.parameters);
 		case "flat-ink": return resolveButtonStyleRecipe(flatInkRecipe, selection.parameters);
 		case "brushed-wash": return resolveButtonStyleRecipe(brushedWashRecipe, selection.parameters);
@@ -10298,20 +10609,15 @@ const headerSchema = z.object({
 const footerVariant = z.enum([
 	"simple",
 	"columns",
-	"split"
-]);
+	"split",
+	"centred"
+]).transform((value) => value === "columns" ? "simple" : value);
 const footerMaxWidth = z.enum(["container", "full"]);
 const footerNavLayoutMode = z.enum([
 	"stack",
 	"inline",
 	"inline-wrap"
 ]);
-const footerNavLayoutAlign = z.enum([
-	"start",
-	"center",
-	"end",
-	"space-between"
-]);
 const footerSpacing = z.enum([
 	"none",
 	"tight",
@@ -10320,12 +10626,6 @@ const footerSpacing = z.enum([
 	"relaxed",
 	"spacious"
 ]);
-const footerLogoPlacement = z.enum([
-	"left",
-	"right",
-	"above",
-	"below"
-]);
 const footerLogoSize = z.enum([
 	"sm",
 	"md",
@@ -10366,17 +10666,8 @@ const footerBottomBarSchema = z.object({
 		]).optional()
 	}).optional()
 });
-const footerNavLayoutSchema = z.object({
-	layout: footerNavLayoutMode.optional(),
-	align: footerNavLayoutAlign.optional(),
-	gapX: footerSpacing.optional(),
-	gapY: footerSpacing.optional(),
-	columns: z.number().int().min(1).max(6).optional()
-});
+const footerNavLayoutSchema = z.object({ layout: footerNavLayoutMode.optional() });
 const footerLogoSchema = z.object({
-	showLogo: z.boolean().default(true),
-	showLogoText: z.boolean().optional(),
-	placement: footerLogoPlacement.optional(),
 	size: footerLogoSize.optional(),
 	maxHeight: footerLogoMaxHeight.optional(),
 	align: z.enum([
@@ -10386,15 +10677,8 @@ const footerLogoSchema = z.object({
 	]).optional()
 });
 const footerSchema = z.object({
-	/**
-	* SDK-only footer rendering mode.
-	*
-	* Historical persisted field; SDK rendering mode now lives in layout.footerMode.
-	*/
-	mode: footerModeSchema.optional(),
 	variant: footerVariant,
 	maxWidth: footerMaxWidth,
-	showLogoText: z.boolean().optional(),
 	background: headerBackgroundSchema.default({
 		type: "color",
 		color: "surface"
@@ -10789,6 +11073,55 @@ function generateOpaquePanelCss(input) {
 		return `:where([data-theme-scope="${input.themeId}"]) ${panel.selector} {\n  ${renderCssDeclarations(declarations)}\n}`;
 	}).join("\n\n");
 }
+//#endregion
+//#region ../theme-core/src/site-styles/footerLookDefaults.ts
+const defaultFooterLookRecipes = {
+	"footer-centred-name": {
+		arrangement: "centred",
+		ground: {
+			kind: "token",
+			token: "surface"
+		},
+		nav: {
+			weight: "regular",
+			colorToken: "text",
+			hoverColorToken: "primary",
+			typography: "body"
+		},
+		legal: {
+			kind: "separate",
+			bar: null
+		},
+		brandAlign: "center"
+	},
+	"footer-links-row": {
+		arrangement: "simple",
+		ground: {
+			kind: "token",
+			token: "surface"
+		},
+		nav: {
+			weight: "regular",
+			colorToken: "text",
+			hoverColorToken: "primary",
+			typography: "body"
+		},
+		legal: { kind: "integrated" },
+		brandAlign: "start"
+	}
+};
+/** A whole authored recipe replaces the default; facets are never deep-merged. */
+function resolveFooterLookRecipe(style, id) {
+	return style?.footerLookRecipes?.[id] ?? defaultFooterLookRecipes[id];
+}
+//#endregion
+//#region ../theme-core/src/site-styles/footerLookRecipe.ts
+/** Reject undeclared references when the curated catalogue is loaded, before rendering. */
+function validateFooterRecipeSurfaces(style, recipe) {
+	[recipe.ground, ...recipe.legal.kind === "separate" && recipe.legal.bar ? [recipe.legal.bar.background] : []].forEach((ground) => {
+		if (ground.kind === "style-surface" && (style.looks.kind !== "offers" || !style.looks.surfaces[ground.surface])) throw new Error(`Undeclared footer surface: ${ground.surface}`);
+	});
+}
 /** Block supply is capability, never a second Look catalogue. */
 const cardListBlockParts = {
 	"block.feature-cards": [
@@ -10822,7 +11155,9 @@ const cardListKnobBlocks = [...cardListFamilyBlocks, "block.event-calendar"];
 const lookKnobBlocks = {
 	actionStyle: cardListKnobBlocks,
 	titleSize: "block.hero",
-	imagePosition: "block.hero",
+	imagePosition: ["block.hero", "block.media-text"],
+	imageShape: "block.media-text",
+	aspectRatio: "block.media-text",
 	stickerLine: "block.hero",
 	smallCaption: "block.hero",
 	candleGlow: "block.hero",
@@ -10832,7 +11167,11 @@ const lookKnobBlocks = {
 	dates: "block.offerings-preview",
 	showCapacity: "block.event-calendar",
 	quoteCount: "block.testimonials",
-	archFrame: "block.testimonials",
+	archFrame: [
+		"block.testimonials",
+		"block.newsletter-signup",
+		"block.form"
+	],
 	tilt: "block.testimonials"
 };
 function isArrangementAppearancePreset(preset) {
@@ -10859,13 +11198,25 @@ function cardListKnobDefaults(block, arrangement, knobs, defaults) {
 		}
 	};
 }
+const arrangementLookTargets = {
+	hero: "hero",
+	"feature-cards": "feature-cards",
+	"event-calendar": "events",
+	testimonials: "testimonials",
+	"event-details": "events",
+	"media-text": "media-text",
+	"image-gallery": "image-gallery",
+	"newsletter-signup": "newsletter",
+	form: "contact-form",
+	"body-text": "body-text"
+};
 function defineArrangementLook(id, block, name, arrangement, knobs, input = {}) {
 	const mode = block === "event-calendar" ? "list" : null;
 	return {
 		id: asAppearancePresetId(id),
 		blockKinds: [`block.${block}`],
 		label: name,
-		target: block === "event-calendar" || block === "event-details" ? "events" : block === "hero" ? "hero" : block === "testimonials" ? "testimonials" : "feature-cards",
+		target: arrangementLookTargets[block],
 		structure: {
 			kind: "arrangement",
 			byMode: { [mode ?? "default"]: arrangement },
@@ -11685,6 +12036,15 @@ const appearancePresets = [
 			eyebrowTreatment: "accent"
 		}
 	}),
+	defineArrangementLook("body-text-reading-column", "body-text", "Reading column", "prose", []),
+	defineArrangementLook("form-beside-introduction-arched-panel", "form", "Introduction beside an arched form", "two-column", [], { slotRoles: { panel: "card" } }),
+	defineArrangementLook("newsletter-signup-in-arch", "newsletter-signup", "Signup in an arch", "arch", []),
+	defineArrangementLook("image-gallery-square-tiles", "image-gallery", "Square tiles", "tiles", []),
+	defineArrangementLook("image-gallery-arched-captions", "image-gallery", "Arched photos with captions", "tiles", [], { styleFallback: [id$1("image-gallery-square-tiles")] }),
+	defineArrangementLook("media-text-circle-beside-text", "media-text", "Circle beside the text", "circle-beside", ["imagePosition"], { forcedKnobs: {
+		imageShape: "circle",
+		aspectRatio: "1/1"
+	} }),
 	defineArrangementLook("hero-photo-beside-text", "hero", "Photo beside the text", "split", heroKnobs, { slotRoles: { sticker: "highlight" } }),
 	defineArrangementLook("hero-headline-row", "hero", "Big headline, then text and photo", "headline-row", heroKnobs, {
 		slotRoles: { sticker: "highlight" },
@@ -14756,52 +15116,14 @@ defineLookOptionGroup({
 function asFooterLookId(value) {
 	return value;
 }
-function quietFooterLinks(theme) {
-	return {
-		...theme.footer,
-		navStyle: "minimal",
-		navWeight: "regular",
-		navColor: "text",
-		navLinkStyle: {
-			typography: "body",
-			fontWeight: "regular",
-			textTransform: "none",
-			italic: false,
-			colorToken: "text",
-			hoverColorToken: "primary",
-			padding: "none",
-			borderRadius: "none"
-		}
-	};
-}
-function emphasizedFooterLinks(theme) {
-	return {
-		...theme.footer,
-		navStyle: "minimal",
-		navWeight: "medium",
-		navColor: "text",
-		navLinkStyle: {
-			typography: "body",
-			fontWeight: "medium",
-			textTransform: "none",
-			italic: false,
-			colorToken: "text",
-			hoverColorToken: "primary",
-			padding: "none",
-			borderRadius: "none"
-		}
-	};
-}
 const footerLookCatalog = defineExactCatalog()([{
-	id: asFooterLookId("footer-links-quiet"),
-	label: "Quiet links",
-	description: "Regular-weight footer navigation with a restrained hover.",
-	compile: quietFooterLinks
+	id: asFooterLookId("footer-links-row"),
+	label: "Links in a row",
+	description: "Your links in a row, with the other footer sections in columns beside them."
 }, {
-	id: asFooterLookId("footer-links-emphasized"),
-	label: "Emphasized links",
-	description: "Medium-weight footer navigation with a clearer emphasis.",
-	compile: emphasizedFooterLinks
+	id: asFooterLookId("footer-centred-name"),
+	label: "Centred name, links beneath",
+	description: "Your site name centred, with your links, contact details and social links beneath it."
 }]);
 new Map(footerLookCatalog.map((look) => [look.id, look]));
 //#endregion
@@ -16643,6 +16965,7 @@ function defineCuratedSiteStyle(input) {
 			recommendedAppearancePresetIds
 		},
 		headerCuration: headerCurationBySiteStyle[input.id],
+		footerLookRecipes: input.footerLookRecipes,
 		recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(asFooterLookId),
 		buttonStyleChoices: input.buttonStyleChoices,
 		paletteRecommendations: input.paletteRecommendations,
@@ -17128,7 +17451,11 @@ const lanternLooks = {
 		margin: "40px"
 	},
 	fontLoading: {
-		extraBodyFontWeights: [500, 700],
+		extraBodyFontWeights: [
+			500,
+			700,
+			800
+		],
 		italicBodyFontWeights: [400]
 	},
 	surfaces: {
@@ -17178,6 +17505,38 @@ const lanternLooks = {
 		]
 	},
 	offers: [
+		{
+			id: id("body-text-reading-column"),
+			treatment: "reading-column",
+			roleMap: lanternRoles
+		},
+		{
+			id: id("form-beside-introduction-arched-panel"),
+			treatment: "arched-panel",
+			addKnobs: ["archFrame"],
+			roleMap: lanternRoles
+		},
+		{
+			id: id("newsletter-signup-in-arch"),
+			treatment: "signup-arch",
+			addKnobs: ["archFrame"],
+			roleMap: lanternRoles
+		},
+		{
+			id: id("image-gallery-square-tiles"),
+			treatment: "square-tiles",
+			roleMap: lanternRoles
+		},
+		{
+			id: id("image-gallery-arched-captions"),
+			treatment: "arched-captions",
+			roleMap: lanternRoles
+		},
+		{
+			id: id("media-text-circle-beside-text"),
+			treatment: "circle-beside",
+			roleMap: lanternRoles
+		},
 		{
 			id: id("event-details-panel"),
 			treatment: "quiet",
@@ -17616,7 +17975,7 @@ const curatedSiteStyles = [
 			"faq-contained-help",
 			"contact-form-panel"
 		],
-		recommendedFooterLookIds: ["footer-links-quiet"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("soft-pill"),
 			buttonChoice("pebble"),
@@ -17735,7 +18094,7 @@ const curatedSiteStyles = [
 			"testimonials-non-carded",
 			"contact-form-panel"
 		],
-		recommendedFooterLookIds: ["footer-links-quiet", "footer-links-emphasized"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("earth-pill"),
 			buttonChoice("soft-pill"),
@@ -17790,7 +18149,41 @@ const curatedSiteStyles = [
 			"testimonials-brand-statement-cards",
 			"contact-form-panel"
 		],
-		recommendedFooterLookIds: ["footer-links-emphasized", "footer-links-quiet"],
+		footerLookRecipes: { "footer-links-row": {
+			arrangement: "split",
+			ground: {
+				kind: "token",
+				token: "primary-800"
+			},
+			nav: {
+				weight: "medium",
+				colorToken: "primaryForeground",
+				hoverColorToken: "secondary",
+				typography: "body"
+			},
+			legal: {
+				kind: "separate",
+				bar: {
+					fullBleed: true,
+					background: {
+						kind: "token",
+						token: "primary-900"
+					},
+					textColor: "primaryForeground",
+					textAlign: "center",
+					paddingY: "compact",
+					paddingX: "default",
+					borderTop: { width: "none" }
+				},
+				linkStyle: {
+					colorToken: "secondary",
+					decorationColorToken: "secondary"
+				}
+			},
+			brandAlign: "start",
+			brandLogoSize: "sm"
+		} },
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("showtime-pill"),
 			buttonChoice("confident-chip"),
@@ -17861,7 +18254,7 @@ const curatedSiteStyles = [
 			"testimonials-statement-cards",
 			"contact-form-panel"
 		],
-		recommendedFooterLookIds: ["footer-links-emphasized", "footer-links-quiet"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("ornate-ritual"),
 			buttonChoice("joy-stamp"),
@@ -17908,7 +18301,22 @@ const curatedSiteStyles = [
 			} }
 		},
 		recommendedAppearancePresetIds: ["feature-cards-bold-colors", "testimonials-statement-cards"],
-		recommendedFooterLookIds: ["footer-links-emphasized", "footer-links-quiet"],
+		footerLookRecipes: { "footer-links-row": {
+			arrangement: "simple",
+			ground: {
+				kind: "token",
+				token: "surface"
+			},
+			nav: {
+				weight: "medium",
+				colorToken: "text",
+				hoverColorToken: "primary",
+				typography: "body"
+			},
+			legal: { kind: "integrated" },
+			brandAlign: "start"
+		} },
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("joy-stamp"),
 			buttonChoice("ink-stamp"),
@@ -17960,7 +18368,7 @@ const curatedSiteStyles = [
 			},
 			testimonialQuote: serifDisplayQuote
 		},
-		recommendedFooterLookIds: ["footer-links-quiet"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("fulcrum"),
 			buttonChoice("editorial-link"),
@@ -18037,7 +18445,7 @@ const curatedSiteStyles = [
 			"faq-base-accordion",
 			"booking-brand-band"
 		],
-		recommendedFooterLookIds: ["footer-links-quiet"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("quiet-arrow", void 0, { secondaryTreatment: "solid-accent" }),
 			buttonChoice("flat-ink"),
@@ -18075,7 +18483,22 @@ const curatedSiteStyles = [
 			accordions: boldBorderedAccordionSystem,
 			testimonialQuote: accentGlyphQuote
 		},
-		recommendedFooterLookIds: ["footer-links-emphasized"],
+		footerLookRecipes: { "footer-links-row": {
+			arrangement: "simple",
+			ground: {
+				kind: "token",
+				token: "surface"
+			},
+			nav: {
+				weight: "medium",
+				colorToken: "text",
+				hoverColorToken: "primary",
+				typography: "body"
+			},
+			legal: { kind: "integrated" },
+			brandAlign: "start"
+		} },
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("offset-block"),
 			buttonChoice("ink-stamp"),
@@ -18114,8 +18537,29 @@ const curatedSiteStyles = [
 			accordions: warmInsetAccordionSystem,
 			testimonialQuote: serifDisplayQuote
 		},
-		recommendedFooterLookIds: ["footer-links-quiet"],
+		footerLookRecipes: { "footer-centred-name": {
+			arrangement: "centred",
+			ground: {
+				kind: "style-surface",
+				surface: "deep"
+			},
+			nav: {
+				weight: "regular",
+				colorToken: "text",
+				hoverColorToken: "primary",
+				typography: "heading"
+			},
+			legal: {
+				kind: "separate",
+				bar: null
+			},
+			brandAlign: "center"
+		} },
+		recommendedFooterLookIds: ["footer-centred-name", "footer-links-row"],
 		buttonStyleChoices: [
+			buttonChoice("gilt-slab"),
+			buttonChoice("hairline-tab"),
+			buttonChoice("marquee"),
 			buttonChoice("ringed-pill"),
 			buttonChoice("earth-pill"),
 			buttonChoice("editorial-link")
@@ -18150,7 +18594,7 @@ const curatedSiteStyles = [
 			accordions: editorialDividedAccordionSystem,
 			testimonialQuote: serifDisplayQuote
 		},
-		recommendedFooterLookIds: ["footer-links-quiet"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("flat-ink", void 0, { corners: "square" }),
 			buttonChoice("editorial-link"),
@@ -18178,6 +18622,7 @@ function curatedStyleTemplate(input) {
 }
 curatedSiteStyles.forEach((style) => {
 	if (style.looks.kind === "offers") validateLookFallbacks(style.looks);
+	(/* @__PURE__ */ new Set([...Object.values(style.footerLookRecipes ?? {}), ...style.recommendedFooterLookIds.map((id) => resolveFooterLookRecipe(style, id))])).forEach((recipe) => validateFooterRecipeSurfaces(style, recipe));
 });
 //#endregion
 //#region ../theme-core/src/inputs/checkable.ts
@@ -27897,7 +28342,7 @@ const containerResponsiveThemeCss = `/*
 /* -----------------------------------------------------------------------------
  * Event section head — split (heading left, intro right)
  * Rendered by the block frame (outside [data-block="event-calendar"]) via
- * eventSectionHeaderLayoutNodes({ splitClassName }). Lays the heading and its
+ * sectionHeaderLayoutNodes({ splitClassName }). Lays the heading and its
  * supporting intro out as a two-column head on wide viewports, stacking on
  * narrow ones. The section band above provides the distinct background.
  * ----------------------------------------------------------------------------- */
@@ -33596,6 +34041,26 @@ const containerResponsiveThemeCss = `/*
 .theme-scope [data-arrangement] [data-event-list-empty] [data-slot="action"] { margin: 0; padding: 0; border: 0; background: none; color: var(--rb-surface-text-color); font: inherit; text-decoration: underline; text-underline-offset: 0.2em; cursor: pointer; }
 .theme-scope [data-arrangement] [data-event-list-empty] [data-slot="action"] button { margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: inherit; cursor: pointer; }
 
+/* ---------------------------------------------------- image gallery: tiles */
+.theme-scope [data-arrangement="tiles"]:not(:has([data-slot="heading"], [data-slot="intro"], [data-slot="photo"], [data-placeholder-field])) { display: none; }
+.theme-scope [data-arrangement="tiles"] [data-slot="items"] {
+  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: var(--rb-skin-gallery-gap, 1.5rem); list-style: none; padding: 0;
+  margin: 0 auto; max-width: 64rem;
+}
+.theme-scope [data-arrangement="tiles"] [data-slot="item"] { min-width: 0; margin: 0; }
+.theme-scope [data-arrangement="tiles"] [data-slot="figure"] { display: grid; gap: 0; align-items: stretch; min-width: 0; margin: 0; }
+.theme-scope [data-arrangement="tiles"] [data-slot="media"] { aspect-ratio: 1; overflow: hidden; }
+.theme-scope [data-arrangement="tiles"] [data-slot="photo"] { width: 100%; height: 100%; object-fit: cover; }
+.theme-scope [data-arrangement="tiles"] [data-slot="item"]:not(:has([data-slot="photo"], [data-placeholder-field])),
+.theme-scope [data-arrangement="tiles"] [data-slot="items"]:not(:has([data-slot="photo"], [data-placeholder-field])) { display: none; }
+.theme-scope [data-arrangement="tiles"] [data-slot="head"]:not(:has(*)) { display: none; }
+@container rb-site (max-width: 767px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+.theme-scope:is(*, :scope) [data-arrangement="tiles"] [data-slot="items"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+}
+
 /* Bounded style skins (issue 1575, D14): one stylesheet per arrangement style, keyed on data-skin. */
 
 /* =============================================================================
@@ -34639,6 +35104,7 @@ const containerResponsiveThemeCss = `/*
 
 /* Section heads: centred under the lozenge rule. */
 [data-skin="lantern"] [data-arrangement] [data-slot="head"] {
+  grid-template-columns: minmax(0, 1fr);
   position: relative;
   justify-items: center;
   text-align: center;
@@ -35324,6 +35790,254 @@ const containerResponsiveThemeCss = `/*
 [data-skin="lantern"] [data-card-list-item] [data-slot="dates"] { gap: 0.5rem; }
 [data-skin="lantern"] [data-card-list-item] [data-slot="dates"] [data-slot="date"] { padding: 0.625rem 0.75rem; border: 1px solid var(--rb-surface-line-color); border-radius: var(--lantern-tablet); }
 
+/* Centred footer: the same lozenge head over a quiet, deep-ground ending. */
+[data-skin="lantern"] [data-arrangement="footer-centred"] { padding-block: 5.5rem 2.25rem; border-top: 0; text-align: center; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] > [data-slot="stack"] { padding-block: 0; gap: 0; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="head"] { margin-bottom: 0; gap: 0.75rem; width: 100%; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="heading"] { font-size: clamp(2rem, 3cqi, 2.5rem); line-height: 1.1; margin-top: 0.25rem; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="intro"] { --rb-surface-text-color: var(--rb-surface-muted-color); font-size: 1.125rem; line-height: 1.55; color: var(--rb-surface-muted-color); }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="navigation"] { font-family: var(--font-heading); font-size: 1.125rem; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] > [data-slot="stack"] > [data-slot="navigation"] { margin-top: 2.25rem; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="navigation"] [data-slot="stack"]:has(> :not([data-slot])) { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 0.5rem 2.5rem; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="contact"] { margin-top: 1.75rem; gap: 0.5rem 1.75rem; font-size: 1.0625rem; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="contact"] [data-slot="stack"] { gap: 0.5rem 1.75rem; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="schedule"] { margin-top: 0.75rem; width: min(100%, 20rem); align-self: center; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] > [data-slot="stack"] > [data-slot="social"] { margin-top: 1.75rem; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="social"] [data-slot="social"] { justify-content: center; gap: 0.75rem; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="social"] [data-slot="social"] > * { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--rb-surface-mark-color); border-radius: 50%; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="social"] [data-slot="social"] > * > * { width: 19px; height: 19px; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="panel"] { margin-top: 2.5rem; max-width: 36rem; width: 100%; margin-inline: auto; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="base"] { --rb-surface-text-color: var(--rb-surface-muted-color); --rb-surface-link-color: var(--rb-surface-muted-color); gap: 0.5rem 1.5rem; font-size: 0.9375rem; color: var(--rb-surface-muted-color); }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="stack"] > [data-slot="base"] { margin-top: 3.5rem; padding: 1.5rem 0 0; border-top: 1px solid var(--rb-surface-line-color); }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="base"] > [data-slot="base"] { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="base"] [data-slot="navigation"] { font-family: var(--font-body); font-size: inherit; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="caption"] { font-size: inherit; letter-spacing: normal; }
+
+@container rb-site (max-width: 767px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+[data-skin="lantern"]:is(*, :scope) [data-arrangement="footer-centred"] { padding-top: 4rem; }
+  [data-skin="lantern"]:is(*, :scope) [data-arrangement="footer-centred"] [data-slot="navigation"] [data-slot="stack"]:has(> :not([data-slot])) { gap: 0.5rem 1.5rem; }
+  [data-skin="lantern"]:is(*, :scope) [data-arrangement="footer-centred"] [data-slot="base"] > [data-slot="base"] { justify-content: center; text-align: center; }
+}
+}
+
+/* Leaf utilities inherit the decided footer type, including the quieter legal row. */
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="navigation"] * { font-family: inherit; font-size: inherit; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="contact"] * { font-family: var(--font-body); font-size: inherit; }
+
+/* Visual review: contact emphasis, quiet hours, and balanced sparse/panel endings. */
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="contact"] > [data-slot="stack"] > [data-slot="stack"] > * { text-decoration: underline; text-decoration-color: var(--rb-surface-mark-color); text-decoration-thickness: 1.5px; text-underline-offset: 5px; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="contact"] > [data-slot="stack"] > :not([data-slot]) { font-style: normal; opacity: 1; color: var(--rb-surface-muted-color); }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="schedule"] [data-slot="inline"] > :first-child { text-transform: none; letter-spacing: normal; font-weight: 500; font-size: inherit; }
+[data-skin="lantern"] [data-arrangement="footer-centred"]:not(:has([data-slot="base"])) { padding-bottom: 4rem; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] > [data-slot="panel"] { margin-bottom: 3.5rem; }
+[data-skin="lantern"] [data-arrangement="footer-centred"][data-slot="section"] [data-slot="head"]::after { border-width: 1.5px; }
+[data-skin="lantern"] [data-arrangement="footer-centred"] [data-slot="panel"] [data-slot="group-label"] { font-family: var(--font-body); font-weight: 500; font-size: 0.8125rem; letter-spacing: 0.08em; color: var(--rb-surface-text-color); }
+
+/* ================================================= MEDIA TEXT: CIRCLE BESIDE
+ * Kept separate from footer dressing for concurrent footer work.
+ */
+[data-skin="lantern"] [data-treat="circle-beside"] [data-slot="frame"] {
+  display: grid;
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+  column-gap: var(--rb-skin-gutter);
+  align-items: center;
+}
+[data-skin="lantern"] [data-treat="circle-beside"] [data-slot="media"] { grid-column: 1 / 6; min-width: 0; }
+[data-skin="lantern"] [data-treat="circle-beside"] [data-slot="copy"] {
+  grid-column: 7 / 13;
+  display: grid;
+  gap: var(--rb-skin-copy-gap);
+  justify-items: start;
+  max-width: 34rem;
+}
+[data-skin="lantern"] [data-treat="circle-beside"][data-knob-image-position="right"] [data-slot="media"] { grid-column: 8 / 13; grid-row: 1; }
+[data-skin="lantern"] [data-treat="circle-beside"][data-knob-image-position="right"] [data-slot="copy"] { grid-column: 1 / 7; grid-row: 1; }
+[data-skin="lantern"] [data-treat="circle-beside"] [data-slot="head"]:not(:has(*)) { display: none; }
+[data-skin="lantern"] [data-treat="circle-beside"] [data-slot="head"] {
+  justify-self: start;
+  justify-items: start;
+  text-align: start;
+  margin: 0;
+  padding-top: 2rem;
+}
+[data-skin="lantern"] [data-treat="circle-beside"] [data-slot="head"] > [data-slot="heading"] { text-align: start; }
+[data-skin="lantern"] [data-treat="circle-beside"] [data-slot="head"]::before {
+  left: 0;
+  transform: none;
+  background: linear-gradient(to right, transparent 0 18px, var(--rb-surface-mark-color) 18px) center 4px / 52px 1px no-repeat;
+  width: 52px;
+  height: 9px;
+}
+[data-skin="lantern"] [data-treat="circle-beside"] [data-slot="head"]::after { left: 1px; transform: rotate(45deg); }
+[data-skin="lantern"] [data-treat="circle-beside"] [data-slot="intro"] { font-size: 1.1875rem; line-height: 1.65; max-width: none; color: var(--rb-surface-muted-color); }
+[data-skin="lantern"] [data-treat="circle-beside"] [data-slot="intro"] > [data-slot="lede"] { font-size: inherit; line-height: inherit; color: var(--rb-surface-text-color); }
+[data-skin="lantern"] [data-treat="circle-beside"][data-has-photo="false"] [data-slot="media"]:not(:has([data-placeholder-field])) { display: none; }
+[data-skin="lantern"] [data-treat="circle-beside"][data-has-photo="false"] [data-slot="frame"]:not(:has([data-placeholder-field])) > [data-slot="copy"] { grid-column: 1 / -1; grid-row: auto; }
+[data-skin="lantern"] [data-treat="circle-beside"] [data-placeholder-field] { aspect-ratio: 1; height: auto; border-radius: 50%; overflow: hidden; }
+@container rb-site (max-width: 767px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+[data-skin="lantern"]:is(*, :scope) [data-treat="circle-beside"] [data-slot="frame"] { grid-template-columns: minmax(0, 1fr); row-gap: 2.5rem; }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="circle-beside"] [data-slot="frame"] > [data-slot="media"] { grid-column: 1 / -1; grid-row: auto; width: 76%; justify-self: center; }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="circle-beside"] [data-slot="frame"] > [data-slot="copy"] { grid-column: 1 / -1; grid-row: auto; }
+}
+}
+
+/* ---------------------------------------------------- image gallery: Lucy Looks */
+[data-skin="lantern"] [data-arrangement="tiles"] [data-slot="head"] { width: 100%; }
+[data-skin="lantern"] [data-arrangement="tiles"] [data-slot="head"]:not(:has([data-slot="heading"])) { padding-top: 0; }
+[data-skin="lantern"] [data-arrangement="tiles"] [data-slot="head"]:not(:has([data-slot="heading"]))::before,
+[data-skin="lantern"] [data-arrangement="tiles"] [data-slot="head"]:not(:has([data-slot="heading"]))::after { display: none; }
+[data-skin="lantern"] [data-treat="square-tiles"] [data-slot="items"] { --rb-skin-gallery-gap: 0; border-radius: var(--rb-skin-radius, 10px); overflow: hidden; }
+[data-skin="lantern"] [data-treat="square-tiles"] [data-slot="caption"] { display: none; }
+[data-skin="lantern"] [data-treat="arched-captions"] [data-slot="items"] { --rb-skin-gallery-gap: clamp(1rem, 3cqi, 2.5rem); align-items: start; }
+[data-skin="lantern"] [data-treat="arched-captions"] [data-slot="item"]:nth-child(3n + 2) { transform: translateY(4.5rem); }
+[data-skin="lantern"] [data-treat="arched-captions"] [data-slot="items"]:has([data-slot="item"]:nth-child(3n + 2)) { padding-bottom: 4.5rem; }
+[data-skin="lantern"] [data-treat="arched-captions"] [data-slot="media"] { aspect-ratio: 3 / 4; border-radius: var(--lantern-arch); }
+[data-skin="lantern"] [data-treat="arched-captions"] [data-slot="caption"] { margin-top: 1rem; text-align: center; font-size: 1rem; line-height: 1.5; color: var(--rb-surface-muted-color); }
+@container rb-site (max-width: 767px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+[data-skin="lantern"]:is(*, :scope) [data-treat="arched-captions"] [data-slot="item"]:nth-child(3n + 2) { transform: none; }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="arched-captions"] [data-slot="item"]:nth-child(2n) { transform: translateY(3rem); }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="arched-captions"] [data-slot="items"]:has([data-slot="item"]:nth-child(3n + 2)) { padding-bottom: 0; }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="arched-captions"] [data-slot="items"]:has([data-slot="item"]:nth-child(2n)) { padding-bottom: 3rem; }
+}
+}
+
+/* ---------------------------------------------------- newsletter: Signup in an arch */
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="frame"] {
+  display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center;
+  text-align: center; gap: 1.125rem; width: 100%; max-width: 53.75rem; margin-inline: auto;
+  padding: 7rem clamp(1.5rem, 5cqi, 5rem) 3rem;
+  border: 1px solid var(--rb-surface-mark-color); border-bottom: 0; border-radius: var(--lantern-arch-wide);
+}
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="frame"]::before {
+  content: ""; position: absolute; inset: 8px 8px 0; pointer-events: none;
+  border: 1px solid var(--rb-surface-mark-color); border-bottom: 0; border-radius: var(--lantern-arch-wide); opacity: 0.55;
+}
+[data-skin="lantern"] [data-treat="signup-arch"][data-knob-arch-frame="false"] [data-slot="frame"] { border-color: transparent; }
+[data-skin="lantern"] [data-treat="signup-arch"][data-knob-arch-frame="false"] [data-slot="frame"]::before { display: none; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="head"] { margin: 0; width: 100%; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="head"]:not(:has(*)) { display: none; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="head"]:not(:has([data-slot="heading"])) { padding-top: 0; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="head"]:not(:has([data-slot="heading"]))::before,
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="head"]:not(:has([data-slot="heading"]))::after { display: none; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="intro"] { --rb-surface-text-color: var(--rb-surface-muted-color); color: var(--rb-surface-muted-color); }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="panel"] { width: 100%; max-width: 44rem; margin-top: 1.25rem; text-align: left; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="grid"] { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; align-items: end; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="items"] { display: contents; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="item"] { display: grid; gap: 0.4rem; min-width: 0; flex: 1 1 12rem; margin: 0; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="row"] { display: grid; gap: 0.4rem; min-width: 0; flex: 1.35 1 16rem; margin: 0; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="fact-label"] { font-size: 1rem; font-weight: 500; color: var(--rb-surface-text-color); }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="control"] {
+  width: 100%; min-width: 0; min-height: 52px; padding: 0.8rem 1.25rem;
+  border: 1px solid var(--rb-surface-muted-color); border-radius: 9999px;
+  background: transparent; color: var(--rb-surface-text-color); font-family: var(--font-body); font-size: 1.0625rem; line-height: 1.4;
+}
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="control"]::placeholder { color: var(--rb-surface-muted-color); opacity: 1; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="control"]:focus-visible { outline: 2px solid var(--rb-surface-mark-color); outline-offset: 2px; border-color: var(--rb-surface-mark-color); }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="actions"] { margin: 0; flex: 0 0 auto; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="action"] { min-height: 52px; padding-block: 0; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="grid"] > :not([data-slot]) { flex-basis: 100%; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="caption"] { margin-top: 1.25rem; font-size: 1rem; line-height: 1.5; color: var(--rb-surface-muted-color); text-align: center; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="outcome"] { width: 100%; margin-top: 1rem; font-family: var(--font-heading); font-size: 1.5rem; line-height: 1.3; text-align: center; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="frame"]:not(:has([data-slot="heading"])) { padding-top: 4.5rem; }
+[data-skin="lantern"] [data-treat="signup-arch"][data-knob-arch-frame="false"] [data-slot="frame"] { padding-top: 0; }
+[data-skin="lantern"] [data-treat="signup-arch"] [data-slot="panel"]:not(:has([data-slot="item"])) { max-width: 34rem; }
+@container rb-site (max-width: 767px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+[data-skin="lantern"]:is(*, :scope) [data-treat="signup-arch"] [data-slot="frame"] { padding: 5rem 1.25rem 2.5rem; }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="signup-arch"] [data-slot="grid"] { flex-direction: column; align-items: stretch; }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="signup-arch"] :is([data-slot="item"], [data-slot="row"], [data-slot="actions"]) { flex: none; width: 100%; }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="signup-arch"] [data-slot="action"] { width: 100%; }
+}
+}
+
+/* ---------------------------------------------------- form: beside introduction, arched panel */
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="frame"] { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 2rem; align-items: start; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="copy"] { grid-column: 1 / 6; padding-top: 0; min-width: 0; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="head"] { padding-top: 5rem; display: grid; justify-items: start; justify-self: start; margin-inline: 0; width: 100%; text-align: left; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="head"] > :is([data-slot="heading"], [data-slot="intro"]) { text-align: left; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="head"]::before { width: 52px; height: 9px; left: 0; transform: none; background: linear-gradient(to right, transparent 0 18px, var(--rb-surface-mark-color) 18px) center 4px / 52px 1px no-repeat; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="head"]::after { left: 0; transform: rotate(45deg); }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="intro"] { font-size: 1.1875rem; line-height: 1.65; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="head"]:not(:has([data-slot="heading"])) { padding-top: 0; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="head"]:not(:has([data-slot="heading"]))::before,
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="head"]:not(:has([data-slot="heading"]))::after { display: none; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="copy"]:not(:has([data-slot="heading"], [data-slot="intro"])) { display: none; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="panel"] {
+  grid-column: 7 / 13; min-width: 0; padding: 5.5rem clamp(1.5rem, 3cqi, 2.75rem) 2.5rem;
+  border: 1px solid var(--rb-surface-mark-color); border-radius: 50% 50% var(--rb-skin-radius, 10px) var(--rb-skin-radius, 10px) / 140px 140px var(--rb-skin-radius, 10px) var(--rb-skin-radius, 10px);
+}
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="panel"]::before {
+  content: ""; position: absolute; inset: 8px 8px auto; height: 160px; pointer-events: none;
+  border: 1px solid var(--rb-surface-mark-color); border-bottom: 0; border-radius: 50% 50% 0 0 / 132px 132px 0 0; opacity: 0.55;
+  mask-image: linear-gradient(currentcolor 40%, transparent);
+}
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="frame"]:not(:has([data-slot="heading"], [data-slot="intro"])) > [data-slot="panel"] { grid-column: 1 / -1; width: 100%; max-width: 44rem; margin-inline: auto; }
+[data-skin="lantern"] [data-treat="arched-panel"][data-knob-arch-frame="false"] [data-slot="panel"] { border-color: transparent; border-radius: var(--rb-skin-radius, 10px); padding-top: 2.5rem; }
+[data-skin="lantern"] [data-treat="arched-panel"][data-knob-arch-frame="false"] [data-slot="panel"]::before { display: none; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="grid"] { display: grid; gap: 1.25rem; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="group"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="item"] { min-width: 0; margin: 0; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="fact-label"] { font-weight: 500; color: var(--rb-surface-text-color); font-size: 1rem; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="control"] {
+  width: 100%; min-width: 0; padding: 0.875rem 1rem; border: 1px solid var(--rb-surface-muted-color);
+  border-radius: var(--rb-skin-radius, 10px); background: transparent; color: var(--rb-surface-text-color); font-family: var(--font-body); font-size: 1.0625rem;
+}
+[data-skin="lantern"] [data-treat="arched-panel"] [data-control="select"] { padding-right: 2.5rem; background-image: linear-gradient(45deg, transparent 50%, var(--rb-surface-text-color) 50%), linear-gradient(135deg, var(--rb-surface-text-color) 50%, transparent 50%); background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size: 6px 6px; background-repeat: no-repeat; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="intro"] > [data-slot="lede"] { font-size: inherit; line-height: inherit; color: var(--rb-surface-text-color); }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="control"]::placeholder { color: var(--rb-surface-muted-color); opacity: 1; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="mark"] { border-color: var(--rb-surface-muted-color); }
+[data-skin="lantern"] [data-treat="arched-panel"] :is([data-slot="control"], [data-slot="mark"]):focus-visible { outline: 2px solid var(--rb-surface-mark-color); outline-offset: 2px; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="actions"] { margin-top: 0.5rem; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="inline"] { display: flex; flex-wrap: wrap; gap: 1rem; }
+[data-skin="lantern"] [data-treat="arched-panel"] [data-slot="outcome"] { padding: 1rem 0 2rem; text-align: center; font-family: var(--font-heading); font-size: 1.5rem; line-height: 1.3; color: var(--rb-surface-text-color); }
+@container rb-site (max-width: 1023px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+[data-skin="lantern"]:is(*, :scope) [data-treat="arched-panel"] [data-slot="frame"] { grid-template-columns: minmax(0, 1fr); }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="arched-panel"] :is([data-slot="copy"], [data-slot="panel"]) { grid-column: 1 / -1; }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="arched-panel"] [data-slot="copy"] { padding-top: 0; }
+}
+}
+@container rb-site (max-width: 767px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+[data-skin="lantern"]:is(*, :scope) [data-treat="arched-panel"] [data-slot="panel"] { padding: 4.5rem 1.125rem 1.75rem; border-radius: 50% 50% var(--rb-skin-radius, 10px) var(--rb-skin-radius, 10px) / 90px 90px var(--rb-skin-radius, 10px) var(--rb-skin-radius, 10px); }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="arched-panel"] [data-slot="panel"]::before { border-radius: 50% 50% 0 0 / 84px 84px 0 0; height: 110px; }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="arched-panel"][data-knob-arch-frame="false"] [data-slot="panel"] { padding-top: 1.75rem; border-radius: var(--rb-skin-radius, 10px); }
+  [data-skin="lantern"]:is(*, :scope) [data-treat="arched-panel"] [data-slot="group"] { grid-template-columns: minmax(0, 1fr); }
+}
+}
+
+/* Lucy slice 5 — Reading column. Existing rich-text nodes carry semantic hooks. */
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="copy"] { width: 100%; max-width: 36rem; margin-inline: auto; align-items: stretch; gap: 1.25rem; text-align: left; }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="item-body"] { width: 100%; font-size: 1.1875rem; line-height: 1.7; text-align: left; }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="lede"] { font-size: clamp(1.3125rem, 1.8cqi, 1.5rem); line-height: 1.55; color: var(--rb-surface-text-color); }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="heading"] { position: relative; padding-top: 2rem; margin-block: 2.25rem 1.25rem; font-size: clamp(1.75rem, 2.6cqi, 2.125rem); line-height: 1.12; text-align: center; color: var(--rb-surface-heading-color); }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="heading"]::before { content: ""; position: absolute; top: 0; left: 50%; width: 92px; height: 9px; transform: translateX(-50%); background: linear-gradient(to right, var(--rb-surface-mark-color) 0 34px, transparent 34px 58px, var(--rb-surface-mark-color) 58px) center 4px / 92px 1px no-repeat; }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="heading"]::after { content: ""; position: absolute; top: 1px; left: 50%; width: 7px; height: 7px; border: 1.5px solid var(--rb-surface-mark-color); transform: translateX(-50%) rotate(45deg); }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="quote"] { position: relative; margin: 2rem 0; padding: 2.25rem 0.5rem 2rem; border: 0; border-bottom: 1px solid var(--rb-surface-line-color); text-align: center; font-family: var(--font-heading); font-size: clamp(1.5rem, 2.3cqi, 1.875rem); line-height: 1.3; text-wrap: balance; color: var(--rb-surface-heading-color); }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="quote"] > * { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="quote"]::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(to right, var(--rb-surface-line-color) 0 calc(50% - 12px), transparent calc(50% - 12px) calc(50% + 12px), var(--rb-surface-line-color) calc(50% + 12px)); }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="quote"]::after { content: ""; position: absolute; top: -4px; left: 50%; width: 9px; height: 9px; border: 1.5px solid var(--rb-surface-mark-color); transform: translateX(-50%) rotate(45deg); }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="photo"] { display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 4 / 3; object-fit: cover; margin: 1.5rem 0; border-radius: 50% 50% 0 0 / 90px 90px 0 0; }
+@container rb-site (min-width: 1024px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+[data-skin="lantern"]:is(*, :scope) [data-treat="reading-column"] [data-slot="photo"] { width: calc(100% + 12rem); margin-inline: -6rem; border-radius: var(--lantern-arch-wide); }
+}
+}
+
+/* Reading-column flow owns one gap; optional title spans the whole column. */
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="item-body"] { display: grid; gap: 1.25rem; }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="item-body"] > * { margin-block: 0; }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="item-body"] > [data-slot="heading"] { margin-top: 2.25rem; }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="item-body"] > [data-slot="quote"] { margin-block: 2rem; }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="item-body"] > [data-slot="photo"] { margin-block: 1.5rem; }
+[data-skin="lantern"] [data-treat="reading-column"] [data-slot="copy"] > [data-slot="heading"] { width: 100%; margin-top: 0; font-size: clamp(2.25rem, 3.9cqi, 3.375rem); }
+
+/* Rich-text links use the same ink and decorative underline as the mockup. */
+[data-skin="lantern"] [data-treat="circle-beside"] [data-slot="intro"] [data-control="link"] { color: var(--rb-surface-text-color); text-decoration-color: var(--rb-surface-mark-color); text-decoration-thickness: 1.5px; text-underline-offset: 5px; }
+
 /* =============================================================================
  * Measure skin (issue 1575 Phase 1b, D14).
  *