@riverbankcms/sdk 0.153.0 → 0.154.0

package/dist/server/page-converter.mjs

@@ -2896,14 +2896,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 {
@@ -3275,6 +3267,25 @@ function validateBookingPaymentOptionKinds(kinds) {
 	return ok(void 0);
 }
 //#endregion
+//#region ../core/src/date-time-formatter.ts
+/** Shared Intl engine, internal to core's date presentation owners. */
+const FORMATTER_CACHE_LIMIT = 100;
+const dateTimeFormatterCache = /* @__PURE__ */ new Map();
+function getDateTimeFormatter(locale, timeZone, format) {
+	const key = `${locale}\u0000${timeZone}\u0000${JSON.stringify(Object.entries(format).sort(([left], [right]) => left.localeCompare(right)))}`;
+	const cached = dateTimeFormatterCache.get(key);
+	if (cached !== void 0) return cached;
+	if (typeof locale !== "string" || Intl.DateTimeFormat.supportedLocalesOf([locale]).length === 0) throw new RangeError("An explicit supported locale is required");
+	if (typeof timeZone !== "string" || timeZone.length === 0) throw new RangeError("An explicit time zone is required");
+	const formatter = new Intl.DateTimeFormat(locale, {
+		...format,
+		timeZone
+	});
+	if (dateTimeFormatterCache.size >= FORMATTER_CACHE_LIMIT) dateTimeFormatterCache.clear();
+	dateTimeFormatterCache.set(key, formatter);
+	return formatter;
+}
+//#endregion
 //#region ../core/src/booking-time-zone.ts
 const TIME_ZONE_VALIDITY_CACHE_LIMIT = 100;
 const timeZoneValidityCache = /* @__PURE__ */ new Map();
@@ -3311,8 +3322,6 @@ const START_OF_DAY = {
 	second: 0
 };
 const LOCAL_DATE_PATTERN = /^(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})$/u;
-const DATE_TIME_FORMATTER_CACHE_LIMIT = 100;
-const dateTimeFormatterCache = /* @__PURE__ */ new Map();
 function getSafeTimeZone(timeZone) {
 	const normalized = typeof timeZone === "string" ? timeZone.trim() : "";
 	return normalized.length > 0 && isValidBookingTimeZone(normalized) ? normalized : FALLBACK_TIMEZONE;
@@ -3329,19 +3338,7 @@ function formatParseError(error) {
 	}
 }
 function formatToPartsLookup(date, locale, timeZone, format) {
-	return new Map(getCachedDateTimeFormatter(locale, timeZone, format).formatToParts(date).map((part) => [part.type, part.value]));
-}
-function getCachedDateTimeFormatter(locale, timeZone, format) {
-	const key = `${locale}\u0000${timeZone}\u0000${JSON.stringify(Object.entries(format).sort(([left], [right]) => left.localeCompare(right)))}`;
-	const cached = dateTimeFormatterCache.get(key);
-	if (cached !== void 0) return cached;
-	const formatter = new Intl.DateTimeFormat(locale, {
-		...format,
-		timeZone
-	});
-	if (dateTimeFormatterCache.size >= DATE_TIME_FORMATTER_CACHE_LIMIT) dateTimeFormatterCache.clear();
-	dateTimeFormatterCache.set(key, formatter);
-	return formatter;
+	return new Map(getDateTimeFormatter(locale, timeZone, format).formatToParts(date).map((part) => [part.type, part.value]));
 }
 function getZonedDateTimeParts(date, timeZone) {
 	const parts = formatToPartsLookup(date, "en-GB", timeZone, {
@@ -3429,7 +3426,7 @@ function toScheduledBookingDateTime(input) {
 function formatBookingInstant(isoString, options) {
 	const date = new Date(isoString);
 	if (Number.isNaN(date.getTime())) return isoString;
-	return getCachedDateTimeFormatter(options.locale ?? DEFAULT_LOCALE, getSafeTimeZone(options.timeZone), options.format).format(date);
+	return getDateTimeFormatter(options.locale ?? DEFAULT_LOCALE, getSafeTimeZone(options.timeZone), options.format).format(date);
 }
 function formatBookingDate(input, format = {
 	weekday: "long",
@@ -3554,6 +3551,17 @@ function localScheduleDateTimeToUtcDate(localDate, localTime, timeZone) {
 	return new Date(guess);
 }
 //#endregion
+//#region ../core/src/date-display.ts
+/** Site-language policy, shared by customer emails and public event adapters. */
+function inferSiteDateLocale(siteTimeZone) {
+	if (siteTimeZone === null || siteTimeZone === void 0 || siteTimeZone === "") return "en-US";
+	if (siteTimeZone === "Europe/Dublin") return "en-IE";
+	if (siteTimeZone.startsWith("Europe/")) return "en-GB";
+	if (siteTimeZone.startsWith("Australia/")) return "en-AU";
+	if (siteTimeZone === "Pacific/Auckland" || siteTimeZone === "Pacific/Chatham") return "en-NZ";
+	return "en-US";
+}
+//#endregion
 //#region ../core/src/location.ts
 function normalizeLocationAddressText(value) {
 	if (typeof value !== "string") return null;
@@ -3643,6 +3651,10 @@ function parseGlobalFields(value) {
 			preset: "emailName",
 			name: value.name
 		} : null;
+		case "emailFirstName": return isRequirement(value.firstName) ? {
+			preset: "emailFirstName",
+			firstName: value.firstName
+		} : null;
 		case "emailFirstLast": return isRequirement(value.firstName) && isRequirement(value.lastName) ? {
 			preset: "emailFirstLast",
 			firstName: value.firstName,
@@ -4349,6 +4361,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.
@@ -4464,6 +4499,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"
@@ -4510,24 +4546,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",
@@ -4599,7 +4617,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
@@ -4722,12 +4741,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 })
 });
@@ -5175,6 +5202,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: {
@@ -5916,7 +6224,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([
@@ -5953,7 +6264,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
@@ -9469,7 +9783,10 @@ const buttonStyleRecipes = [
 	offsetBlockRecipe,
 	ringedPillRecipe,
 	squareOutlineRecipe,
-	fulcrumRecipe
+	fulcrumRecipe,
+	giltSlabRecipe,
+	hairlineTabRecipe,
+	marqueeRecipe
 ];
 const recipesById = new Map(buttonStyleRecipes.map((recipe) => [recipe.id, recipe]));
 function findButtonStyleRecipe(id) {
@@ -9485,6 +9802,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);
@@ -11136,20 +11456,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",
@@ -11158,12 +11473,6 @@ const footerSpacing = z.enum([
 	"relaxed",
 	"spacious"
 ]);
-const footerLogoPlacement = z.enum([
-	"left",
-	"right",
-	"above",
-	"below"
-]);
 const footerLogoSize = z.enum([
 	"sm",
 	"md",
@@ -11204,17 +11513,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([
@@ -11224,15 +11524,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"
@@ -11415,7 +11708,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",
@@ -11425,7 +11720,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) {
@@ -11452,13 +11751,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 },
@@ -12278,6 +12589,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" },
@@ -12863,6 +13183,41 @@ function requireThemeColorToken$1(value) {
 	return token;
 }
 //#endregion
+//#region ../theme-core/src/site-styles/siteChromeBackgrounds.ts
+const siteChromeBackgroundColorTokens = toSiteChromeBackgroundColorTokens(backgroundAppearanceColorTokenNames);
+const quickSiteChromeBackgroundColorTokens = toSiteChromeBackgroundColorTokens(backgroundAppearanceQuickColorTokenNames);
+siteChromeBackgroundColorTokens.filter((token) => !quickSiteChromeBackgroundColorTokens.includes(token));
+function parseSiteChromeBackgroundColorToken(value) {
+	const token = parseBackgroundAppearanceColorToken(value);
+	return token ? token : null;
+}
+function toSiteChromeBackgroundColorTokens(tokenNames) {
+	return tokenNames.flatMap((name) => {
+		const token = parseSiteChromeBackgroundColorToken(name);
+		return token ? [token] : [];
+	});
+}
+const backgroundColorTokenSchema = z.unknown().transform((value, ctx) => {
+	const token = parseSiteChromeBackgroundColorToken(value);
+	if (token === null) {
+		ctx.addIssue({
+			code: "custom",
+			message: "Unknown site chrome background colour token"
+		});
+		return z.NEVER;
+	}
+	return token;
+});
+const siteChromeBackgroundOverrideSchema = z.discriminatedUnion("kind", [z.object({ kind: z.literal("default") }).strict(), z.object({
+	kind: z.literal("color"),
+	token: backgroundColorTokenSchema
+}).strict()]);
+z.object({
+	background: siteChromeBackgroundOverrideSchema,
+	navigationLayout: z.enum(["inline-wrap", "stack"])
+}).strict();
+z.object({ background: siteChromeBackgroundOverrideSchema }).strict();
+//#endregion
 //#region ../theme-core/src/site-styles/compilationPlan.ts
 const defaultHeaderBrandPreferences = {
 	brandDisplay: "auto",
@@ -13023,6 +13378,9 @@ function fallbackEndsAtOffer(entry, mode, style, catalogue, visited) {
 appearancePresets.filter(isArrangementAppearancePreset);
 /** Closed structural hooks shared by block arrangements and bounded skins. */
 const arrangementSlotNames = [
+	"contact",
+	"social",
+	"base",
 	"section",
 	"stack",
 	"inline",
@@ -13109,6 +13467,55 @@ function validateOfferKnobs(style, catalogue) {
 	});
 }
 //#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}`);
+	});
+}
+//#endregion
 //#region ../theme-core/src/accordions/siteStyleDefaults.ts
 /**
 * Reusable accordion "looks" for curated site styles.
@@ -13836,52 +14243,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
@@ -15265,6 +15634,7 @@ function defineCuratedSiteStyle(input) {
 			recommendedAppearancePresetIds
 		},
 		headerCuration: headerCurationBySiteStyle[input.id],
+		footerLookRecipes: input.footerLookRecipes,
 		recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(asFooterLookId),
 		buttonStyleChoices: input.buttonStyleChoices,
 		paletteRecommendations: input.paletteRecommendations,
@@ -15750,7 +16120,11 @@ const lanternLooks = {
 		margin: "40px"
 	},
 	fontLoading: {
-		extraBodyFontWeights: [500, 700],
+		extraBodyFontWeights: [
+			500,
+			700,
+			800
+		],
 		italicBodyFontWeights: [400]
 	},
 	surfaces: {
@@ -15800,6 +16174,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",
@@ -16238,7 +16644,7 @@ const curatedSiteStyles = [
 			"faq-contained-help",
 			"contact-form-panel"
 		],
-		recommendedFooterLookIds: ["footer-links-quiet"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("soft-pill"),
 			buttonChoice("pebble"),
@@ -16357,7 +16763,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"),
@@ -16412,7 +16818,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"),
@@ -16483,7 +16923,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"),
@@ -16530,7 +16970,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"),
@@ -16582,7 +17037,7 @@ const curatedSiteStyles = [
 			},
 			testimonialQuote: serifDisplayQuote
 		},
-		recommendedFooterLookIds: ["footer-links-quiet"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("fulcrum"),
 			buttonChoice("editorial-link"),
@@ -16659,7 +17114,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"),
@@ -16697,7 +17152,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"),
@@ -16736,8 +17206,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")
@@ -16772,7 +17263,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"),
@@ -16800,6 +17291,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/site-styles/effectiveArrangement.ts
@@ -16875,21 +17367,6 @@ const blockDesignFallback = {
 };
 blockDesignFallback.sectionSurface, blockDesignFallback.contentFrame, blockDesignFallback.sectionHeight, blockDesignFallback.heroLegibility, blockDesignFallback.imageSurfaceTreatment, blockDesignFallback.imageSurfaceMotion, blockDesignFallback.tileTreatment, blockDesignFallback.eventListTreatment, blockDesignFallback.eyebrowTreatment, blockDesignFallback.accordionIconTreatment, blockDesignFallback.composition;
 //#endregion
-//#region ../theme-core/src/site-styles/siteChromeBackgrounds.ts
-const siteChromeBackgroundColorTokens = toSiteChromeBackgroundColorTokens(backgroundAppearanceColorTokenNames);
-const quickSiteChromeBackgroundColorTokens = toSiteChromeBackgroundColorTokens(backgroundAppearanceQuickColorTokenNames);
-siteChromeBackgroundColorTokens.filter((token) => !quickSiteChromeBackgroundColorTokens.includes(token));
-function parseSiteChromeBackgroundColorToken(value) {
-	const token = parseBackgroundAppearanceColorToken(value);
-	return token ? token : null;
-}
-function toSiteChromeBackgroundColorTokens(tokenNames) {
-	return tokenNames.flatMap((name) => {
-		const token = parseSiteChromeBackgroundColorToken(name);
-		return token ? [token] : [];
-	});
-}
-//#endregion
 //#region ../theme-core/src/site-styles/siteChromeNavPreferences.ts
 const headerNavTypographyPreferenceValues = [
 	"inherit",
@@ -17005,21 +17482,6 @@ z.object({
 }).strict();
 //#endregion
 //#region ../theme-core/src/site-styles/headerPreferencesPersistence.ts
-const backgroundColorTokenSchema = z.unknown().transform((value, ctx) => {
-	const token = parseSiteChromeBackgroundColorToken(value);
-	if (token === null) {
-		ctx.addIssue({
-			code: "custom",
-			message: "Unknown site chrome background colour token"
-		});
-		return z.NEVER;
-	}
-	return token;
-});
-const backgroundOverrideSchema = z.discriminatedUnion("kind", [z.object({ kind: z.literal("default") }).strict(), z.object({
-	kind: z.literal("color"),
-	token: backgroundColorTokenSchema
-}).strict()]);
 const logoTextIntentSchema = z.object({
 	mobileMaxWidth: z.enum([
 		"xs",
@@ -17045,7 +17507,7 @@ const headerPreferencesShape = {
 	navFontRole: z.enum(headerNavTypographyPreferenceValues),
 	navTextSize: z.enum(headerNavFontSizePreferenceValues),
 	interactionPalette: z.union([z.literal("recommended"), z.enum(headerInteractionPaletteValues)]),
-	background: backgroundOverrideSchema,
+	background: siteChromeBackgroundOverrideSchema,
 	structure: structureSchema
 };
 z.object(headerPreferencesShape).strict();
@@ -20304,48 +20766,50 @@ const GAP_VALUE_MAP = {
 };
 //#endregion
 //#region ../blocks/src/system/node/fragments/responsiveTwoColumn.ts
-function responsiveTwoColumn({ image, text, ratioFrom, imagePositionFrom, gapClassName = "rb-gap-6", gapFrom, gapFallback = "comfortable", containerClassName = "rb-flex rb-flex-col rb-md-flex-row", imageWrapperClassName = "rb-w-full rb-shrink-0", textWrapperClassName = "rb-w-full rb-min-w-0 rb-flex-1" }) {
-	const baseClass = !gapFrom ? `${containerClassName} ${gapClassName}`.trim() : containerClassName;
-	const props = { className: { $bind: {
-		from: imagePositionFrom,
-		transforms: [{
-			id: "ui.twoColumnContainerClass",
-			options: {
-				base: baseClass,
-				reverseClass: "rb-md-flex-row-reverse"
-			}
-		}],
-		fallback: baseClass
-	} } };
-	if (gapFrom) props.style = { gap: { $bind: {
-		from: gapFrom,
-		transforms: [{
-			id: "boxStyles.semanticGapValue",
-			options: { fallback: gapFallback }
-		}],
-		fallback: GAP_VALUE_MAP[gapFallback]
-	} } };
-	return el("div", props, [el("div", {
-		className: imageWrapperClassName,
-		style: { flexBasis: { $bind: {
-			from: ratioFrom,
+/** The shared two-column shell keeps Look hooks opt-in and absent for legacy content. */
+function responsiveTwoColumn(config) {
+	return el("div", twoColumnProps(config), [twoColumnWrapper(config, "image", config.image), twoColumnWrapper(config, "text", config.text)]);
+}
+function twoColumnProps(config) {
+	const base = `${config.containerClassName ?? "rb-flex rb-flex-col rb-md-flex-row"} ${config.gapFrom ? "" : config.gapClassName ?? "rb-gap-6"}`.trim();
+	const fallback = config.gapFallback ?? "comfortable";
+	return {
+		...config.lookSlots ? lookSlot("frame") : {},
+		className: { $bind: {
+			from: config.imagePositionFrom,
 			transforms: [{
-				id: "ui.twoColumnFlexBasis",
-				options: { side: "image" }
+				id: "ui.twoColumnContainerClass",
+				options: {
+					base,
+					reverseClass: "rb-md-flex-row-reverse"
+				}
 			}],
-			fallback: "50%"
-		} } }
-	}, [image]), el("div", {
-		className: textWrapperClassName,
+			fallback: base
+		} },
+		...config.gapFrom ? { style: { gap: { $bind: {
+			from: config.gapFrom,
+			transforms: [{
+				id: "boxStyles.semanticGapValue",
+				options: { fallback }
+			}],
+			fallback: GAP_VALUE_MAP[fallback]
+		} } } } : {}
+	};
+}
+function twoColumnWrapper(config, side, child) {
+	const className = side === "image" ? config.imageWrapperClassName ?? "rb-w-full rb-shrink-0" : config.textWrapperClassName ?? "rb-w-full rb-min-w-0 rb-flex-1";
+	return el("div", {
+		...config.lookSlots ? lookSlot(side === "image" ? "media" : "copy") : {},
+		className,
 		style: { flexBasis: { $bind: {
-			from: ratioFrom,
+			from: config.ratioFrom,
 			transforms: [{
 				id: "ui.twoColumnFlexBasis",
-				options: { side: "text" }
+				options: { side }
 			}],
 			fallback: "50%"
 		} } }
-	}, [text])]);
+	}, [child]);
 }
 //#endregion
 //#region ../blocks/src/system/node/fragments/styledCard.ts
@@ -20526,6 +20990,47 @@ function sectionState(opts) {
 	})]);
 }
 //#endregion
