@riverbankcms/sdk 0.153.0 → 0.154.0

package/dist/server/server.mjs

@@ -2115,6 +2115,25 @@ function validateBookingPaymentOptionKinds(kinds) {
 	return ok$1(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();
@@ -2151,8 +2170,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;
@@ -2169,19 +2186,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, {
@@ -2269,7 +2274,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",
@@ -2394,6 +2399,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;
@@ -2531,6 +2547,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,
@@ -4270,6 +4290,129 @@ const BILLING_ENDPOINT_DEFINITIONS = defineEndpointDefinitions({
 		tags: ["billing"],
 		auth: "user",
 		responseKind: "json"
+	},
+	stripeConnectSetupStart: {
+		path: "/sites/{siteId}/billing/connect/setup",
+		method: "POST",
+		tags: ["site-{siteId}", "stripe-connect"],
+		auth: "user",
+		responseKind: "json",
+		errors: [
+			"validation:invalid_input",
+			"auth:forbidden",
+			"resource:conflict",
+			"server:internal_error"
+		]
+	},
+	stripeConnectSetupDiscard: {
+		path: "/sites/{siteId}/billing/connect/setup",
+		method: "DELETE",
+		tags: ["site-{siteId}", "stripe-connect"],
+		auth: "user",
+		responseKind: "json",
+		errors: [
+			"validation:invalid_input",
+			"auth:forbidden",
+			"resource:conflict",
+			"server:internal_error"
+		]
+	},
+	stripeConnectSetupSave: {
+		path: "/sites/{siteId}/billing/connect/setup/save",
+		method: "POST",
+		tags: ["site-{siteId}", "stripe-connect"],
+		auth: "user",
+		responseKind: "json",
+		errors: [
+			"validation:invalid_input",
+			"auth:forbidden",
+			"resource:conflict",
+			"server:internal_error"
+		]
+	},
+	stripeConnectAccountSession: {
+		path: "/sites/{siteId}/billing/connect/session",
+		method: "POST",
+		tags: ["site-{siteId}", "stripe-connect"],
+		auth: "user",
+		responseKind: "json",
+		errors: [
+			"validation:invalid_input",
+			"auth:forbidden",
+			"resource:conflict",
+			"server:internal_error"
+		]
+	},
+	stripeConnectStart: {
+		path: "/sites/{siteId}/billing/connect/start",
+		method: "POST",
+		tags: ["site-{siteId}", "stripe-connect"],
+		auth: "user",
+		responseKind: "json",
+		errors: [
+			"validation:invalid_input",
+			"auth:forbidden",
+			"resource:conflict",
+			"server:internal_error"
+		]
+	},
+	stripeConnectStatus: {
+		path: "/sites/{siteId}/billing/connect/status",
+		method: "GET",
+		tags: ["site-{siteId}", "stripe-connect"],
+		auth: "user",
+		responseKind: "json",
+		errors: [
+			"validation:invalid_input",
+			"auth:forbidden",
+			"resource:conflict",
+			"server:internal_error"
+		]
+	},
+	stripeAutomaticTaxUpdate: {
+		path: "/sites/{siteId}/billing/automatic-tax",
+		method: "POST",
+		tags: [
+			"site-{siteId}",
+			"billing",
+			"stripe-tax"
+		],
+		auth: "user",
+		responseKind: "json",
+		errors: [
+			"validation:invalid_input",
+			"auth:forbidden",
+			"resource:not_found",
+			"server:unavailable",
+			"server:internal_error"
+		]
+	},
+	stripeConnectDisconnect: {
+		path: "/sites/{siteId}/billing/connect/disconnect",
+		method: "DELETE",
+		tags: ["site-{siteId}", "stripe-connect"],
+		auth: "user",
+		responseKind: "json",
+		errors: [
+			"validation:invalid_input",
+			"auth:forbidden",
+			"resource:conflict",
+			"server:internal_error"
+		]
+	},
+	billingConnectReturn: {
+		path: "/billing/connect/return",
+		method: "GET",
+		auth: "user",
+		responseKind: "void",
+		errors: []
+	},
+	billingConnectRefresh: {
+		path: "/billing/connect/refresh",
+		method: "GET",
+		auth: "user",
+		responseKind: "void",
+		errors: []
 	}
 });
 //#endregion
@@ -4434,6 +4577,14 @@ const PAGE_SURFACE_EDITOR_ENDPOINT_DEFINITIONS = {
 * person when nothing is attached to them.
 */
 const BOOKING_PEOPLE_ENDPOINT_DEFINITIONS = defineEndpointDefinitions({
+	getBookingPerson: {
+		path: "/sites/{siteId}/bookings/people/{personId}",
+		method: "GET",
+		tags: ["site-{siteId}", "customers-{siteId}"],
+		auth: "user",
+		responseKind: "json",
+		errors: ["resource:not_found", "server:internal_error"]
+	},
 	listPeople: {
 		path: "/sites/{siteId}/bookings/people",
 		method: "GET",
@@ -7669,57 +7820,6 @@ const API_ENDPOINTS$1 = {
 		errors: [],
 		responseKind: "json"
 	},
-	stripeConnectStart: {
-		path: "/sites/{siteId}/billing/connect/start",
-		method: "POST",
-		tags: ["site-{siteId}", "stripe-connect"],
-		auth: "user",
-		responseKind: "json"
-	},
-	stripeConnectStatus: {
-		path: "/sites/{siteId}/billing/connect/status",
-		method: "GET",
-		tags: ["site-{siteId}", "stripe-connect"],
-		auth: "user",
-		responseKind: "json"
-	},
-	stripeAutomaticTaxUpdate: {
-		path: "/sites/{siteId}/billing/automatic-tax",
-		method: "POST",
-		tags: [
-			"site-{siteId}",
-			"billing",
-			"stripe-tax"
-		],
-		auth: "user",
-		responseKind: "json",
-		errors: [
-			"validation:invalid_input",
-			"auth:forbidden",
-			"resource:not_found",
-			"server:unavailable",
-			"server:internal_error"
-		]
-	},
-	stripeConnectDisconnect: {
-		path: "/sites/{siteId}/billing/connect/disconnect",
-		method: "DELETE",
-		tags: ["site-{siteId}", "stripe-connect"],
-		auth: "user",
-		responseKind: "json"
-	},
-	billingConnectReturn: {
-		path: "/billing/connect/return",
-		method: "GET",
-		auth: "user",
-		responseKind: "void"
-	},
-	billingConnectRefresh: {
-		path: "/billing/connect/refresh",
-		method: "GET",
-		auth: "user",
-		responseKind: "void"
-	},
 	importSiteBackup: {
 		path: "/sites/{siteId}/backup/import",
 		method: "POST",
@@ -8625,6 +8725,7 @@ const API_ENDPOINTS$1 = {
 		errors: [
 			"validation:invalid_input",
 			"resource:not_found",
+			"resource:conflict",
 			"server:internal_error"
 		]
 	},
@@ -8650,6 +8751,7 @@ const API_ENDPOINTS$1 = {
 		errors: [
 			"validation:invalid_input",
 			"resource:not_found",
+			"resource:conflict",
 			"server:internal_error"
 		]
 	},
@@ -10573,7 +10675,7 @@ var SimpleCache = class {
 * 1. This constant
 * 2. The "version" field in package.json
 */
-const SDK_VERSION = "0.153.0";
+const SDK_VERSION = "0.154.0";
 //#endregion
 //#region src/client/error.ts
 let _Symbol$for;
@@ -11528,6 +11630,29 @@ function selectLogoVariant(tone, variants) {
 	return tone === "dark" ? forDarkBackgrounds ?? forLightBackgrounds : forLightBackgrounds ?? forDarkBackgrounds;
 }
 //#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.
@@ -11643,6 +11768,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"
@@ -11689,24 +11815,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",
@@ -11778,7 +11886,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
@@ -11901,12 +12010,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 })
 });
@@ -12526,6 +12643,10 @@ function validateButtonTextContrast(input) {
 		}
 	};
 }
+/** A text-token slab inverts the palette's text/background pair, including text shades. */
+function solidForegroundToken(backgroundToken) {
+	return /^text(?:-\d+)?$/.test(backgroundToken) ? "background" : onColorTokenName(backgroundToken);
+}
 //#endregion
 //#region ../theme-core/src/buttons/contextualHover.ts
 function resolveContextualHoverPreference(input) {
@@ -12623,7 +12744,7 @@ function candidate(family, shade, currentShade, direction, seedHex, palette) {
 }
 function hasSafeTextContrast(token, palette) {
 	const background = palette[token];
-	const foreground = palette[onColorTokenName(token)];
+	const foreground = palette[solidForegroundToken(token)];
 	return typeof background === "string" && typeof foreground === "string" && contrastRatio(background, foreground) >= BUTTON_CONTRAST_POLICY.textMinimumRatio;
 }
 function isSafeCandidate(token, palette, surface) {
@@ -12718,6 +12839,13 @@ function compileDeclaredVisualStates(input, states) {
 	const colours = collectStateColours(mapVisualStates((state) => compileDeclaredVisualState(input, states, state, state === "hover" ? hover.treatment : states[state].background)));
 	return colours.ok ? {
 		...colours,
+		focusIndicator: states.focus.indicator ? {
+			kind: "surface-role",
+			colorCss: input.surface?.foregroundCss ?? surfaceForegroundValue("text"),
+			width: states.focus.indicator.width,
+			offset: states.focus.indicator.offset,
+			minimumSurfaceContrast: BUTTON_CONTRAST_POLICY.nonTextMinimumRatio
+		} : colours.focusIndicator,
 		contextualHoverRepair: hover.repair
 	} : colours;
 }
@@ -12855,7 +12983,7 @@ function resolveFocusIndicator(colour) {
 function resolveSolid(input, backgroundToken, edge) {
 	const backgroundHex = paletteHex(input, backgroundToken);
 	if (!backgroundHex.ok) return backgroundHex;
-	const foregroundToken = unsafeAsOpaqueButtonColourToken(onColorTokenName(backgroundToken));
+	const foregroundToken = unsafeAsOpaqueButtonColourToken(solidForegroundToken(backgroundToken));
 	const foregroundHex = input.palette[foregroundToken];
 	if (typeof foregroundHex !== "string") return {
 		ok: false,
@@ -14433,7 +14561,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",
@@ -14443,7 +14573,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) {
@@ -14470,13 +14604,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 },
@@ -15365,6 +15511,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" },
@@ -16655,6 +16810,49 @@ function requireThemeColorToken$1(value) {
 	return token;
 }
 //#endregion
+//#region ../theme-core/src/header/rootPaint.ts
+/** The nav container takes precedence when a floating header also has one. */
+function headerRootPaint(header) {
+	const navContainerType = header?.navContainer?.type ?? "none";
+	if (navContainerType === "glass" || navContainerType === "pill") return "contained-nav";
+	return header?.variant === "floating" ? "overlay" : "own-surface";
+}
+//#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",
@@ -16815,6 +17013,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",
@@ -16901,6 +17102,477 @@ 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/interactive/baseSchema.ts
+/**
+* Shared Base Schemas for Interactive Elements
+*
+* These Zod schemas are shared by buttons and nav links for DRY architecture.
+*/
+/**
+* Typography settings shared by buttons and nav links
+*/
+const interactiveTypographySchema = z.object({
+	/** Font family source */
+	typography: z.enum(["body", "heading"]).default("body"),
+	/** Font weight */
+	fontWeight: z.enum([
+		"regular",
+		"medium",
+		"semibold",
+		"bold"
+	]).default("medium"),
+	/** Text transform */
+	textTransform: z.enum([
+		"none",
+		"uppercase",
+		"capitalize"
+	]).default("none"),
+	/** Italic style */
+	italic: z.boolean().default(false)
+});
+/**
+* Effect application reference (shared between buttons and nav)
+*/
+const effectApplicationSchema = z.object({
+	/** Effect preset ID */
+	effectId: z.string(),
+	/** User-provided customization options */
+	options: z.record(z.string(), z.any()).optional()
+});
+/**
+* Effect composition by state (shared pattern)
+*/
+const effectCompositionSchema = z.object({
+	/** Effects always applied */
+	base: z.array(effectApplicationSchema).optional(),
+	/** Effects applied on hover */
+	hover: z.array(effectApplicationSchema).optional(),
+	/** Effects applied on active/pressed */
+	active: z.array(effectApplicationSchema).optional(),
+	/** Effects applied on focus */
+	focus: z.array(effectApplicationSchema).optional()
+});
+const policiesById = {
+	"darken-background": "other",
+	"lighten-background": "other",
+	"fade-background": "other",
+	"opacity-reduce": "other",
+	"animated-gradient": "other",
+	"background-on-hover": "paired-hover",
+	"background-on-hover-alpha": "paired-hover",
+	"border-glow": "other",
+	"drop-shadow": "other",
+	"inner-shadow": "other",
+	"neumorphic-shadow": "other",
+	"outer-glow": "other",
+	"retro-3d-shadow": "other",
+	"scale-up": "other",
+	"scale-down": "other",
+	lift: "other",
+	"press-down": "other",
+	pop: "other",
+	"aurora-glow": "other",
+	"cosmic-stardust": "other",
+	"gradient-border-fill": "other",
+	"animated-gradient-border-fill": "other",
+	"border-bottom-grow": "other",
+	"gradient-text": "other",
+	"text-color-change": "text-colour",
+	"border-color-change": "other",
+	"sketchy-border": "other",
+	"pulse-animation": "other",
+	"nav-underline": "underline",
+	"nav-frosted-base": "other",
+	"nav-frosted-hover": "other",
+	"nav-frosted-active": "other"
+};
+function navEffectPolicy(effectId) {
+	return policiesById[effectId] ?? null;
+}
+//#endregion
+//#region ../theme-core/src/navigation/types.ts
+/**
+* Navigation Link Style Types
+*
+* Schema and types for composable nav link styling used by header and footer.
+*/
+/**
+* Padding preset options for nav links
+*/
+const navLinkPaddingSchema = z.enum([
+	"none",
+	"compact",
+	"default"
+]);
+/**
+* Horizontal padding override for nav links.
+* When set, overrides only the horizontal component of the `padding` preset.
+*/
+const navLinkPaddingXSchema = z.enum([
+	"none",
+	"tight",
+	"compact",
+	"default",
+	"relaxed",
+	"spacious"
+]);
+/**
+* Border radius options for nav links
+*/
+const navLinkBorderRadiusSchema = z.enum([
+	"none",
+	"sm",
+	"md",
+	"full"
+]);
+/**
+* Typography size options for nav links.
+*/
+const navLinkTextSizeSchema = z.enum([
+	"xs",
+	"sm",
+	"base",
+	"lg",
+	"xl"
+]);
+/**
+* Letter spacing options for nav links.
+*/
+const navLinkLetterSpacingSchema = z.enum([
+	"normal",
+	"wide",
+	"wider",
+	"widest"
+]);
+/**
+* Optional legibility aid for nav text that floats over uncertain imagery or color.
+*/
+const navLinkContrastTreatmentSchema = z.enum(["none", "soft-glow"]);
+/**
+* Nav link style schema
+*
+* Extends interactive typography base with nav-specific settings.
+*/
+const navLinkStyleSchema = z.object({
+	/** Display name for the style */
+	name: z.string().min(1).max(30).optional(),
+	/** Typography settings (inherited from interactive base) */
+	...interactiveTypographySchema.shape,
+	/** Text color token */
+	colorToken: themeColorTokenSchema.default("text"),
+	/** Optional text size override */
+	textSize: navLinkTextSizeSchema.optional(),
+	/** Optional letter spacing override */
+	letterSpacing: navLinkLetterSpacingSchema.optional(),
+	/** Optional text-only contrast treatment for transparent/overlay navigation */
+	contrastTreatment: navLinkContrastTreatmentSchema.optional(),
+	/** Hover/active color token (for color-change effects) */
+	hoverColorToken: themeColorTokenSchema.nullable().optional(),
+	/** Padding preset */
+	padding: navLinkPaddingSchema.default("compact"),
+	/** Horizontal padding override (overrides horizontal component of padding preset) */
+	paddingX: navLinkPaddingXSchema.optional(),
+	/** Border radius (for capsule/pill styles) */
+	borderRadius: navLinkBorderRadiusSchema.default("none"),
+	/** Composable effects */
+	effects: effectCompositionSchema.optional()
+});
+function navLinkHoverColorCandidate(style) {
+	const effect = style?.effects?.hover?.find((item) => navEffectPolicy(item.effectId) === "text-colour");
+	return parseThemeColorToken(effect?.options?.hoverColorToken ?? style?.hoverColorToken);
+}
+function navLinkOwnsHoverForeground(style) {
+	return style?.effects?.hover?.some((effect) => navEffectPolicy(effect.effectId) === "paired-hover") ?? false;
+}
+function navLinkOwnsUnderline(style) {
+	return style?.effects?.hover?.some((effect) => navEffectPolicy(effect.effectId) === "underline") ?? false;
+}
+shadeBackgroundEffect({
+	id: "darken-background",
+	name: "Darken on Hover",
+	description: "Darkens the background color on hover",
+	label: "Darken Amount (shade step)",
+	shadeDirection: 1
+});
+shadeBackgroundEffect({
+	id: "lighten-background",
+	name: "Lighten on Hover",
+	description: "Lightens the background color on hover",
+	label: "Lighten Amount (shade step)",
+	shadeDirection: -1
+});
+function shadeBackgroundEffect(config) {
+	return {
+		id: config.id,
+		name: config.name,
+		description: config.description,
+		category: "background",
+		pseudoElement: "none",
+		applicableTo: ["button"],
+		customizableOption: {
+			name: "amount",
+			type: "select",
+			label: config.label,
+			default: 100,
+			options: [
+				0,
+				100,
+				200,
+				300,
+				400,
+				500,
+				600,
+				700,
+				800,
+				900
+			]
+		},
+		isApplicable: (buttonConfig) => buttonConfig.background.type === "solid",
+		generateCSS: ({ themeId, variantId, options, tokens, buttonConfig }) => {
+			if (buttonConfig.background.type !== "solid") return "";
+			const amount = (options.amount || 100) * config.shadeDirection;
+			const baseToken = buttonConfig.background.colorToken ?? "primary-500";
+			return `
+      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
+        background-color: ${tokens.getColor(tokens.adjustShade(baseToken, amount))};
+      }
+    `;
+		}
+	};
+}
+//#endregion
+//#region ../theme-core/src/navigation/presets.ts
+/**
+* Built-in nav link style presets
+*
+* Each preset uses composable effects to achieve its look.
+*/
+const NAV_LINK_PRESETS = {
+	/**
+	* Minimal - subtle color change on hover
+	*/
+	minimal: {
+		name: "Minimal",
+		typography: "body",
+		fontWeight: "medium",
+		textTransform: "none",
+		italic: false,
+		colorToken: "text",
+		hoverColorToken: "primary",
+		padding: "none",
+		borderRadius: "none",
+		effects: { hover: [{
+			effectId: "text-color-change",
+			options: { hoverColorToken: "primary" }
+		}] }
+	},
+	/**
+	* Underline - static underline appears on hover
+	*/
+	underline: {
+		name: "Underline",
+		typography: "body",
+		fontWeight: "medium",
+		textTransform: "none",
+		italic: false,
+		colorToken: "text",
+		padding: "none",
+		borderRadius: "none",
+		effects: { hover: [{
+			effectId: "nav-underline",
+			options: { style: "static" }
+		}] }
+	},
+	/**
+	* Underline Grow - animated underline grows from center on hover
+	*/
+	"underline-grow": {
+		name: "Underline Grow",
+		typography: "body",
+		fontWeight: "medium",
+		textTransform: "none",
+		italic: false,
+		colorToken: "text",
+		padding: "none",
+		borderRadius: "none",
+		effects: { hover: [{
+			effectId: "nav-underline",
+			options: { style: "grow" }
+		}] }
+	},
+	/**
+	* Capsule - pill-shaped background on hover
+	*/
+	capsule: {
+		name: "Capsule",
+		typography: "body",
+		fontWeight: "medium",
+		textTransform: "none",
+		italic: false,
+		colorToken: "text",
+		padding: "compact",
+		borderRadius: "full",
+		effects: {
+			hover: [{
+				effectId: "background-on-hover-alpha",
+				options: {
+					colorToken: "primary",
+					opacity: 10
+				}
+			}],
+			active: [{
+				effectId: "background-on-hover-alpha",
+				options: {
+					colorToken: "primary",
+					opacity: 15
+				}
+			}]
+		}
+	},
+	/**
+	* Solid - solid background color on hover
+	*/
+	solid: {
+		name: "Solid",
+		typography: "body",
+		fontWeight: "medium",
+		textTransform: "none",
+		italic: false,
+		colorToken: "text",
+		padding: "compact",
+		borderRadius: "none",
+		effects: {
+			hover: [{
+				effectId: "background-on-hover",
+				options: {
+					colorToken: "primary",
+					textColorToken: "primaryForeground"
+				}
+			}],
+			active: [{
+				effectId: "background-on-hover",
+				options: {
+					colorToken: "primary",
+					textColorToken: "primaryForeground"
+				}
+			}]
+		}
+	},
+	/**
+	* Scale - gentle scale-up on hover
+	*/
+	scale: {
+		name: "Scale",
+		typography: "body",
+		fontWeight: "medium",
+		textTransform: "none",
+		italic: false,
+		colorToken: "text",
+		padding: "none",
+		borderRadius: "none",
+		effects: { hover: [{
+			effectId: "scale-up",
+			options: { scale: 1.05 }
+		}] }
+	},
+	/**
+	* Frosted - semi-transparent glass-like background
+	*/
+	frosted: {
+		name: "Frosted",
+		typography: "body",
+		fontWeight: "medium",
+		textTransform: "none",
+		italic: false,
+		colorToken: "text",
+		padding: "compact",
+		borderRadius: "md",
+		effects: {
+			base: [{ effectId: "nav-frosted-base" }],
+			hover: [{ effectId: "nav-frosted-hover" }],
+			active: [{ effectId: "nav-frosted-active" }]
+		}
+	}
+};
+/**
+* Get a nav link style preset by ID
+*/
+function getNavLinkPreset(presetId) {
+	return NAV_LINK_PRESETS[presetId];
+}
+Object.keys(NAV_LINK_PRESETS);
+//#endregion
+//#region ../theme-core/src/footer/effectiveNavLinkStyle.ts
+function effectiveFooterNavLinkStyle(footer) {
+	if (!footer) return null;
+	if (footer.navLinkStyle) return footer.navLinkStyle;
+	const basePreset = getNavLinkPreset(footer.navStyle ?? "minimal");
+	if (!basePreset) return null;
+	return {
+		...basePreset,
+		fontWeight: footer.navWeight ?? basePreset.fontWeight,
+		colorToken: footer.navColor?.trim() || basePreset.colorToken
+	};
+}
+function footerForegroundCandidates(footer, proseHoverCandidate) {
+	if (!footer) return {};
+	const style = effectiveFooterNavLinkStyle(footer);
+	return {
+		text: footer.background?.textColor ?? (footer.variant === "centred" ? "text" : void 0),
+		link: style?.colorToken ?? footer.navColor ?? footer.background?.textColor,
+		linkHover: navLinkOwnsHoverForeground(style) ? proseHoverCandidate : navLinkHoverColorCandidate(style)
+	};
+}
+//#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/buttons/styles/recipes/defineStaticButtonStyleRecipe.ts
 const emptyParametersSchema$1 = z.object({}).strict();
 function defineStaticButtonStyleRecipe(input) {
@@ -16928,6 +17600,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: {
@@ -17669,7 +18622,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([
@@ -17706,7 +18662,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
@@ -21222,7 +22181,10 @@ const buttonStyleRecipes = [
 	offsetBlockRecipe,
 	ringedPillRecipe,
 	squareOutlineRecipe,
-	fulcrumRecipe
+	fulcrumRecipe,
+	giltSlabRecipe,
+	hairlineTabRecipe,
+	marqueeRecipe
 ];
 const recipesById = new Map(buttonStyleRecipes.map((recipe) => [recipe.id, recipe]));
 function findButtonStyleRecipe(id) {
@@ -21238,6 +22200,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);
@@ -24284,52 +25249,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
@@ -25223,14 +26150,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 ../theme-core/src/palette/schema.ts
 const colourHexString = z.string().regex(/^#([0-9A-Fa-f]{3}){1,2}$/);
 const paletteColorSchema = z.object({
@@ -25258,59 +26177,6 @@ const paletteSchema = z.object({
 		meta: palette.meta
 	};
 });
-shadeBackgroundEffect({
-	id: "darken-background",
-	name: "Darken on Hover",
-	description: "Darkens the background color on hover",
-	label: "Darken Amount (shade step)",
-	shadeDirection: 1
-});
-shadeBackgroundEffect({
-	id: "lighten-background",
-	name: "Lighten on Hover",
-	description: "Lightens the background color on hover",
-	label: "Lighten Amount (shade step)",
-	shadeDirection: -1
-});
-function shadeBackgroundEffect(config) {
-	return {
-		id: config.id,
-		name: config.name,
-		description: config.description,
-		category: "background",
-		pseudoElement: "none",
-		applicableTo: ["button"],
-		customizableOption: {
-			name: "amount",
-			type: "select",
-			label: config.label,
-			default: 100,
-			options: [
-				0,
-				100,
-				200,
-				300,
-				400,
-				500,
-				600,
-				700,
-				800,
-				900
-			]
-		},
-		isApplicable: (buttonConfig) => buttonConfig.background.type === "solid",
-		generateCSS: ({ themeId, variantId, options, tokens, buttonConfig }) => {
-			if (buttonConfig.background.type !== "solid") return "";
-			const amount = (options.amount || 100) * config.shadeDirection;
-			const baseToken = buttonConfig.background.colorToken ?? "primary-500";
-			return `
-      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
-        background-color: ${tokens.getColor(tokens.adjustShade(baseToken, amount))};
-      }
-    `;
-		}
-	};
-}
 buttonSizeNameSchema.options;
 buttonStyleRecipes.map((recipe) => {
 	const resolved = resolveButtonStyleSelection(defaultButtonStyleSelectionFor(recipe.id));
@@ -25595,192 +26461,6 @@ const gradientsSchema = z.object({
 	background: z.string().min(1).nullable().optional()
 });
 //#endregion
-//#region ../theme-core/src/interactive/baseSchema.ts
-/**
-* Shared Base Schemas for Interactive Elements
-*
-* These Zod schemas are shared by buttons and nav links for DRY architecture.
-*/
-/**
-* Typography settings shared by buttons and nav links
-*/
-const interactiveTypographySchema = z.object({
-	/** Font family source */
-	typography: z.enum(["body", "heading"]).default("body"),
-	/** Font weight */
-	fontWeight: z.enum([
-		"regular",
-		"medium",
-		"semibold",
-		"bold"
-	]).default("medium"),
-	/** Text transform */
-	textTransform: z.enum([
-		"none",
-		"uppercase",
-		"capitalize"
-	]).default("none"),
-	/** Italic style */
-	italic: z.boolean().default(false)
-});
-/**
-* Effect application reference (shared between buttons and nav)
-*/
-const effectApplicationSchema = z.object({
-	/** Effect preset ID */
-	effectId: z.string(),
-	/** User-provided customization options */
-	options: z.record(z.string(), z.any()).optional()
-});
-/**
-* Effect composition by state (shared pattern)
-*/
-const effectCompositionSchema = z.object({
-	/** Effects always applied */
-	base: z.array(effectApplicationSchema).optional(),
-	/** Effects applied on hover */
-	hover: z.array(effectApplicationSchema).optional(),
-	/** Effects applied on active/pressed */
-	active: z.array(effectApplicationSchema).optional(),
-	/** Effects applied on focus */
-	focus: z.array(effectApplicationSchema).optional()
-});
-const policiesById = {
-	"darken-background": "other",
-	"lighten-background": "other",
-	"fade-background": "other",
-	"opacity-reduce": "other",
-	"animated-gradient": "other",
-	"background-on-hover": "paired-hover",
-	"background-on-hover-alpha": "paired-hover",
-	"border-glow": "other",
-	"drop-shadow": "other",
-	"inner-shadow": "other",
-	"neumorphic-shadow": "other",
-	"outer-glow": "other",
-	"retro-3d-shadow": "other",
-	"scale-up": "other",
-	"scale-down": "other",
-	lift: "other",
-	"press-down": "other",
-	pop: "other",
-	"aurora-glow": "other",
-	"cosmic-stardust": "other",
-	"gradient-border-fill": "other",
-	"animated-gradient-border-fill": "other",
-	"border-bottom-grow": "other",
-	"gradient-text": "other",
-	"text-color-change": "text-colour",
-	"border-color-change": "other",
-	"sketchy-border": "other",
-	"pulse-animation": "other",
-	"nav-underline": "underline",
-	"nav-frosted-base": "other",
-	"nav-frosted-hover": "other",
-	"nav-frosted-active": "other"
-};
-function navEffectPolicy(effectId) {
-	return policiesById[effectId] ?? null;
-}
-//#endregion
-//#region ../theme-core/src/navigation/types.ts
-/**
-* Navigation Link Style Types
-*
-* Schema and types for composable nav link styling used by header and footer.
-*/
-/**
-* Padding preset options for nav links
-*/
-const navLinkPaddingSchema = z.enum([
-	"none",
-	"compact",
-	"default"
-]);
-/**
-* Horizontal padding override for nav links.
-* When set, overrides only the horizontal component of the `padding` preset.
-*/
-const navLinkPaddingXSchema = z.enum([
-	"none",
-	"tight",
-	"compact",
-	"default",
-	"relaxed",
-	"spacious"
-]);
-/**
-* Border radius options for nav links
-*/
-const navLinkBorderRadiusSchema = z.enum([
-	"none",
-	"sm",
-	"md",
-	"full"
-]);
-/**
-* Typography size options for nav links.
-*/
-const navLinkTextSizeSchema = z.enum([
-	"xs",
-	"sm",
-	"base",
-	"lg",
-	"xl"
-]);
-/**
-* Letter spacing options for nav links.
-*/
-const navLinkLetterSpacingSchema = z.enum([
-	"normal",
-	"wide",
-	"wider",
-	"widest"
-]);
-/**
-* Optional legibility aid for nav text that floats over uncertain imagery or color.
-*/
-const navLinkContrastTreatmentSchema = z.enum(["none", "soft-glow"]);
-/**
-* Nav link style schema
-*
-* Extends interactive typography base with nav-specific settings.
-*/
-const navLinkStyleSchema = z.object({
-	/** Display name for the style */
-	name: z.string().min(1).max(30).optional(),
-	/** Typography settings (inherited from interactive base) */
-	...interactiveTypographySchema.shape,
-	/** Text color token */
-	colorToken: themeColorTokenSchema.default("text"),
-	/** Optional text size override */
-	textSize: navLinkTextSizeSchema.optional(),
-	/** Optional letter spacing override */
-	letterSpacing: navLinkLetterSpacingSchema.optional(),
-	/** Optional text-only contrast treatment for transparent/overlay navigation */
-	contrastTreatment: navLinkContrastTreatmentSchema.optional(),
-	/** Hover/active color token (for color-change effects) */
-	hoverColorToken: themeColorTokenSchema.nullable().optional(),
-	/** Padding preset */
-	padding: navLinkPaddingSchema.default("compact"),
-	/** Horizontal padding override (overrides horizontal component of padding preset) */
-	paddingX: navLinkPaddingXSchema.optional(),
-	/** Border radius (for capsule/pill styles) */
-	borderRadius: navLinkBorderRadiusSchema.default("none"),
-	/** Composable effects */
-	effects: effectCompositionSchema.optional()
-});
-function navLinkHoverColorCandidate(style) {
-	const effect = style?.effects?.hover?.find((item) => navEffectPolicy(item.effectId) === "text-colour");
-	return parseThemeColorToken(effect?.options?.hoverColorToken ?? style?.hoverColorToken);
-}
-function navLinkOwnsHoverForeground(style) {
-	return style?.effects?.hover?.some((effect) => navEffectPolicy(effect.effectId) === "paired-hover") ?? false;
-}
-function navLinkOwnsUnderline(style) {
-	return style?.effects?.hover?.some((effect) => navEffectPolicy(effect.effectId) === "underline") ?? false;
-}
-//#endregion
 //#region ../theme-core/src/customCss/validation.ts
 /**
 * Custom CSS Validation Schemas
@@ -26469,20 +27149,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",
@@ -26491,12 +27166,6 @@ const footerSpacing = z.enum([
 	"relaxed",
 	"spacious"
 ]);
-const footerLogoPlacement = z.enum([
-	"left",
-	"right",
-	"above",
-	"below"
-]);
 const footerLogoSize = z.enum([
 	"sm",
 	"md",
@@ -26537,17 +27206,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([
@@ -26557,15 +27217,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"
@@ -27489,6 +28142,7 @@ function defineCuratedSiteStyle(input) {
 			recommendedAppearancePresetIds
 		},
 		headerCuration: headerCurationBySiteStyle[input.id],
+		footerLookRecipes: input.footerLookRecipes,
 		recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(asFooterLookId),
 		buttonStyleChoices: input.buttonStyleChoices,
 		paletteRecommendations: input.paletteRecommendations,
@@ -27974,7 +28628,11 @@ const lanternLooks = {
 		margin: "40px"
 	},
 	fontLoading: {
-		extraBodyFontWeights: [500, 700],
+		extraBodyFontWeights: [
+			500,
+			700,
+			800
+		],
 		italicBodyFontWeights: [400]
 	},
 	surfaces: {
@@ -28024,6 +28682,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",
@@ -28462,7 +29152,7 @@ const curatedSiteStyles = [
 			"faq-contained-help",
 			"contact-form-panel"
 		],
-		recommendedFooterLookIds: ["footer-links-quiet"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("soft-pill"),
 			buttonChoice("pebble"),
@@ -28581,7 +29271,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"),
@@ -28636,7 +29326,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"),
@@ -28707,7 +29431,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"),
@@ -28754,7 +29478,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"),
@@ -28806,7 +29545,7 @@ const curatedSiteStyles = [
 			},
 			testimonialQuote: serifDisplayQuote
 		},
-		recommendedFooterLookIds: ["footer-links-quiet"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("fulcrum"),
 			buttonChoice("editorial-link"),
@@ -28883,7 +29622,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"),
@@ -28921,7 +29660,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"),
@@ -28960,8 +29714,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")
@@ -28996,7 +29771,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"),
@@ -29024,6 +29799,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
@@ -29121,29 +29897,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/header/rootPaint.ts
-/** The nav container takes precedence when a floating header also has one. */
-function headerRootPaint(header) {
-	const navContainerType = header?.navContainer?.type ?? "none";
-	if (navContainerType === "glass" || navContainerType === "pill") return "contained-nav";
-	return header?.variant === "floating" ? "overlay" : "own-surface";
-}
-//#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",
@@ -29259,21 +30012,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",
@@ -29299,7 +30037,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();
@@ -29308,167 +30046,6 @@ z.object(headerPreferencesShape).omit({
 	structure: true
 }).strict();
 //#endregion
-//#region ../theme-core/src/navigation/presets.ts
-/**
-* Built-in nav link style presets
-*
-* Each preset uses composable effects to achieve its look.
-*/
-const NAV_LINK_PRESETS = {
-	/**
-	* Minimal - subtle color change on hover
-	*/
-	minimal: {
-		name: "Minimal",
-		typography: "body",
-		fontWeight: "medium",
-		textTransform: "none",
-		italic: false,
-		colorToken: "text",
-		hoverColorToken: "primary",
-		padding: "none",
-		borderRadius: "none",
-		effects: { hover: [{
-			effectId: "text-color-change",
-			options: { hoverColorToken: "primary" }
-		}] }
-	},
-	/**
-	* Underline - static underline appears on hover
-	*/
-	underline: {
-		name: "Underline",
-		typography: "body",
-		fontWeight: "medium",
-		textTransform: "none",
-		italic: false,
-		colorToken: "text",
-		padding: "none",
-		borderRadius: "none",
-		effects: { hover: [{
-			effectId: "nav-underline",
-			options: { style: "static" }
-		}] }
-	},
-	/**
-	* Underline Grow - animated underline grows from center on hover
-	*/
-	"underline-grow": {
-		name: "Underline Grow",
-		typography: "body",
-		fontWeight: "medium",
-		textTransform: "none",
-		italic: false,
-		colorToken: "text",
-		padding: "none",
-		borderRadius: "none",
-		effects: { hover: [{
-			effectId: "nav-underline",
-			options: { style: "grow" }
-		}] }
-	},
-	/**
-	* Capsule - pill-shaped background on hover
-	*/
-	capsule: {
-		name: "Capsule",
-		typography: "body",
-		fontWeight: "medium",
-		textTransform: "none",
-		italic: false,
-		colorToken: "text",
-		padding: "compact",
-		borderRadius: "full",
-		effects: {
-			hover: [{
-				effectId: "background-on-hover-alpha",
-				options: {
-					colorToken: "primary",
-					opacity: 10
-				}
-			}],
-			active: [{
-				effectId: "background-on-hover-alpha",
-				options: {
-					colorToken: "primary",
-					opacity: 15
-				}
-			}]
-		}
-	},
-	/**
-	* Solid - solid background color on hover
-	*/
-	solid: {
-		name: "Solid",
-		typography: "body",
-		fontWeight: "medium",
-		textTransform: "none",
-		italic: false,
-		colorToken: "text",
-		padding: "compact",
-		borderRadius: "none",
-		effects: {
-			hover: [{
-				effectId: "background-on-hover",
-				options: {
-					colorToken: "primary",
-					textColorToken: "primaryForeground"
-				}
-			}],
-			active: [{
-				effectId: "background-on-hover",
-				options: {
-					colorToken: "primary",
-					textColorToken: "primaryForeground"
-				}
-			}]
-		}
-	},
-	/**
-	* Scale - gentle scale-up on hover
-	*/
-	scale: {
-		name: "Scale",
-		typography: "body",
-		fontWeight: "medium",
-		textTransform: "none",
-		italic: false,
-		colorToken: "text",
-		padding: "none",
-		borderRadius: "none",
-		effects: { hover: [{
-			effectId: "scale-up",
-			options: { scale: 1.05 }
-		}] }
-	},
-	/**
-	* Frosted - semi-transparent glass-like background
-	*/
-	frosted: {
-		name: "Frosted",
-		typography: "body",
-		fontWeight: "medium",
-		textTransform: "none",
-		italic: false,
-		colorToken: "text",
-		padding: "compact",
-		borderRadius: "md",
-		effects: {
-			base: [{ effectId: "nav-frosted-base" }],
-			hover: [{ effectId: "nav-frosted-hover" }],
-			active: [{ effectId: "nav-frosted-active" }]
-		}
-	}
-};
-/**
-* Get a nav link style preset by ID
-*/
-function getNavLinkPreset(presetId) {
-	return NAV_LINK_PRESETS[presetId];
-}
-Object.keys(NAV_LINK_PRESETS);
-//#endregion
 //#region ../theme-core/src/header/legacyNavLinkStyle.ts
 function buildLegacyHeaderNavLinkStyle(header, contrastTreatment, navTextSize) {
 	const navStyle = header.navStyle ?? "minimal";
@@ -29713,6 +30290,90 @@ z.object({
 	motion: z.enum(themeTokenRecipeOptions.motion)
 });
 //#endregion
+//#region ../blocks/src/system/fields/imageShape.ts
+const standardImageShapeOptions = [
+	{
+		value: "default",
+		label: "Default"
+	},
+	{
+		value: "square",
+		label: "Square corners"
+	},
+	{
+		value: "rounded",
+		label: "Rounded corners"
+	},
+	{
+		value: "circle",
+		label: "Circle"
+	},
+	{
+		value: "arch",
+		label: "Arch"
+	}
+];
+function createImageShapeField(options = {}) {
+	return {
+		id: options.id ?? "imageShape",
+		type: "select",
+		label: options.label ?? "Image shape",
+		...options.description ? { description: options.description } : {},
+		required: false,
+		defaultValue: options.defaultValue ?? "default",
+		multiple: false,
+		options: [...standardImageShapeOptions],
+		ui: {
+			intent: options.uiIntent ?? "display",
+			...options.visibleWhen ? { visibleWhen: options.visibleWhen } : {}
+		}
+	};
+}
+//#endregion
+//#region ../blocks/src/system/fields/aspectRatio.ts
+const standardAspectRatioOptions = [
+	{
+		value: "auto",
+		label: "Auto (original)"
+	},
+	{
+		value: "16/9",
+		label: "16:9 (Landscape)"
+	},
+	{
+		value: "4/3",
+		label: "4:3 (Standard)"
+	},
+	{
+		value: "1/1",
+		label: "1:1 (Square)"
+	},
+	{
+		value: "3/4",
+		label: "3:4 (Portrait)"
+	},
+	{
+		value: "9/16",
+		label: "9:16 (Tall portrait)"
+	}
+];
+function createAspectRatioField(options = {}) {
+	return {
+		id: options.id ?? "aspectRatio",
+		type: "select",
+		label: options.label ?? "Aspect ratio",
+		...options.description ? { description: options.description } : {},
+		required: false,
+		defaultValue: options.defaultValue ?? "auto",
+		multiple: false,
+		options: [...standardAspectRatioOptions],
+		ui: {
+			intent: options.uiIntent ?? "display",
+			...options.visibleWhen ? { visibleWhen: options.visibleWhen } : {}
+		}
+	};
+}
+//#endregion
 //#region ../blocks/src/system/constants/events.ts
 const eventCalendarDisplayModeValues = [
 	"combined",
@@ -29905,7 +30566,14 @@ const systemCustomizeFacetDefinitions = [
 		}
 	], "3", true),
 	fixedKnob("block.testimonials", "tilt", "Tilt the small cards", onOff, "true", false, true),
-	fixedKnob("block.testimonials", "archFrame", "Arch frame", onOff, "true", false, true),
+	{
+		...fixedKnob("block.testimonials", "archFrame", "Arch frame", onOff, "true", false, true),
+		blockKinds: [
+			"block.testimonials",
+			"block.newsletter-signup",
+			"block.form"
+		]
+	},
 	fixedKnob("block.hero", "candleGlow", "Candle glow", onOff, "true", false, true),
 	fixedKnob("block.hero", "columnGuides", "Column guides", onOff, "true", false, true),
 	fixedKnob("block.hero", "titleSize", "Headline size", [
@@ -29929,6 +30597,15 @@ const systemCustomizeFacetDefinitions = [
 		value: "right",
 		label: "Right"
 	}], "right"),
+	fixedKnob("block.media-text", "imagePosition", "Photo side", [{
+		value: "left",
+		label: "Left"
+	}, {
+		value: "right",
+		label: "Right"
+	}], "left"),
+	fixedKnob("block.media-text", "imageShape", "Media shape", standardImageShapeOptions, "default"),
+	fixedKnob("block.media-text", "aspectRatio", "Media aspect ratio", standardAspectRatioOptions, "auto"),
 	textKnob("stickerLine", "Sticker line", 32),
 	textKnob("smallCaption", "Small caption", 24),
 	{
@@ -34419,46 +35096,6 @@ function createRoleOnlyCardStylesField(options) {
 	};
 }
 //#endregion
-//#region ../blocks/src/system/fields/imageShape.ts
-const standardImageShapeOptions = [
-	{
-		value: "default",
-		label: "Default"
-	},
-	{
-		value: "square",
-		label: "Square corners"
-	},
-	{
-		value: "rounded",
-		label: "Rounded corners"
-	},
-	{
-		value: "circle",
-		label: "Circle"
-	},
-	{
-		value: "arch",
-		label: "Arch"
-	}
-];
-function createImageShapeField(options = {}) {
-	return {
-		id: options.id ?? "imageShape",
-		type: "select",
-		label: options.label ?? "Image shape",
-		...options.description ? { description: options.description } : {},
-		required: false,
-		defaultValue: options.defaultValue ?? "default",
-		multiple: false,
-		options: [...standardImageShapeOptions],
-		ui: {
-			intent: options.uiIntent ?? "display",
-			...options.visibleWhen ? { visibleWhen: options.visibleWhen } : {}
-		}
-	};
-}
-//#endregion
 //#region ../blocks/src/utils/env.ts
 /**
 * Environment detection utilities
@@ -35479,28 +36116,6 @@ function footerNav(opts) {
 	return buildFooterNavAll(common);
 }
 //#endregion
-//#region ../theme-core/src/footer/effectiveNavLinkStyle.ts
-function effectiveFooterNavLinkStyle(footer) {
-	if (!footer) return null;
-	if (footer.navLinkStyle) return footer.navLinkStyle;
-	const basePreset = getNavLinkPreset(footer.navStyle ?? "minimal");
-	if (!basePreset) return null;
-	return {
-		...basePreset,
-		fontWeight: footer.navWeight ?? basePreset.fontWeight,
-		colorToken: footer.navColor?.trim() || basePreset.colorToken
-	};
-}
-function footerForegroundCandidates(footer, proseHoverCandidate) {
-	if (!footer) return {};
-	const style = effectiveFooterNavLinkStyle(footer);
-	return {
-		text: footer.background?.textColor,
-		link: style?.colorToken ?? footer.navColor ?? footer.background?.textColor,
-		linkHover: navLinkOwnsHoverForeground(style) ? proseHoverCandidate : navLinkHoverColorCandidate(style)
-	};
-}
-//#endregion
 //#region ../blocks/src/system/fields/backgroundContent.ts
 function parseBackgroundContent(value) {
 	const result = boxBackgroundSchema.safeParse(value);
@@ -35571,7 +36186,12 @@ function resolveRuntimeSectionSurface(value, context, options) {
 }
 function arrangementSurfaceInk(foreground, context) {
 	if (context.data?._lookSlots === void 0) return {};
-	const decorations = surfaceDecorationColors(foreground, context.theme.palette);
+	return surfaceInkStyles(foreground, context.theme.palette);
+}
+/** Decoration roles already resolved by the surface owner, shared with footer arrangements. */
+function surfaceInkStyles(foreground, palette) {
+	if (foreground.kind === "unknown") return {};
+	const decorations = surfaceDecorationColors(foreground, palette);
 	return {
 		"--rb-surface-muted-color": foreground.roles.muted ?? foreground.roles.text,
 		...decorations ? {
@@ -36182,48 +36802,50 @@ const boxStylesTransforms = [
 ];
 //#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
@@ -36387,6 +37009,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_-]*$/;
@@ -36719,6 +37382,7 @@ const bodyCopyFragment = defineFragment({
 	],
 	layout: stack({
 		gap: "md",
+		...lookSlot("copy"),
 		className: "body-copy-container",
 		align: { $bind: {
 			from: "content.alignment",
@@ -36727,6 +37391,7 @@ const bodyCopyFragment = defineFragment({
 		} }
 	}, [text({
 		as: "h2",
+		...lookSlot("heading"),
 		className: { $bind: {
 			from: "content.alignment",
 			transforms: [{
@@ -36735,14 +37400,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
@@ -37758,8 +38431,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
@@ -37808,6 +38492,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" } }
@@ -38061,8 +38746,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
@@ -38130,6 +38825,7 @@ const newsletterFormFragment = defineFragment({
 		}
 	],
 	layout: [el("newsletter-form", withApiBindings({
+		lookSlots: { $bind: { from: "content._lookSlots" } },
 		source: { $bind: {
 			from: "mailingListSource",
 			fallback: "block"
@@ -39348,50 +40044,6 @@ function gapSelectField(options = {}) {
 	});
 }
 //#endregion
-//#region ../blocks/src/system/fields/aspectRatio.ts
-const standardAspectRatioOptions = [
-	{
-		value: "auto",
-		label: "Auto (original)"
-	},
-	{
-		value: "16/9",
-		label: "16:9 (Landscape)"
-	},
-	{
-		value: "4/3",
-		label: "4:3 (Standard)"
-	},
-	{
-		value: "1/1",
-		label: "1:1 (Square)"
-	},
-	{
-		value: "3/4",
-		label: "3:4 (Portrait)"
-	},
-	{
-		value: "9/16",
-		label: "9:16 (Tall portrait)"
-	}
-];
-function createAspectRatioField(options = {}) {
-	return {
-		id: options.id ?? "aspectRatio",
-		type: "select",
-		label: options.label ?? "Aspect ratio",
-		...options.description ? { description: options.description } : {},
-		required: false,
-		defaultValue: options.defaultValue ?? "auto",
-		multiple: false,
-		options: [...standardAspectRatioOptions],
-		ui: {
-			intent: options.uiIntent ?? "display",
-			...options.visibleWhen ? { visibleWhen: options.visibleWhen } : {}
-		}
-	};
-}
-//#endregion
 //#region ../blocks/src/system/blocks/intro.ts
 function introHeading(className) {
 	return text({
@@ -39622,18 +40274,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: ""
 });
@@ -39647,11 +40292,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",
@@ -40099,6 +40744,52 @@ const singleButtonBlockDefinition = { manifest: createBlockManifest({
 	styleTokens: { spacing: "md" }
 }) };
 //#endregion
+//#region ../blocks/src/system/runtime/lookSurfaces.ts
+const isPlainObject$1 = (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$1(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$1(value) && (value.kind === "inherit" || value.kind === "owned"))).optional()
+};
+//#endregion
 //#region ../blocks/src/contracts/runtime.ts
 function decodeSuccess(value) {
 	return {
@@ -40205,6 +40896,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(),
@@ -40214,6 +40906,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(),
@@ -40234,17 +40927,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({
@@ -40267,18 +40973,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",
@@ -40306,6 +41021,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,
@@ -40794,6 +41518,25 @@ const formattingTransforms = [
 	mapTokenTransform
 ];
 //#endregion
+//#region ../blocks/src/system/transforms/registry/footerArrangement.ts
+const footerBrandArrangementTransform = {
+	id: "layout.footerBrandArrangement",
+	kind: "string",
+	run: (value) => {
+		const module = asPartialObject(value);
+		return module?.kind === "brand" ? module.slots ? "centred" : "row" : void 0;
+	}
+};
+const footerModuleInkStyleTransform = {
+	id: "layout.footerModuleInkStyle",
+	kind: "formatter",
+	run: (value, options) => value === "centred" ? void 0 : textColorStyle(asPartialObject(options)?.opacity === 70 ? "text/70" : "text/80")
+};
+/** A centred base without authored bar paint inherits its measured surface line. */
+function footerBottomBarBorderColorStyle(footer) {
+	return footer?.variant === "centred" && !footer.bottomBar ? { borderColor: "var(--rb-surface-line-color)" } : borderColorStyle(footer?.bottomBar?.borderTop?.colorToken ?? "border");
+}
+//#endregion
 //#region ../theme-core/src/siteChromePlacement.ts
 const HEADER_POSITIONINGS = [
 	"static",
@@ -41058,6 +41801,7 @@ const footerRootStyleTransform = {
 			}
 		}
 		styleParts.push(resolvedForegroundStyle(resolveFooterRootForeground(footer, context.theme.palette, context.proseHoverCandidate)));
+		if (footer?.variant === "centred") styleParts.push(surfaceInkStyles(resolveFooterRootForeground(footer, context.theme.palette, context.proseHoverCandidate), context.theme.palette));
 		styleParts.push(borderColorStyle("border"));
 		return mergeStyles(...styleParts);
 	}
@@ -41119,7 +41863,7 @@ const footerBottomBarStyleTransform = {
 	run: (value, _options, context) => {
 		const footer = asPartialObject(value);
 		const bottomBar = footer?.bottomBar;
-		return mergeStyles(bottomBar?.background?.type === "color" ? backgroundColorStyle(bottomBar.background.color ?? "surface") : void 0, borderColorStyle(bottomBar?.borderTop?.colorToken ?? "border"), footerBottomBarBorderWidthStyle(bottomBar?.borderTop?.width), footerBottomBarForegroundStyle(footer, context.theme.palette));
+		return mergeStyles(bottomBar?.background?.type === "color" ? backgroundColorStyle(bottomBar.background.color ?? "surface") : void 0, footerBottomBarBorderColorStyle(footer), footerBottomBarBorderWidthStyle(bottomBar?.borderTop?.width), footerBottomBarForegroundStyle(footer, context.theme.palette));
 	}
 };
 function footerBottomBarForegroundStyle(footer, palette) {
@@ -41141,62 +41885,15 @@ function measuredFooterBackdrop(footer, palette) {
 	const foreground = resolveFooterRootForeground(footer, palette);
 	return foreground.kind === "known" && foreground.provenance.kind === "measured" ? foreground.provenance.backdropHex : null;
 }
-const footerSplitMainClassTransform = {
-	id: "layout.footerSplitMainClass",
-	kind: "string",
-	summary: "Compose split-footer main row classes from footer logo placement",
-	schema: z.object({
-		base: z.string().optional(),
-		reverseClass: z.string().optional()
-	}),
-	run: (value, options) => {
-		const placement = asPartialObject(value)?.placement ?? "right";
-		const shouldPlaceLogoFirst = placement === "left" || placement === "above";
-		const baseClass = shouldPlaceLogoFirst ? "rb-flex rb-w-full rb-flex-col rb-items-start rb-justify-end rb-gap-8 rb-md-flex-row rb-md-items-end" : "rb-flex rb-w-full rb-flex-col rb-items-start rb-justify-between rb-gap-8 rb-md-flex-row rb-md-items-end";
-		return joinClasses([options.base ?? baseClass, shouldPlaceLogoFirst ? options.reverseClass ?? "rb-md-flex-row-reverse" : null]);
-	}
-};
 const footerLogoClassTransform = {
 	id: "layout.footerLogoClass",
 	kind: "string",
 	summary: "Compose split-footer logo wrapper classes from footer.logo controls",
-	schema: z.object({
-		base: z.string().optional(),
-		requireExplicitShow: z.boolean().optional()
-	}),
+	schema: z.object({ base: z.string().optional() }),
 	run: (value, options) => {
-		const logo = asPartialObject(value);
-		const align = logo?.align ?? "end";
-		const hiddenClass = options.requireExplicitShow ? logo?.showLogo === true ? null : "rb-hidden" : logo?.showLogo === false ? "rb-hidden" : null;
+		const align = asPartialObject(value)?.align ?? "end";
 		const selfAlignClass = align === "start" ? "rb-self-start rb-text-left" : align === "center" ? "rb-self-center rb-text-center" : "rb-self-end rb-text-right";
-		return joinClasses([
-			options.base ?? "footer-logo rb-inline-flex rb-items-center rb-justify-end rb-gap-3 rb-no-underline rb-transition-opacity rb-hover-opacity-80",
-			selfAlignClass,
-			hiddenClass
-		]);
-	}
-};
-const footerLogoMediaClassTransform = {
-	id: "layout.footerLogoMediaClass",
-	kind: "string",
-	summary: "Compose footer logo image classes from size controls",
-	schema: z.object({ base: z.string().optional() }),
-	run: (_value, options) => {
-		return joinClasses([options.base ?? "rb-w-auto"]);
-	}
-};
-function shouldShowFooterLogoText(footer) {
-	if (!footer) return false;
-	const explicit = footer.logo?.showLogoText;
-	const legacy = footer.showLogoText === true;
-	return explicit === true || explicit === void 0 && legacy;
-}
-const footerLogoTextVisibleTransform = {
-	id: "layout.footerLogoTextVisible",
-	kind: "formatter",
-	summary: "Return whether footer logo text should render",
-	run: (value) => {
-		return shouldShowFooterLogoText(asPartialObject(value));
+		return joinClasses([options.base ?? "footer-logo rb-inline-flex rb-items-center rb-justify-end rb-gap-3 rb-no-underline rb-transition-opacity rb-hover-opacity-80", selfAlignClass]);
 	}
 };
 function extractBackgroundColorToken(background, fallback) {
@@ -41215,13 +41912,12 @@ const layoutTransforms = [
 	headerRootStyleTransform,
 	headerSectionBackgroundTransform,
 	footerRootStyleTransform,
+	footerModuleInkStyleTransform,
+	footerBrandArrangementTransform,
 	footerBottomBarClassTransform,
 	footerBottomBarContainerClassTransform,
 	footerBottomBarStyleTransform,
-	footerSplitMainClassTransform,
-	footerLogoClassTransform,
-	footerLogoMediaClassTransform,
-	footerLogoTextVisibleTransform
+	footerLogoClassTransform
 ];
 //#endregion
 //#region ../blocks/src/system/transforms/registry/chromeLogo.ts
@@ -41720,7 +42416,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",
@@ -41750,6 +42453,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: {
@@ -41760,20 +42471,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"
@@ -41798,14 +42528,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"
@@ -41816,7 +42550,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",
@@ -41825,7 +42562,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"] }
@@ -41863,27 +42607,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,
@@ -41896,10 +42657,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: {
@@ -41916,6 +42679,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({
@@ -41937,6 +42701,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,
@@ -43538,17 +44303,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: [{
@@ -43588,6 +44366,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",
@@ -43599,6 +44378,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",
@@ -43609,15 +44389,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({
@@ -43641,9 +44421,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" },
@@ -44670,24 +45472,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 = {
@@ -44800,31 +45584,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
@@ -45249,19 +46008,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";
@@ -46871,7 +47625,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",
@@ -46927,52 +47681,6 @@ const eventSpotlightBlockDefinition = {
 	} }
 };
 //#endregion
-//#region ../blocks/src/system/runtime/lookSurfaces.ts
-const isPlainObject$1 = (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$1(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$1(value) && (value.kind === "inherit" || value.kind === "owned"))).optional()
-};
-//#endregion
 //#region ../blocks/src/system/blocks/events/shared/eventSelection.ts
 /** Invalid saved selections fail closed rather than widening discovery. */
 function resolveEventSelection(mode, value) {
@@ -47747,7 +48455,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: {
@@ -48187,7 +48895,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" } },
@@ -50367,6 +51075,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) => {
@@ -50581,7 +51794,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
@@ -50590,6 +51807,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",
@@ -50602,510 +51841,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),
@@ -51114,7 +51853,10 @@ const imageGalleryBlockDefinition = { manifest: createBlockManifest({
 			className: "rb-image-gallery-marquee-container"
 		})
 	},
-	variantMeaning: { kind: "arrangement" },
+	variantMeaning: {
+		kind: "arrangement",
+		lookOnlyKeys: ["tiles"]
+	},
 	defaultVariant: "grid",
 	variantOptions: {
 		grid: {
@@ -53326,76 +54068,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$6(fields);
 	}
 }
 function withOptionalPhone(fields, includePhone) {
@@ -53457,6 +54197,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(),
@@ -53489,6 +54230,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(),
@@ -53555,13 +54297,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
 	};
 }
@@ -53633,32 +54376,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",
@@ -53673,13 +54434,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: {
@@ -54771,7 +55545,7 @@ const systemBlockDefinitions = [
 			})
 		]
 	})),
-	withDesignCapability("block.body-text", bodyTextBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+	withDesignCapability("block.body-text", bodyTextBlockDefinition, withLookCapability(sectionOnly()), defineBlockDesignMetadata({
 		flow: bodyFlow,
 		layoutProfiles: [
 			layoutProfile({
@@ -55146,7 +55920,7 @@ const systemBlockDefinitions = [
 			weight: "quiet"
 		})]
 	})),
-	withDesignCapability("block.image-gallery", imageGalleryBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+	withDesignCapability("block.image-gallery", imageGalleryBlockDefinition, withLookCapability(sectionOnly()), defineBlockDesignMetadata({
 		flow: mediaFlow,
 		layoutProfiles: [
 			layoutProfile({
@@ -55235,7 +56009,7 @@ const systemBlockDefinitions = [
 			weight: "standard"
 		})]
 	})),
-	withDesignCapability("block.newsletter-signup", newsletterSignupBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+	withDesignCapability("block.newsletter-signup", newsletterSignupBlockDefinition, withLookCapability(sectionOnly()), defineBlockDesignMetadata({
 		flow: conversionFlow,
 		layoutProfiles: [
 			layoutProfile({
@@ -56004,10 +56778,7 @@ function arrangementPhotoContent(content, knobs) {
 	}) };
 }
 function arrangementContentFacts(content) {
-	const section = isObjectRecord$1(content._sectionStyles) ? content._sectionStyles : {};
-	const background = isObjectRecord$1(section.background) ? section.background : {};
-	const itemPhotos = Array.isArray(content.cards) ? content.cards.filter((card) => isObjectRecord$1(card) && isObjectRecord$1(card.media)).length : 0;
-	const photoCount = Array.isArray(content.cards) ? itemPhotos : isObjectRecord$1(background.image) ? 1 : 0;
+	const photoCount = arrangementPhotoCount(content);
 	return {
 		photoCount,
 		facts: {
@@ -56018,6 +56789,13 @@ function arrangementContentFacts(content) {
 		}
 	};
 }
+/** The content stage owns media presence for every arrangement consumer. */
+function arrangementPhotoCount(content) {
+	if (Array.isArray(content.cards)) return content.cards.filter((card) => isObjectRecord$1(card) && isObjectRecord$1(card.media)).length;
+	if (Array.isArray(content.images)) return content.images.filter((item) => isObjectRecord$1(item) && isObjectRecord$1(item.image)).length;
+	const section = isObjectRecord$1(content._sectionStyles) ? content._sectionStyles : {};
+	return isObjectRecord$1((isObjectRecord$1(section.background) ? section.background : {}).image) ? 1 : 0;
+}
 function effectiveContentKnobValue(blockKind, key, value) {
 	const facet = systemCustomizeFacetDefinitionsForBlock(blockKind).find((entry) => entry.target.kind === "content-field" && entry.target.field === key);
 	return facet?.target.kind === "content-field" && facet.target.boolean ? value === "true" : value;
@@ -59088,6 +59866,27 @@ const navigationLinkInputSchemaOptions = [
 ];
 z.discriminatedUnion("kind", navigationLinkInputSchemaOptions);
 //#endregion
+//#region ../theme-core/src/footer/mode.ts
+const footerModeSchema = z.enum([
+	"default",
+	"blocks",
+	"default+blocks",
+	"none"
+]);
+z.object({
+	variant: z.enum([
+		"simple",
+		"columns",
+		"split",
+		"centred"
+	]),
+	showLogoText: z.boolean().optional(),
+	logo: z.object({
+		showLogo: z.boolean().optional(),
+		showLogoText: z.boolean().optional()
+	}).optional()
+});
+//#endregion
 //#region ../api/src/sdkConfig/contracts.ts
 /**
 * Canonical SDK config Zod contracts.