@riverbankcms/sdk 0.125.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);
@@ -2172,6 +2170,185 @@ var init_media$2 = __esmMin((() => {
 	});
 }));
 //#endregion
+//#region ../theme-core/src/palette/colors.ts
+function normalizePaletteHex(value) {
+	if (!NORMALIZABLE_HEX_REGEX.test(value)) return null;
+	const normalized = value.toLowerCase();
+	if (normalized.length === 7) return normalized;
+	const triplet = normalized.slice(1);
+	const red = triplet.charAt(0);
+	const green = triplet.charAt(1);
+	const blue = triplet.charAt(2);
+	return `#${red}${red}${green}${green}${blue}${blue}`;
+}
+function paletteColorsFromEntries(entries) {
+	const values = {};
+	for (const entry of entries) {
+		const parsedRole = paletteTokenNameSchema.safeParse(entry.name);
+		if (!parsedRole.success) return {
+			ok: false,
+			error: {
+				kind: "unknown-role",
+				role: entry.name
+			}
+		};
+		const role = parsedRole.data;
+		if (values[role] !== void 0) return {
+			ok: false,
+			error: {
+				kind: "duplicate-role",
+				role
+			}
+		};
+		const hex = normalizePaletteHex(entry.hex);
+		if (!hex) return {
+			ok: false,
+			error: {
+				kind: "invalid-color",
+				role,
+				value: entry.hex
+			}
+		};
+		values[role] = hex;
+	}
+	const missing = PALETTE_TOKEN_NAMES.filter((role) => values[role] === void 0);
+	if (missing.length > 0) return {
+		ok: false,
+		error: {
+			kind: "missing-roles",
+			roles: missing
+		}
+	};
+	return {
+		ok: true,
+		colors: paletteColorsSchema.parse(values)
+	};
+}
+function requirePaletteColorsFromEntries(entries) {
+	const result = paletteColorsFromEntries(entries);
+	if (result.ok) return result.colors;
+	throw new Error(`Invalid complete palette: ${result.error.kind}`);
+}
+function paletteColorEntries(colors) {
+	return THEME_PALETTE_COLOR_ORDER.map((name) => ({
+		name,
+		hex: colors[name]
+	}));
+}
+function paletteColorFingerprint(colors) {
+	return PALETTE_TOKEN_NAMES.map((name) => `${name}:${colors[name]}`).join("|");
+}
+function canonicalPaletteHashInput(colors, mode) {
+	return `${mode}|${paletteColorFingerprint(colors)}`;
+}
+/**
+* Stable curated-catalogue identity. Do not reorder roles: the order comes
+* from PALETTE_TOKEN_NAMES through canonicalPaletteHashInput.
+*/
+function paletteValueKey(colors, mode) {
+	return `${PALETTE_VALUE_KEY_PREFIX}${canonicalPaletteHashInput(colors, mode)}`;
+}
+/** Parses only the exact v1 canonical form emitted by paletteValueKey. */
+function parsePaletteValueKey(value) {
+	if (typeof value !== "string" || !value.startsWith(PALETTE_VALUE_KEY_PREFIX)) return null;
+	const [rawMode, ...rawRoles] = value.slice(PALETTE_VALUE_KEY_PREFIX.length).split("|");
+	const mode = paletteModeSchema.safeParse(rawMode);
+	if (!mode.success || rawRoles.length !== PALETTE_TOKEN_NAMES.length) return null;
+	const colors = paletteColorsFromEntries(rawRoles.map((roleValue) => {
+		const separator = roleValue.indexOf(":");
+		return separator === -1 ? {
+			name: "",
+			hex: ""
+		} : {
+			name: roleValue.slice(0, separator),
+			hex: roleValue.slice(separator + 1)
+		};
+	}));
+	if (!colors.ok || paletteValueKey(colors.colors, mode.data) !== value) return null;
+	return value;
+}
+var HEX_COLOR_REGEX, NORMALIZABLE_HEX_REGEX, THEME_PALETTE_COLOR_ORDER, hexColorSchema, paletteModeSchema, PALETTE_VALUE_KEY_PREFIX, paletteColorsSchema, paletteValueKeySchema;
+var init_colors = __esmMin((() => {
+	init_themeColorTokens();
+	HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
+	NORMALIZABLE_HEX_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+	THEME_PALETTE_COLOR_ORDER = [
+		"primary",
+		"secondary",
+		"accent",
+		"success",
+		"warning",
+		"destructive",
+		"background",
+		"surface",
+		"surfaceAlt",
+		"muted",
+		"text",
+		"primaryForeground",
+		"border"
+	];
+	hexColorSchema = z$1.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
+	paletteModeSchema = z$1.enum(["light", "dark"]);
+	PALETTE_VALUE_KEY_PREFIX = "palette-value:v1|";
+	z$1.string().regex(/^[0-9a-f]{64}$/, "Palette hash must be a lowercase SHA-256 value").transform((value) => value);
+	paletteColorsSchema = z$1.object({
+		primary: hexColorSchema,
+		primaryForeground: hexColorSchema,
+		secondary: hexColorSchema,
+		accent: hexColorSchema,
+		success: hexColorSchema,
+		warning: hexColorSchema,
+		destructive: hexColorSchema,
+		background: hexColorSchema,
+		surface: hexColorSchema,
+		surfaceAlt: hexColorSchema,
+		muted: hexColorSchema,
+		text: hexColorSchema,
+		border: hexColorSchema
+	}).strict().transform((value) => value);
+	paletteValueKeySchema = z$1.string().transform((value, ctx) => {
+		const parsed = parsePaletteValueKey(value);
+		if (parsed) return parsed;
+		ctx.addIssue({
+			code: "custom",
+			message: "Invalid canonical palette value key"
+		});
+		return z$1.NEVER;
+	});
+}));
+//#endregion
+//#region ../theme-core/src/palette/schema.ts
+var colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema;
+var init_schema$3 = __esmMin((() => {
+	init_colors();
+	colourHexString = z$1.string().regex(/^#([0-9A-Fa-f]{3}){1,2}$/);
+	paletteColorSchema = z$1.object({
+		name: z$1.string().min(1),
+		hex: colourHexString
+	});
+	paletteMetaSchema = z$1.object({ mode: z$1.enum(["light", "dark"]) });
+	paletteSchema = z$1.object({
+		colors: z$1.array(paletteColorSchema),
+		meta: paletteMetaSchema
+	}).transform((palette, ctx) => {
+		const colors = paletteColorsFromEntries(palette.colors);
+		if (!colors.ok) {
+			ctx.addIssue({
+				code: "custom",
+				message: `Invalid complete palette: ${colors.error.kind}`
+			});
+			return z$1.NEVER;
+		}
+		return {
+			colors: paletteColorEntries(colors.colors).map(({ name, hex }) => ({
+				name: String(name),
+				hex: String(hex)
+			})),
+			meta: palette.meta
+		};
+	});
+}));
+//#endregion
 //#region ../theme-core/src/cards/types.ts
 function isCardVariantRole(value) {
 	return typeof value === "string" && cardVariantRoleValues.includes(value);
@@ -3206,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
@@ -3221,9 +3469,10 @@ function normaliseHeaderNavFontRole(header) {
 		navFontRole: navTypography
 	} : rest;
 }
-var axesSchema, colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema, 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();
 	init_buttons();
 	init_cards();
 	init_types$13();
@@ -3238,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",
@@ -3266,16 +3518,6 @@ var init_schema$2 = __esmMin((() => {
 			"expressive"
 		])
 	});
