@riverbankcms/sdk 0.126.0 → 0.127.0

package/dist/client/rendering/client.mjs

@@ -1793,11 +1793,9 @@ var init_types$15 = __esmMin((() => {
 		"secondary",
 		"outline",
 		"ghost",
-		"link",
-		"tertiary",
 		"accent"
 	];
-	buttonVariantIdSchema = z$1.string().min(1).max(50).regex(/^[a-z0-9-]+$/, "Button variant IDs may contain lowercase letters, numbers, and hyphens only");
+	buttonVariantIdSchema = z$1.string().min(1).max(50).regex(/^[a-z0-9-]+$/, "Button variant IDs may contain lowercase letters, numbers, and hyphens only").refine((value) => value !== "link" && value !== "tertiary", { message: "Retired button role IDs are not valid variant IDs" });
 	DEFAULT_VARIANT_ALIAS_ID = "default";
 	opaqueButtonColourTokenSchema = themeColorTokenSchema.refine((value) => parseOpaqueButtonColourToken(value) !== null, "Button colour tokens must be opaque").transform((value) => {
 		const token = parseOpaqueButtonColourToken(value);
@@ -2244,7 +2242,7 @@ function canonicalPaletteHashInput(colors, mode) {
 	return `${mode}|${paletteColorFingerprint(colors)}`;
 }
 /**
-* The shared TypeScript/SQL protocol. Do not reorder roles: the order comes
+* Stable curated-catalogue identity. Do not reorder roles: the order comes
 * from PALETTE_TOKEN_NAMES through canonicalPaletteHashInput.
 */
 function paletteValueKey(colors, mode) {
@@ -3385,6 +3383,77 @@ var init_tokenOrColor = __esmMin((() => {
 	]);
 }));
 //#endregion
+//#region ../theme-core/src/responsive/breakpoints.ts
+function mqUp(px) {
+	return `(min-width: ${px}px)`;
+}
+function mqDown(px) {
+	return `(max-width: ${px}px)`;
+}
+function mqBetween(minPx, maxPx) {
+	return `${mqUp(minPx)} and ${mqDown(maxPx)}`;
+}
+var BREAKPOINT_LG, BREAKPOINT_XL, BREAKPOINT_LG_DOWN;
+var init_breakpoints = __esmMin((() => {
+	BREAKPOINT_LG = 1024;
+	BREAKPOINT_XL = 1280;
+	BREAKPOINT_LG_DOWN = BREAKPOINT_LG - 1;
+	mqUp(640);
+	mqUp(768);
+	mqUp(BREAKPOINT_LG);
+	mqUp(BREAKPOINT_XL);
+	mqDown(639);
+	mqDown(767);
+	mqDown(BREAKPOINT_LG_DOWN);
+	mqBetween(640, BREAKPOINT_LG_DOWN);
+	mqDown(640);
+	mqDown(768);
+}));
+var init_paintTargets = __esmMin((() => {
+	init_breakpoints();
+}));
+var headerScrollTreatmentSchema;
+var init_scrollTreatment = __esmMin((() => {
+	init_paintTargets();
+	headerScrollTreatmentSchema = z$1.discriminatedUnion("kind", [z$1.object({
+		kind: z$1.literal("contrast-glass"),
+		backgroundTone: z$1.enum(["light", "dark"])
+	})]).optional();
+}));
+//#endregion
+//#region ../theme-core/src/header/containerSchema.ts
+var headerContainerSchema;
+var init_containerSchema = __esmMin((() => {
+	headerContainerSchema = z$1.object({
+		rounded: z$1.enum([
+			"none",
+			"sm",
+			"md",
+			"lg",
+			"xl",
+			"2xl"
+		]).default("xl"),
+		border: z$1.boolean().default(true),
+		shadow: z$1.boolean().default(true),
+		padding: z$1.enum([
+			"sm",
+			"md",
+			"lg"
+		]).default("md"),
+		tint: z$1.string().nullable().optional(),
+		opacity: z$1.number().min(0).max(1).default(.12)
+	}).optional();
+}));
+var headerInteractionPaletteValues, headerInteractionPaletteSchema;
+var init_interactionPalette = __esmMin((() => {
+	headerInteractionPaletteValues = [
+		"primary",
+		"secondary",
+		"accent"
+	];
+	headerInteractionPaletteSchema = z$1.enum(headerInteractionPaletteValues);
+}));
+//#endregion
 //#region ../theme-core/src/schema.ts
 /**
 * Normalises the legacy `navTypography` font-role alias into the canonical
@@ -3400,7 +3469,7 @@ function normaliseHeaderNavFontRole(header) {
 		navFontRole: navTypography
 	} : rest;
 }
-var axesSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, headingDecorationOverrideSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, eyebrowTypographyStyleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, inputStyle$1, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerBarFrame, headerContainerSchema, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, testimonialQuoteTreatmentSchema, themeSchema;
+var axesSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, headingDecorationOverrideSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, eyebrowTypographyStyleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, inputStyle$1, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerBarFrame, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, testimonialQuoteTreatmentSchema, themeSchema;
 var init_schema$2 = __esmMin((() => {
 	init_media$2();
 	init_schema$3();
@@ -3418,6 +3487,9 @@ var init_schema$2 = __esmMin((() => {
 	init_rawStyleFields();
 	init_themeColorTokens();
 	init_tokenOrColor();
+	init_scrollTreatment();
+	init_containerSchema();
+	init_interactionPalette();
 	axesSchema = z$1.object({
 		tone: z$1.enum([
 			"minimal",
@@ -3825,25 +3897,6 @@ var init_schema$2 = __esmMin((() => {
 	]);
 	headerMaxWidth = z$1.enum(["container", "full"]);
 	headerBarFrame = z$1.enum(["full-bleed", "inset-shell"]);
-	headerContainerSchema = z$1.object({
-		rounded: z$1.enum([
-			"none",
-			"sm",
-			"md",
-			"lg",
-			"xl",
-			"2xl"
-		]).default("xl"),
-		border: z$1.boolean().default(true),
-		shadow: z$1.boolean().default(true),
-		padding: z$1.enum([
-			"sm",
-			"md",
-			"lg"
-		]).default("md"),
-		tint: z$1.string().nullable().optional(),
-		opacity: z$1.number().min(0).max(1).default(.12)
-	}).optional();
 	headerBorderSchema = componentBorderSchema.extend({ position: z$1.enum([
 		"bottom",
 		"top",
@@ -3966,6 +4019,7 @@ var init_schema$2 = __esmMin((() => {
 		shrinkOnScroll: z$1.boolean(),
 		maxWidth: headerMaxWidth,
 		barFrame: headerBarFrame.optional(),
+		scrollTreatment: headerScrollTreatmentSchema,
 		logoOverride: mediaSchema$1.nullable().optional(),
 		background: headerBackgroundSchema.default({
 			type: "color",
@@ -3978,6 +4032,7 @@ var init_schema$2 = __esmMin((() => {
 		navFontRole: z$1.enum(["body", "heading"]).optional(),
 		navTypography: z$1.enum(["body", "heading"]).optional(),
 		navTextSize: navLinkStyleSchema.shape.textSize,
+		interactionPalette: headerInteractionPaletteSchema.optional(),
 		navPlacement: z$1.enum(["end", "center"]).optional(),
 		container: headerContainerSchema,
 		border: headerBorderSchema,
@@ -4407,7 +4462,6 @@ var init_classNames = __esmMin((() => {
 	init_types$15();
 }));
 var init_generateBaseCSS = __esmMin((() => {}));
-var init_background$2 = __esmMin((() => {}));
 var STATE_SELECTORS;
 var init_cssUtils = __esmMin((() => {
 	STATE_SELECTORS = {
@@ -4417,6 +4471,64 @@ var init_cssUtils = __esmMin((() => {
 		base: ""
 	};
 }));
+//#endregion
+//#region ../theme-core/src/buttons/effects/presets/background.ts
+function shadeBackgroundEffect(config) {
+	return {
+		id: config.id,
+		name: config.name,
+		description: config.description,
+		category: "background",
+		pseudoElement: "none",
+		applicableTo: ["button"],
+		customizableOption: {
+			name: "amount",
+			type: "select",
+			label: config.label,
+			default: 100,
+			options: [
+				0,
+				100,
+				200,
+				300,
+				400,
+				500,
+				600,
+				700,
+				800,
+				900
+			]
+		},
+		isApplicable: (buttonConfig) => buttonConfig.background.type === "solid",
+		generateCSS: ({ themeId, variantId, options, tokens, buttonConfig }) => {
+			if (buttonConfig.background.type !== "solid") return "";
+			const amount = (options.amount || 100) * config.shadeDirection;
+			const baseToken = buttonConfig.background.colorToken ?? "primary-500";
+			return `
+      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
+        background-color: ${tokens.getColor(tokens.adjustShade(baseToken, amount))};
+      }
+    `;
+		}
+	};
+}
+var init_background$2 = __esmMin((() => {
+	init_cssUtils();
+	shadeBackgroundEffect({
+		id: "darken-background",
+		name: "Darken on Hover",
+		description: "Darkens the background color on hover",
+		label: "Darken Amount (shade step)",
+		shadeDirection: 1
+	});
+	shadeBackgroundEffect({
+		id: "lighten-background",
+		name: "Lighten on Hover",
+		description: "Lightens the background color on hover",
+		label: "Lighten Amount (shade step)",
+		shadeDirection: -1
+	});
+}));
 var init_shadow = __esmMin((() => {
 	init_cssUtils();
 }));
@@ -10333,40 +10445,6 @@ function resolveButtonAffordance(input) {
 	if (nodeIcon) return { iconId: nodeIcon };
 	return null;
 }
-//#endregion
-//#region ../blocks/src/system/constants/buttonRoles.ts
-/**
-* Temporary rollout boundary for persisted content written before issue #1220.
-* Authoring remains strict through `blockButtonRoleSchema`; this parser exists
-* only until the post-deploy role rewrite has been audited in production.
-*/
-function canonicalizePersistedBlockButtonRole(value) {
-	return value === "link" || value === "tertiary" ? "ghost" : value;
-}
-function isBlockButtonRole(value) {
-	return blockButtonRoleSchema.safeParse(value).success;
-}
-var BLOCK_BUTTON_ROLES, blockButtonRoleSchema, persistedBlockButtonRoleSchema, BLOCK_BUTTON_ROLE_LABELS, BLOCK_BUTTON_ROLE_OPTIONS;
-var init_buttonRoles = __esmMin((() => {
-	init_buttons();
-	BLOCK_BUTTON_ROLES = PUBLIC_BUTTON_ROLES;
-	blockButtonRoleSchema = z$1.enum(BLOCK_BUTTON_ROLES);
-	persistedBlockButtonRoleSchema = z$1.preprocess((value) => typeof value === "string" ? canonicalizePersistedBlockButtonRole(value) : value, blockButtonRoleSchema);
-	BLOCK_BUTTON_ROLE_LABELS = {
-		primary: "Primary",
-		secondary: "Secondary",
-		outline: "Outline",
-		ghost: "Ghost",
-		accent: "Accent"
-	};
-	BLOCK_BUTTON_ROLE_OPTIONS = BLOCK_BUTTON_ROLES.map((value) => ({
-		value,
-		label: BLOCK_BUTTON_ROLE_LABELS[value]
-	}));
-}));
-//#endregion
-//#region ../blocks/src/system/inlineText.ts
-init_buttonRoles();
 const inlineTextMarkSchema = z$1.discriminatedUnion("kind", [
 	z$1.object({ kind: z$1.literal("strong") }),
 	z$1.object({ kind: z$1.literal("emphasis") }),
@@ -10653,6 +10731,9 @@ function renderTrailingAffordanceIcon(affordance) {
 		className: "rb-ml-2 rb-h-4 rb-w-4 rb-inline-block"
 	});
 }
+function isMissingRequiredLink(linkRequired, resolvedHref) {
+	return linkRequired && resolvedHref.length === 0;
+}
 const ButtonNode = ({ value, children, href, variantId = "primary", size = "md", disabled, type = "button", target, rel, linkRequired = false, trailingIcon, blockId: _blockId, blockKind: _blockKind, blockContent: _blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, className, ...rest }) => {
 	const content = value ?? children;
 	if (!content) {
@@ -10661,12 +10742,16 @@ const ButtonNode = ({ value, children, href, variantId = "primary", size = "md",
 	}
 	const affordanceIcon = renderTrailingAffordanceIcon(resolveButtonAffordance({ trailingIcon }));
 	const resolvedHref = typeof href === "string" ? href.trim() : "";
-	if (linkRequired && resolvedHref.length === 0) {
+	if (isMissingRequiredLink(linkRequired, resolvedHref)) {
 		console.warn("[ButtonNode] Missing href for link-required button");
 		return null;
 	}
 	const extraClassName = affordanceIcon ? [className, AFFORDANCE_SUPPRESS_CLASS].filter(Boolean).join(" ") : className;
-	const resolvedVariantId = parseThemeButtonVariantId(canonicalizePersistedBlockButtonRole(variantId));
+	const resolvedVariantId = parseThemeButtonVariantId(variantId);
+	if (variantId && !resolvedVariantId) {
+		console.error("[ButtonNode] Invalid button variant", { variantId });
+		return null;
+	}
 	const combinedClassName = resolvedVariantId ? themeButtonClassName({
 		variant: resolvedVariantId,
 		size,
@@ -11016,8 +11101,7 @@ const FeatureCardIconNode = ({ value, treatment, generatedIconSizePx, className,
 * in Server Component context. For client-side error handling,
 * use MediaNode from media.client.tsx via the client registry.
 */
-var MediaNodeServer;
-var init_media_server = __esmMin((() => {
+var MediaNodeServer, init_media_server = __esmMin((() => {
 	init_media$1();
 	MediaNodeServer = ({ value, className, style, videoPlayback = "inline", loading = "lazy", fetchPriority, size = ImagePresets.full, fieldPath, blockKind, blockContent, imageResolveContext: explicitImageResolveContext }) => {
 		const imageResolveContext = explicitImageResolveContext ?? getCurrentResolveImageUrlContext();
@@ -11049,7 +11133,7 @@ var init_media_server = __esmMin((() => {
 			decoding: "async"
 		});
 	};
-})), PUBLIC_DOWNLOAD_MEDIA_TYPES, hotspotSchema, rotationSchema, rectSchema, aspectCropSchema, transformSchema, mediaPosterSchema, mediaBaseSchema, imageMediaSchema, videoMediaSchema, audioMediaSchema, documentMediaSchema, spreadsheetMediaSchema, archiveMediaSchema, mediaSchema;
+})), PUBLIC_DOWNLOAD_MEDIA_TYPES, hotspotSchema, rotationSchema, rectSchema, aspectCropSchema, transformSchema, mediaPosterSchema, mediaBaseSchema, mediaIdentifierSchema, imageMediaSchema, videoMediaSchema, audioMediaSchema, documentMediaSchema, spreadsheetMediaSchema, archiveMediaSchema, mediaSchema, persistableMediaBaseSchema;
 var init_media = __esmMin((() => {
 	init_src$2();
 	PUBLIC_DOWNLOAD_MEDIA_TYPES = [
@@ -11116,6 +11200,7 @@ var init_media = __esmMin((() => {
 		poster: mediaPosterSchema.optional(),
 		transform: transformSchema.optional()
 	});
+	mediaIdentifierSchema = z.string().trim().min(1).brand();
 	imageMediaSchema = mediaBaseSchema.extend({ type: z.literal("image") });
 	videoMediaSchema = mediaBaseSchema.extend({ type: z.literal("video") });
 	audioMediaSchema = mediaBaseSchema.extend({ type: z.literal("audio") });
@@ -11130,6 +11215,37 @@ var init_media = __esmMin((() => {
 		spreadsheetMediaSchema,
 		archiveMediaSchema
 	]);
+	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") })
+	]);
+}));
+//#endregion
+//#region ../blocks/src/system/constants/buttonRoles.ts
+function isBlockButtonRole(value) {
+	return blockButtonRoleSchema.safeParse(value).success;
+}
+var BLOCK_BUTTON_ROLES, blockButtonRoleSchema, BLOCK_BUTTON_ROLE_LABELS, BLOCK_BUTTON_ROLE_OPTIONS;
+var init_buttonRoles = __esmMin((() => {
+	init_buttons();
+	BLOCK_BUTTON_ROLES = PUBLIC_BUTTON_ROLES;
+	blockButtonRoleSchema = z$1.enum(BLOCK_BUTTON_ROLES);
+	BLOCK_BUTTON_ROLE_LABELS = {
+		primary: "Primary",
+		secondary: "Secondary",
+		outline: "Outline",
+		ghost: "Ghost",
+		accent: "Accent"
+	};
+	BLOCK_BUTTON_ROLE_OPTIONS = BLOCK_BUTTON_ROLES.map((value) => ({
+		value,
+		label: BLOCK_BUTTON_ROLE_LABELS[value]
+	}));
 }));
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/file-download.tsx
@@ -11170,8 +11286,9 @@ function iconForMediaType(type) {
 		});
 	}
 }
-function normalizeButtonVariant(value) {
-	return isBlockButtonRole(value) ? value : "primary";
+function parseButtonVariant(value) {
+	if (value === null || value === void 0) return "primary";
+	return isBlockButtonRole(value) ? value : null;
 }
 function FileDownloadNode({ value, title, description, buttonLabel, buttonVariant, className }) {
 	if (!value || !isDownloadableMediaType(value.type)) return null;
@@ -11181,7 +11298,11 @@ function FileDownloadNode({ value, title, description, buttonLabel, buttonVarian
 	const heading = title?.trim() || filename;
 	const body = description?.trim();
 	const label = buttonLabel?.trim() || "Download";
-	const variant = normalizeButtonVariant(buttonVariant);
+	const variant = parseButtonVariant(buttonVariant);
+	if (!variant) {
+		console.error("[FileDownloadNode] Invalid button variant", { buttonVariant });
+		return null;
+	}
 	return /* @__PURE__ */ jsx("div", {
 		className,
 		children: /* @__PURE__ */ jsxs("div", {
@@ -15786,7 +15907,7 @@ var init_contract_schemas = __esmMin((() => {
 	init_buttonRoles();
 	previewStageSchema = z$1.enum(["preview", "published"]);
 	registrationButtonVariantSchema = blockButtonRoleSchema;
-	eventButtonVariantSchema = persistedBlockButtonRoleSchema;
+	eventButtonVariantSchema = blockButtonRoleSchema;
 	eventLayoutSchema = z$1.enum(eventCalendarListLayoutValues);
 	eventCalendarDisplayModeSchema = z$1.enum(eventCalendarDisplayModeValues);
 	eventCalendarDefaultViewSchema = z$1.enum(eventCalendarDefaultViewValues);
@@ -18724,10 +18845,22 @@ var init_accessibleSurfaces = __esmMin((() => {
 	init_onColor();
 }));
 //#endregion
+//#region ../theme-core/src/site-styles/lookOptionGroups.ts
+function defineLookOptionGroup(group) {
+	defaultOption(group);
+	return group;
+}
+function defaultOption(group) {
+	const option = group.options.find((candidate) => candidate.id === group.defaultOptionId);
+	if (option) return option;
+	throw new Error(`Look option group "${group.id}" defaults to missing option "${group.defaultOptionId}".`);
+}
+var init_lookOptionGroups = __esmMin((() => {}));
+//#endregion
 //#region ../theme-core/src/site-styles/appearancePresetResolution.ts
 function assertValidOptionGroups(preset) {
 	preset.optionGroups?.forEach((group) => {
-		if (!group.options.find((option) => option.id === group.selectedOptionId)) throw new Error(`Appearance preset "${preset.id}" option group "${group.id}" selects missing option "${group.selectedOptionId}".`);
+		defineLookOptionGroup(group);
 	});
 }
 function defineBlockAppearancePreset(preset) {
@@ -18735,772 +18868,655 @@ function defineBlockAppearancePreset(preset) {
 	return preset;
 }
 var init_appearancePresetResolution = __esmMin((() => {
+	init_lookOptionGroups();
 	init_types$9();
-}));
-//#endregion
-//#region ../theme-core/src/site-styles/blockAppearancePresets.ts
-var blockAppearancePresets;
+})), brandScrimOptionGroups, microBannerLayoutPatches;
 var init_blockAppearancePresets = __esmMin((() => {
 	init_appearancePresetResolution();
 	init_types$9();
-	blockAppearancePresets = [
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "hero-immersive-image",
-			target: "hero",
-			label: "Immersive image hero",
-			blockKinds: ["block.hero"],
-			constraints: { layoutFamilies: ["centered", "compact"] },
-			layoutPatches: [{
-				constraints: { layoutVariantKeys: ["micro"] },
-				designPatch: {
-					sectionHeight: "banner",
-					heroTypographyScale: "display"
-				}
-			}],
-			design: {
-				sectionSurface: "hero-image",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				sectionHeight: "hero",
-				heroComposition: "center",
-				heroTypographyScale: "display",
-				imageSurfaceTreatment: { kind: "neutral-wash" }
+	brandScrimOptionGroups = [{
+		id: "image-surface-treatment",
+		label: "Treatment",
+		defaultOptionId: "brand-scrim-primary",
+		options: [{
+			id: "brand-scrim-primary",
+			label: "Brand scrim",
+			designPatch: { imageSurfaceTreatment: {
+				kind: "brand-scrim",
+				token: "primary"
+			} }
+		}, {
+			id: "neutral-scrim",
+			label: "Neutral scrim",
+			designPatch: { imageSurfaceTreatment: { kind: "neutral-scrim" } }
+		}]
+	}];
+	microBannerLayoutPatches = [{
+		constraints: { layoutVariantKeys: ["micro"] },
+		designPatch: { sectionHeight: "banner" }
+	}];
+	defineBlockAppearancePreset({
+		id: "hero-immersive-image",
+		target: "hero",
+		label: "Immersive image hero",
+		blockKinds: ["block.hero"],
+		constraints: { layoutFamilies: ["centered", "compact"] },
+		layoutPatches: [{
+			constraints: { layoutVariantKeys: ["micro"] },
+			designPatch: {
+				sectionHeight: "banner",
+				heroTypographyScale: "display"
 			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "hero-bottom-left-panel",
-			target: "hero",
-			label: "Bottom-left panel hero",
-			blockKinds: ["block.hero"],
-			constraints: { layoutFamilies: ["centered", "compact"] },
-			optionGroups: [{
-				id: "image-surface-treatment",
-				label: "Treatment",
-				selectedOptionId: "neutral-scrim",
-				options: [{
-					id: "neutral-scrim",
-					label: "Neutral scrim",
-					designPatch: { imageSurfaceTreatment: {
-						kind: "neutral-scrim",
-						intensity: "balanced"
-					} }
-				}, {
-					id: "brand-scrim-primary",
-					label: "Brand scrim",
-					designPatch: { imageSurfaceTreatment: {
-						kind: "brand-scrim",
-						token: "primary",
-						intensity: "balanced"
-					} }
-				}]
-			}],
-			layoutPatches: [{
-				constraints: { layoutVariantKeys: ["micro"] },
-				designPatch: {
-					sectionHeight: "banner",
-					heroTypographyScale: "editorial"
-				}
-			}],
-			design: {
-				sectionSurface: "hero-image",
-				contentFrame: panelFrame("raised"),
-				itemSurface: "none",
-				sectionHeight: "immersive",
-				heroComposition: "bottom-left",
-				heroTypographyScale: "display",
-				imageSurfaceTreatment: {
+		}],
+		design: {
+			sectionSurface: "hero-image",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			sectionHeight: "hero",
+			heroComposition: "center",
+			heroTypographyScale: "display",
+			imageSurfaceTreatment: { kind: "neutral-wash" }
+		}
+	}), defineBlockAppearancePreset({
+		id: "hero-bottom-left-panel",
+		target: "hero",
+		label: "Bottom-left panel hero",
+		blockKinds: ["block.hero"],
+		constraints: { layoutFamilies: ["centered", "compact"] },
+		optionGroups: [{
+			id: "image-surface-treatment",
+			label: "Treatment",
+			defaultOptionId: "neutral-scrim",
+			options: [{
+				id: "neutral-scrim",
+				label: "Neutral scrim",
+				designPatch: { imageSurfaceTreatment: {
 					kind: "neutral-scrim",
 					intensity: "balanced"
-				}
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "hero-poster-image",
-			target: "hero",
-			label: "Poster image hero",
-			blockKinds: ["block.hero"],
-			constraints: { layoutFamilies: ["centered", "compact"] },
-			layoutPatches: [{
-				constraints: { layoutVariantKeys: ["micro"] },
-				designPatch: {
-					sectionHeight: "banner",
-					heroTypographyScale: "display"
-				}
-			}],
-			design: {
-				sectionSurface: "hero-image",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				sectionHeight: "immersive",
-				heroComposition: "center",
-				heroTypographyScale: "poster",
-				imageSurfaceTreatment: {
+				} }
+			}, {
+				id: "brand-scrim-primary",
+				label: "Brand scrim",
+				designPatch: { imageSurfaceTreatment: {
 					kind: "brand-scrim",
 					token: "primary",
-					intensity: "strong"
-				}
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "hero-brand-scrim",
-			target: "hero",
-			label: "Brand scrim image hero",
-			blockKinds: ["block.hero"],
-			constraints: { layoutFamilies: ["centered", "compact"] },
-			optionGroups: [{
-				id: "image-surface-treatment",
-				label: "Treatment",
-				selectedOptionId: "brand-scrim-primary",
-				options: [{
-					id: "brand-scrim-primary",
-					label: "Brand scrim",
-					designPatch: { imageSurfaceTreatment: {
-						kind: "brand-scrim",
-						token: "primary"
-					} }
-				}, {
-					id: "neutral-scrim",
-					label: "Neutral scrim",
-					designPatch: { imageSurfaceTreatment: { kind: "neutral-scrim" } }
-				}]
-			}],
-			layoutPatches: [{
-				constraints: { layoutVariantKeys: ["micro"] },
-				designPatch: { sectionHeight: "banner" }
-			}],
-			design: {
-				sectionSurface: "hero-image",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				sectionHeight: "immersive",
-				heroComposition: "center",
-				heroTypographyScale: "display",
-				imageSurfaceTreatment: {
-					kind: "brand-scrim",
-					token: "primary"
-				}
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "hero-brand-scrim-fixed-frame",
-			target: "hero",
-			label: "Fixed-frame brand scrim hero",
-			blockKinds: ["block.hero"],
-			constraints: { layoutFamilies: ["centered", "compact"] },
-			optionGroups: [{
-				id: "image-surface-treatment",
-				label: "Treatment",
-				selectedOptionId: "brand-scrim-primary",
-				options: [{
-					id: "brand-scrim-primary",
-					label: "Brand scrim",
-					designPatch: { imageSurfaceTreatment: {
-						kind: "brand-scrim",
-						token: "primary"
-					} }
-				}, {
-					id: "neutral-scrim",
-					label: "Neutral scrim",
-					designPatch: { imageSurfaceTreatment: { kind: "neutral-scrim" } }
-				}]
-			}],
-			layoutPatches: [{
-				constraints: { layoutVariantKeys: ["micro"] },
-				designPatch: { sectionHeight: "banner" }
-			}],
-			design: {
-				sectionSurface: "hero-image",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				sectionHeight: "immersive",
-				heroComposition: "center",
-				heroTypographyScale: "display",
-				imageSurfaceTreatment: {
-					kind: "brand-scrim",
-					token: "primary"
-				},
-				imageSurfaceMotion: "fixed-frame",
-				eyebrowTreatment: "accent-pill-bounce"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "hero-brand-depth-expressive",
-			target: "hero",
-			label: "Expressive brand-depth hero",
-			blockKinds: ["block.hero"],
-			constraints: { layoutFamilies: ["centered", "compact"] },
-			design: {
-				sectionSurface: "brand-depth-band",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				heroComposition: "center",
-				heroTypographyScale: "editorial",
-				eyebrowTreatment: "accent-pill-bounce"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "hero-contained-intro",
-			target: "hero",
-			label: "Contained intro hero",
-			blockKinds: ["block.hero"],
-			design: {
-				sectionSurface: "muted-band",
-				contentFrame: panelFrame("inset"),
-				itemSurface: "none",
-				heroComposition: "center",
-				heroTypographyScale: "editorial"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "hero-split-editorial",
-			target: "hero",
-			label: "Editorial split hero",
-			blockKinds: ["block.hero"],
-			constraints: { layoutFamilies: ["split"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none",
+					intensity: "balanced"
+				} }
+			}]
+		}],
+		layoutPatches: [{
+			constraints: { layoutVariantKeys: ["micro"] },
+			designPatch: {
+				sectionHeight: "banner",
 				heroTypographyScale: "editorial"
 			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "hero-split-brand",
-			target: "hero",
-			label: "Brand split hero",
-			blockKinds: ["block.hero"],
-			constraints: { layoutFamilies: ["split"] },
-			design: {
-				sectionSurface: "brand-depth-band",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				heroTypographyScale: "display",
-				eyebrowTreatment: "accent-pill-bounce"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "hero-split-soft-panel",
-			target: "hero",
-			label: "Soft panel split hero",
-			blockKinds: ["block.hero"],
-			constraints: { layoutFamilies: ["split"] },
-			design: {
-				sectionSurface: "muted-band",
-				contentFrame: panelFrame("raised"),
-				itemSurface: "none",
-				heroTypographyScale: "editorial"
+		}],
+		design: {
+			sectionSurface: "hero-image",
+			contentFrame: panelFrame("raised"),
+			itemSurface: "none",
+			sectionHeight: "immersive",
+			heroComposition: "bottom-left",
+			heroTypographyScale: "display",
+			imageSurfaceTreatment: {
+				kind: "neutral-scrim",
+				intensity: "balanced"
 			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "hero-split-accent",
-			target: "hero",
-			label: "Accent split hero",
-			blockKinds: ["block.hero"],
-			constraints: { layoutFamilies: ["split"] },
-			design: {
-				sectionSurface: "accent-band",
-				contentFrame: panelFrame("raised"),
-				itemSurface: "none",
+		}
+	}), defineBlockAppearancePreset({
+		id: "hero-poster-image",
+		target: "hero",
+		label: "Poster image hero",
+		blockKinds: ["block.hero"],
+		constraints: { layoutFamilies: ["centered", "compact"] },
+		layoutPatches: [{
+			constraints: { layoutVariantKeys: ["micro"] },
+			designPatch: {
+				sectionHeight: "banner",
 				heroTypographyScale: "display"
 			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "intro-editorial-statement",
-			target: "intro",
-			label: "Editorial intro statement",
-			blockKinds: ["block.intro"],
-			constraints: { layoutVariantKeys: ["centered-copy", "statement-copy"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				composition: {
-					kind: "intro",
-					treatment: "editorial-statement"
-				}
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "intro-portrait-bio",
-			target: "intro",
-			label: "Portrait and bio",
-			blockKinds: ["block.intro"],
-			constraints: { layoutVariantKeys: ["media-copy"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				composition: {
-					kind: "intro",
-					treatment: "portrait-bio"
-				}
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "offerings-preview-default-cards",
-			target: "offerings",
-			label: "Default offering cards",
-			blockKinds: ["block.offerings-preview"],
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "default"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "offerings-preview-secondary-cards",
-			target: "offerings",
-			label: "Secondary offering cards",
-			blockKinds: ["block.offerings-preview"],
-			design: {
-				sectionSurface: "muted-band",
-				contentFrame: plainFrame,
-				itemSurface: "inset"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "offerings-preview-non-carded",
-			target: "offerings",
-			label: "Non-carded offerings",
-			blockKinds: ["block.offerings-preview"],
-			design: {
-				sectionSurface: "muted-band",
-				contentFrame: plainFrame,
-				itemSurface: "editorial"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "offerings-preview-paired-feature-cards",
-			target: "offerings",
-			label: "Paired feature cards",
-			blockKinds: ["block.offerings-preview"],
-			constraints: { layoutVariantKeys: ["cards"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "offerings-preview-open-editorial-columns",
-			target: "offerings",
-			label: "Open editorial columns",
-			blockKinds: ["block.offerings-preview"],
-			constraints: { layoutVariantKeys: ["cards"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "offerings-preview-joined-programme-panel",
-			target: "offerings",
-			label: "Joined programme panel",
-			blockKinds: ["block.offerings-preview"],
-			constraints: { layoutVariantKeys: ["cards"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "feature-cards-raised-rule",
-			target: "feature-cards",
-			label: "Raised cards with rule",
-			blockKinds: ["block.feature-cards"],
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "raised"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "feature-cards-bold-colors",
-			target: "feature-cards",
-			label: "Bold colour-blocked cards",
-			blockKinds: ["block.feature-cards"],
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "color-blocked"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "feature-cards-editorial-columns",
-			target: "feature-cards",
-			label: "Editorial open columns",
-			blockKinds: ["block.feature-cards"],
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "editorial"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "feature-cards-asymmetric-emphasis",
-			target: "feature-cards",
-			label: "Asymmetric emphasis pair",
-			blockKinds: ["block.feature-cards"],
-			constraints: { layoutFamilies: ["grid"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				composition: {
-					kind: "feature-cards",
-					treatment: "asymmetric-emphasis"
-				}
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "feature-cards-framed-programme",
-			target: "feature-cards",
-			label: "Framed programme cards",
-			blockKinds: ["block.feature-cards"],
-			constraints: { layoutFamilies: ["grid"] },
-			design: {
-				sectionSurface: "brand-depth-band",
-				contentFrame: plainFrame,
-				itemSurface: "inset",
-				composition: {
-					kind: "feature-cards",
-					treatment: "framed-programme"
-				}
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "feature-cards-soft-panels",
-			target: "feature-cards",
-			label: "Soft tinted panels",
-			blockKinds: ["block.feature-cards"],
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "inset"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "feature-cards-editorial-diptych",
-			target: "feature-cards",
-			label: "Editorial diptych",
-			blockKinds: ["block.feature-cards"],
-			constraints: { layoutVariantKeys: ["editorial-diptych"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "flat"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "feature-cards-editorial-pathways",
-			target: "feature-cards",
-			label: "Editorial pathways",
-			blockKinds: ["block.feature-cards"],
-			constraints: { layoutVariantKeys: ["editorial-pathways"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "flat"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "feature-cards-photo-tiles",
-			target: "feature-cards",
-			label: "Photo tiles",
-			blockKinds: ["block.feature-cards"],
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "raised"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "events-lined-panel",
-			target: "events",
-			label: "Raised event panel",
-			blockKinds: ["block.event-calendar", "block.event-listing"],
-			design: {
-				sectionSurface: "base",
-				contentFrame: panelFrame("raised"),
-				itemSurface: "none"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "events-ruled-register",
-			target: "events",
-			label: "Ruled event register",
-			blockKinds: ["block.event-calendar", "block.event-listing"],
-			design: {
-				sectionSurface: "brand-depth-band",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				eventListTreatment: "ruled-register"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "events-editorial-register",
-			target: "events",
-			label: "Editorial event register",
-			blockKinds: ["block.event-calendar", "block.event-listing"],
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				eventListTreatment: "editorial-register"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "events-dense-index",
-			target: "events",
-			label: "Dense event index",
-			blockKinds: ["block.event-calendar", "block.event-listing"],
-			design: {
-				sectionSurface: "accent-band",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				eventListTreatment: "dense-index"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "schedule-details-brand-depth",
-			target: "events",
-			label: "Brand-depth schedule details",
-			blockKinds: ["block.event-details", "block.course-details"],
-			design: {
-				sectionSurface: "brand-depth-band",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				tileTreatment: "brand-depth"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "media-text-flush-feature",
-			target: "media-text",
-			label: "Flush media feature",
-			blockKinds: ["block.media-text"],
-			design: {
-				sectionSurface: "muted-band",
-				contentFrame: flushPanelFrame({ bleed: "start" }),
-				itemSurface: "none"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "testimonials-simple-cards",
-			target: "testimonials",
-			label: "Simple testimonial cards",
-			blockKinds: ["block.testimonials"],
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "default"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "testimonials-raised-panel",
-			target: "testimonials",
-			label: "Raised testimonial panel",
-			blockKinds: ["block.testimonials"],
-			design: {
-				sectionSurface: "muted-band",
-				contentFrame: panelFrame("raised"),
-				itemSurface: "raised"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "testimonials-accent-panel",
-			target: "testimonials",
-			label: "Accent testimonial panel",
-			blockKinds: ["block.testimonials"],
-			design: {
-				sectionSurface: "accent-band",
-				contentFrame: panelFrame("raised"),
-				itemSurface: "raised"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "testimonials-default-cards",
-			target: "testimonials",
-			label: "Default cards",
-			blockKinds: ["block.testimonials"],
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				testimonialCardTreatment: "default"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "testimonials-statement-cards",
-			target: "testimonials",
-			label: "Statement cards",
-			blockKinds: ["block.testimonials"],
-			design: {
-				sectionSurface: "accent-band",
-				contentFrame: plainFrame,
-				itemSurface: "raised",
-				testimonialCardTreatment: "statement"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "testimonials-brand-statement-cards",
-			target: "testimonials",
-			label: "Brand statement cards",
-			blockKinds: ["block.testimonials"],
-			design: {
-				sectionSurface: "brand-depth-band",
-				contentFrame: plainFrame,
-				itemSurface: "raised",
-				testimonialCardTreatment: "statement"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "testimonials-non-carded",
-			target: "testimonials",
-			label: "Non-carded",
-			blockKinds: ["block.testimonials"],
-			design: {
-				sectionSurface: "muted-band",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				testimonialCardTreatment: "non-carded"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "testimonials-evergreen-lead",
-			target: "testimonials",
-			label: "Evergreen lead",
-			blockKinds: ["block.testimonials"],
-			constraints: { layoutVariantKeys: ["featured-editorial"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none"
-			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "testimonials-room-and-response",
-			target: "testimonials",
-			label: "Room and response",
-			blockKinds: ["block.testimonials"],
-			constraints: { layoutVariantKeys: ["featured-editorial"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none"
+		}],
+		design: {
+			sectionSurface: "hero-image",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			sectionHeight: "immersive",
+			heroComposition: "center",
+			heroTypographyScale: "poster",
+			imageSurfaceTreatment: {
+				kind: "brand-scrim",
+				token: "primary",
+				intensity: "strong"
 			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "testimonials-open-floor",
-			target: "testimonials",
-			label: "Open floor",
-			blockKinds: ["block.testimonials"],
-			constraints: { layoutVariantKeys: ["featured-editorial"] },
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "none"
+		}
+	}), defineBlockAppearancePreset({
+		id: "hero-brand-scrim",
+		target: "hero",
+		label: "Brand scrim image hero",
+		blockKinds: ["block.hero"],
+		constraints: { layoutFamilies: ["centered", "compact"] },
+		optionGroups: brandScrimOptionGroups,
+		layoutPatches: microBannerLayoutPatches,
+		design: {
+			sectionSurface: "hero-image",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			sectionHeight: "immersive",
+			heroComposition: "center",
+			heroTypographyScale: "display",
+			imageSurfaceTreatment: {
+				kind: "brand-scrim",
+				token: "primary"
 			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "faq-base-accordion",
-			target: "faq",
-			label: "Base accordion FAQ",
-			blockKinds: ["block.faq"],
-			design: {
-				sectionSurface: "base",
-				contentFrame: plainFrame,
-				itemSurface: "default"
+		}
+	}), defineBlockAppearancePreset({
+		id: "hero-brand-scrim-fixed-frame",
+		target: "hero",
+		label: "Fixed-frame brand scrim hero",
+		blockKinds: ["block.hero"],
+		constraints: { layoutFamilies: ["centered", "compact"] },
+		optionGroups: brandScrimOptionGroups,
+		layoutPatches: microBannerLayoutPatches,
+		design: {
+			sectionSurface: "hero-image",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			sectionHeight: "immersive",
+			heroComposition: "center",
+			heroTypographyScale: "display",
+			imageSurfaceTreatment: {
+				kind: "brand-scrim",
+				token: "primary"
+			},
+			imageSurfaceMotion: "fixed-frame",
+			eyebrowTreatment: "accent-pill-bounce"
+		}
+	}), defineBlockAppearancePreset({
+		id: "hero-brand-depth-expressive",
+		target: "hero",
+		label: "Expressive brand-depth hero",
+		blockKinds: ["block.hero"],
+		constraints: { layoutFamilies: ["centered", "compact"] },
+		design: {
+			sectionSurface: "brand-depth-band",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			heroComposition: "center",
+			heroTypographyScale: "editorial",
+			eyebrowTreatment: "accent-pill-bounce"
+		}
+	}), defineBlockAppearancePreset({
+		id: "hero-contained-intro",
+		target: "hero",
+		label: "Contained intro hero",
+		blockKinds: ["block.hero"],
+		design: {
+			sectionSurface: "muted-band",
+			contentFrame: panelFrame("inset"),
+			itemSurface: "none",
+			heroComposition: "center",
+			heroTypographyScale: "editorial"
+		}
+	}), defineBlockAppearancePreset({
+		id: "hero-split-editorial",
+		target: "hero",
+		label: "Editorial split hero",
+		blockKinds: ["block.hero"],
+		constraints: { layoutFamilies: ["split"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			heroTypographyScale: "editorial"
+		}
+	}), defineBlockAppearancePreset({
+		id: "hero-split-brand",
+		target: "hero",
+		label: "Brand split hero",
+		blockKinds: ["block.hero"],
+		constraints: { layoutFamilies: ["split"] },
+		design: {
+			sectionSurface: "brand-depth-band",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			heroTypographyScale: "display",
+			eyebrowTreatment: "accent-pill-bounce"
+		}
+	}), defineBlockAppearancePreset({
+		id: "hero-split-soft-panel",
+		target: "hero",
+		label: "Soft panel split hero",
+		blockKinds: ["block.hero"],
+		constraints: { layoutFamilies: ["split"] },
+		design: {
+			sectionSurface: "muted-band",
+			contentFrame: panelFrame("raised"),
+			itemSurface: "none",
+			heroTypographyScale: "editorial"
+		}
+	}), defineBlockAppearancePreset({
+		id: "hero-split-accent",
+		target: "hero",
+		label: "Accent split hero",
+		blockKinds: ["block.hero"],
+		constraints: { layoutFamilies: ["split"] },
+		design: {
+			sectionSurface: "accent-band",
+			contentFrame: panelFrame("raised"),
+			itemSurface: "none",
+			heroTypographyScale: "display"
+		}
+	}), defineBlockAppearancePreset({
+		id: "intro-editorial-statement",
+		target: "intro",
+		label: "Editorial intro statement",
+		blockKinds: ["block.intro"],
+		constraints: { layoutVariantKeys: ["centered-copy", "statement-copy"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			composition: {
+				kind: "intro",
+				treatment: "editorial-statement"
 			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "faq-contained-help",
-			target: "faq",
-			label: "Contained help panel",
-			blockKinds: ["block.faq"],
-			design: {
-				sectionSurface: "muted-band",
-				contentFrame: panelFrame("inset"),
-				itemSurface: "default"
+		}
+	}), defineBlockAppearancePreset({
+		id: "intro-portrait-bio",
+		target: "intro",
+		label: "Portrait and bio",
+		blockKinds: ["block.intro"],
+		constraints: { layoutVariantKeys: ["media-copy"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			composition: {
+				kind: "intro",
+				treatment: "portrait-bio"
 			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "contact-form-panel",
-			target: "contact-form",
-			label: "Raised form panel",
-			blockKinds: ["block.form"],
-			design: {
-				sectionSurface: "muted-band",
-				contentFrame: panelFrame("raised"),
-				itemSurface: "none"
+		}
+	}), defineBlockAppearancePreset({
+		id: "offerings-preview-default-cards",
+		target: "offerings",
+		label: "Default offering cards",
+		blockKinds: ["block.offerings-preview"],
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "default"
+		}
+	}), defineBlockAppearancePreset({
+		id: "offerings-preview-secondary-cards",
+		target: "offerings",
+		label: "Secondary offering cards",
+		blockKinds: ["block.offerings-preview"],
+		design: {
+			sectionSurface: "muted-band",
+			contentFrame: plainFrame,
+			itemSurface: "inset"
+		}
+	}), defineBlockAppearancePreset({
+		id: "offerings-preview-non-carded",
+		target: "offerings",
+		label: "Non-carded offerings",
+		blockKinds: ["block.offerings-preview"],
+		design: {
+			sectionSurface: "muted-band",
+			contentFrame: plainFrame,
+			itemSurface: "editorial"
+		}
+	}), defineBlockAppearancePreset({
+		id: "offerings-preview-paired-feature-cards",
+		target: "offerings",
+		label: "Paired feature cards",
+		blockKinds: ["block.offerings-preview"],
+		constraints: { layoutVariantKeys: ["cards"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none"
+		}
+	}), defineBlockAppearancePreset({
+		id: "offerings-preview-open-editorial-columns",
+		target: "offerings",
+		label: "Open editorial columns",
+		blockKinds: ["block.offerings-preview"],
+		constraints: { layoutVariantKeys: ["cards"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none"
+		}
+	}), defineBlockAppearancePreset({
+		id: "offerings-preview-joined-programme-panel",
+		target: "offerings",
+		label: "Joined programme panel",
+		blockKinds: ["block.offerings-preview"],
+		constraints: { layoutVariantKeys: ["cards"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none"
+		}
+	}), defineBlockAppearancePreset({
+		id: "feature-cards-raised-rule",
+		target: "feature-cards",
+		label: "Raised cards with rule",
+		blockKinds: ["block.feature-cards"],
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "raised"
+		}
+	}), defineBlockAppearancePreset({
+		id: "feature-cards-bold-colors",
+		target: "feature-cards",
+		label: "Bold colour-blocked cards",
+		blockKinds: ["block.feature-cards"],
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "color-blocked"
+		}
+	}), defineBlockAppearancePreset({
+		id: "feature-cards-editorial-columns",
+		target: "feature-cards",
+		label: "Editorial open columns",
+		blockKinds: ["block.feature-cards"],
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "editorial"
+		}
+	}), defineBlockAppearancePreset({
+		id: "feature-cards-asymmetric-emphasis",
+		target: "feature-cards",
+		label: "Asymmetric emphasis pair",
+		blockKinds: ["block.feature-cards"],
+		constraints: { layoutFamilies: ["grid"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			composition: {
+				kind: "feature-cards",
+				treatment: "asymmetric-emphasis"
 			}
-		}),
-		defineBlockAppearancePreset({
-			kind: "block-design",
-			id: "cta-accent-band",
-			target: "cta",
-			label: "Accent CTA band",
-			blockKinds: ["block.cta-full"],
-			design: {
-				sectionSurface: "accent-band",
-				contentFrame: plainFrame,
-				itemSurface: "none",
-				eyebrowTreatment: "accent"
+		}
+	}), defineBlockAppearancePreset({
+		id: "feature-cards-framed-programme",
+		target: "feature-cards",
+		label: "Framed programme cards",
+		blockKinds: ["block.feature-cards"],
+		constraints: { layoutFamilies: ["grid"] },
+		design: {
+			sectionSurface: "brand-depth-band",
+			contentFrame: plainFrame,
+			itemSurface: "inset",
+			composition: {
+				kind: "feature-cards",
+				treatment: "framed-programme"
 			}
-		})
-	];
+		}
+	}), defineBlockAppearancePreset({
+		id: "feature-cards-soft-panels",
+		target: "feature-cards",
+		label: "Soft tinted panels",
+		blockKinds: ["block.feature-cards"],
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "inset"
+		}
+	}), defineBlockAppearancePreset({
+		id: "feature-cards-editorial-diptych",
+		target: "feature-cards",
+		label: "Editorial diptych",
+		blockKinds: ["block.feature-cards"],
+		constraints: { layoutVariantKeys: ["editorial-diptych"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "flat"
+		}
+	}), defineBlockAppearancePreset({
+		id: "feature-cards-editorial-pathways",
+		target: "feature-cards",
+		label: "Editorial pathways",
+		blockKinds: ["block.feature-cards"],
+		constraints: { layoutVariantKeys: ["editorial-pathways"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "flat"
+		}
+	}), defineBlockAppearancePreset({
+		id: "feature-cards-photo-tiles",
+		target: "feature-cards",
+		label: "Photo tiles",
+		blockKinds: ["block.feature-cards"],
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "raised"
+		}
+	}), defineBlockAppearancePreset({
+		id: "events-lined-panel",
+		target: "events",
+		label: "Raised event panel",
+		blockKinds: ["block.event-calendar", "block.event-listing"],
+		design: {
+			sectionSurface: "base",
+			contentFrame: panelFrame("raised"),
+			itemSurface: "none"
+		}
+	}), defineBlockAppearancePreset({
+		id: "events-ruled-register",
+		target: "events",
+		label: "Ruled event register",
+		blockKinds: ["block.event-calendar", "block.event-listing"],
+		design: {
+			sectionSurface: "brand-depth-band",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			eventListTreatment: "ruled-register"
+		}
+	}), defineBlockAppearancePreset({
+		id: "events-editorial-register",
+		target: "events",
+		label: "Editorial event register",
+		blockKinds: ["block.event-calendar", "block.event-listing"],
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			eventListTreatment: "editorial-register"
+		}
+	}), defineBlockAppearancePreset({
+		id: "events-dense-index",
+		target: "events",
+		label: "Dense event index",
+		blockKinds: ["block.event-calendar", "block.event-listing"],
+		design: {
+			sectionSurface: "accent-band",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			eventListTreatment: "dense-index"
+		}
+	}), defineBlockAppearancePreset({
+		id: "schedule-details-brand-depth",
+		target: "events",
+		label: "Brand-depth schedule details",
+		blockKinds: ["block.event-details", "block.course-details"],
+		design: {
+			sectionSurface: "brand-depth-band",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			tileTreatment: "brand-depth"
+		}
+	}), defineBlockAppearancePreset({
+		id: "media-text-flush-feature",
+		target: "media-text",
+		label: "Flush media feature",
+		blockKinds: ["block.media-text"],
+		design: {
+			sectionSurface: "muted-band",
+			contentFrame: flushPanelFrame({ bleed: "start" }),
+			itemSurface: "none"
+		}
+	}), defineBlockAppearancePreset({
+		id: "testimonials-simple-cards",
+		target: "testimonials",
+		label: "Simple testimonial cards",
+		blockKinds: ["block.testimonials"],
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "default"
+		}
+	}), defineBlockAppearancePreset({
+		id: "testimonials-raised-panel",
+		target: "testimonials",
+		label: "Raised testimonial panel",
+		blockKinds: ["block.testimonials"],
+		design: {
+			sectionSurface: "muted-band",
+			contentFrame: panelFrame("raised"),
+			itemSurface: "raised"
+		}
+	}), defineBlockAppearancePreset({
+		id: "testimonials-accent-panel",
+		target: "testimonials",
+		label: "Accent testimonial panel",
+		blockKinds: ["block.testimonials"],
+		design: {
+			sectionSurface: "accent-band",
+			contentFrame: panelFrame("raised"),
+			itemSurface: "raised"
+		}
+	}), defineBlockAppearancePreset({
+		id: "testimonials-default-cards",
+		target: "testimonials",
+		label: "Default cards",
+		blockKinds: ["block.testimonials"],
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			testimonialCardTreatment: "default"
+		}
+	}), defineBlockAppearancePreset({
+		id: "testimonials-statement-cards",
+		target: "testimonials",
+		label: "Statement cards",
+		blockKinds: ["block.testimonials"],
+		design: {
+			sectionSurface: "accent-band",
+			contentFrame: plainFrame,
+			itemSurface: "raised",
+			testimonialCardTreatment: "statement"
+		}
+	}), defineBlockAppearancePreset({
+		id: "testimonials-brand-statement-cards",
+		target: "testimonials",
+		label: "Brand statement cards",
+		blockKinds: ["block.testimonials"],
+		design: {
+			sectionSurface: "brand-depth-band",
+			contentFrame: plainFrame,
+			itemSurface: "raised",
+			testimonialCardTreatment: "statement"
+		}
+	}), defineBlockAppearancePreset({
+		id: "testimonials-non-carded",
+		target: "testimonials",
+		label: "Non-carded",
+		blockKinds: ["block.testimonials"],
+		design: {
+			sectionSurface: "muted-band",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			testimonialCardTreatment: "non-carded"
+		}
+	}), defineBlockAppearancePreset({
+		id: "testimonials-evergreen-lead",
+		target: "testimonials",
+		label: "Evergreen lead",
+		blockKinds: ["block.testimonials"],
+		constraints: { layoutVariantKeys: ["featured-editorial"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none"
+		}
+	}), defineBlockAppearancePreset({
+		id: "testimonials-room-and-response",
+		target: "testimonials",
+		label: "Room and response",
+		blockKinds: ["block.testimonials"],
+		constraints: { layoutVariantKeys: ["featured-editorial"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none"
+		}
+	}), defineBlockAppearancePreset({
+		id: "testimonials-open-floor",
+		target: "testimonials",
+		label: "Open floor",
+		blockKinds: ["block.testimonials"],
+		constraints: { layoutVariantKeys: ["featured-editorial"] },
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "none"
+		}
+	}), defineBlockAppearancePreset({
+		id: "faq-base-accordion",
+		target: "faq",
+		label: "Base accordion FAQ",
+		blockKinds: ["block.faq"],
+		design: {
+			sectionSurface: "base",
+			contentFrame: plainFrame,
+			itemSurface: "default"
+		}
+	}), defineBlockAppearancePreset({
+		id: "faq-contained-help",
+		target: "faq",
+		label: "Contained help panel",
+		blockKinds: ["block.faq"],
+		design: {
+			sectionSurface: "muted-band",
+			contentFrame: panelFrame("inset"),
+			itemSurface: "default"
+		}
+	}), defineBlockAppearancePreset({
+		id: "contact-form-panel",
+		target: "contact-form",
+		label: "Raised form panel",
+		blockKinds: ["block.form"],
+		design: {
+			sectionSurface: "muted-band",
+			contentFrame: panelFrame("raised"),
+			itemSurface: "none"
+		}
+	}), defineBlockAppearancePreset({
+		id: "cta-accent-band",
+		target: "cta",
+		label: "Accent CTA band",
+		blockKinds: ["block.cta-full"],
+		design: {
+			sectionSurface: "accent-band",
+			contentFrame: plainFrame,
+			itemSurface: "none",
+			eyebrowTreatment: "accent"
+		}
+	});
 }));
 var init_appearancePresetCatalog = __esmMin((() => {
 	init_blockAppearancePresets();
-	[...blockAppearancePresets];
 }));
 var init_appearancePresetTypes = __esmMin((() => {}));
 //#endregion
@@ -22197,6 +22213,38 @@ var init_backgroundAppearance = __esmMin((() => {
 var init_compositionBudget = __esmMin((() => {
 	init_types$9();
 }));
+var init_headerStyleParts = __esmMin((() => {}));
+var clearSplitInteractionPalette;
+var init_headerInteractionPalette = __esmMin((() => {
+	init_interactionPalette();
+	init_lookOptionGroups();
+	clearSplitInteractionPalette = defineLookOptionGroup({
+		id: "interaction-palette",
+		label: "Hover colour",
+		defaultOptionId: "accent",
+		options: [
+			{
+				id: "accent",
+				label: "Accent"
+			},
+			{
+				id: "primary",
+				label: "Primary"
+			},
+			{
+				id: "secondary",
+				label: "Secondary"
+			}
+		]
+	});
+}));
+var init_headerOpeningForeground = __esmMin((() => {
+	init_expandPalette();
+	init_colorConversion();
+	init_tokens();
+	init_colorTokenParts();
+	init_types$9();
+}));
 var init_customizableSurfaces = __esmMin((() => {
 	init_types$9();
 }));
@@ -22216,7 +22264,7 @@ function asHeaderStyleId(value) {
 * optional nested styling fields that would otherwise leak from another Look.
 */
 function baseHeader(theme) {
-	const { navLinkStyle: _navLinkStyle, navFontRole: _navFontRole, navTypography: _navTypography, navTextSize: _navTextSize, dropdownStyle: _dropdownStyle, ctaVariant: _ctaVariant, navContainer: _navContainer, container: _container, shadow: _shadow, logo: _logo, logoText: _logoText, border: _border, ...header } = theme.header;
+	const { navLinkStyle: _navLinkStyle, navFontRole: _navFontRole, navTypography: _navTypography, navTextSize: _navTextSize, interactionPalette: _interactionPalette, dropdownStyle: _dropdownStyle, ctaVariant: _ctaVariant, navContainer: _navContainer, container: _container, shadow: _shadow, logo: _logo, logoText: _logoText, border: _border, ...header } = theme.header;
 	return {
 		...header,
 		navContainer: {
@@ -22575,12 +22623,12 @@ function floatingGlassHeader(theme) {
 		}
 	};
 }
-function headerConfigurationKey(configuration) {
-	return `${configuration.structure}:${configuration.treatment}:${configuration.behavior}`;
-}
 var titleOnlyLogoAccommodation, inlineWordmarkLogoAccommodation, inlineMarkWithTitleLogoAccommodation, logoPlateAccommodation, centeredBadgeAccommodation, popoutBadgeAccommodation, centeredMastheadAccommodation, unbackedOverlayLogoAccommodation, inlineClassicLogoAccommodations, centeredLogoAccommodations, overlayLogoAccommodations, headerLayoutCatalog, headerStyleCatalog, headerStylesById, headerStyleCompatibilityOrder, legacyHeaderLookAliases, legacyHeaderLookAliasesById, headerLookCatalog;
 var init_headerLooks = __esmMin((() => {
 	init_headerCtaVariants();
+	init_headerStyleParts();
+	init_headerInteractionPalette();
+	init_headerOpeningForeground();
 	init_customizableSurfaces();
 	init_logoBranding();
 	init_types$9();
@@ -22707,7 +22755,6 @@ var init_headerLooks = __esmMin((() => {
 			id: asHeaderLayoutId("classic"),
 			label: "Classic",
 			description: "Logo and navigation in one practical horizontal row.",
-			structure: "inline-classic",
 			variant: "classic",
 			defaultPositioning: "sticky",
 			shrinkOnScroll: false
@@ -22716,7 +22763,6 @@ var init_headerLooks = __esmMin((() => {
 			id: asHeaderLayoutId("centered"),
 			label: "Centered",
 			description: "Logo centered above a balanced navigation row.",
-			structure: "centered-stack",
 			variant: "centered",
 			defaultPositioning: "static",
 			shrinkOnScroll: false,
@@ -22732,7 +22778,6 @@ var init_headerLooks = __esmMin((() => {
 			id: asHeaderLayoutId("floating"),
 			label: "Floating",
 			description: "Detached header chrome that sits over the opening section.",
-			structure: "floating-shell",
 			variant: "floating",
 			defaultPositioning: "sticky",
 			shrinkOnScroll: true,
@@ -22891,10 +22936,13 @@ var init_headerLooks = __esmMin((() => {
 			label: "Clear Split",
 			description: "Floating logo with transparent navigation and no shared shell.",
 			supportedLayoutIds: supportedLayouts(["floating"]),
-			navInteraction: "color-change",
+			navInteraction: "pill-background",
 			surface: "floating",
-			defaultDepth: "none",
+			defaultDepth: "line",
 			navTypography: "plain",
+			openingForegroundTarget: "all",
+			scrollTreatment: "contrast-glass",
+			interactionPalette: clearSplitInteractionPalette,
 			moods: ["editorial", "calm"]
 		},
 		{
@@ -22917,6 +22965,7 @@ var init_headerLooks = __esmMin((() => {
 			surface: "floating",
 			defaultDepth: "shadow",
 			navTypography: "quiet-caps",
+			openingForegroundTarget: "brand-only",
 			moods: ["expressive"]
 		},
 		{
@@ -22928,6 +22977,7 @@ var init_headerLooks = __esmMin((() => {
 			surface: "floating",
 			defaultDepth: "shadow",
 			navTypography: "heading",
+			openingForegroundTarget: "brand-only",
 			moods: ["calm", "editorial"]
 		}
 	]);
@@ -23083,13 +23133,6 @@ var init_headerLooks = __esmMin((() => {
 		{
 			id: asHeaderLookId("clean-base"),
 			label: "Clean base",
-			visualTreatment: "solid-neutral",
-			layoutBehavior: "sticky",
-			configuration: {
-				structure: "inline-classic",
-				treatment: "solid-neutral",
-				behavior: "sticky"
-			},
 			openingRequirement: "none",
 			logoAccommodations: inlineClassicLogoAccommodations,
 			compile: cleanBaseHeader
@@ -23097,13 +23140,6 @@ var init_headerLooks = __esmMin((() => {
 		{
 			id: asHeaderLookId("classic-centered-nav"),
 			label: "Centered nav",
-			visualTreatment: "solid-neutral",
-			layoutBehavior: "sticky",
-			configuration: {
-				structure: "inline-classic",
-				treatment: "solid-neutral",
-				behavior: "sticky"
-			},
 			openingRequirement: "none",
 			maxRecommendedNavItems: 6,
 			logoAccommodations: inlineClassicLogoAccommodations,
@@ -23112,13 +23148,6 @@ var init_headerLooks = __esmMin((() => {
 		{
 			id: asHeaderLookId("brand-solid"),
 			label: "Brand solid",
-			visualTreatment: "solid-brand",
-			layoutBehavior: "sticky-shrink",
-			configuration: {
-				structure: "inline-classic",
-				treatment: "solid-brand",
-				behavior: "sticky-shrink"
-			},
 			openingRequirement: "none",
 			logoAccommodations: inlineClassicLogoAccommodations,
 			compile: solidBrandHeader
@@ -23126,13 +23155,6 @@ var init_headerLooks = __esmMin((() => {
 		{
 			id: asHeaderLookId("serif-line"),
 			label: "Serif line",
-			visualTreatment: "light-serif",
-			layoutBehavior: "sticky",
-			configuration: {
-				structure: "centered-stack",
-				treatment: "light-serif",
-				behavior: "sticky"
-			},
 			openingRequirement: "none",
 			maxRecommendedNavItems: 6,
 			logoAccommodations: centeredLogoAccommodations,
@@ -23141,13 +23163,6 @@ var init_headerLooks = __esmMin((() => {
 		{
 			id: asHeaderLookId("centered-calm"),
 			label: "Centered calm",
-			visualTreatment: "light-serif",
-			layoutBehavior: "normal-flow",
-			configuration: {
-				structure: "centered-stack",
-				treatment: "light-serif",
-				behavior: "normal-flow"
-			},
 			openingRequirement: "none",
 			maxRecommendedNavItems: 5,
 			logoAccommodations: centeredLogoAccommodations,
@@ -23156,13 +23171,6 @@ var init_headerLooks = __esmMin((() => {
 		{
 			id: asHeaderLookId("practical-utility"),
 			label: "Practical utility",
-			visualTreatment: "solid-neutral",
-			layoutBehavior: "sticky-shrink",
-			configuration: {
-				structure: "inline-classic",
-				treatment: "solid-neutral",
-				behavior: "sticky-shrink"
-			},
 			openingRequirement: "none",
 			requiresProminentCta: true,
 			logoAccommodations: inlineClassicLogoAccommodations,
@@ -23171,13 +23179,6 @@ var init_headerLooks = __esmMin((() => {
 		{
 			id: asHeaderLookId("minimal-transparent"),
 			label: "Minimal transparent",
-			visualTreatment: "minimal-transparent",
-			layoutBehavior: "normal-flow",
-			configuration: {
-				structure: "inline-classic",
-				treatment: "minimal-transparent",
-				behavior: "normal-flow"
-			},
 			openingRequirement: "reserved-space-ok",
 			logoAccommodations: inlineClassicLogoAccommodations,
 			compile: minimalTransparentHeader
@@ -23185,13 +23186,6 @@ var init_headerLooks = __esmMin((() => {
 		{
 			id: asHeaderLookId("transparent-overlay"),
 			label: "Transparent overlay",
-			visualTreatment: "transparent-overlay",
-			layoutBehavior: "fixed-overlay",
-			configuration: {
-				structure: "inline-classic",
-				treatment: "transparent-overlay",
-				behavior: "fixed-overlay"
-			},
 			openingRequirement: "requires-image-hero-with-contrast-overlay",
 			maxRecommendedNavItems: 5,
 			logoAccommodations: overlayLogoAccommodations,
@@ -23200,20 +23194,12 @@ var init_headerLooks = __esmMin((() => {
 		{
 			id: asHeaderLookId("floating-glass"),
 			label: "Floating glass",
-			visualTreatment: "floating-glass",
-			layoutBehavior: "fixed-floating",
-			configuration: {
-				structure: "floating-shell",
-				treatment: "floating-glass",
-				behavior: "fixed-floating"
-			},
 			openingRequirement: "requires-image-hero-with-contrast-overlay",
 			maxRecommendedNavItems: 5,
 			logoAccommodations: overlayLogoAccommodations,
 			compile: floatingGlassHeader
 		}
 	]);
-	new Set(headerLookCatalog.map((look) => headerConfigurationKey(look.configuration)));
 	new Map(headerLookCatalog.map((look) => [look.id, look]));
 }));
 var init_compilationPlan = __esmMin((() => {
@@ -26692,6 +26678,7 @@ var init_records = __esmMin((() => {}));
 var init_headerOpeningSection = __esmMin((() => {
 	init_headerLooks();
 	init_records();
+	init_tokens();
 }));
 var init_generatedDesignPipeline = __esmMin((() => {
 	init_compositionBudget();
@@ -26987,8 +26974,11 @@ var init_site_styles = __esmMin((() => {
 	init_generatedSchemas();
 	init_generatedDesignPipeline();
 	init_headerLooks();
+	init_headerInteractionPalette();
+	init_headerOpeningForeground();
 	init_headerOpeningSection();
 	init_lookResolution();
+	init_lookOptionGroups();
 	init_logoBranding();
 	init_pageDesignAuthority();
 	init_pageDesignEditorErrors();
@@ -28009,33 +27999,6 @@ var init_node = __esmMin((() => {
 	init_typeBasedLayout();
 	init_validation_constants();
 }));
-//#endregion
-//#region ../theme-core/src/responsive/breakpoints.ts
-function mqUp(px) {
-	return `(min-width: ${px}px)`;
-}
-function mqDown(px) {
-	return `(max-width: ${px}px)`;
-}
-function mqBetween(minPx, maxPx) {
-	return `${mqUp(minPx)} and ${mqDown(maxPx)}`;
-}
-var BREAKPOINT_LG, BREAKPOINT_XL, BREAKPOINT_LG_DOWN;
-var init_breakpoints = __esmMin((() => {
-	BREAKPOINT_LG = 1024;
-	BREAKPOINT_XL = 1280;
-	BREAKPOINT_LG_DOWN = BREAKPOINT_LG - 1;
-	mqUp(640);
-	mqUp(768);
-	mqUp(BREAKPOINT_LG);
-	mqUp(BREAKPOINT_XL);
-	mqDown(639);
-	mqDown(767);
-	mqDown(BREAKPOINT_LG_DOWN);
-	mqBetween(640, BREAKPOINT_LG_DOWN);
-	mqDown(640);
-	mqDown(768);
-}));
 function asNonEmptyString(value) {
 	if (typeof value !== "string") return null;
 	const trimmed = value.trim();
@@ -114498,6 +114461,44 @@ function useImageResolveContextOptional() {
 	return useContext(ImageResolveContext);
 }
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/mergeResolveImageUrlContexts.ts
+init_src$2();
+function normalizedIdentifier(asset) {
+	return (typeof asset.identifier === "string" ? asset.identifier.trim() : "") || void 0;
+}
+function indexAssets(index) {
+	if (!index) return [];
+	const assetsById = /* @__PURE__ */ new Map();
+	for (const asset of [...index.byId.values(), ...index.byIdentifier.values()]) assetsById.set(asset.id, asset);
+	return [...assetsById.values()];
+}
+function mergeAssetIndexes(baseline, live) {
+	if (!baseline) return live;
+	if (!live) return baseline;
+	let merged = [...indexAssets(baseline)];
+	for (const liveAsset of indexAssets(live)) {
+		const liveIdentifier = normalizedIdentifier(liveAsset);
+		merged = merged.filter((asset) => asset.id !== liveAsset.id && (liveIdentifier === void 0 || normalizedIdentifier(asset) !== liveIdentifier));
+		merged.push(liveAsset);
+	}
+	return buildRenderableMediaAssetIndex(merged);
+}
+/**
+* Combines a render snapshot with client registrations without changing the
+* persisted media value. Live registrations are authoritative for both asset
+* IDs and identifiers. Contexts for different known sites never share indexes.
+*/
+function mergeResolveImageUrlContexts(baseline, live) {
+	if (!baseline) return live ?? void 0;
+	if (!live) return baseline;
+	const sitesConflict = baseline.siteId !== void 0 && live.siteId !== void 0 && baseline.siteId !== live.siteId;
+	return {
+		supabaseUrl: live.supabaseUrl ?? baseline.supabaseUrl,
+		siteId: live.siteId ?? baseline.siteId,
+		mediaAssetIndex: sitesConflict ? live.mediaAssetIndex : mergeAssetIndexes(baseline.mediaAssetIndex, live.mediaAssetIndex)
+	};
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/media.client.tsx
 /**
 * Client MediaNode component with error handling.
@@ -114521,11 +114522,16 @@ const FALLBACK_IMAGE_DATA_URL = "data:image/svg+xml;charset=utf-8," + encodeURIC
       </g>
     </svg>`);
 const MediaNode = ({ value, className, style, videoPlayback = "inline", loading = "lazy", fetchPriority, size = ImagePresets.full, fieldPath, blockKind, blockContent, imageResolveContext: explicitImageResolveContext }) => {
-	const contextImageResolveContext = useImageResolveContextOptional();
-	const imageResolveContext = explicitImageResolveContext ?? contextImageResolveContext;
+	const imageResolveContext = mergeResolveImageUrlContexts(explicitImageResolveContext, useImageResolveContextOptional());
 	if (!value) return null;
-	if (value.type === "video") return renderVideo(value, className, style, imageResolveContext, { playback: videoPlayback });
-	if (value.type === "audio") return renderAudio(value, className, style, imageResolveContext);
+	switch (value.type) {
+		case "video": return renderVideo(value, className, style, imageResolveContext, { playback: videoPlayback });
+		case "audio": return renderAudio(value, className, style, imageResolveContext);
+		case "image":
+		case "archive":
+		case "document":
+		case "spreadsheet": break;
+	}
 	const { imageUrl, responsive, transformAspectRatio, resolvedTransform, isProxy } = resolveMediaNodeResponsiveImage(value, size, style, {
 		fieldPath,
 		blockKind,
@@ -115072,12 +115078,18 @@ init_colorConversion();
 init_generateBaseCSS();
 init_generateEffectsCSS();
 //#endregion
+//#region ../theme-core/src/header/surfaceRules.ts
+init_shared$5();
+init_colorStyles();
+//#endregion
 //#region ../theme-core/src/header/generateHeaderCss.ts
 init_resolver$1();
 init_siteChromeNavPreferences();
 init_shared$5();
 init_breakpoints();
 init_navDropdownSizing();
+init_scrollTreatment();
+init_paintTargets();
 //#endregion
 //#region ../theme-core/src/footer/generateFooterCss.ts
 init_resolver$1();