+//#region ../blocks/src/system/node/fragments/sectionHead.ts
+const recoverEmptyHeadingWhenActive = {
+	kind: "recover-empty-when-active",
+	placeholder: "Add heading"
+};
+const recoverEmptyDescriptionWhenActive = {
+	kind: "recover-empty-when-active",
+	placeholder: "Add description"
+};
+function sectionHeaderLayoutNodes(options = {}) {
+	const headingNode = text({
+		as: "h2",
+		...lookSlot("heading")
+	}, bind("content.heading"), when("content.heading", { authoringPresence: recoverEmptyHeadingWhenActive }));
+	const descriptionNode = richText({
+		className: "rb-prose rb-max-w-none",
+		...lookSlot("intro")
+	}, bind("content.description"), when("content.description", { authoringPresence: recoverEmptyDescriptionWhenActive }));
+	if (options.splitClassName) return [el("div", {
+		className: options.splitClassName,
+		...lookSlot("head")
+	}, [headingNode, descriptionNode])];
+	return [headingNode, descriptionNode];
+}
+/** Shared optional section copy. Existing consumers keep their description ID. */
+const sectionHeaderFields = (defaultHeading, introLabel = "Description") => [{
+	id: "heading",
+	type: "text",
+	label: "Heading",
+	description: "Main heading for the section",
+	required: false,
+	multiline: false,
+	...defaultHeading === void 0 ? {} : { defaultValue: defaultHeading }
+}, {
+	id: "description",
+	type: "richText",
+	label: introLabel,
+	description: "Optional introductory text",
+	required: false
+}];
+//#endregion
 //#region ../blocks/src/system/fragments/types.ts
 const FRAGMENT_ID_PATTERN = /^[a-z0-9](?:[a-z0-9._-]*[a-z0-9])?$/i;
 const FIELD_ID_PATTERN = /^[a-z][a-zA-Z0-9_-]*$/;
@@ -20858,6 +21363,7 @@ const bodyCopyFragment = defineFragment({
 	],
 	layout: stack({
 		gap: "md",
+		...lookSlot("copy"),
 		className: "body-copy-container",
 		align: { $bind: {
 			from: "content.alignment",
@@ -20866,6 +21372,7 @@ const bodyCopyFragment = defineFragment({
 		} }
 	}, [text({
 		as: "h2",
+		...lookSlot("heading"),
 		className: { $bind: {
 			from: "content.alignment",
 			transforms: [{
@@ -20874,14 +21381,22 @@ const bodyCopyFragment = defineFragment({
 			}],
 			fallback: "body-copy-heading"
 		} }
-	}, when("content.heading"), bind("content.heading")), richText({ className: { $bind: {
-		from: "content.alignment",
-		transforms: [{
-			id: "ui.bodyClassFromAlignment",
-			options: { base: "body-copy-body rb-prose rb-max-w-none" }
-		}],
-		fallback: "body-copy-body rb-prose rb-max-w-none"
-	} } }, bind("content.body"))])
+	}, when("content.heading", { authoringPresence: {
+		kind: "recover-empty-when-active",
+		placeholder: "Add heading"
+	} }), bind("content.heading")), richText({
+		...lookSlot("item-body"),
+		leadParagraphSlot: { $bind: { from: "content._lookSlots.lede" } },
+		lookSlots: { $bind: { from: "content._lookSlots" } },
+		className: { $bind: {
+			from: "content.alignment",
+			transforms: [{
+				id: "ui.bodyClassFromAlignment",
+				options: { base: "body-copy-body rb-prose rb-max-w-none" }
+			}],
+			fallback: "body-copy-body rb-prose rb-max-w-none"
+		} }
+	}, bind("content.body"))])
 });
 //#endregion
 //#region ../blocks/src/system/fragments/library/heroCopy.ts