-	colourHexString = z$1.string().regex(/^#([0-9A-Fa-f]{3}){1,2}$/);
-	paletteColorSchema = z$1.object({
-		name: z$1.string().min(1),
-		hex: colourHexString
-	});
-	paletteMetaSchema = z$1.object({ mode: z$1.enum(["light", "dark"]) });
-	paletteSchema = z$1.object({
-		colors: z$1.array(paletteColorSchema),
-		meta: paletteMetaSchema
-	});
 	typographyStyleSchema = z$1.object({
 		family: z$1.string().min(1),
 		weight: z$1.enum([
@@ -3655,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",
@@ -3796,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",
@@ -3808,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,
@@ -4237,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 = {
@@ -4247,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();
 }));
@@ -4398,7 +4680,7 @@ function selectionBranch(styleId, parameters) {
 	}).strict();
 }
 var BUTTON_STYLE_IDS, quietArrowParametersSchema, emptyParametersSchema$1, buttonStyleSelectionWireSchema, buttonStyleSelectionSchema;
-var init_selection$1 = __esmMin((() => {
+var init_selection = __esmMin((() => {
 	BUTTON_STYLE_IDS = [
 		"soft-pill",
 		"earth-pill",
@@ -4437,7 +4719,7 @@ var quietArrowRecipe;
 var init_quietArrow = __esmMin((() => {
 	init_domain();
 	init_types$15();
-	init_selection$1();
+	init_selection();
 	quietArrowRecipe = defineButtonStyleRecipe({
 		id: "quiet-arrow",
 		accessibilityLabel: "Wide uppercase buttons with trailing arrows",
@@ -5903,7 +6185,7 @@ function defaultButtonStyleSelectionFor(styleId) {
 var buttonStyleRecipes, recipesById, registeredIds;
 var init_registry$1 = __esmMin((() => {
 	init_domain();
-	init_selection$1();
+	init_selection();
 	init_quietArrow();
 	init_staticRecipes();
 	buttonStyleRecipes = [
@@ -5929,7 +6211,7 @@ var init_registry$1 = __esmMin((() => {
 var init_styles = __esmMin((() => {
 	init_domain();
 	init_registry$1();
-	init_selection$1();
+	init_selection();
 }));
 function presetCategory(recipe) {
 	switch (recipe.tags.era) {
@@ -10163,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") }),
@@ -10483,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) {
@@ -10491,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,
@@ -10846,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();
@@ -10879,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 = [
@@ -10946,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") });
@@ -10960,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
@@ -11000,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;
@@ -11011,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", {
@@ -15616,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);
@@ -18554,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) {
@@ -18565,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
@@ -20613,134 +20799,12 @@ var init_browser = __esmMin((() => {
 var init_extractPalette = __esmMin((() => {
 	init_browser();
 }));
-//#endregion
-//#region ../theme-core/src/palette/colors.ts
-function normalizePaletteHex(value) {
-	if (!NORMALIZABLE_HEX_REGEX.test(value)) return null;
-	const normalized = value.toLowerCase();
-	if (normalized.length === 7) return normalized;
-	const triplet = normalized.slice(1);
-	const red = triplet.charAt(0);
-	const green = triplet.charAt(1);
-	const blue = triplet.charAt(2);
-	return `#${red}${red}${green}${green}${blue}${blue}`;
-}
-function paletteColorsFromEntries(entries) {
-	const values = {};
-	for (const entry of entries) {
-		const parsedRole = paletteTokenNameSchema.safeParse(entry.name);
-		if (!parsedRole.success) return {
-			ok: false,
-			error: {
-				kind: "unknown-role",
-				role: entry.name
-			}
-		};
-		const role = parsedRole.data;
-		if (values[role] !== void 0) return {
-			ok: false,
-			error: {
-				kind: "duplicate-role",
-				role
-			}
-		};
-		const hex = normalizePaletteHex(entry.hex);
-		if (!hex) return {
-			ok: false,
-			error: {
-				kind: "invalid-color",
-				role,
-				value: entry.hex
-			}
-		};
-		values[role] = hex;
-	}
-	const missing = PALETTE_TOKEN_NAMES.filter((role) => values[role] === void 0);
-	if (missing.length > 0) return {
-		ok: false,
-		error: {
-			kind: "missing-roles",
-			roles: missing
-		}
-	};
-	return {
-		ok: true,
-		colors: paletteColorsSchema.parse(values)
-	};
-}
-function requirePaletteColorsFromEntries(entries) {
-	const result = paletteColorsFromEntries(entries);
-	if (result.ok) return result.colors;
-	throw new Error(`Invalid complete palette: ${result.error.kind}`);
-}
-function paletteColorFingerprint(colors) {
-	return PALETTE_TOKEN_NAMES.map((name) => `${name}:${colors[name]}`).join("|");
-}
-function canonicalPaletteHashInput(colors, mode) {
-	return `${mode}|${paletteColorFingerprint(colors)}`;
-}
-/**
-* The shared TypeScript/SQL protocol. Do not reorder roles: the order comes
-* from PALETTE_TOKEN_NAMES through canonicalPaletteHashInput.
-*/
-function paletteValueKey(colors, mode) {
-	return `${PALETTE_VALUE_KEY_PREFIX}${canonicalPaletteHashInput(colors, mode)}`;
-}
-/** Parses only the exact v1 canonical form emitted by paletteValueKey. */
-function parsePaletteValueKey(value) {
-	if (typeof value !== "string" || !value.startsWith(PALETTE_VALUE_KEY_PREFIX)) return null;
-	const [rawMode, ...rawRoles] = value.slice(PALETTE_VALUE_KEY_PREFIX.length).split("|");
-	const mode = paletteModeSchema.safeParse(rawMode);
-	if (!mode.success || rawRoles.length !== PALETTE_TOKEN_NAMES.length) return null;
-	const colors = paletteColorsFromEntries(rawRoles.map((roleValue) => {
-		const separator = roleValue.indexOf(":");
-		return separator === -1 ? {
-			name: "",
-			hex: ""
-		} : {
-			name: roleValue.slice(0, separator),
-			hex: roleValue.slice(separator + 1)
-		};
-	}));
-	if (!colors.ok || paletteValueKey(colors.colors, mode.data) !== value) return null;
-	return value;
-}
-var HEX_COLOR_REGEX, NORMALIZABLE_HEX_REGEX, hexColorSchema, paletteModeSchema, PALETTE_VALUE_KEY_PREFIX, paletteColorsSchema, paletteValueKeySchema;
-var init_colors = __esmMin((() => {
-	init_themeColorTokens();
-	HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
-	NORMALIZABLE_HEX_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-	hexColorSchema = z$1.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
-	paletteModeSchema = z$1.enum(["light", "dark"]);
-	PALETTE_VALUE_KEY_PREFIX = "palette-value:v1|";
-	z$1.string().regex(/^[0-9a-f]{64}$/, "Palette hash must be a lowercase SHA-256 value").transform((value) => value);
-	paletteColorsSchema = z$1.object({
-		primary: hexColorSchema,
-		primaryForeground: hexColorSchema,
-		secondary: hexColorSchema,
-		accent: hexColorSchema,
-		success: hexColorSchema,
-		warning: hexColorSchema,
-		destructive: hexColorSchema,
-		background: hexColorSchema,
-		surface: hexColorSchema,
-		surfaceAlt: hexColorSchema,
-		muted: hexColorSchema,
-		text: hexColorSchema,
-		border: hexColorSchema
-	}).strict().transform((value) => value);
-	paletteValueKeySchema = z$1.string().transform((value, ctx) => {
-		const parsed = parsePaletteValueKey(value);
-		if (parsed) return parsed;
-		ctx.addIssue({
-			code: "custom",
-			message: "Invalid canonical palette value key"
-		});
-		return z$1.NEVER;
-	});
+var init_concretePalette = __esmMin((() => {
+	init_colors();
+}));
+var init_fromVibrant = __esmMin((() => {
+	init_utils$5();
 }));
-var init_editorState = __esmMin((() => {}));
-var init_libraryModel = __esmMin((() => {}));
 //#endregion
 //#region ../theme-core/src/site-styles/styleTags.ts
 var STYLE_AXIS_VALUES, styleTagsSchema;
@@ -22030,22 +22094,12 @@ var init_warm_dark = __esmMin((() => {
 }));
 //#endregion
 //#region ../theme-core/src/palette/curated/index.ts
-/**
-* Curated palette library.
-*
-* Authoring keys are readable source aliases. Value keys are derived from the
-* complete mode and semantic colours and are the only curated identity used at
-* persistence and runtime boundaries.
-*/
 function admitCuratedPaletteDefinition(definition) {
 	return {
 		...definition,
 		valueKey: definition.valueKey
 	};
 }
-function findCuratedPalette(valueKey) {
-	return curatedPalettesByValueKey.get(valueKey);
-}
 function findCuratedPaletteByAuthoringKey(authoringKey) {
 	return curatedPalettesByAuthoringKey.get(authoringKey);
 }
@@ -22054,9 +22108,8 @@ function requireCuratedPaletteValueKey(authoringKey) {
 	if (!palette) throw new Error(`Unknown curated palette authoring key "${authoringKey}"`);
 	return palette.valueKey;
 }
-var curatedPalettes, curatedPalettesByValueKey, curatedPalettesByAuthoringKey, knownCuratedPaletteValueKeySchema;
+var curatedPalettes, curatedPalettesByAuthoringKey;
 var init_curated = __esmMin((() => {
-	init_colors();
 	init_brand_led();
 	init_high_contrast();
 	init_soft_natural();
@@ -22083,107 +22136,8 @@ var init_curated = __esmMin((() => {
 		admitCuratedPaletteDefinition(warmDarkEmber),
 		admitCuratedPaletteDefinition(warmDarkKirtanGold)
 	];
-	curatedPalettesByValueKey = new Map(curatedPalettes.map((palette) => [palette.valueKey, palette]));
+	new Map(curatedPalettes.map((palette) => [palette.valueKey, palette]));
 	curatedPalettesByAuthoringKey = new Map(curatedPalettes.map((palette) => [palette.authoringKey, palette]));
-	knownCuratedPaletteValueKeySchema = z$1.string().transform((value, ctx) => {
-		const valueKey = parsePaletteValueKey(value);
-		if (!valueKey) {
-			ctx.addIssue({
-				code: "custom",
-				message: "Invalid canonical palette value key"
-			});
-			return z$1.NEVER;
-		}
-		const palette = findCuratedPalette(valueKey);
-		if (!palette) {
-			ctx.addIssue({
-				code: "custom",
-				message: "Unknown curated palette value key"
-			});
-			return z$1.NEVER;
-		}
-		return palette.valueKey;
-	});
-}));
-var init_resolveSelection = __esmMin((() => {
-	init_curated();
-})), sitePaletteIdSchema, sitePaletteVersionSchema, paletteSelectionSchema, onboardingPaletteOriginSchema, curatedForkPaletteOriginSchema, manualPaletteOriginSchema, legacyCustomizedPaletteOriginSchema, sitePaletteOriginSchema, editorSitePaletteOriginSchema;
-var init_selection = __esmMin((() => {
-	init_colors();
-	init_curated();
-	sitePaletteIdSchema = z$1.string().uuid().transform((value) => value);
-	sitePaletteVersionSchema = z$1.number().int().nonnegative().transform((value) => value);
-	paletteSelectionSchema = z$1.discriminatedUnion("kind", [z$1.object({
-		kind: z$1.literal("curated"),
-		valueKey: knownCuratedPaletteValueKeySchema
-	}), z$1.object({
-		kind: z$1.literal("site"),
-		paletteId: sitePaletteIdSchema
-	})]);
-	onboardingPaletteOriginSchema = z$1.object({
-		kind: z$1.literal("onboarding"),
-		sourceKey: z$1.string().min(1).nullable()
-	});
-	curatedForkPaletteOriginSchema = z$1.object({
-		kind: z$1.literal("curated-fork"),
-		sourceValueKey: paletteValueKeySchema
-	});
-	manualPaletteOriginSchema = z$1.object({ kind: z$1.literal("manual") });
-	legacyCustomizedPaletteOriginSchema = z$1.object({
-		kind: z$1.literal("legacy-customized"),
-		sourceKey: z$1.string().min(1).nullable()
-	});
-	sitePaletteOriginSchema = z$1.discriminatedUnion("kind", [
-		onboardingPaletteOriginSchema,
-		curatedForkPaletteOriginSchema,
-		manualPaletteOriginSchema,
-		legacyCustomizedPaletteOriginSchema
-	]);
-	editorSitePaletteOriginSchema = z$1.discriminatedUnion("kind", [z$1.object({
-		kind: z$1.literal("curated-fork"),
-		sourceValueKey: knownCuratedPaletteValueKeySchema
-	}), manualPaletteOriginSchema]);
-	z$1.object({
-		id: sitePaletteIdSchema,
-		colors: paletteColorsSchema,
-		mode: paletteModeSchema,
-		origin: sitePaletteOriginSchema,
-		version: sitePaletteVersionSchema
-	});
-	z$1.discriminatedUnion("kind", [
-		z$1.object({ kind: z$1.literal("preserve") }),
-		z$1.object({
-			kind: z$1.literal("select"),
-			selection: paletteSelectionSchema
-		}),
-		z$1.object({
-			kind: z$1.literal("create-site"),
-			colors: paletteColorsSchema,
-			mode: paletteModeSchema,
-			origin: editorSitePaletteOriginSchema
-		}),
-		z$1.object({
-			kind: z$1.literal("update-site"),
-			paletteId: sitePaletteIdSchema,
-			expectedVersion: sitePaletteVersionSchema,
-			colors: paletteColorsSchema,
-			mode: paletteModeSchema
-		})
-	]);
-}));
-var init_persistenceReadSource = __esmMin((() => {
-	init_curated();
-	init_colors();
-	init_resolveSelection();
-	init_selection();
-}));
-var init_sitePalettePersistence = __esmMin((() => {
-	init_curated();
-	init_colors();
-	init_selection();
-}));
-var init_fromVibrant = __esmMin((() => {
-	init_utils$5();
 })), init_palette$1 = __esmMin((() => {
 	init_all();
 	init_classifyColor();
@@ -22196,12 +22150,7 @@ var init_fromVibrant = __esmMin((() => {
 	init_paletteAccess();
 	init_extractPalette();
 	init_colors();
-	init_editorState();
-	init_libraryModel();
-	init_persistenceReadSource();
-	init_resolveSelection();
-	init_selection();
-	init_sitePalettePersistence();
+	init_concretePalette();
 	init_fromVibrant();
 	init_suggestRecipes();
 	init_allRecipes();
@@ -22264,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();
 }));
@@ -22283,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: {
@@ -22642,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();
@@ -22774,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
@@ -22783,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,
@@ -22799,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,
@@ -22958,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"]
 		},
 		{
@@ -22984,6 +22965,7 @@ var init_headerLooks = __esmMin((() => {
 			surface: "floating",
 			defaultDepth: "shadow",
 			navTypography: "quiet-caps",
+			openingForegroundTarget: "brand-only",
 			moods: ["expressive"]
 		},
 		{
@@ -22995,6 +22977,7 @@ var init_headerLooks = __esmMin((() => {
 			surface: "floating",
 			defaultDepth: "shadow",
 			navTypography: "heading",
+			openingForegroundTarget: "brand-only",
 			moods: ["calm", "editorial"]
 		}
 	]);
@@ -23150,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
@@ -23164,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,
@@ -23179,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
@@ -23193,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,
@@ -23208,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,
@@ -23223,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,
@@ -23238,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
@@ -23252,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,
@@ -23267,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((() => {
@@ -24788,7 +24707,6 @@ var init_runtimeCompiler = __esmMin((() => {
 	init_modern_minimal();
 	init_expandPalette();
 	init_styles();
-	init_colors();
 	init_designState();
 	init_types$9();
 	init_accessibleSurfaces();
@@ -26651,7 +26569,7 @@ var init_siteStyleThemeCompiler = __esmMin((() => {
 	init_curatedSiteStyles();
 	init_runtimeCompiler();
 	init_curated();
-	init_resolveSelection();
+	init_concretePalette();
 }));
 var init_previewCustomization = __esmMin((() => {
 	init_types$9();
@@ -26661,7 +26579,7 @@ var init_previewCompiler = __esmMin((() => {
 	init_onColor();
 	init_tokens();
 	init_curated();
-	init_resolveSelection();
+	init_concretePalette();
 	init_curatedSiteStyles();
 	init_resolver();
 	init_types$9();
@@ -26760,6 +26678,7 @@ var init_records = __esmMin((() => {}));
 var init_headerOpeningSection = __esmMin((() => {
 	init_headerLooks();
 	init_records();
+	init_tokens();
 }));
 var init_generatedDesignPipeline = __esmMin((() => {
 	init_compositionBudget();
@@ -27055,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();
@@ -28077,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();
@@ -102821,15 +102716,20 @@ var init_usePaymentVerification = __esmMin((() => {
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/event-registration/useEventRegistrationStripeReturn.ts
 function useEventRegistrationStripeReturn(options) {
+	return useEventRegistrationStripeReturnWithDeps(options, eventRegistrationStripeReturnDeps);
+}
+function useEventRegistrationStripeReturnWithDeps(options, deps) {
 	const { api, events, occurrenceId, pendingAttendeeId, setErrorMessage, setFormData, setPaymentSelection, setPendingAttendeeId, setRegistrationResult, setSelectedEvent, setSelectedAttendanceMode, setTicketSelections, setStep, setTicketsCount, step } = options;
-	const verification = usePaymentVerification(useMemo(() => step === "verifying-payment" && pendingAttendeeId ? { transactionId: pendingAttendeeId } : null, [step, pendingAttendeeId]));
+	const verificationConfig = useMemo(() => step === "verifying-payment" && pendingAttendeeId ? { transactionId: pendingAttendeeId } : null, [step, pendingAttendeeId]);
+	const verification = deps.usePaymentVerification(verificationConfig);
 	useEffect(() => {
-		cleanupStaleRegistrations();
-		const registrationStatus = consumeSearchParam("registration");
-		if (!registrationStatus) return;
+		deps.cleanupStaleRegistrations();
+		const registrationStatus = deps.consumeSearchParam("registration");
+		if (registrationStatus !== "cancelled" && registrationStatus !== "success") return;
+		deps.scrollToBlock(EVENT_REGISTRATION_ANCHOR_ID);
 		const siteId = api.config.siteId;
 		if (!siteId) return;
-		const pending = getPendingRegistration(siteId, occurrenceId || void 0);
+		const pending = deps.getPendingRegistration(siteId, occurrenceId || void 0);
 		if (!pending) return;
 		setFormData(pending.formData);
 		setTicketSelections(pending.ticketSelections);
@@ -102849,7 +102749,7 @@ function useEventRegistrationStripeReturn(options) {
 	useEffect(() => {
 		if (verification.status === "completed") {
 			const siteId = api.config.siteId;
-			if (siteId && occurrenceId) clearPendingRegistration(siteId, occurrenceId);
+			if (siteId && occurrenceId) deps.clearPendingRegistration(siteId, occurrenceId);
 			setRegistrationResult({ status: "confirmed" });
 			setStep("success");
 		} else if (verification.status === "failed") {
@@ -102869,11 +102769,21 @@ function useEventRegistrationStripeReturn(options) {
 	]);
 	return verification;
 }
+var eventRegistrationStripeReturnDeps;
 var init_useEventRegistrationStripeReturn = __esmMin((() => {
 	init_usePaymentVerification();
 	init_shared();
+	init_constants();
 	init_sessionStorage();
 	init_ticketSelectionLines();
+	eventRegistrationStripeReturnDeps = {
+		usePaymentVerification,
+		consumeSearchParam,
+		scrollToBlock,
+		cleanupStaleRegistrations,
+		clearPendingRegistration,
+		getPendingRegistration
+	};
 }));
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/event-registration/useEventRegistrationSubmit.ts
@@ -102965,13 +102875,7 @@ function useEventRegistrationSubmitWithDeps(options, deps) {
 			if (!result.alreadyRegistered && result.status === "confirmed" && result.pendingPayment && (method === "stripe" || method === "pass_bundle" || method === "membership_bundle")) {
 				options.setPendingAttendeeId(result.attendeeId);
 				options.setStep("redirecting");
-				const currentUrl = new URL(window.location.href);
-				const successParams = new URLSearchParams(currentUrl.search);
-				successParams.set("registration", "success");
-				const successUrl = `${currentUrl.origin}${currentUrl.pathname}?${successParams.toString()}${currentUrl.hash}`;
-				const cancelParams = new URLSearchParams(currentUrl.search);
-				cancelParams.set("registration", "cancelled");
-				const cancelUrl = `${currentUrl.origin}${currentUrl.pathname}?${cancelParams.toString()}${currentUrl.hash}`;
+				const { successUrl, cancelUrl } = buildCheckoutReturnUrls("registration", EVENT_REGISTRATION_ANCHOR_ID);
 				const checkoutType = method === "pass_bundle" ? "pass_bundle" : method === "membership_bundle" ? "membership_bundle" : "event";
 				const checkoutResult = await options.api.createEventCheckout({
 					attendeeId: result.attendeeId,
@@ -103036,6 +102940,8 @@ function useEventRegistrationSubmitWithDeps(options, deps) {
 }
 var eventRegistrationSubmitDeps;
 var init_useEventRegistrationSubmit = __esmMin((() => {
+	init_shared();
+	init_constants();
 	init_sessionStorage();
 	init_ticketSelectionLines();
 	eventRegistrationSubmitDeps = { savePendingRegistration };
@@ -114555,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.
@@ -114578,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,
@@ -115129,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();