@riverbankcms/sdk 0.152.0 → 0.154.0

package/dist/server/config.mjs

@@ -53,6 +53,19 @@ const footerModeSchema = z.enum([
 	"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/defineEndpointDefinitions.ts
 /**
@@ -1776,12 +1789,14 @@ const unsafeAsSiteId = (id) => id;
 const unsafeAsApiKeyId = (id) => id;
 const unsafeAsEventOfferingId = (id) => id;
 const unsafeAsEventSeriesId = (id) => id;
+const unsafeAsMediaAssetId = (id) => id;
 const unsafeAsUserId = (id) => id;
 const unsafeAsContentVersionId = (id) => id;
 const parseSiteId = (value) => parseUuidBrand(value, unsafeAsSiteId);
 const parseApiKeyId = (value) => parseUuidBrand(value, unsafeAsApiKeyId);
 const parseEventOfferingId = (value) => parseUuidBrand(value, unsafeAsEventOfferingId);
 const parseUserId = (value) => parseUuidBrand(value, unsafeAsUserId);
+const parseMediaAssetId = (value) => parseUuidBrand(value, unsafeAsMediaAssetId);
 const parseContentVersionId = (value) => parseUuidBrand(value, unsafeAsContentVersionId);
 const parseEventSeriesId = (value) => parseUuidBrand(value, unsafeAsEventSeriesId);
 //#endregion
@@ -2124,6 +2139,25 @@ function validateBookingPaymentOptionKinds(kinds) {
 	return ok(void 0);
 }
 //#endregion
+//#region ../core/src/date-time-formatter.ts
+/** Shared Intl engine, internal to core's date presentation owners. */
+const FORMATTER_CACHE_LIMIT = 100;
+const dateTimeFormatterCache = /* @__PURE__ */ new Map();
+function getDateTimeFormatter(locale, timeZone, format) {
+	const key = `${locale}\u0000${timeZone}\u0000${JSON.stringify(Object.entries(format).sort(([left], [right]) => left.localeCompare(right)))}`;
+	const cached = dateTimeFormatterCache.get(key);
+	if (cached !== void 0) return cached;
+	if (typeof locale !== "string" || Intl.DateTimeFormat.supportedLocalesOf([locale]).length === 0) throw new RangeError("An explicit supported locale is required");
+	if (typeof timeZone !== "string" || timeZone.length === 0) throw new RangeError("An explicit time zone is required");
+	const formatter = new Intl.DateTimeFormat(locale, {
+		...format,
+		timeZone
+	});
+	if (dateTimeFormatterCache.size >= FORMATTER_CACHE_LIMIT) dateTimeFormatterCache.clear();
+	dateTimeFormatterCache.set(key, formatter);
+	return formatter;
+}
+//#endregion
 //#region ../core/src/booking-time-zone.ts
 const TIME_ZONE_VALIDITY_CACHE_LIMIT = 100;
 const timeZoneValidityCache = /* @__PURE__ */ new Map();
@@ -2160,8 +2194,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;
@@ -2178,19 +2210,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, {
@@ -2278,7 +2298,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",
@@ -2403,6 +2423,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;
@@ -2464,7 +2495,7 @@ function parsePositiveInteger(value) {
 	return typeof value === "number" && Number.isSafeInteger(value) && value > 0 ? value : null;
 }
 function parseNewsletterListId(value) {
-	return parseTrimmedMatchingString(value, UUID_PATTERN);
+	return parseTrimmedMatchingString(typeof value === "string" ? value.toLowerCase() : value, UUID_PATTERN);
 }
 function parseMailchimpAccountId(value) {
 	return parseTrimmedMatchingString(value, OPAQUE_ID_PATTERN);
@@ -2506,8 +2537,15 @@ function parseMailingListProviderScope(value) {
 	}
 	return err("invalid_mailing_list_provider_scope");
 }
-//#endregion
-//#region ../core/src/mailing-list-setup-parser.ts
+z.unknown().transform((value, ctx) => {
+	const parsed = parseNewsletterAudience(value);
+	if (parsed.ok) return parsed.value;
+	ctx.addIssue({
+		code: "custom",
+		message: "Choose a valid newsletter audience."
+	});
+	return z.NEVER;
+});
 function parseMailingListGlobalForm(value) {
 	if (!isRecord$9(value)) return formError("shape");
 	const fields = parseGlobalFields(value.fields);
@@ -2527,6 +2565,16 @@ function parseMailingListGlobalForm(value) {
 		privacyNote
 	});
 }
+function parseNewsletterAudience(value) {
+	if (!isRecord$9(value)) return err("invalid_newsletter_audience");
+	if (value.kind === "general" && Object.keys(value).length === 1) return ok({ kind: "general" });
+	if (value.kind !== "topic" || Object.keys(value).some((key) => key !== "kind" && key !== "topicId")) return err("invalid_newsletter_audience");
+	const topicId = parseNewsletterListId(value.topicId);
+	return topicId === null ? err("invalid_newsletter_audience") : ok({
+		kind: "topic",
+		topicId
+	});
+}
 function parseGlobalFields(value) {
 	if (!isRecord$9(value) || typeof value.preset !== "string") return null;
 	switch (value.preset) {
@@ -2535,6 +2583,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,
@@ -2579,54 +2631,49 @@ function formError(field) {
 const DEFAULT_MAILING_LIST_TARGETING = { mode: "default" };
 function mailingListTargetingChoiceIds(targeting) {
 	switch (targeting.provider) {
-		case "native": return targeting.selection.tag === "fixed" ? targeting.selection.topicIds : targeting.selection.offeredTopicIds;
+		case "native": return targeting.selection.tag === "general" ? [] : targeting.selection.tag === "fixed" ? targeting.selection.topicIds : targeting.selection.offeredTopicIds;
 		case "brevo": return targeting.selection.tag === "fixed" ? targeting.selection.listIds : targeting.selection.offeredListIds;
 		case "mailchimp": return targeting.selection.tag === "fixed" ? targeting.selection.interestIds : targeting.selection.offeredInterestIds;
 	}
 }
 function planMailingListChoicePresentation(targeting) {
-	if (targeting.mode === "default" || targeting.selection.tag === "fixed") return { tag: "hidden" };
+	if (targeting.mode === "default" || targeting.selection.tag === "fixed" || targeting.selection.tag === "general") return { tag: "hidden" };
 	switch (targeting.provider) {
-		case "native": return targeting.selection.offeredTopicIds.length === 1 ? {
-			tag: "automatic",
-			selection: {
-				provider: "native",
-				topicIds: targeting.selection.offeredTopicIds
-			}
-		} : {
-			tag: "visitor_choice",
+		case "native": return presentVisitorSelection({
 			provider: "native",
-			optionCount: targeting.selection.offeredTopicIds.length
-		};
-		case "brevo": return targeting.selection.offeredListIds.length === 1 ? {
-			tag: "automatic",
-			selection: {
-				provider: "brevo",
-				listIds: targeting.selection.offeredListIds
-			}
-		} : {
-			tag: "visitor_choice",
+			topicIds: targeting.selection.offeredTopicIds
+		}, targeting.selection.offeredTopicIds.length);
+		case "brevo": return presentVisitorSelection({
 			provider: "brevo",
-			optionCount: targeting.selection.offeredListIds.length
-		};
-		case "mailchimp": return targeting.selection.offeredInterestIds.length === 1 ? {
-			tag: "automatic",
-			selection: {
-				provider: "mailchimp",
-				interestIds: targeting.selection.offeredInterestIds
-			}
-		} : {
-			tag: "visitor_choice",
+			listIds: targeting.selection.offeredListIds
+		}, targeting.selection.offeredListIds.length);
+		case "mailchimp": return presentVisitorSelection({
 			provider: "mailchimp",
-			optionCount: targeting.selection.offeredInterestIds.length
-		};
+			interestIds: targeting.selection.offeredInterestIds
+		}, targeting.selection.offeredInterestIds.length);
 	}
 }
+function presentVisitorSelection(selection, optionCount) {
+	return optionCount === 1 ? {
+		tag: "automatic",
+		selection
+	} : {
+		tag: "visitor_choice",
+		provider: selection.provider,
+		optionCount
+	};
+}
 //#endregion
 //#region ../core/src/mailing-list-targeting-availability.ts
 function resolveMailingListDefaultDestination(provider) {
 	switch (provider.provider) {
-		case "native": return provider.topics.find((item) => item.id === provider.defaultTopicId) ?? null;
+		case "native": {
+			const audience = provider.defaultAudience;
+			return audience.kind === "general" ? {
+				id: "general",
+				name: "General mailing list"
+			} : provider.topics.find((item) => item.id === audience.topicId) ?? null;
+		}
 		case "brevo": return provider.lists.find((item) => item.id === provider.defaultListId) ?? null;
 		case "mailchimp": return provider.audiences.find((item) => item.id === provider.defaultAudienceId) ?? null;
 	}
@@ -2764,11 +2811,12 @@ function parseRuntimeProvider(value) {
 	}
 }
 function parseNativeRuntimeProvider(value) {
-	const defaultTopicId = parseNewsletterListId(value.defaultTopicId);
+	if ("defaultTopicId" in value) return null;
+	const defaultAudience = parseNewsletterAudience(value.defaultAudience);
 	const topics = parseNamedItems(value.topics, parseNewsletterListId);
-	return defaultTopicId !== null && topics !== null ? {
+	return defaultAudience.ok && topics !== null ? {
 		provider: "native",
-		defaultTopicId,
+		defaultAudience: defaultAudience.value,
 		topics
 	} : null;
 }
@@ -2853,6 +2901,11 @@ function parseMailingListPlacementTargeting(value) {
 	}
 }
 function parseNativeTargeting(selection) {
+	if (selection.tag === "general") return Object.keys(selection).length === 1 ? ok({
+		mode: "custom",
+		provider: "native",
+		selection: { tag: "general" }
+	}) : targetingError("selection");
 	if (selection.tag === "fixed") {
 		const topicIds = parseNonEmptyUniqueIds(selection.topicIds, parseNewsletterListId);
 		return topicIds.ok ? ok({
@@ -4270,6 +4323,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 +4610,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",
@@ -7937,7 +8121,96 @@ const themeLookMetadataSchema = z.object({
 	skinMarks: skinMarksSchema.optional()
 });
 //#endregion
-//#region ../theme-core/src/lib/media.ts
+//#region ../media-core/src/identifiers.ts
+function slugifyMediaIdentifier(value) {
+	return value.toLowerCase().trim().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-");
+}
+function parseMediaIdentifier(value) {
+	if (typeof value !== "string") return err({ kind: "not_string" });
+	const trimmed = value.trim();
+	if (trimmed.length === 0) return err({ kind: "empty_identifier" });
+	const normalized = slugifyMediaIdentifier(trimmed);
+	if (normalized.length === 0) return err({
+		kind: "empty_after_normalization",
+		value
+	});
+	return ok(normalized);
+}
+/**
+* Admits identifiers read from trusted persistence without repairing dirty data in memory.
+* User input should use parseMediaIdentifier, which intentionally canonicalizes it.
+*/
+function parseCanonicalMediaIdentifier(value) {
+	if (typeof value !== "string") return err({ kind: "not_string" });
+	const parsed = parseMediaIdentifier(value);
+	if (!parsed.ok) return parsed;
+	if (value !== parsed.value) return err({
+		kind: "non_canonical_identifier",
+		value,
+		canonical: parsed.value
+	});
+	return parsed;
+}
+//#endregion
+//#region ../media-core/src/mediaIdentifierSchema.ts
+/** Strict stored-reference admission delegates the canonical identifier decision. */
+const mediaIdentifierSchema = z.string().transform((value, context) => {
+	const parsed = parseCanonicalMediaIdentifier(value);
+	if (parsed.ok) return parsed.value;
+	context.addIssue({
+		code: "custom",
+		message: "Expected a canonical media identifier"
+	});
+	return z.NEVER;
+});
+//#endregion
+//#region ../media-core/src/mediaKinds.ts
+const mediaTypeDiscriminants = [
+	"image",
+	"video",
+	"audio",
+	"document",
+	"spreadsheet",
+	"archive"
+];
+//#endregion
+//#region ../media-core/src/renderableMediaAsset.ts
+/** A portable reference never uses an incidental UUID, URL or storage snapshot for identity. */
+function resolveManagedMediaReference(reference, index) {
+	const asset = index?.byIdentifier.get(reference.identifier);
+	return asset ? {
+		kind: "resolved",
+		reference,
+		asset
+	} : {
+		kind: "missing",
+		reference
+	};
+}
+//#endregion
+//#region ../media-core/src/renderableMediaAssetAdmission.ts
+const mediaAssetIdSchema = z.string().transform((value, context) => {
+	const parsed = parseMediaAssetId(value);
+	if (parsed.ok) return parsed.value;
+	context.addIssue({
+		code: "custom",
+		message: "Expected a media asset ID"
+	});
+	return z.NEVER;
+});
+const nonemptyStorageValue = z.string().refine((value) => value.trim().length > 0);
+const renderableMediaAssetSchema = z.object({
+	id: mediaAssetIdSchema,
+	identifier: mediaIdentifierSchema,
+	storageBucket: nonemptyStorageValue,
+	storagePath: nonemptyStorageValue,
+	mimeType: nonemptyStorageValue,
+	filename: z.string().optional(),
+	width: z.number().positive().nullable(),
+	height: z.number().positive().nullable()
+});
+//#endregion
+//#region ../media-core/src/media.ts
 const hotspotSchema = z.object({
 	x: z.number().min(0).max(1),
 	y: z.number().min(0).max(1),
@@ -7971,56 +8244,149 @@ const transformSchema = z.object({
 	rotation: rotationSchema.optional()
 });
 const mediaPosterSchema = z.discriminatedUnion("tag", [z.object({
-	tag: z.literal("storage"),
-	assetId: z.string().optional(),
-	storageBucket: z.string().min(1),
-	storagePath: z.string().min(1)
-}), z.object({
+	tag: z.literal("media"),
+	identifier: mediaIdentifierSchema
+}).strict(), z.object({
 	tag: z.literal("external-src"),
-	assetId: z.string().optional(),
 	src: z.string().url()
-})]);
-const mediaBaseSchema = z.object({
+}).strict()]);
+const mediaUsageShape = {
 	purpose: z.string().optional(),
 	placeholder: z.boolean().default(true).optional(),
-	assetId: z.string().optional(),
-	identifier: z.string().optional(),
-	src: z.string().optional(),
 	alt: z.string().optional(),
 	filename: z.string().optional(),
-	mimeType: z.string().optional(),
 	width: z.number().optional(),
 	height: z.number().optional(),
-	storageBucket: z.string().optional(),
-	storagePath: z.string().optional(),
 	poster: mediaPosterSchema.optional(),
 	transform: transformSchema.optional()
-});
-const mediaIdentifierSchema = z.string().trim().min(1).brand();
+};
+const environmentExclusions = {
+	assetId: z.never().optional(),
+	id: z.never().optional(),
+	src: z.never().optional(),
+	storageBucket: z.never().optional(),
+	storagePath: z.never().optional(),
+	mimeType: z.never().optional()
+};
+const mediaBaseSchema = z.object({
+	...mediaUsageShape,
+	...environmentExclusions,
+	identifier: mediaIdentifierSchema
+}).strict();
 const imageMediaSchema = mediaBaseSchema.extend({ type: z.literal("image") });
 const videoMediaSchema = mediaBaseSchema.extend({ type: z.literal("video") });
-const audioMediaSchema = mediaBaseSchema.extend({ type: z.literal("audio") });
-const documentMediaSchema = mediaBaseSchema.extend({ type: z.literal("document") });
-const spreadsheetMediaSchema = mediaBaseSchema.extend({ type: z.literal("spreadsheet") });
-const archiveMediaSchema = mediaBaseSchema.extend({ type: z.literal("archive") });
-const mediaSchema = z.discriminatedUnion("type", [
-	imageMediaSchema,
-	videoMediaSchema,
-	audioMediaSchema,
-	documentMediaSchema,
-	spreadsheetMediaSchema,
-	archiveMediaSchema
-]);
-const persistableMediaBaseSchema = mediaBaseSchema.extend({ identifier: mediaIdentifierSchema });
-z.discriminatedUnion("type", [
-	persistableMediaBaseSchema.extend({ type: z.literal("image") }),
-	persistableMediaBaseSchema.extend({ type: z.literal("video") }),
-	persistableMediaBaseSchema.extend({ type: z.literal("audio") }),
-	persistableMediaBaseSchema.extend({ type: z.literal("document") }),
-	persistableMediaBaseSchema.extend({ type: z.literal("spreadsheet") }),
-	persistableMediaBaseSchema.extend({ type: z.literal("archive") })
+const mediaSchema = mediaBaseSchema.extend({ type: z.enum(mediaTypeDiscriminants) });
+const externalMediaSchema = z.object({
+	...mediaUsageShape,
+	...environmentExclusions,
+	type: z.enum(mediaTypeDiscriminants),
+	src: z.string().min(1),
+	identifier: z.never().optional()
+}).strict();
+const assetMediaSchema = z.object({
+	...mediaUsageShape,
+	...environmentExclusions,
+	type: z.enum(mediaTypeDiscriminants),
+	asset: renderableMediaAssetSchema,
+	identifier: z.never().optional()
+}).strict();
+const runtimeMediaSchema = z.union([
+	mediaSchema,
+	externalMediaSchema,
+	assetMediaSchema
 ]);
 //#endregion
+//#region ../media-core/src/transformRect.ts
+function isValidTransformRectStructure(rect) {
+	if (!Array.isArray(rect) || rect.length !== 4) return false;
+	const [left, top, width, height] = rect;
+	return Number.isFinite(left) && Number.isFinite(top) && Number.isFinite(width) && Number.isFinite(height) && left >= 0 && top >= 0 && width > 0 && height > 0;
+}
+//#endregion
+//#region ../media-core/src/aspectTransforms.ts
+const DEFAULT_RECT_EPSILON = .5;
+function parseAspectRatioValue(value) {
+	if (typeof value === "number") return Number.isFinite(value) && value > 0 ? value : void 0;
+	if (typeof value !== "string") return void 0;
+	const normalized = value.trim();
+	if (!normalized) return void 0;
+	if (normalized === "auto") return void 0;
+	if (normalized.includes(":") || normalized.includes("/")) {
+		const delimiter = normalized.includes(":") ? ":" : "/";
+		const [wRaw, hRaw] = normalized.split(delimiter);
+		const width = Number(wRaw?.trim());
+		const height = Number(hRaw?.trim());
+		if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return;
+		return width / height;
+	}
+	const numeric = Number(normalized);
+	if (!Number.isFinite(numeric) || numeric <= 0) return void 0;
+	return numeric;
+}
+const MAX_ASPECT_DISTANCE = .25;
+function resolveMediaTransformForAspect(transform, targetAspect) {
+	if (!transform) return {};
+	const base = {
+		rect: transform.rect,
+		hotspot: transform.hotspot,
+		rotation: transform.rotation
+	};
+	const target = parseAspectRatioValue(targetAspect);
+	const crops = transform.aspectCrops;
+	if (!target || !crops || Object.keys(crops).length === 0) return base;
+	let best = null;
+	let bestDistance = Number.POSITIVE_INFINITY;
+	for (const [key, candidate] of Object.entries(crops)) {
+		const candidateAspect = parseAspectRatioValue(candidate.aspect ?? key);
+		if (!candidateAspect) continue;
+		const distance = Math.abs(Math.log(candidateAspect / target));
+		if (distance < bestDistance) {
+			best = candidate;
+			bestDistance = distance;
+		}
+	}
+	if (!best) return base;
+	if (bestDistance > MAX_ASPECT_DISTANCE) return base;
+	return {
+		rect: best.rect ?? base.rect,
+		hotspot: best.hotspot ?? base.hotspot,
+		rotation: best.rotation ?? base.rotation
+	};
+}
+function isValidTransformRect(rect) {
+	return isValidTransformRectStructure(rect);
+}
+function isExplicitRectCrop(rect, sourceWidth, sourceHeight, epsilon = DEFAULT_RECT_EPSILON) {
+	if (!isValidTransformRect(rect)) return false;
+	if (!(typeof sourceWidth === "number" && Number.isFinite(sourceWidth) && sourceWidth > 0 && typeof sourceHeight === "number" && Number.isFinite(sourceHeight) && sourceHeight > 0)) return true;
+	const [x, y, width, height] = rect;
+	return !(Math.abs(x) <= epsilon && Math.abs(y) <= epsilon && Math.abs(width - sourceWidth) <= epsilon && Math.abs(height - sourceHeight) <= epsilon);
+}
+//#endregion
+//#region ../media-core/src/rotation.ts
+function rotateNormalizedPoint(point, rotation) {
+	const x = point.x;
+	const y = point.y;
+	switch (rotation) {
+		case 0: return {
+			x,
+			y
+		};
+		case 90: return {
+			x: 1 - y,
+			y: x
+		};
+		case 180: return {
+			x: 1 - x,
+			y: 1 - y
+		};
+		case 270: return {
+			x: y,
+			y: 1 - x
+		};
+	}
+}
+//#endregion
 //#region ../theme-core/src/palette/schema.ts
 const colourHexString = z.string().regex(/^#([0-9A-Fa-f]{3}){1,2}$/);
 const paletteColorSchema = z.object({
@@ -8049,6 +8415,29 @@ const paletteSchema = z.object({
 	};
 });
 //#endregion
+//#region ../theme-core/src/buttons/typography.ts
+const textTransformSchema = z.enum([
+	"none",
+	"uppercase",
+	"lowercase",
+	"capitalize"
+]);
+const fontWeightSchema = z.union([
+	z.literal(400),
+	z.literal(500),
+	z.literal(600),
+	z.literal(700),
+	z.literal(800)
+]);
+const buttonTypographySchema = z.enum(["body", "heading"]);
+const letterSpacingSchema = z.enum([
+	"tight",
+	"normal",
+	"slight",
+	"loose",
+	"wide"
+]);
+//#endregion
 //#region ../theme-core/src/buttons/types.ts
 /**
 * Standard semantic variant roles a theme exposes.
@@ -8164,6 +8553,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"
@@ -8210,24 +8600,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",
@@ -8299,7 +8671,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
@@ -8422,12 +8795,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 })
 });
@@ -8894,6 +9275,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) {
@@ -8991,7 +9376,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) {
@@ -9086,6 +9471,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;
 }
@@ -9223,7 +9615,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,
@@ -10397,6 +10789,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: {
@@ -11138,7 +11811,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([
@@ -11175,7 +11851,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
@@ -14691,7 +15370,10 @@ const buttonStyleRecipes = [
 	offsetBlockRecipe,
 	ringedPillRecipe,
 	squareOutlineRecipe,
-	fulcrumRecipe
+	fulcrumRecipe,
+	giltSlabRecipe,
+	hairlineTabRecipe,
+	marqueeRecipe
 ];
 const recipesById = new Map(buttonStyleRecipes.map((recipe) => [recipe.id, recipe]));
 function findButtonStyleRecipe(id) {
@@ -14707,6 +15389,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);
@@ -16569,6 +17254,21 @@ const boxBackgroundSchema = z.discriminatedUnion("type", [
 		showVideoOnMobile: z.boolean().nullable().optional()
 	})
 ]);
+/** Application rendering sources are admitted separately from saved references. */
+const runtimeBoxBackgroundSchema = z.discriminatedUnion("type", [
+	boxBackgroundSchema.options[0],
+	boxBackgroundSchema.options[1],
+	boxBackgroundSchema.options[2].extend({ image: z.union([
+		imageMediaSchema,
+		externalMediaSchema.extend({ type: z.literal("image") }),
+		assetMediaSchema.extend({ type: z.literal("image") })
+	]).nullable().optional() }),
+	boxBackgroundSchema.options[3].extend({ image: z.union([
+		videoMediaSchema,
+		externalMediaSchema.extend({ type: z.literal("video") }),
+		assetMediaSchema.extend({ type: z.literal("video") })
+	]).nullable().optional() })
+]);
 function normalizeAuthoringOpacity(value) {
 	if (!isRecord$6(value)) return value;
 	return {
@@ -16923,20 +17623,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",
@@ -16945,12 +17640,6 @@ const footerSpacing = z.enum([
 	"relaxed",
 	"spacious"
 ]);
-const footerLogoPlacement = z.enum([
-	"left",
-	"right",
-	"above",
-	"below"
-]);
 const footerLogoSize = z.enum([
 	"sm",
 	"md",
@@ -16991,17 +17680,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([
@@ -17011,15 +17691,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"
@@ -17202,7 +17875,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",
@@ -17212,7 +17887,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) {
@@ -17239,13 +17918,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 },
@@ -18065,6 +18756,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" },
@@ -18650,6 +19350,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",
@@ -18810,6 +19553,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",
@@ -18896,6 +19642,238 @@ 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/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/accordions/siteStyleDefaults.ts
 /**
 * Reusable accordion "looks" for curated site styles.
@@ -19623,52 +20601,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
@@ -21085,6 +22025,7 @@ function defineCuratedSiteStyle(input) {
 			recommendedAppearancePresetIds
 		},
 		headerCuration: headerCurationBySiteStyle[input.id],
+		footerLookRecipes: input.footerLookRecipes,
 		recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(asFooterLookId),
 		buttonStyleChoices: input.buttonStyleChoices,
 		paletteRecommendations: input.paletteRecommendations,
@@ -21570,7 +22511,11 @@ const lanternLooks = {
 		margin: "40px"
 	},
 	fontLoading: {
-		extraBodyFontWeights: [500, 700],
+		extraBodyFontWeights: [
+			500,
+			700,
+			800
+		],
 		italicBodyFontWeights: [400]
 	},
 	surfaces: {
@@ -21620,6 +22565,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",
@@ -22058,7 +23035,7 @@ const curatedSiteStyles = [
 			"faq-contained-help",
 			"contact-form-panel"
 		],
-		recommendedFooterLookIds: ["footer-links-quiet"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("soft-pill"),
 			buttonChoice("pebble"),
@@ -22177,7 +23154,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"),
@@ -22232,7 +23209,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"),
@@ -22303,7 +23314,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"),
@@ -22350,7 +23361,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"),
@@ -22402,7 +23428,7 @@ const curatedSiteStyles = [
 			},
 			testimonialQuote: serifDisplayQuote
 		},
-		recommendedFooterLookIds: ["footer-links-quiet"],
+		recommendedFooterLookIds: ["footer-links-row"],
 		buttonStyleChoices: [
 			buttonChoice("fulcrum"),
 			buttonChoice("editorial-link"),
@@ -22479,7 +23505,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"),
@@ -22517,7 +23543,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"),
@@ -22556,8 +23597,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")
@@ -22592,7 +23654,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"),
@@ -22620,6 +23682,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
@@ -22695,29 +23758,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",
@@ -22833,21 +23873,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",
@@ -22873,7 +23898,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();
@@ -22882,167 +23907,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";
@@ -23287,28 +24151,6 @@ z.object({
 	motion: z.enum(themeTokenRecipeOptions.motion)
 });
 //#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 ../theme-core/src/siteChromeOverlayClearance.ts
 const SITE_CHROME_VISIBLE_HEADER_ATTR = "data-site-chrome-visible-header";
 //#endregion
@@ -23418,97 +24260,6 @@ function registerManifest(manifest) {
 	return manifest;
 }
 //#endregion
-//#region ../media-core/src/transformRect.ts
-function isValidTransformRectStructure(rect) {
-	if (!Array.isArray(rect) || rect.length !== 4) return false;
-	const [left, top, width, height] = rect;
-	return Number.isFinite(left) && Number.isFinite(top) && Number.isFinite(width) && Number.isFinite(height) && left >= 0 && top >= 0 && width > 0 && height > 0;
-}
-//#endregion
-//#region ../media-core/src/aspectTransforms.ts
-const DEFAULT_RECT_EPSILON = .5;
-function parseAspectRatioValue(value) {
-	if (typeof value === "number") return Number.isFinite(value) && value > 0 ? value : void 0;
-	if (typeof value !== "string") return void 0;
-	const normalized = value.trim();
-	if (!normalized) return void 0;
-	if (normalized === "auto") return void 0;
-	if (normalized.includes(":") || normalized.includes("/")) {
-		const delimiter = normalized.includes(":") ? ":" : "/";
-		const [wRaw, hRaw] = normalized.split(delimiter);
-		const width = Number(wRaw?.trim());
-		const height = Number(hRaw?.trim());
-		if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return;
-		return width / height;
-	}
-	const numeric = Number(normalized);
-	if (!Number.isFinite(numeric) || numeric <= 0) return void 0;
-	return numeric;
-}
-const MAX_ASPECT_DISTANCE = .25;
-function resolveMediaTransformForAspect(transform, targetAspect) {
-	if (!transform) return {};
-	const base = {
-		rect: transform.rect,
-		hotspot: transform.hotspot,
-		rotation: transform.rotation
-	};
-	const target = parseAspectRatioValue(targetAspect);
-	const crops = transform.aspectCrops;
-	if (!target || !crops || Object.keys(crops).length === 0) return base;
-	let best = null;
-	let bestDistance = Number.POSITIVE_INFINITY;
-	for (const [key, candidate] of Object.entries(crops)) {
-		const candidateAspect = parseAspectRatioValue(candidate.aspect ?? key);
-		if (!candidateAspect) continue;
-		const distance = Math.abs(Math.log(candidateAspect / target));
-		if (distance < bestDistance) {
-			best = candidate;
-			bestDistance = distance;
-		}
-	}
-	if (!best) return base;
-	if (bestDistance > MAX_ASPECT_DISTANCE) return base;
-	return {
-		rect: best.rect ?? base.rect,
-		hotspot: best.hotspot ?? base.hotspot,
-		rotation: best.rotation ?? base.rotation
-	};
-}
-function isValidTransformRect(rect) {
-	return isValidTransformRectStructure(rect);
-}
-function isExplicitRectCrop(rect, sourceWidth, sourceHeight, epsilon = DEFAULT_RECT_EPSILON) {
-	if (!isValidTransformRect(rect)) return false;
-	if (!(typeof sourceWidth === "number" && Number.isFinite(sourceWidth) && sourceWidth > 0 && typeof sourceHeight === "number" && Number.isFinite(sourceHeight) && sourceHeight > 0)) return true;
-	const [x, y, width, height] = rect;
-	return !(Math.abs(x) <= epsilon && Math.abs(y) <= epsilon && Math.abs(width - sourceWidth) <= epsilon && Math.abs(height - sourceHeight) <= epsilon);
-}
-//#endregion
-//#region ../media-core/src/rotation.ts
-function rotateNormalizedPoint(point, rotation) {
-	const x = point.x;
-	const y = point.y;
-	switch (rotation) {
-		case 0: return {
-			x,
-			y
-		};
-		case 90: return {
-			x: 1 - y,
-			y: x
-		};
-		case 180: return {
-			x: 1 - x,
-			y: 1 - y
-		};
-		case 270: return {
-			x: y,
-			y: 1 - x
-		};
-	}
-}
-//#endregion
 //#region ../blocks/src/system/node/schema.ts
 const transformStepSchema = z.object({
 	id: z.string().min(1, "Transform requires an identifier"),
@@ -26434,6 +27185,12 @@ function parseBackgroundOverlay(value) {
 	const result = boxBackgroundOverlaySchema.safeParse(value);
 	return result.success ? result.data : void 0;
 }
+/** Rendering accepts explicit application sources separately from stored references. */
+const runtimeBackgroundContentSchema = runtimeBoxBackgroundSchema;
+function parseRuntimeBackgroundContent(value) {
+	const result = runtimeBackgroundContentSchema.safeParse(value);
+	return result.success ? result.data : null;
+}
 //#endregion
 //#region ../blocks/src/system/transforms/registry/_utils/themeColorResolution.ts
 function resolveBackgroundColorValue(value, context) {
@@ -26489,7 +27246,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 ? {
@@ -27100,48 +27862,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
@@ -27328,6 +28092,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_-]*$/;
@@ -27660,6 +28465,7 @@ const bodyCopyFragment = defineFragment({
 	],
 	layout: stack({
 		gap: "md",
+		...lookSlot("copy"),
 		className: "body-copy-container",
 		align: { $bind: {
 			from: "content.alignment",
@@ -27668,6 +28474,7 @@ const bodyCopyFragment = defineFragment({
 		} }
 	}, [text({
 		as: "h2",
+		...lookSlot("heading"),
 		className: { $bind: {
 			from: "content.alignment",
 			transforms: [{
@@ -27676,14 +28483,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
@@ -28699,8 +29514,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
@@ -28749,6 +29575,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" } }
@@ -29002,8 +29829,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
@@ -29071,6 +29908,7 @@ const newsletterFormFragment = defineFragment({
 		}
 	],
 	layout: [el("newsletter-form", withApiBindings({
+		lookSlots: { $bind: { from: "content._lookSlots" } },
 		source: { $bind: {
 			from: "mailingListSource",
 			fallback: "block"
@@ -30563,18 +31401,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: ""
 });
@@ -30588,11 +31419,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",
@@ -31040,6 +31871,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 {
@@ -31146,6 +32023,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(),
@@ -31155,6 +32033,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(),
@@ -31175,17 +32054,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({
@@ -31208,18 +32100,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",
@@ -31247,6 +32148,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,
@@ -32002,7 +32912,7 @@ const heroTitleLengthThresholds = {
 		maxWords: 11
 	}
 };
-function isPlainObject$1(value) {
+function isPlainObject(value) {
 	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function readString(obj, key) {
@@ -32011,7 +32921,7 @@ function readString(obj, key) {
 }
 function resolveGeneratedHeroLayoutStyles(content) {
 	const raw = content._heroLayoutStyles;
-	return isPlainObject$1(raw) ? raw : null;
+	return isPlainObject(raw) ? raw : null;
 }
 function readHeroLayoutString(content, generatedKey, fallbackKey = generatedKey) {
 	const explicitValue = readString(content, fallbackKey);
@@ -32069,7 +32979,7 @@ const heroContentWrapperClassTransform = {
 	summary: "Resolve hero content wrapper className from alignment + max width controls",
 	schema: z.object({ base: z.string().optional() }),
 	run: (value, options, context) => {
-		const content = isPlainObject$1(value) ? value : isPlainObject$1(context.data) ? context.data : {};
+		const content = isPlainObject(value) ? value : isPlainObject(context.data) ? context.data : {};
 		const alignment = resolveHeroContentAlignment(content);
 		const maxWidth = resolveHeroContentMaxWidth(content);
 		const typographyScale = resolveHeroTypographyScale(content);
@@ -32091,7 +33001,7 @@ const heroCtaJustifyTransform = {
 	kind: "string",
 	summary: "Map hero contentAlignment to CTA row justify value",
 	run: (value, _options, context) => {
-		const alignment = resolveHeroContentAlignment(isPlainObject$1(value) ? value : isPlainObject$1(context.data) ? context.data : {});
+		const alignment = resolveHeroContentAlignment(isPlainObject(value) ? value : isPlainObject(context.data) ? context.data : {});
 		return alignment === "left" ? "start" : alignment === "right" ? "end" : "center";
 	}
 };
@@ -32100,7 +33010,7 @@ const heroStackJustifyFromVerticalAlignmentTransform = {
 	kind: "string",
 	summary: "Map hero verticalAlignment to stack justify value",
 	run: (value, _options, context) => {
-		const vertical = resolveHeroVerticalAlignment(isPlainObject$1(value) ? value : isPlainObject$1(context.data) ? context.data : {});
+		const vertical = resolveHeroVerticalAlignment(isPlainObject(value) ? value : isPlainObject(context.data) ? context.data : {});
 		return vertical === "top" ? "start" : vertical === "bottom" ? "end" : "center";
 	}
 };
@@ -32110,7 +33020,7 @@ const heroGridClassFromVerticalAlignmentTransform = {
 	summary: "Append align-items class for hero split layouts based on verticalAlignment",
 	schema: z.object({ base: z.string() }),
 	run: (value, options, context) => {
-		const vertical = resolveHeroVerticalAlignment(isPlainObject$1(value) ? value : isPlainObject$1(context.data) ? context.data : {});
+		const vertical = resolveHeroVerticalAlignment(isPlainObject(value) ? value : isPlainObject(context.data) ? context.data : {});
 		const itemsClass = vertical === "top" ? "rb-items-start" : vertical === "bottom" ? "rb-items-end" : "rb-items-center";
 		return joinClasses$1([options.base, itemsClass]);
 	}
@@ -32398,6 +33308,25 @@ function heroHeadlineText(content, policy) {
 	return policy === "look" ? inlineTextToPlainText(coerceInlineTextWithFallback(content.headlineInline, plain)).trim() : plain?.trim() ?? "";
 }
 //#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 ../blocks/src/system/runtime/header/runtimeContract.ts
 const headerScrollRuntimeSchema = z.discriminatedUnion("kind", [z.object({ kind: z.literal("none") }), z.object({ kind: z.literal("threshold") })]);
 z.object({ scroll: headerScrollRuntimeSchema });
@@ -32629,6 +33558,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);
 	}
@@ -32690,7 +33620,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) {
@@ -32712,62 +33642,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) {
@@ -32786,13 +33669,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
@@ -33288,7 +34170,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",
@@ -33318,6 +34207,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: {
@@ -33328,20 +34225,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"
@@ -33366,14 +34282,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"
@@ -33384,7 +34304,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",
@@ -33393,7 +34316,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"] }
@@ -33431,27 +34361,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,
@@ -33464,10 +34411,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: {
@@ -33484,6 +34433,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({
@@ -33505,6 +34455,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,
@@ -35106,17 +36057,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: [{
@@ -35156,6 +36120,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",
@@ -35167,6 +36132,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",
@@ -35177,15 +36143,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({
@@ -35209,9 +36175,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" },
@@ -35692,14 +36680,6 @@ const weeklySlotAvailabilityBlockDefinition = {
 	} }
 };
 //#endregion
-//#region ../blocks/src/lib/media.ts
-const PUBLIC_DOWNLOAD_MEDIA_TYPES = [
-	"document",
-	"spreadsheet",
-	"archive",
-	"audio"
-];
-//#endregion
 //#region ../blocks/src/system/manifest/richTextSchema.ts
 /**
 * Shared Rich Text Schema
@@ -36135,7 +37115,7 @@ const publicEventBaseSchema = z.object({
 	content: z.object({ body: RichTextDocSchema.nullable().optional() }).optional(),
 	presentation: z.object({
 		summary: z.string().nullable().optional(),
-		image: mediaSchema.nullable().optional()
+		image: runtimeMediaSchema.nullable().optional()
 	}).optional(),
 	slug: z.string(),
 	path: z.string().nullable(),
@@ -36315,24 +37295,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 = {
@@ -36445,31 +37407,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
@@ -36894,19 +37831,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";
@@ -38614,7 +39546,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",
@@ -38670,52 +39602,6 @@ const eventSpotlightBlockDefinition = {
 	} }
 };
 //#endregion
-//#region ../blocks/src/system/runtime/lookSurfaces.ts
-const isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
-const lookListPresentationSchemaShape = {
-	sectionAction: z.object({
-		label: z.string(),
-		href: z.string()
-	}).optional(),
-	actionSize: z.enum([
-		"sm",
-		"md",
-		"lg"
-	]).optional(),
-	itemActionStyle: z.enum(["button", "link"]).optional(),
-	itemRoles: z.object({
-		container: z.enum([
-			"card",
-			"statement",
-			"highlight"
-		]).optional(),
-		items: z.enum([
-			"card",
-			"statement",
-			"highlight"
-		]).optional(),
-		at: z.partialRecord(z.enum([
-			"first",
-			"last",
-			"middle",
-			"odd",
-			"even"
-		]), z.enum([
-			"card",
-			"statement",
-			"highlight"
-		])).optional()
-	}).optional(),
-	roleSurfaces: z.record(z.enum([
-		"card",
-		"statement",
-		"highlight"
-	]), z.custom((value) => isPlainObject(value) && (value.kind === "inherit" || value.kind === "owned"))).optional(),
-	panelHeading: z.string().optional(),
-	lookSlots: z.partialRecord(z.enum(arrangementSlotNames), z.enum(arrangementSlotNames)).optional(),
-	itemSurfaces: z.record(z.string(), z.custom((value) => isPlainObject(value) && (value.kind === "inherit" || value.kind === "owned"))).optional()
-};
-//#endregion
 //#region ../blocks/src/system/blocks/events/shared/eventSelection.ts
 /** Invalid saved selections fail closed rather than widening discovery. */
 function resolveEventSelection(mode, value) {
@@ -39490,7 +40376,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: {
@@ -39930,7 +40816,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" } },
@@ -41886,6 +42772,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) => {
@@ -42100,7 +43491,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
@@ -42109,6 +43504,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",
@@ -42121,510 +43538,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),
@@ -42633,7 +43550,10 @@ const imageGalleryBlockDefinition = { manifest: createBlockManifest({
 			className: "rb-image-gallery-marquee-container"
 		})
 	},
-	variantMeaning: { kind: "arrangement" },
+	variantMeaning: {
+		kind: "arrangement",
+		lookOnlyKeys: ["tiles"]
+	},
 	defaultVariant: "grid",
 	variantOptions: {
 		grid: {
@@ -43026,6 +43946,14 @@ const audioPlayerBlockDefinition = { manifest: createBlockManifest({
 	}
 }) };
 //#endregion
+//#region ../blocks/src/lib/media.ts
+const PUBLIC_DOWNLOAD_MEDIA_TYPES = [
+	"document",
+	"spreadsheet",
+	"archive",
+	"audio"
+];
+//#endregion
 //#region ../blocks/src/system/blocks/file-download.ts
 const bound = (from) => ({ $bind: { from } });
 const fileDownloadLayout = styledSection({
@@ -44845,76 +45773,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$2(fields);
 	}
 }
 function withOptionalPhone(fields, includePhone) {
@@ -44976,6 +45902,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(),
@@ -45008,6 +45935,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(),
@@ -45074,13 +46002,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
 	};
 }
@@ -45152,32 +46081,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",
@@ -45192,13 +46139,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: {
@@ -45271,7 +46231,7 @@ const memberPhotoClassName = (baseClass) => cardRoleChildClass({
 	baseClass,
 	stylesFrom: "content._cardStyles"
 });
-const teamMemberPhotoSchema = mediaSchema.refine((media) => media.type === "image", { message: "Team member photos must be image media" }).nullable();
+const teamMemberPhotoSchema = runtimeMediaSchema.refine((media) => media.type === "image", { message: "Team member photos must be image media" }).nullable();
 const teamMemberDataSchema = z.object({
 	_type: z.literal("teamMember"),
 	id: z.string(),
@@ -46285,7 +47245,7 @@ const systemBlockDefinitions = [
 			})
 		]
 	})),
-	withDesignCapability("block.body-text", bodyTextBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+	withDesignCapability("block.body-text", bodyTextBlockDefinition, withLookCapability(sectionOnly()), defineBlockDesignMetadata({
 		flow: bodyFlow,
 		layoutProfiles: [
 			layoutProfile({
@@ -46660,7 +47620,7 @@ const systemBlockDefinitions = [
 			weight: "quiet"
 		})]
 	})),
-	withDesignCapability("block.image-gallery", imageGalleryBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+	withDesignCapability("block.image-gallery", imageGalleryBlockDefinition, withLookCapability(sectionOnly()), defineBlockDesignMetadata({
 		flow: mediaFlow,
 		layoutProfiles: [
 			layoutProfile({
@@ -46749,7 +47709,7 @@ const systemBlockDefinitions = [
 			weight: "standard"
 		})]
 	})),
-	withDesignCapability("block.newsletter-signup", newsletterSignupBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
+	withDesignCapability("block.newsletter-signup", newsletterSignupBlockDefinition, withLookCapability(sectionOnly()), defineBlockDesignMetadata({
 		flow: conversionFlow,
 		layoutProfiles: [
 			layoutProfile({
@@ -46813,11 +47773,14 @@ const offeringsPreviewDatesReadEnabled = {
 //#endregion
 //#region ../blocks/src/system/helpers/backgroundMedia.ts
 function resolveBackgroundMedia(input) {
-	const parsedMedia = mediaSchema.safeParse(input.image);
+	const parsedMedia = runtimeMediaSchema.safeParse(input.image);
 	if (!parsedMedia.success) return null;
 	switch (parsedMedia.data.type) {
 		case "image":
-		case "video": return parsedMedia.data;
+		case "video": return {
+			...parsedMedia.data,
+			type: parsedMedia.data.type
+		};
 		case "audio":
 		case "document":
 		case "spreadsheet":
@@ -46829,6 +47792,75 @@ function backgroundVideoMobileClassNames(input) {
 	return input.showVideoOnMobile === true ? "" : "rb-hidden rb-md-block";
 }
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/mediaContext.ts
+/**
+* Server-side: AsyncLocalStorage for request isolation.
+* Prevents race conditions when multiple requests are processed concurrently.
+*
+* Lazy initialization to avoid issues in environments that don't support async_hooks.
+*/
+const serverStorageState = {
+	storage: null,
+	checked: false
+};
+function getServerStorage() {
+	if (typeof window !== "undefined") return null;
+	if (serverStorageState.checked) return serverStorageState.storage;
+	serverStorageState.checked = true;
+	try {
+		const globalWithNonWebpackRequire = globalThis;
+		const AsyncLocalStorage = (typeof globalWithNonWebpackRequire.__non_webpack_require__ === "function" ? globalWithNonWebpackRequire.__non_webpack_require__ : new Function("id", "return require(id)"))("async_hooks").AsyncLocalStorage;
+		if (AsyncLocalStorage) {
+			serverStorageState.storage = new AsyncLocalStorage();
+			return serverStorageState.storage;
+		}
+		return null;
+	} catch {
+		if (process.env.NODE_ENV !== "production") console.warn("[blocks] AsyncLocalStorage not available - using module-level state");
+		return null;
+	}
+}
+/**
+* Client-side context storage.
+* Safe because browsers are single-threaded per tab.
+*
+* IMPORTANT: This must be shared across bundles.
+* SDK preview mode can load multiple independently-bundled entrypoints
+* (e.g. `@riverbankcms/sdk/rendering` + `@riverbankcms/sdk/preview-next/client`),
+* which can otherwise each get their own module-scoped singleton.
+*/
+const RB_MEDIA_CONTEXT_KEY = Symbol.for("riverbankcms.blocks.mediaContext");
+function getClientContextStore() {
+	const g = globalThis;
+	const existing = g[RB_MEDIA_CONTEXT_KEY];
+	if (existing && typeof existing === "object") return existing;
+	const next = {};
+	g[RB_MEDIA_CONTEXT_KEY] = next;
+	return next;
+}
+/**
+* Get the current media context.
+* Server-side: Uses AsyncLocalStorage for request isolation.
+* Client-side: Uses module-level state (safe in single-threaded browser).
+*/
+function getMediaContext() {
+	const storage = getServerStorage();
+	if (storage) return storage.getStore() ?? {};
+	return getClientContextStore();
+}
+function getCurrentResolveImageUrlContext() {
+	const context = getMediaContext();
+	if (!context.supabaseUrl && !context.siteId && !context.mediaAssetIndex) return;
+	return {
+		supabaseUrl: context.supabaseUrl,
+		siteId: context.siteId,
+		mediaAssetIndex: context.mediaAssetIndex
+	};
+}
+function getMediaAssetIndex(context) {
+	return context?.mediaAssetIndex ?? getMediaContext().mediaAssetIndex;
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/media.tsx
 function getValidSourceDimension(value) {
 	return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : void 0;
@@ -46864,41 +47896,72 @@ function applyRectTransform(existingStyle, patch) {
 	if (patch.transform) next.transform = appendTransform(existingStyle?.transform, patch.transform);
 	return next;
 }
-function computeMediaTransformStyle(value, style, targetAspectRatio, options) {
+/** Resolve portable content without exposing runtime metadata as saved values. */
+function resolveMediaWithContext(reference, context) {
+	return resolveManagedMediaReference(reference, getMediaAssetIndex(context ?? void 0));
+}
+function sourceFromAsset(value, asset) {
+	return {
+		type: value.type,
+		alt: value.alt,
+		filename: value.filename,
+		purpose: value.purpose,
+		placeholder: value.placeholder,
+		transform: value.transform,
+		poster: value.poster,
+		identifier: asset.identifier,
+		assetId: asset.id,
+		storageBucket: asset.storageBucket,
+		storagePath: asset.storagePath,
+		mimeType: asset.mimeType,
+		width: asset.width,
+		height: asset.height
+	};
+}
+function resolveRuntimeMedia(value, context) {
+	if ("asset" in value && value.asset) return sourceFromAsset(value, value.asset);
+	if ("src" in value && value.src) return value;
+	if (!value.identifier) return void 0;
+	const resolved = resolveMediaWithContext(value, context);
+	return resolved.kind === "resolved" ? sourceFromAsset(resolved.reference, resolved.asset) : void 0;
+}
+function usesProxyFraming(source, transform) {
+	if (!source?.assetId || !isExplicitCropProxyEnabled()) return false;
+	return Boolean(transform.rotation) || isExplicitRectCrop(transform.rect, getValidSourceDimension(source.width), getValidSourceDimension(source.height));
+}
+function rectFramingPatch(source, rect, proxy, style) {
+	if (!source || !rect || proxy) return {};
+	const patch = buildCssRectStylePatch(source, rect);
+	return patch ? applyRectTransform(style, patch) : {};
+}
+function hotspotFramingPatch(transform, proxy, rectPatch, style) {
+	if (!transform.hotspot || rectPatch.objectPosition !== void 0) return {};
+	const fit = style?.objectFit;
+	if (fit && fit !== "cover" && fit !== "contain") return {};
+	const point = proxy && transform.rotation ? rotateNormalizedPoint(transform.hotspot, transform.rotation) : transform.hotspot;
+	return { objectPosition: `${point.x * 100}% ${point.y * 100}%` };
+}
+function rotationFramingPatch(rotation, proxy, rectPatch, style) {
+	if (!rotation || proxy) return {};
+	return {
+		transform: appendTransform(rectPatch.transform ?? style?.transform, `rotate(${rotation}deg)`),
+		transformOrigin: rectPatch.transformOrigin ?? "center"
+	};
+}
+/** CSS framing is a pure projection of the resolved source and per-use transform. */
+function deriveMediaFramingStyle(source, transform, proxy, style) {
+	if (!transform.rect && !transform.hotspot && !transform.rotation) return style;
+	const rectPatch = rectFramingPatch(source, transform.rect, proxy, style);
+	return mergeStyles(style, {
+		...rectPatch,
+		...hotspotFramingPatch(transform, proxy, rectPatch, style),
+		...rotationFramingPatch(transform.rotation, proxy, rectPatch, style)
+	});
+}
+function computeMediaTransformStyle(value, style, targetAspectRatio, options, context) {
+	const source = resolveRuntimeMedia(value, context ?? getCurrentResolveImageUrlContext());
 	const transform = options?.resolvedTransform ?? resolveMediaTransformForAspect(value.transform, targetAspectRatio);
-	const rect = transform.rect;
-	const hotspot = transform.hotspot;
-	const rotation = transform.rotation;
-	if (!rect && !hotspot && !rotation) return style;
-	const stylePatch = {};
-	const heuristicSuppressCss = Boolean(isExplicitCropProxyEnabled() && value.assetId && (typeof rotation === "number" && rotation !== 0 || isExplicitRectCrop(rect, getValidSourceDimension(value.width), getValidSourceDimension(value.height))));
-	const shouldSuppressCss = options?.isProxy ?? heuristicSuppressCss;
-	if (rect && !shouldSuppressCss) {
-		const rectPatch = buildCssRectStylePatch(value, rect);
-		if (rectPatch) {
-			const mergedRect = applyRectTransform(style, rectPatch);
-			Object.assign(stylePatch, mergedRect);
-		}
-	}
-	if (hotspot) {
-		const effectiveObjectFit = stylePatch.objectFit ?? style?.objectFit;
-		if ((!effectiveObjectFit || effectiveObjectFit === "cover" || effectiveObjectFit === "contain") && stylePatch.objectPosition === void 0) {
-			const resolved = shouldSuppressCss && rotation ? rotateNormalizedPoint({
-				x: hotspot.x,
-				y: hotspot.y
-			}, rotation) : {
-				x: hotspot.x,
-				y: hotspot.y
-			};
-			stylePatch.objectPosition = `${resolved.x * 100}% ${resolved.y * 100}%`;
-		}
-	}
-	if (rotation && !shouldSuppressCss) {
-		const existingTransform = stylePatch.transform ?? style?.transform;
-		stylePatch.transform = existingTransform ? `${existingTransform} rotate(${rotation}deg)` : `rotate(${rotation}deg)`;
-		if (!stylePatch.transformOrigin) stylePatch.transformOrigin = "center";
-	}
-	return mergeStyles(style, stylePatch);
+	return deriveMediaFramingStyle(source, transform, options?.isProxy ?? usesProxyFraming(source, transform), style);
 }
 //#endregion
 //#region ../blocks/src/system/transforms/registry/background.ts
@@ -47047,11 +48110,11 @@ const backgroundTransforms = [
 	}
 ];
 function parseMediaBackground(value) {
-	const background = parseBackgroundContent(value);
+	const background = parseRuntimeBackgroundContent(value);
 	return background?.type === "image" || background?.type === "video" ? background : null;
 }
 function resolveBackgroundLayerStyle(value, fallbackToken, context) {
-	const background = parseBackgroundContent(value);
+	const background = parseRuntimeBackgroundContent(value);
 	const style = {};
 	const gradient = background?.type === "gradient" ? isString(background.gradient) ? background.gradient.trim() : gradientPresetCss(background.gradientPresetId) : null;
 	const color = background?.type === "color" && isString(background.color) ? background.color.trim() : null;