@@ -21897,8 +22412,19 @@ const formCopyFragment = defineFragment({
 	}],
 	layout: [text({
 		as: "h2",
+		...lookSlot("heading"),
 		className: "form-copy-title"
-	}, when("content.title"), bind("content.title")), richText({ className: "form-copy-intro rb-prose rb-max-w-none" }, when("content.intro"), bind("content.intro"))]
+	}, when("content.title", { authoringPresence: {
+		kind: "recover-empty-when-active",
+		placeholder: "Add heading"
+	} }), bind("content.title")), richText({
+		className: "form-copy-intro rb-prose rb-max-w-none",
+		...lookSlot("intro"),
+		leadParagraphSlot: { $bind: { from: "content._lookSlots.lede" } }
+	}, when("content.intro", { authoringPresence: {
+		kind: "recover-empty-when-active",
+		placeholder: "Add introduction"
+	} }), bind("content.intro"))]
 });
 //#endregion
 //#region ../blocks/src/system/helpers/api-bindings.ts
@@ -21947,6 +22473,7 @@ const formEmbedFragment = defineFragment({
 		}
 	],
 	layout: [form(withApiBindings({
+		lookSlots: { $bind: { from: "content._lookSlots" } },
 		spamProtectionEnabled: { $bind: { from: "$root.spamProtectionEnabled" } },
 		submitLabel: { $bind: { from: "submitLabel" } },
 		successMessage: { $bind: { from: "successMessage" } }
@@ -22200,8 +22727,18 @@ const newsletterCopyFragment = defineFragment({
 	}],
 	layout: [text({
 		as: "h2",
-		className: "newsletter-copy-title"
-	}, when("content.title"), bind("content.title")), richText({ className: "newsletter-copy-subtitle rb-prose rb-max-w-none" }, when("content.subtitle"), bind("content.subtitle"))]
+		className: "newsletter-copy-title",
+		...lookSlot("heading")
+	}, when("content.title", { authoringPresence: {
+		kind: "recover-empty-when-active",
+		placeholder: "Add heading"
+	} }), bind("content.title")), richText({
+		className: "newsletter-copy-subtitle rb-prose rb-max-w-none",
+		...lookSlot("intro")
+	}, when("content.subtitle", { authoringPresence: {
+		kind: "recover-empty-when-active",
+		placeholder: "Add introduction"
+	} }), bind("content.subtitle"))]
 });
 //#endregion
 //#region ../blocks/src/system/fragments/library/newsletterForm.ts
@@ -22269,6 +22806,7 @@ const newsletterFormFragment = defineFragment({
 		}
 	],
 	layout: [el("newsletter-form", withApiBindings({
+		lookSlots: { $bind: { from: "content._lookSlots" } },
 		source: { $bind: {
 			from: "mailingListSource",
 			fallback: "block"
@@ -23761,18 +24299,11 @@ const introBlockDefinition = { manifest: createBlockManifest({
 //#endregion
 //#region ../blocks/src/system/blocks/body-text.ts
 const bodyCopyComposition = composeFragments([{ fragment: bodyCopyFragment }]);
-const proseLayout = styledSection({
-	children: stack({ className: "rb-container" }, bodyCopyComposition.layout),
-	spacing: "medium",
-	baseClass: ""
-});
-const introLayout = styledSection({
-	children: stack({ className: "rb-container" }, bodyCopyComposition.layout),
-	spacing: "medium",
-	baseClass: ""
-});
-const narrowLayout = styledSection({
-	children: stack({ className: "rb-container" }, bodyCopyComposition.layout),
+const bodyTextLayout = styledSection({
+	children: stack({
+		className: "rb-container",
+		...lookSlot("frame")
+	}, bodyCopyComposition.layout),
 	spacing: "medium",
 	baseClass: ""
 });
@@ -23786,11 +24317,11 @@ const bodyTextBlockDefinition = { manifest: createBlockManifest({
 		fragment: bodyCopyFragment,
 		fieldPriority: 0
 	}],
-	layout: proseLayout,
+	layout: bodyTextLayout,
 	variants: {
-		prose: proseLayout,
-		intro: introLayout,
-		narrow: narrowLayout
+		prose: bodyTextLayout,
+		intro: bodyTextLayout,
+		narrow: bodyTextLayout
 	},
 	variantMeaning: { kind: "arrangement" },
 	defaultVariant: "prose",
@@ -24238,6 +24769,52 @@ const singleButtonBlockDefinition = { manifest: createBlockManifest({
 	styleTokens: { spacing: "md" }
 }) };
 //#endregion
+//#region ../blocks/src/system/runtime/lookSurfaces.ts
+const isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+const lookListPresentationSchemaShape = {
+	sectionAction: z.object({
+		label: z.string(),
+		href: z.string()
+	}).optional(),
+	actionSize: z.enum([
+		"sm",
+		"md",
+		"lg"
+	]).optional(),
+	itemActionStyle: z.enum(["button", "link"]).optional(),
+	itemRoles: z.object({
+		container: z.enum([
+			"card",
+			"statement",
+			"highlight"
+		]).optional(),
+		items: z.enum([
+			"card",
+			"statement",
+			"highlight"
+		]).optional(),
+		at: z.partialRecord(z.enum([
+			"first",
+			"last",
+			"middle",
+			"odd",
+			"even"
+		]), z.enum([
+			"card",
+			"statement",
+			"highlight"
+		])).optional()
+	}).optional(),
+	roleSurfaces: z.record(z.enum([
+		"card",
+		"statement",
+		"highlight"
+	]), z.custom((value) => isPlainObject(value) && (value.kind === "inherit" || value.kind === "owned"))).optional(),
+	panelHeading: z.string().optional(),
+	lookSlots: z.partialRecord(z.enum(arrangementSlotNames), z.enum(arrangementSlotNames)).optional(),
+	itemSurfaces: z.record(z.string(), z.custom((value) => isPlainObject(value) && (value.kind === "inherit" || value.kind === "owned"))).optional()
+};
+//#endregion
 //#region ../blocks/src/contracts/runtime.ts
 function decodeSuccess(value) {
 	return {
@@ -24344,6 +24921,7 @@ const formFieldGroupSchema = z.discriminatedUnion("type", [z.object({
 	fields: z.tuple([formFieldSchema, formFieldSchema])
 })]);
 const formSourceSchema = z.object({
+	lookSlots: lookListPresentationSchemaShape.lookSlots,
 	value: formRecordSchema.optional(),
 	siteId: z.string().optional(),
 	apiBaseUrl: z.string().optional(),
@@ -24353,6 +24931,7 @@ const formSourceSchema = z.object({
 	spamProtectionEnabled: z.boolean().optional()
 });
 const formDisplaySchema = z.object({
+	lookSlots: lookListPresentationSchemaShape.lookSlots,
 	kind: z.literal("form"),
 	state: z.enum(["missing", "ready"]),
 	className: z.string().nullable(),
@@ -24373,17 +24952,30 @@ z.object({
 });
 function buildFormDisplay(source) {
 	const form = source.value ?? null;
-	const fields = form?.schemaJson?.fields;
-	const groups = Array.isArray(fields) ? groupFormFields(fields) : [];
+	const fields = formDisplayFields(form);
 	return {
 		kind: "form",
-		state: form ? "ready" : "missing",
+		...source.lookSlots ? { lookSlots: source.lookSlots } : {},
+		state: fields.state,
 		className: source.className ?? null,
-		formId: form?.id ?? null,
+		formId: fields.formId,
 		submitLabel: source.submitLabel?.trim() || "Submit",
 		successMessage: source.successMessage ?? null,
 		form,
-		groups
+		groups: fields.groups
+	};
+}
+function formDisplayFields(form) {
+	if (!form) return {
+		state: "missing",
+		formId: null,
+		groups: []
+	};
+	const fields = form.schemaJson?.fields;
+	return {
+		state: "ready",
+		formId: form.id,
+		groups: Array.isArray(fields) ? groupFormFields(fields) : []
 	};
 }
 const formBlockRuntime = defineProgressiveBlockRuntime({
@@ -24406,18 +24998,27 @@ function fragmentLayoutNode$1(layout) {
 function isNodeDefinitionArray$1(layout) {
 	return Array.isArray(layout);
 }
-const copyLayout = fragmentLayoutNode$1(formCopyFragment.layout);
+const copyLayout = props(lookSlot("head"))(fragmentLayoutNode$1(formCopyFragment.layout));
+const embedLayout$1 = fragmentLayoutNode$1(formEmbedFragment.layout);
 const formSurface = styledContainer({
+	rootProps: lookSlot("panel"),
 	bindFrom: "_containerStyles",
 	constrainWidth: false,
 	baseClassName: "rb-form-surface rb-relative rb-isolate rb-overflow-visible",
-	children: fragmentLayoutNode$1(formEmbedFragment.layout)
+	children: embedLayout$1
 });
 function createFormLayout(variant) {
 	if (variant === "two-column") return styledSection({
-		children: el("div", { className: "rb-container" }, [el("div", { className: "rb-form-two-column rb-grid rb-grid-cols-1 rb-gap-8 rb-lg-grid-cols-2 rb-lg-items-start" }, [stack({
+		children: el("div", {
+			className: "rb-container",
+			...lookSlot("layout")
+		}, [el("div", {
+			className: "rb-form-two-column rb-grid rb-grid-cols-1 rb-gap-8 rb-lg-grid-cols-2 rb-lg-items-start",
+			...lookSlot("frame")
+		}, [stack({
 			gap: "md",
-			className: "rb-form-copy-column"
+			className: "rb-form-copy-column",
+			...lookSlot("copy")
 		}, [copyLayout]), formSurface])]),
 		baseClass: "",
 		spacing: "medium",
@@ -24445,6 +25046,15 @@ const formManifest = createBlockManifest({
 	description: "Renders a saved form definition with server-side submit.",
 	includeContainerStyles: true,
 	fragments: [{ fragment: formCopyFragment }, { fragment: formEmbedFragment }],
+	additionalFields: [{
+		id: "archFrame",
+		type: "boolean",
+		label: "Arch frame",
+		ui: {
+			intent: "display",
+			hidden: true
+		}
+	}],
 	layout: formLayout,
 	variants: {
 		default: formLayout,
@@ -25107,7 +25717,14 @@ const footerNavGroupsLayout = stack({
 }, [text({
 	as: "h3",
 	className: "rb-label",
-	style: textColorStyle("text/70")
+	"data-slot": { $bind: { from: "content.footerRuntime.slots.group-label" } },
+	style: { $bind: {
+		from: "content.footerRuntime.arrangement",
+		transforms: [{
+			id: "layout.footerModuleInkStyle",
+			options: { opacity: 70 }
+		}]
+	} }
 }, when("group.label"), bind("group.label")), stack({
 	gap: "sm",
 	align: "start",
@@ -25137,6 +25754,14 @@ const footerMailingListBindings = {
 	targeting: { $bind: { from: "module.engagement.runtime.targeting" } }
 };
 const footerSpamProtectionBinding = { spamProtectionEnabled: { $bind: { from: "$root.spamProtectionEnabled" } } };
+const brandMedia = media({ className: "rb-h-10 rb-w-auto" }, when("module.showLogo", { equals: true }), when("content.logo"), bind("content", { transforms: [{
+	id: "layout.chromeLogo",
+	options: { surface: "footer-root" }
+}] }));
+const brandTitle = text({
+	as: "strong",
+	className: "footer-logo-text rb-nav-text"
+}, when("module.showTitle", { equals: true }), bind("site.title", { fallback: "Your Site" }));
 const brandLogo = link({
 	href: "/",
 	className: { $bind: {
@@ -25147,20 +25772,39 @@ const brandLogo = link({
 		}],
 		fallback: "footer-logo rb-inline-flex rb-items-center rb-gap-3 rb-no-underline"
 	} }
-}, [media({ className: { $bind: {
-	from: "$root.theme.footer.logo",
-	transforms: [{
-		id: "layout.footerLogoMediaClass",
-		options: { base: "rb-h-10 rb-w-auto" }
-	}],
-	fallback: "rb-h-10 rb-w-auto"
-} } }, when("module.showLogo", { equals: true }), when("content.logo"), bind("content", { transforms: [{
-	id: "layout.chromeLogo",
-	options: { surface: "footer-root" }
-}] })), text({
-	as: "strong",
-	className: "footer-logo-text rb-nav-text"
-}, when("module.showTitle", { equals: true }), bind("site.title", { fallback: "Your Site" }))], when("module.kind", { equals: "brand" }));
+}, [brandMedia, brandTitle], (node) => ({
+	...node,
+	$when: {
+		when: {
+			from: "module",
+			transforms: [{ id: "layout.footerBrandArrangement" }]
+		},
+		equals: "row"
+	}
+}));
+const centredBrand = stack({
+	gap: "md",
+	align: "center"
+}, [link({
+	href: "/",
+	"data-slot": { $bind: { from: "module.slots.media" } },
+	className: "footer-logo rb-inline-flex rb-items-center rb-no-underline"
+}, [brandMedia], when("module.slots.media")), {
+	...brandTitle,
+	props: {
+		...brandTitle.props,
+		"data-slot": { $bind: { from: "module.slots.heading" } }
+	}
+}], (node) => ({
+	...node,
+	$when: {
+		when: {
+			from: "module",
+			transforms: [{ id: "layout.footerBrandArrangement" }]
+		},
+		equals: "centred"
+	}
+}));
 const navigation = stack({
 	gap: "md",
 	className: "rb-w-full"
@@ -25185,14 +25829,18 @@ const address = text({
 }, when("module.kind", { equals: "business-address" }), bind("module.address"));
 const contact = stack({
 	gap: "sm",
-	className: "rb-items-start"
+	className: { $bind: {
+		from: "module.contactClassName",
+		fallback: "rb-items-start"
+	} }
 }, [link({
 	href: { $bind: { from: "contactLink.href" } },
 	className: "rb-nav-text rb-break-words transition-theme-standard"
 }, [text({ as: "span" }, bind("contactLink.label"))], repeat("module.contactLinks", "contactLink"))], when("module.kind", { equals: "contact" }));
 const hours = stack({
 	gap: "sm",
-	className: "rb-w-full"
+	className: "rb-w-full",
+	"data-slot": { $bind: { from: "module.slots.schedule" } }
 }, [inline({ className: "rb-flex rb-w-full rb-justify-between rb-gap-4" }, [text({
 	as: "span",
 	className: "rb-label"
@@ -25203,7 +25851,10 @@ const hours = stack({
 	as: "p",
 	className: "rb-caption rb-opacity-70"
 }, bind("module.timeZone"), when("module.timeZone"))], when("module.kind", { equals: "opening-hours" }));
-const socials = inline({ className: "rb-footer-socials" }, [link({
+const socials = inline({
+	className: "rb-footer-socials",
+	"data-slot": { $bind: { from: "module.slots.social" } }
+}, [link({
 	href: { $bind: { from: "social.href" } },
 	target: "_blank",
 	rel: "noreferrer noopener",
@@ -25212,7 +25863,14 @@ const socials = inline({ className: "rb-footer-socials" }, [link({
 }, [icon({ className: "rb-footer-social-icon" }, bind("social.icon"), when("social.icon")), text({ as: "span" }, bind("social.label"), when("social.icon", { equals: null }))], repeat("module.socialLinks", "social"))], when("module.kind", { equals: "social-links" }));
 const authoredCopy = richText({
 	className: "rb-prose rb-prose-sm rb-max-w-none",
-	style: textColorStyle("text/80")
+	"data-slot": { $bind: { from: "module.slots.copy" } },
+	style: { $bind: {
+		from: "content.footerRuntime.arrangement",
+		transforms: [{
+			id: "layout.footerModuleInkStyle",
+			options: { opacity: 80 }
+		}]
+	} }
 }, when("module.content"), bind("module.content", { transforms: [{
 	id: "content.interpolateRichTextTokens",
 	options: { tokens: ["year", "site_name"] }
@@ -25250,27 +25908,44 @@ const platformAttribution = el("div", {
 ], when("module.kind", { equals: "attribution" }));
 const footerGroup = stack({
 	gap: "md",
-	align: "stretch",
+	align: { $bind: {
+		from: "group.align",
+		fallback: "stretch"
+	} },
 	className: { $bind: {
 		from: "group.className",
 		fallback: "rb-min-w-0"
 	} },
+	"data-slot": { $bind: { from: "group.slot" } },
 	"data-footer-group": { $bind: { from: "group.kind" } }
 }, [stack({
 	gap: "md",
-	align: "start",
+	align: { $bind: {
+		from: "module.align",
+		fallback: "start"
+	} },
+	className: { $bind: { from: "module.className" } },
 	"data-preview-footer-module-id": { $bind: { from: "module.id" } }
 }, [
 	text({
 		as: "h2",
 		className: "rb-label",
-		style: textColorStyle("text/70")
+		"data-slot": { $bind: { from: "module.slots.group-label" } },
+		style: { $bind: {
+			from: "content.footerRuntime.arrangement",
+			transforms: [{
+				id: "layout.footerModuleInkStyle",
+				options: { opacity: 70 }
+			}]
+		} }
 	}, bind("module.heading"), when("module.heading")),
 	brandLogo,
+	centredBrand,
 	navigation,
 	stack({
 		gap: "sm",
-		className: "rb-w-full"
+		className: "rb-w-full",
+		"data-slot": { $bind: { from: "module.slots.navigation" } }
 	}, [legalNavigation], when("module.kind", { equals: "legal-navigation" })),
 	address,
 	contact,
@@ -25283,10 +25958,12 @@ const footerGroup = stack({
 ], repeat("group.modules", "module"))], repeat("region.groups", "group"));
 const footerMainRegion = stack({
 	className: { $bind: { from: "region.className" } },
+	"data-slot": { $bind: { from: "region.slot" } },
 	"data-footer-region": { $bind: { from: "region.kind" } }
 }, [footerGroup], when("region.kind", { equals: "main" }), repeat("content.footerRuntime.regions", "region"));
 const footerEngagementRegion = stack({
 	className: { $bind: { from: "region.className" } },
+	"data-slot": { $bind: { from: "region.slot" } },
 	"data-footer-region": "engagement-row"
 }, [footerGroup], when("region.kind", { equals: "engagement-row" }), repeat("content.footerRuntime.regions", "region"));
 const footerBottomRegion = stack({ className: { $bind: {
@@ -25303,6 +25980,7 @@ const footerBottomRegion = stack({ className: { $bind: {
 		from: "$root.theme.footer",
 		transforms: [{ id: "layout.footerBottomBarStyle" }]
 	} },
+	"data-slot": { $bind: { from: "region.slot" } },
 	"data-footer-region": "bottom"
 }, [footerGroup])], when("region.kind", { equals: "bottom" }), repeat("content.footerRuntime.regions", "region"));
 const siteFooterBlockDefinition = { manifest: createBlockManifest({
@@ -25324,6 +26002,7 @@ const siteFooterBlockDefinition = { manifest: createBlockManifest({
 			transforms: [{ id: "layout.footerRootStyle" }],
 			fallback: mergeStyles(backgroundColorStyle("surface"), surfaceForegroundStyle({ text: "rgb(var(--tb-text))" }), borderColorStyle("border"))
 		} },
+		"data-arrangement": { $bind: { from: "content.footerRuntime.arrangementHook" } },
 		"data-footer-membership": { $bind: { from: "content.footerRuntime.membershipKey" } }
 	}, [
 		footerEngagementRegion,
@@ -26987,17 +27666,30 @@ const mediaTextBlockDefinition = { manifest: createBlockManifest({
 			}],
 			fallback: ""
 		} };
-		const copyHeading = el("div", { className: titleClassNameFromAlignment }, [text({
+		const copyHeading = el("div", {
+			className: titleClassNameFromAlignment,
+			...lookSlot("head")
+		}, [text({
 			as: "p",
-			className: eyebrowClassName("rb-eyebrow heading-eyebrow")
-		}, when("content.eyebrow"), bind("content.eyebrow")), text({ as: "h2" }, bind("content.title"))], when("content.title"));
-		const defaultTextColumn = el("div", {}, [styledCard([richText({ className: "rb-prose rb-max-w-none" }, bind("content.text"))], mediaTextCardOptions, when("content.wrapTextInCard")), richText({ className: "rb-prose rb-max-w-none" }, when("content.wrapTextInCard", { not: true }), bind("content.text"))]);
-		const bioTextColumn = el("div", { className: "rb-flex rb-h-full rb-w-full rb-max-w-prose rb-flex-col rb-justify-center rb-gap-5" }, [
-			copyHeading,
-			styledCard([richText({ className: bodyClassNameFromAlignment }, bind("content.text"))], mediaTextCardOptions, when("content.wrapTextInCard")),
-			richText({ className: bodyClassNameFromAlignment }, when("content.wrapTextInCard", { not: true }), bind("content.text"))
-		]);
+			className: eyebrowClassName("rb-eyebrow heading-eyebrow"),
+			...lookSlot("eyebrow")
+		}, when("content.eyebrow"), bind("content.eyebrow")), text({
+			as: "h2",
+			...lookSlot("heading")
+		}, bind("content.title"))], when("content.title"));
+		const textContentNodes = (className) => {
+			const props = {
+				className,
+				...lookSlot("intro"),
+				leadParagraphSlot: { $bind: { from: "content._lookSlots.lede" } },
+				lookSlots: { $bind: { from: "content._lookSlots" } }
+			};
+			return [styledCard([richText(props, bind("content.text"))], mediaTextCardOptions, when("content.wrapTextInCard")), richText(props, when("content.wrapTextInCard", { not: true }), bind("content.text"))];
+		};
+		const defaultTextColumn = el("div", {}, textContentNodes("rb-prose rb-max-w-none"));
+		const bioTextColumn = el("div", { className: "rb-flex rb-h-full rb-w-full rb-max-w-prose rb-flex-col rb-justify-center rb-gap-5" }, [copyHeading, ...textContentNodes(bodyClassNameFromAlignment)]);
 		const defaultImageCommonProps = {
+			...lookSlot("photo"),
 			className: { $bind: {
 				from: "content.imageShape",
 				transforms: [{
@@ -27037,6 +27729,7 @@ const mediaTextBlockDefinition = { manifest: createBlockManifest({
 			slidesToShow: 1
 		}, [media(defaultImageCommonProps, bind("item.image"), repeat("content.images", "item"))]);
 		const defaultImagesLayout = el("div", {}, [responsiveTwoColumn({
+			lookSlots: true,
 			image: el("div", {}, [el("div", {}, [defaultSingleImage], whenImagesLength(1)), el("div", {}, [defaultCarouselImages], whenImagesLength(1, { not: true }))]),
 			text: defaultTextColumn,
 			ratioFrom: "content.ratio",
@@ -27048,6 +27741,7 @@ const mediaTextBlockDefinition = { manifest: createBlockManifest({
 			textWrapperClassName: "rb-w-full rb-min-w-0 rb-flex-1"
 		})], whenImagesLength(0, { not: true }));
 		const bioImagesLayout = el("div", {}, [responsiveTwoColumn({
+			lookSlots: true,
 			image: el("div", {}, [el("div", {}, [defaultSingleImage], whenImagesLength(1)), el("div", {}, [defaultCarouselImages], whenImagesLength(1, { not: true }))]),
 			text: bioTextColumn,
 			ratioFrom: "content.ratio",
@@ -27058,15 +27752,15 @@ const mediaTextBlockDefinition = { manifest: createBlockManifest({
 			imageWrapperClassName: "rb-w-full rb-shrink-0",
 			textWrapperClassName: "rb-w-full rb-min-w-0 rb-flex-1 rb-self-stretch"
 		})], whenImagesLength(0, { not: true }));
-		const defaultTextOnlyLayout = el("div", {}, [styledCard([richText({ className: "rb-prose rb-max-w-none" }, bind("content.text"))], mediaTextCardOptions, when("content.wrapTextInCard")), richText({ className: "rb-prose rb-max-w-none" }, when("content.wrapTextInCard", { not: true }), bind("content.text"))], whenImagesLength(0));
-		const bioTextOnlyLayout = el("div", { className: "rb-flex rb-w-full rb-max-w-prose rb-flex-col rb-gap-5" }, [
-			text({
-				as: "h2",
-				className: titleClassNameFromAlignment
-			}, when("content.title"), bind("content.title")),
-			styledCard([richText({ className: bodyClassNameFromAlignment }, bind("content.text"))], mediaTextCardOptions, when("content.wrapTextInCard")),
-			richText({ className: bodyClassNameFromAlignment }, when("content.wrapTextInCard", { not: true }), bind("content.text"))
-		], whenImagesLength(0));
+		const defaultTextOnlyLayout = el("div", lookSlot("copy"), textContentNodes("rb-prose rb-max-w-none"), whenImagesLength(0));
+		const bioTextOnlyLayout = el("div", {
+			className: "rb-flex rb-w-full rb-max-w-prose rb-flex-col rb-gap-5",
+			...lookSlot("copy")
+		}, [text({
+			as: "h2",
+			className: titleClassNameFromAlignment,
+			...lookSlot("heading")
+		}, when("content.title"), bind("content.title")), ...textContentNodes(bodyClassNameFromAlignment)], whenImagesLength(0));
 		const defaultInner = el("div", {}, [defaultImagesLayout, defaultTextOnlyLayout]);
 		const bioInner = el("div", {}, [bioImagesLayout, bioTextOnlyLayout]);
 		const defaultLayout = styledSection({
@@ -27090,9 +27784,31 @@ const mediaTextBlockDefinition = { manifest: createBlockManifest({
 					}),
 					baseClass: "",
 					spacing: "medium"
+				}),
+				"circle-beside": styledSection({
+					baseClass: "",
+					spacing: "medium",
+					children: styledContainer({ children: el("div", lookSlot("frame"), [el("div", lookSlot("media"), [
+						el("div", {}, [when("content.images[0].image")(defaultSingleImage)], whenImagesLength(1)),
+						el("div", {}, [el("div", {}, [defaultCarouselImages], whenImagesLength(1, { not: true }))], whenImagesLength(0, { not: true })),
+						el("div", {}, [when("content.images[0].image")(defaultSingleImage)], whenImagesLength(0))
+					]), el("div", lookSlot("copy"), [el("div", lookSlot("head"), [text({
+						as: "p",
+						className: eyebrowClassName("rb-eyebrow heading-eyebrow"),
+						...lookSlot("eyebrow")
+					}, when("content.eyebrow"), bind("content.eyebrow")), text({
+						as: "h2",
+						...lookSlot("heading")
+					}, bind("content.title"), when("content.title", { authoringPresence: {
+						kind: "recover-empty-when-active",
+						placeholder: "Add heading"
+					} }))]), defaultTextColumn])]) })
 				})
 			},
-			variantMeaning: { kind: "arrangement" },
+			variantMeaning: {
+				kind: "arrangement",
+				lookOnlyKeys: ["circle-beside"]
+			},
 			defaultVariant: "default",
 			variantOptions: {
 				default: { label: "Default" },
@@ -28258,24 +28974,6 @@ const emptyStateField = {
 	ui: { intent: "display" }
 };
 /**
-* Section heading and description fields
-*/
-const sectionHeaderFields = (defaultHeading) => [{
-	id: "heading",
-	type: "text",
-	label: "Heading",
-	description: "Main heading for the events section",
-	required: false,
-	multiline: false,
-	defaultValue: defaultHeading
-}, {
-	id: "description",
-	type: "richText",
-	label: "Description",
-	description: "Optional introductory text",
-	required: false
-}];
-/**
 * Layout selection field with grid/stack options
 */
 const layoutField = {
@@ -28388,31 +29086,6 @@ function normalizeEventStaffMemberId(value) {
 	return trimmed ? trimmed : null;
 }
 //#endregion
-//#region ../blocks/src/system/blocks/events/shared/layout.ts
-const recoverEmptyHeadingWhenActive = {
-	kind: "recover-empty-when-active",
-	placeholder: "Add heading"
-};
-const recoverEmptyDescriptionWhenActive = {
-	kind: "recover-empty-when-active",
-	placeholder: "Add description"
-};
-function eventSectionHeaderLayoutNodes(options = {}) {
-	const headingNode = text({
-		as: "h2",
-		...lookSlot("heading")
-	}, bind("content.heading"), when("content.heading", { authoringPresence: recoverEmptyHeadingWhenActive }));
-	const descriptionNode = richText({
-		className: "rb-prose rb-max-w-none",
-		...lookSlot("intro")
-	}, bind("content.description"), when("content.description", { authoringPresence: recoverEmptyDescriptionWhenActive }));
-	if (options.splitClassName) return [el("div", {
-		className: options.splitClassName,
-		...lookSlot("head")
-	}, [headingNode, descriptionNode])];
-	return [headingNode, descriptionNode];
-}
-//#endregion
 //#region ../blocks/src/system/blocks/shop.shared.ts
 /**
 * Public pass product for shop display
@@ -28837,19 +29510,14 @@ function buildCalendarViewport(input) {
 *
 * Sites don't store a locale, and every public word around a date is English,
 * so the only open question is which English conventions to follow: day or
-* month first, and a 24 or 12-hour clock. The site's time zone is the one
+* month first. The site's time zone is the one
 * fact every site carries about where it is. It is the site's, never an
 * event's: a venue left at UTC must not turn a UK site's dates American.
 * Anywhere this can't place (UTC, the Americas, Asia) keeps US English, which
 * is what these helpers wrote before sites were placed at all.
 */
 function eventDateLocale(siteTimeZone) {
-	if (!siteTimeZone) return "en-US";
-	if (siteTimeZone === "Europe/Dublin") return "en-IE";
-	if (siteTimeZone.startsWith("Europe/")) return "en-GB";
-	if (siteTimeZone.startsWith("Australia/")) return "en-AU";
-	if (siteTimeZone === "Pacific/Auckland" || siteTimeZone === "Pacific/Chatham") return "en-NZ";
-	return "en-US";
+	return inferSiteDateLocale(siteTimeZone);
 }
 function formatEventCompactDateRail(isoTimestamp, options, letterCase = "capitals") {
 	const locale = options?.locale ?? "en-US";
@@ -30557,7 +31225,7 @@ const eventSpotlightBlockDefinition = {
 		],
 		icon: "Star",
 		layout: [styledSection({
-			children: sectionContainer([...eventSectionHeaderLayoutNodes(), el("event-spotlight", {
+			children: sectionContainer([...sectionHeaderLayoutNodes(), el("event-spotlight", {
 				events: { $bind: { from: "data.events" } },
 				layout: { $bind: {
 					from: "content.layout",
@@ -30613,52 +31281,6 @@ const eventSpotlightBlockDefinition = {
 	} }
 };
 //#endregion
-//#region ../blocks/src/system/runtime/lookSurfaces.ts
-const isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
-const lookListPresentationSchemaShape = {
-	sectionAction: z.object({
-		label: z.string(),
-		href: z.string()
-	}).optional(),
-	actionSize: z.enum([
-		"sm",
-		"md",
-		"lg"
-	]).optional(),
-	itemActionStyle: z.enum(["button", "link"]).optional(),
-	itemRoles: z.object({
-		container: z.enum([
-			"card",
-			"statement",
-			"highlight"
-		]).optional(),
-		items: z.enum([
-			"card",
-			"statement",
-			"highlight"
-		]).optional(),
-		at: z.partialRecord(z.enum([
-			"first",
-			"last",
-			"middle",
-			"odd",
-			"even"
-		]), z.enum([
-			"card",
-			"statement",
-			"highlight"
-		])).optional()
-	}).optional(),
-	roleSurfaces: z.record(z.enum([
-		"card",
-		"statement",
-		"highlight"
-	]), z.custom((value) => isPlainObject(value) && (value.kind === "inherit" || value.kind === "owned"))).optional(),
-	panelHeading: z.string().optional(),
-	lookSlots: z.partialRecord(z.enum(arrangementSlotNames), z.enum(arrangementSlotNames)).optional(),
-	itemSurfaces: z.record(z.string(), z.custom((value) => isPlainObject(value) && (value.kind === "inherit" || value.kind === "owned"))).optional()
-};
-//#endregion
 //#region ../blocks/src/system/blocks/events/shared/eventSelection.ts
 /** Undefined means discovery; an empty string is an explicitly empty selection. */
 function eventSeriesScopeCsv(value) {
@@ -31408,7 +32030,7 @@ const eventListingBlockDefinition = {
 			children: styledContainer({
 				rootType: "stack",
 				rootProps: { gap: "lg" },
-				children: [...eventSectionHeaderLayoutNodes(), el("event-listing", withApiBindings({
+				children: [...sectionHeaderLayoutNodes(), el("event-listing", withApiBindings({
 					readAuthority: { $bind: { from: "$root.readAuthority" } },
 					events: { $bind: { from: "data.events" } },
 					stage: { $bind: {
@@ -31848,7 +32470,7 @@ const eventCalendarLayout = [styledSection({
 			gap: "lg",
 			...lookSlot("layout")
 		},
-		children: [...eventSectionHeaderLayoutNodes({ splitClassName: "event-section-head event-section-head--split" }), el("event-calendar", withApiBindings({
+		children: [...sectionHeaderLayoutNodes({ splitClassName: "event-section-head event-section-head--split" }), el("event-calendar", withApiBindings({
 			readAuthority: { $bind: { from: "$root.readAuthority" } },
 			events: { $bind: { from: "data.events" } },
 			effectiveListArrangementKey: { $bind: { from: "$root.effectiveListArrangementKey" } },
@@ -33804,6 +34426,511 @@ const embedBlockDefinition = {
 	} }
 };
 //#endregion
+//#region ../blocks/src/system/blocks/image-gallery/fields.ts
+const imageGalleryFields = parseFieldDefinitions([
+	...sectionHeaderFields(void 0, "Intro"),
+	{
+		id: "images",
+		type: "repeater",
+		label: "Images",
+		itemLabel: "Image",
+		minItems: 0,
+		maxItems: 24,
+		ui: {
+			repeaterPreset: "thumbnailGrid",
+			thumbnailField: "image",
+			thumbnailAltField: "caption",
+			thumbnailLabelField: "caption",
+			thumbnailCardDensity: "compact"
+		},
+		schema: { fields: [{
+			id: "image",
+			type: "media",
+			label: "Image",
+			required: true,
+			mediaKinds: ["image"]
+		}, {
+			id: "caption",
+			type: "text",
+			label: "Caption",
+			description: "Optional caption displayed below the image and used as the editor card label",
+			maxLength: 200
+		}] }
+	},
+	{
+		id: "fullBleed",
+		type: "boolean",
+		label: "Full bleed",
+		description: "Extend the gallery edge-to-edge by removing section side padding and container max-width.",
+		defaultValue: false,
+		ui: {
+			intent: "display",
+			visibleWhen: {
+				field: "variant",
+				notIn: ["marquee"]
+			}
+		}
+	},
+	{
+		id: "aspectRatio",
+		type: "select",
+		label: "Aspect ratio",
+		description: "Crop images to a consistent aspect ratio.",
+		defaultValue: "1/1",
+		options: [
+			{
+				value: "auto",
+				label: "Original"
+			},
+			{
+				value: "1/1",
+				label: "1:1 (Square)"
+			},
+			{
+				value: "4/3",
+				label: "4:3 (Standard)"
+			},
+			{
+				value: "16/9",
+				label: "16:9 (Widescreen)"
+			},
+			{
+				value: "3/2",
+				label: "3:2 (Classic)"
+			},
+			{
+				value: "3/4",
+				label: "3:4 (Portrait)"
+			}
+		],
+		ui: {
+			intent: "display",
+			visibleWhen: {
+				field: "variant",
+				notIn: ["masonry", "marquee"]
+			}
+		}
+	},
+	{
+		id: "slidesToShow",
+		type: "select",
+		label: "Images per view (mobile)",
+		description: "Number of images visible at once on small screens.",
+		defaultValue: "1",
+		options: [
+			{
+				value: "1",
+				label: "One at a time"
+			},
+			{
+				value: "2",
+				label: "Two at a time"
+			},
+			{
+				value: "3",
+				label: "Three at a time"
+			}
+		],
+		ui: {
+			intent: "display",
+			visibleWhen: {
+				field: "variant",
+				equals: "carousel"
+			}
+		}
+	},
+	{
+		id: "slidesToShowTablet",
+		type: "select",
+		label: "Images per view (tablet)",
+		description: "Number of images visible on medium screens.",
+		options: [
+			{
+				value: "",
+				label: "Same as mobile"
+			},
+			{
+				value: "1",
+				label: "One at a time"
+			},
+			{
+				value: "2",
+				label: "Two at a time"
+			},
+			{
+				value: "3",
+				label: "Three at a time"
+			}
+		],
+		ui: {
+			intent: "display",
+			visibleWhen: {
+				field: "variant",
+				equals: "carousel"
+			}
+		}
+	},
+	{
+		id: "slidesToShowDesktop",
+		type: "select",
+		label: "Images per view (desktop)",
+		description: "Number of images visible on large screens.",
+		options: [
+			{
+				value: "",
+				label: "Same as tablet"
+			},
+			{
+				value: "1",
+				label: "One at a time"
+			},
+			{
+				value: "2",
+				label: "Two at a time"
+			},
+			{
+				value: "3",
+				label: "Three at a time"
+			}
+		],
+		ui: {
+			intent: "display",
+			visibleWhen: {
+				field: "variant",
+				equals: "carousel"
+			}
+		}
+	},
+	{
+		id: "transition",
+		type: "select",
+		label: "Transition",
+		description: "Animation style between slides.",
+		defaultValue: "slide",
+		options: [{
+			value: "slide",
+			label: "Slide"
+		}, {
+			value: "fade",
+			label: "Fade"
+		}],
+		ui: {
+			intent: "display",
+			visibleWhen: {
+				field: "variant",
+				equals: "carousel"
+			}
+		}
+	},
+	{
+		id: "showControls",
+		type: "boolean",
+		label: "Show arrows",
+		defaultValue: true,
+		ui: {
+			intent: "behavior",
+			visibleWhen: {
+				field: "variant",
+				equals: "carousel"
+			}
+		}
+	},
+	{
+		id: "showDots",
+		type: "boolean",
+		label: "Show dots",
+		defaultValue: false,
+		ui: {
+			intent: "behavior",
+			visibleWhen: {
+				field: "variant",
+				equals: "carousel"
+			}
+		}
+	},
+	{
+		id: "autoplay",
+		type: "boolean",
+		label: "Autoplay",
+		defaultValue: false,
+		ui: {
+			intent: "behavior",
+			visibleWhen: {
+				field: "variant",
+				equals: "carousel"
+			}
+		}
+	},
+	{
+		id: "autoplayDelay",
+		type: "select",
+		label: "Autoplay delay",
+		defaultValue: "5000",
+		options: [
+			{
+				value: "3000",
+				label: "3 seconds"
+			},
+			{
+				value: "5000",
+				label: "5 seconds"
+			},
+			{
+				value: "7000",
+				label: "7 seconds"
+			},
+			{
+				value: "10000",
+				label: "10 seconds"
+			}
+		],
+		ui: {
+			intent: "behavior",
+			visibleWhen: {
+				field: "variant",
+				equals: "carousel"
+			}
+		}
+	},
+	{
+		id: "arrowVisibility",
+		type: "select",
+		label: "Arrow visibility",
+		defaultValue: "always",
+		options: [{
+			value: "always",
+			label: "Always visible"
+		}, {
+			value: "hover",
+			label: "Show on hover"
+		}],
+		ui: {
+			intent: "behavior",
+			visibleWhen: {
+				field: "variant",
+				equals: "carousel"
+			}
+		}
+	},
+	{
+		id: "loop",
+		type: "boolean",
+		label: "Loop slides",
+		defaultValue: true,
+		ui: {
+			intent: "behavior",
+			visibleWhen: {
+				field: "variant",
+				equals: "carousel"
+			}
+		}
+	},
+	{
+		id: "marqueeDirection",
+		type: "select",
+		label: "Scroll direction",
+		options: [{
+			value: "left",
+			label: "Left"
+		}, {
+			value: "right",
+			label: "Right"
+		}],
+		defaultValue: "left",
+		ui: {
+			intent: "display",
+			visibleWhen: {
+				field: "variant",
+				equals: "marquee"
+			}
+		}
+	},
+	{
+		id: "marqueeSpeed",
+		type: "select",
+		label: "Scroll speed",
+		options: [
+			{
+				value: "slow",
+				label: "Slow (60s)"
+			},
+			{
+				value: "medium",
+				label: "Medium (40s)"
+			},
+			{
+				value: "fast",
+				label: "Fast (20s)"
+			}
+		],
+		defaultValue: "medium",
+		ui: {
+			intent: "display",
+			visibleWhen: {
+				field: "variant",
+				equals: "marquee"
+			}
+		}
+	},
+	{
+		id: "marqueePauseOnHover",
+		type: "boolean",
+		label: "Pause on hover",
+		defaultValue: true,
+		ui: {
+			intent: "behavior",
+			visibleWhen: {
+				field: "variant",
+				equals: "marquee"
+			}
+		}
+	},
+	{
+		id: "marqueeImageSize",
+		type: "select",
+		label: "Image size",
+		options: [
+			{
+				value: "sm",
+				label: "Small (200px)"
+			},
+			{
+				value: "md",
+				label: "Medium (256px)"
+			},
+			{
+				value: "lg",
+				label: "Large (320px)"
+			},
+			{
+				value: "xl",
+				label: "Extra large (400px)"
+			}
+		],
+		defaultValue: "md",
+		ui: {
+			intent: "display",
+			visibleWhen: {
+				field: "variant",
+				equals: "marquee"
+			}
+		}
+	},
+	{
+		id: "imageFilter",
+		type: "select",
+		label: "Image filter",
+		options: [
+			{
+				value: "none",
+				label: "None"
+			},
+			{
+				value: "grayscale",
+				label: "Grayscale"
+			},
+			{
+				value: "grayscale-hover-reveal",
+				label: "Grayscale (color on hover)"
+			},
+			{
+				value: "sepia",
+				label: "Sepia"
+			}
+		],
+		defaultValue: "grayscale-hover-reveal",
+		ui: { intent: "style" }
+	},
+	{
+		id: "imageBorder",
+		type: "group",
+		label: "Image border",
+		schema: { fields: [
+			{
+				id: "enabled",
+				type: "boolean",
+				label: "Show border",
+				defaultValue: true
+			},
+			{
+				id: "colorToken",
+				type: "text",
+				label: "Border color",
+				defaultValue: "accent",
+				ui: { widget: "backgroundColor" }
+			},
+			{
+				id: "opacity",
+				type: "number",
+				label: "Border opacity",
+				defaultValue: 30,
+				ui: {
+					min: 0,
+					max: 100
+				}
+			},
+			{
+				id: "width",
+				type: "select",
+				label: "Border width",
+				options: [
+					{
+						value: "1",
+						label: "Thin (1px)"
+					},
+					{
+						value: "2",
+						label: "Medium (2px)"
+					},
+					{
+						value: "3",
+						label: "Thick (3px)"
+					}
+				],
+				defaultValue: "2"
+			}
+		] },
+		ui: { intent: "style" }
+	},
+	{
+		id: "imageCorners",
+		type: "select",
+		label: "Image corners",
+		options: [
+			{
+				value: "none",
+				label: "Square"
+			},
+			{
+				value: "sm",
+				label: "Slightly rounded"
+			},
+			{
+				value: "md",
+				label: "Rounded"
+			},
+			{
+				value: "lg",
+				label: "More rounded"
+			},
+			{
+				value: "xl",
+				label: "Very rounded"
+			},
+			{
+				value: "2xl",
+				label: "Extra rounded"
+			},
+			{
+				value: "3xl",
+				label: "Maximum rounded"
+			}
+		],
+		defaultValue: "3xl",
+		ui: { intent: "style" }
+	}
+]);
+//#endregion
 //#region ../blocks/src/system/blocks/image-gallery.ts
 const grid$1 = (props, children, ...mods) => el("grid", props ?? void 0, children ?? void 0, ...mods);
 const galleryContainer = (children, opts) => {
@@ -34018,7 +35145,11 @@ const emptyState$1 = {
 	}
 };
 const wrapVariant$1 = (layout, opts) => styledSection({
-	children: galleryContainer([layout, emptyState$1], {
+	children: galleryContainer([
+		...sectionHeaderLayoutNodes(),
+		layout,
+		emptyState$1
+	], {
 		gap: "md",
 		fullWidth: opts?.fullWidth,
 		className: opts?.className
@@ -34027,6 +35158,28 @@ const wrapVariant$1 = (layout, opts) => styledSection({
 	spacing: "medium",
 	background: "background"
 });
+const lookGalleryTile = (imageFrom, captionFrom, ...mods) => el("li", lookSlot("item"), [el("figure", lookSlot("figure"), [el("div", lookSlot("media"), [media(lookSlot("photo"), bind(imageFrom), when(imageFrom))]), text({
+	as: "figcaption",
+	...lookSlot("caption")
+}, bind(captionFrom), when(captionFrom))])], ...mods);
+const tilesLayout = styledSection({
+	children: el("div", {
+		className: "rb-container",
+		...lookSlot("layout")
+	}, [...sectionHeaderLayoutNodes({ splitClassName: "rb-grid" }), el("ol", lookSlot("items"), [lookGalleryTile("item.image", "item.caption", repeat("content.images", "item")), lookGalleryTile("content.images.0.image", "content.images.0.caption", (node) => ({
+		...node,
+		$when: {
+			when: {
+				from: "content.images",
+				transforms: [{ id: "array.length" }]
+			},
+			equals: 0
+		}
+	}))])]),
+	baseClass: "",
+	spacing: "medium",
+	background: "background"
+});
 const imageGalleryBlockDefinition = { manifest: createBlockManifest({
 	id: "block.image-gallery",
 	title: "Image Gallery",
@@ -34039,510 +35192,10 @@ const imageGalleryBlockDefinition = { manifest: createBlockManifest({
 		"marqueeSpeed",
 		"marqueePauseOnHover"
 	] },
-	additionalFields: parseFieldDefinitions([
-		{
-			id: "images",
-			type: "repeater",
-			label: "Images",
-			itemLabel: "Image",
-			minItems: 0,
-			maxItems: 24,
-			ui: {
-				repeaterPreset: "thumbnailGrid",
-				thumbnailField: "image",
-				thumbnailAltField: "caption",
-				thumbnailLabelField: "caption",
-				thumbnailCardDensity: "compact"
-			},
-			schema: { fields: [{
-				id: "image",
-				type: "media",
-				label: "Image",
-				required: true,
-				mediaKinds: ["image"]
-			}, {
-				id: "caption",
-				type: "text",
-				label: "Caption",
-				description: "Optional caption displayed below the image and used as the editor card label",
-				maxLength: 200
-			}] }
-		},
-		{
-			id: "fullBleed",
-			type: "boolean",
-			label: "Full bleed",
-			description: "Extend the gallery edge-to-edge by removing section side padding and container max-width.",
-			defaultValue: false,
-			ui: {
-				intent: "display",
-				visibleWhen: {
-					field: "variant",
-					notIn: ["marquee"]
-				}
-			}
-		},
-		{
-			id: "aspectRatio",
-			type: "select",
-			label: "Aspect ratio",
-			description: "Crop images to a consistent aspect ratio.",
-			defaultValue: "1/1",
-			options: [
-				{
-					value: "auto",
-					label: "Original"
-				},
-				{
-					value: "1/1",
-					label: "1:1 (Square)"
-				},
-				{
-					value: "4/3",
-					label: "4:3 (Standard)"
-				},
-				{
-					value: "16/9",
-					label: "16:9 (Widescreen)"
-				},
-				{
-					value: "3/2",
-					label: "3:2 (Classic)"
-				},
-				{
-					value: "3/4",
-					label: "3:4 (Portrait)"
-				}
-			],
-			ui: {
-				intent: "display",
-				visibleWhen: {
-					field: "variant",
-					notIn: ["masonry", "marquee"]
-				}
-			}
-		},
-		{
-			id: "slidesToShow",
-			type: "select",
-			label: "Images per view (mobile)",
-			description: "Number of images visible at once on small screens.",
-			defaultValue: "1",
-			options: [
-				{
-					value: "1",
-					label: "One at a time"
-				},
-				{
-					value: "2",
-					label: "Two at a time"
-				},
-				{
-					value: "3",
-					label: "Three at a time"
-				}
-			],
-			ui: {
-				intent: "display",
-				visibleWhen: {
-					field: "variant",
-					equals: "carousel"
-				}
-			}
-		},
-		{
-			id: "slidesToShowTablet",
-			type: "select",
-			label: "Images per view (tablet)",
-			description: "Number of images visible on medium screens.",
-			options: [
-				{
-					value: "",
-					label: "Same as mobile"
-				},
-				{
-					value: "1",
-					label: "One at a time"
-				},
-				{
-					value: "2",
-					label: "Two at a time"
-				},
-				{
-					value: "3",
-					label: "Three at a time"
-				}
-			],
-			ui: {
-				intent: "display",
-				visibleWhen: {
-					field: "variant",
-					equals: "carousel"
-				}
-			}
-		},
-		{
-			id: "slidesToShowDesktop",
-			type: "select",
-			label: "Images per view (desktop)",
-			description: "Number of images visible on large screens.",
-			options: [
-				{
-					value: "",
-					label: "Same as tablet"
-				},
-				{
-					value: "1",
-					label: "One at a time"
-				},
-				{
-					value: "2",
-					label: "Two at a time"
-				},
-				{
-					value: "3",
-					label: "Three at a time"
-				}
-			],
-			ui: {
-				intent: "display",
-				visibleWhen: {
-					field: "variant",
-					equals: "carousel"
-				}
-			}
-		},
-		{
-			id: "transition",
-			type: "select",
-			label: "Transition",
-			description: "Animation style between slides.",
-			defaultValue: "slide",
-			options: [{
-				value: "slide",
-				label: "Slide"
-			}, {
-				value: "fade",
-				label: "Fade"
-			}],
-			ui: {
-				intent: "display",
-				visibleWhen: {
-					field: "variant",
-					equals: "carousel"
-				}
-			}
-		},
-		{
-			id: "showControls",
-			type: "boolean",
-			label: "Show arrows",
-			defaultValue: true,
-			ui: {
-				intent: "behavior",
-				visibleWhen: {
-					field: "variant",
-					equals: "carousel"
-				}
-			}
-		},
-		{
-			id: "showDots",
-			type: "boolean",
-			label: "Show dots",
-			defaultValue: false,
-			ui: {
-				intent: "behavior",
-				visibleWhen: {
-					field: "variant",
-					equals: "carousel"
-				}
-			}
-		},
-		{
-			id: "autoplay",
-			type: "boolean",
-			label: "Autoplay",
-			defaultValue: false,
-			ui: {
-				intent: "behavior",
-				visibleWhen: {
-					field: "variant",
-					equals: "carousel"
-				}
-			}
-		},
-		{
-			id: "autoplayDelay",
-			type: "select",
-			label: "Autoplay delay",
-			defaultValue: "5000",
-			options: [
-				{
-					value: "3000",
-					label: "3 seconds"
-				},
-				{
-					value: "5000",
-					label: "5 seconds"
-				},
-				{
-					value: "7000",
-					label: "7 seconds"
-				},
-				{
-					value: "10000",
-					label: "10 seconds"
-				}
-			],
-			ui: {
-				intent: "behavior",
-				visibleWhen: {
-					field: "variant",
-					equals: "carousel"
-				}
-			}
-		},
-		{
-			id: "arrowVisibility",
-			type: "select",
-			label: "Arrow visibility",
-			defaultValue: "always",
-			options: [{
-				value: "always",
-				label: "Always visible"
-			}, {
-				value: "hover",
-				label: "Show on hover"
-			}],
-			ui: {
-				intent: "behavior",
-				visibleWhen: {
-					field: "variant",
-					equals: "carousel"
-				}
-			}
-		},
-		{
-			id: "loop",
-			type: "boolean",
-			label: "Loop slides",
-			defaultValue: true,
-			ui: {
-				intent: "behavior",
-				visibleWhen: {
-					field: "variant",
-					equals: "carousel"
-				}
-			}
-		},
-		{
-			id: "marqueeDirection",
-			type: "select",
-			label: "Scroll direction",
-			options: [{
-				value: "left",
-				label: "Left"
-			}, {
-				value: "right",
-				label: "Right"
-			}],
-			defaultValue: "left",
-			ui: {
-				intent: "display",
-				visibleWhen: {
-					field: "variant",
-					equals: "marquee"
-				}
-			}
-		},
-		{
-			id: "marqueeSpeed",
-			type: "select",
-			label: "Scroll speed",
-			options: [
-				{
-					value: "slow",
-					label: "Slow (60s)"
-				},
-				{
-					value: "medium",
-					label: "Medium (40s)"
-				},
-				{
-					value: "fast",
-					label: "Fast (20s)"
-				}
-			],
-			defaultValue: "medium",
-			ui: {
-				intent: "display",
-				visibleWhen: {
-					field: "variant",
-					equals: "marquee"
-				}
-			}
-		},
-		{
-			id: "marqueePauseOnHover",
-			type: "boolean",
-			label: "Pause on hover",
-			defaultValue: true,
-			ui: {
-				intent: "behavior",
-				visibleWhen: {
-					field: "variant",
-					equals: "marquee"
-				}
-			}
-		},
-		{
-			id: "marqueeImageSize",
-			type: "select",
-			label: "Image size",
-			options: [
-				{
-					value: "sm",
-					label: "Small (200px)"
-				},
-				{
-					value: "md",
-					label: "Medium (256px)"
-				},
-				{
-					value: "lg",
-					label: "Large (320px)"
-				},
-				{
-					value: "xl",
-					label: "Extra large (400px)"
-				}
-			],
-			defaultValue: "md",
-			ui: {
-				intent: "display",
-				visibleWhen: {
-					field: "variant",
-					equals: "marquee"
-				}
-			}
-		},
-		{
-			id: "imageFilter",
-			type: "select",
-			label: "Image filter",
-			options: [
-				{
-					value: "none",
-					label: "None"
-				},
-				{
-					value: "grayscale",
-					label: "Grayscale"
-				},
-				{
-					value: "grayscale-hover-reveal",
-					label: "Grayscale (color on hover)"
-				},
-				{
-					value: "sepia",
-					label: "Sepia"
-				}
-			],
-			defaultValue: "grayscale-hover-reveal",
-			ui: { intent: "style" }
-		},
-		{
-			id: "imageBorder",
-			type: "group",
-			label: "Image border",
-			schema: { fields: [
-				{
-					id: "enabled",
-					type: "boolean",
-					label: "Show border",
-					defaultValue: true
-				},
-				{
-					id: "colorToken",
-					type: "text",
-					label: "Border color",
-					defaultValue: "accent",
-					ui: { widget: "backgroundColor" }
-				},
-				{
-					id: "opacity",
-					type: "number",
-					label: "Border opacity",
-					defaultValue: 30,
-					ui: {
-						min: 0,
-						max: 100
-					}
-				},
-				{
-					id: "width",
-					type: "select",
-					label: "Border width",
-					options: [
-						{
-							value: "1",
-							label: "Thin (1px)"
-						},
-						{
-							value: "2",
-							label: "Medium (2px)"
-						},
-						{
-							value: "3",
-							label: "Thick (3px)"
-						}
-					],
-					defaultValue: "2"
-				}
-			] },
-			ui: { intent: "style" }
-		},
-		{
-			id: "imageCorners",
-			type: "select",
-			label: "Image corners",
-			options: [
-				{
-					value: "none",
-					label: "Square"
-				},
-				{
-					value: "sm",
-					label: "Slightly rounded"
-				},
-				{
-					value: "md",
-					label: "Rounded"
-				},
-				{
-					value: "lg",
-					label: "More rounded"
-				},
-				{
-					value: "xl",
-					label: "Very rounded"
-				},
-				{
-					value: "2xl",
-					label: "Extra rounded"
-				},
-				{
-					value: "3xl",
-					label: "Maximum rounded"
-				}
-			],
-			defaultValue: "3xl",
-			ui: { intent: "style" }
-		}
-	]),
+	additionalFields: imageGalleryFields,
 	layout: wrapVariant$1(gridLayout),
 	variants: {
+		tiles: tilesLayout,
 		grid: wrapVariant$1(gridLayout),
 		carousel: wrapVariant$1(carouselLayout),
 		masonry: wrapVariant$1(masonryLayout),
@@ -34551,7 +35204,10 @@ const imageGalleryBlockDefinition = { manifest: createBlockManifest({
 			className: "rb-image-gallery-marquee-container"
 		})
 	},
-	variantMeaning: { kind: "arrangement" },
+	variantMeaning: {
+		kind: "arrangement",
+		lookOnlyKeys: ["tiles"]
+	},
 	defaultVariant: "grid",
 	variantOptions: {
 		grid: {
@@ -36771,76 +37427,74 @@ const giftingBlockDefinition = {
 /**
 * Get form fields based on preset configuration.
 */
-function getGlobalFormFields(form) {
-	const includePhone = form.includeOptionalPhone;
-	switch (form.fields.preset) {
-		case "emailOnly": return withOptionalPhone([{
-			id: "email",
-			type: "email",
-			label: "Email",
-			required: true,
-			placeholder: "your@email.com"
-		}], includePhone);
-		case "emailName": return withOptionalPhone([{
-			id: "email",
-			type: "email",
-			label: "Email",
-			required: true,
-			placeholder: "your@email.com"
-		}, {
+function getGlobalFormFields(form, presentation = {}) {
+	const fields = withOptionalPhone(newsletterPresetFields(form.fields), form.includeOptionalPhone);
+	return presentation.lookSlots ? fields.map((field) => ({
+		...field,
+		label: lookFieldLabel(field)
+	})) : fields;
+}
+function lookFieldLabel(field) {
+	switch (field.id) {
+		case "firstName": return "First name";
+		case "lastName": return "Last name";
+		default: return field.label;
+	}
+}
+const emailField = {
+	id: "email",
+	type: "email",
+	label: "Email",
+	required: true,
+	placeholder: "your@email.com"
+};
+const firstNameField = (required) => ({
+	id: "firstName",
+	type: "text",
+	label: "First Name",
+	required,
+	placeholder: "First name"
+});
+function newsletterPresetFields(fields) {
+	switch (fields.preset) {
+		case "emailOnly": return [emailField];
+		case "emailName": return [emailField, {
 			id: "name",
 			type: "text",
 			label: "Name",
-			required: form.fields.name === "required",
+			required: fields.name === "required",
 			placeholder: "Your name"
-		}], includePhone);
-		case "emailFirstLast": return withOptionalPhone([
-			{
-				id: "email",
-				type: "email",
-				label: "Email",
-				required: true,
-				placeholder: "your@email.com"
-			},
-			{
-				id: "firstName",
-				type: "text",
-				label: "First Name",
-				required: form.fields.firstName === "required",
-				placeholder: "First name"
-			},
+		}];
+		case "emailFirstName": return [emailField, firstNameField(fields.firstName === "required")];
+		case "emailFirstLast": return [
+			emailField,
+			firstNameField(fields.firstName === "required"),
 			{
 				id: "lastName",
 				type: "text",
 				label: "Last Name",
-				required: form.fields.lastName === "required",
+				required: fields.lastName === "required",
 				placeholder: "Last name"
 			}
-		], includePhone);
-		case "emailNameCompany": return withOptionalPhone([
-			{
-				id: "email",
-				type: "email",
-				label: "Email",
-				required: true,
-				placeholder: "your@email.com"
-			},
+		];
+		case "emailNameCompany": return [
+			emailField,
 			{
 				id: "name",
 				type: "text",
 				label: "Name",
-				required: form.fields.name === "required",
+				required: fields.name === "required",
 				placeholder: "Your name"
 			},
 			{
 				id: "company",
 				type: "text",
 				label: "Company",
-				required: form.fields.company === "required",
+				required: fields.company === "required",
 				placeholder: "Company name"
 			}
-		], includePhone);
-		default: throw new Error("Unknown newsletter preset");
+		];
+		default: return assertNever$1(fields);
 	}
 }
 function withOptionalPhone(fields, includePhone) {
@@ -36902,6 +37556,7 @@ const mailingListSignupBlockSourceRefSchema = z.object({
 });
 const signedMailingListSourceTokenSchema = z.string().trim().min(1).transform(parseRequiredMailingListSignedSourceToken);
 const newsletterSourceCommonSchema = z.object({
+	lookSlots: lookListPresentationSchemaShape.lookSlots,
 	siteId: z.string().optional(),
 	apiBaseUrl: z.string().optional(),
 	mailingList: mailingListContextSchema.optional(),
@@ -36934,6 +37589,7 @@ const newsletterSourceSchema = z.discriminatedUnion("source", [
 	newsletterSourceCommonSchema.extend({ source: z.literal("preview") })
 ]);
 const newsletterDisplaySchema = z.object({
+	lookSlots: lookListPresentationSchemaShape.lookSlots,
 	kind: z.literal("newsletter-form"),
 	availability: z.enum(["ready", "unavailable"]),
 	className: z.string().nullable(),
@@ -37000,13 +37656,14 @@ function buildNewsletterDisplay(source) {
 	const choices = resolveRuntimeChoices(assessment);
 	return {
 		kind: "newsletter-form",
+		...source.lookSlots ? { lookSlots: source.lookSlots } : {},
 		availability: assessment.tag === "available" ? "ready" : "unavailable",
 		className: source.className ?? null,
 		buttonLabel: form.buttonLabel,
 		successMessage: form.successMessage,
 		buttonVariant: source.buttonVariant ?? "primary",
 		privacyNote: form.privacyNote,
-		fields: getGlobalFormFields(form),
+		fields: getGlobalFormFields(form, source),
 		choices
 	};
 }
@@ -37078,32 +37735,50 @@ function parseRequiredMailingListSignedSourceToken(value) {
 //#region ../blocks/src/system/blocks/newsletter-signup.ts
 const stackedComposition = composeFragments([{ fragment: newsletterCopyFragment }, { fragment: newsletterFormFragment }]);
 const stackedLayout = styledSection({
-	children: sectionContainer(stackedComposition.layout, {
+	children: props(lookSlot("layout"))(sectionContainer(stackedComposition.layout, {
 		gap: "md",
 		className: "rb-text-center newsletter-stacked"
-	}),
+	})),
 	baseClass: "",
 	spacing: "medium",
 	background: "surface"
 });
 const inlineLayout = styledSection({
-	children: sectionContainer(stackedComposition.layout, {
+	children: props(lookSlot("layout"))(sectionContainer(stackedComposition.layout, {
 		gap: "md",
 		className: "newsletter-inline"
-	}),
+	})),
 	baseClass: "",
 	spacing: "medium",
 	background: "surface"
 });
 const editorialSplitLayout = styledSection({
-	children: sectionContainer([el("div", { className: "newsletter-editorial-split-copy" }, newsletterCopyFragment.layout), el("div", { className: "newsletter-editorial-split-form" }, newsletterFormFragment.layout)], {
+	children: props(lookSlot("layout"))(sectionContainer([el("div", {
+		className: "newsletter-editorial-split-copy",
+		...lookSlot("head")
+	}, newsletterCopyFragment.layout), el("div", {
+		className: "newsletter-editorial-split-form",
+		...lookSlot("panel")
+	}, newsletterFormFragment.layout)], {
 		gap: "lg",
 		className: "newsletter-editorial-split"
-	}),
+	})),
 	baseClass: "",
 	spacing: "comfortable",
 	background: "surface"
 });
+const archLayout = styledSection({
+	children: el("div", {
+		className: "rb-container",
+		...lookSlot("layout")
+	}, [el("div", lookSlot("frame"), [el("div", {
+		className: "rb-grid",
+		...lookSlot("head")
+	}, newsletterCopyFragment.layout), ...newsletterFormFragment.layout])]),
+	baseClass: "",
+	spacing: "medium",
+	background: "surface"
+});
 const newsletterSignupManifest = createBlockManifest({
 	id: "block.newsletter-signup",
 	title: "Newsletter Signup",
@@ -37118,13 +37793,26 @@ const newsletterSignupManifest = createBlockManifest({
 		fragment: newsletterFormFragment,
 		fieldPriority: 1
 	}],
+	additionalFields: [{
+		id: "archFrame",
+		type: "boolean",
+		label: "Arch frame",
+		ui: {
+			intent: "display",
+			hidden: true
+		}
+	}],
 	layout: stackedLayout,
 	variants: {
+		arch: archLayout,
 		stacked: stackedLayout,
 		inline: inlineLayout,
 		"editorial-split": editorialSplitLayout
 	},
-	variantMeaning: { kind: "arrangement" },
+	variantMeaning: {
+		kind: "arrangement",
+		lookOnlyKeys: ["arch"]
+	},
 	defaultVariant: "stacked",
 	variantOptions: {
 		stacked: {
@@ -38211,7 +38899,7 @@ const systemBlockDefinitions = [
 			})
 		]
 	})),
-	withDesignCapability("block.body-text", bodyTextBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+	withDesignCapability("block.body-text", bodyTextBlockDefinition, withLookCapability(sectionOnly()), defineBlockDesignMetadata({
 		flow: bodyFlow,
 		layoutProfiles: [
 			layoutProfile({
@@ -38586,7 +39274,7 @@ const systemBlockDefinitions = [
 			weight: "quiet"
 		})]
 	})),
-	withDesignCapability("block.image-gallery", imageGalleryBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+	withDesignCapability("block.image-gallery", imageGalleryBlockDefinition, withLookCapability(sectionOnly()), defineBlockDesignMetadata({
 		flow: mediaFlow,
 		layoutProfiles: [
 			layoutProfile({
@@ -38675,7 +39363,7 @@ const systemBlockDefinitions = [
 			weight: "standard"
 		})]
 	})),
-	withDesignCapability("block.newsletter-signup", newsletterSignupBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+	withDesignCapability("block.newsletter-signup", newsletterSignupBlockDefinition, withLookCapability(sectionOnly()), defineBlockDesignMetadata({
 		flow: conversionFlow,
 		layoutProfiles: [
 			layoutProfile({