@riverbankcms/sdk 0.126.0 → 0.127.0

package/dist/client/rendering.mjs

@@ -1853,10 +1853,7 @@ var init_contentMediaSnapshotAudit = __esmMin((() => {
 	init_contentMediaAudit();
 	init_contentMediaAuditFieldAdapter();
 	init_identifiers();
-}));
-//#endregion
-//#region ../media-core/src/index.ts
-var init_src$2 = __esmMin((() => {
+})), init_src$2 = __esmMin((() => {
 	init_types$16();
 	init_fileDomain();
 	init_fileStorage();
@@ -1906,7 +1903,7 @@ var init_src$2 = __esmMin((() => {
 	init_contentMediaAudit();
 	init_contentMediaAuditFieldAdapter();
 	init_contentMediaSnapshotAudit();
-})), PUBLIC_DOWNLOAD_MEDIA_TYPES, hotspotSchema$1, rotationSchema$1, rectSchema$1, aspectCropSchema$1, transformSchema$1, mediaPosterSchema, mediaBaseSchema, imageMediaSchema, videoMediaSchema, audioMediaSchema, documentMediaSchema, spreadsheetMediaSchema, archiveMediaSchema, mediaSchema$1;
+})), PUBLIC_DOWNLOAD_MEDIA_TYPES, hotspotSchema$1, rotationSchema$1, rectSchema$1, aspectCropSchema$1, transformSchema$1, mediaPosterSchema, mediaBaseSchema, mediaIdentifierSchema, imageMediaSchema, videoMediaSchema, audioMediaSchema, documentMediaSchema, spreadsheetMediaSchema, archiveMediaSchema, mediaSchema$1, persistableMediaBaseSchema;
 var init_media$2 = __esmMin((() => {
 	init_src$2();
 	PUBLIC_DOWNLOAD_MEDIA_TYPES = [
@@ -1973,6 +1970,7 @@ var init_media$2 = __esmMin((() => {
 		poster: mediaPosterSchema.optional(),
 		transform: transformSchema$1.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") });
@@ -1987,6 +1985,15 @@ var init_media$2 = __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/lib/typeGuards.ts
@@ -4109,6 +4116,18 @@ 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/types.ts
 /**
 * Defines a literal-preserving catalog while rejecting top-level extra keys on
@@ -4257,7 +4276,7 @@ var init_types$14 = __esmMin((() => {
 //#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) {
@@ -4265,772 +4284,655 @@ function defineBlockAppearancePreset(preset) {
 	return preset;
 }
 var init_appearancePresetResolution = __esmMin((() => {
+	init_lookOptionGroups();
 	init_types$14();
-}));
-//#endregion
-//#region ../theme-core/src/site-styles/blockAppearancePresets.ts
-var blockAppearancePresets;
+})), brandScrimOptionGroups, microBannerLayoutPatches;
 var init_blockAppearancePresets = __esmMin((() => {
 	init_appearancePresetResolution();
 	init_types$14();
-	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
@@ -6723,7 +6625,7 @@ function canonicalPaletteHashInput(colors, mode) {
 	return `${mode}|${paletteColorFingerprint(colors)}`;
 }
 /**
-* The shared TypeScript/SQL protocol. Do not reorder roles: the order comes
+* Stable curated-catalogue identity. Do not reorder roles: the order comes
 * from PALETTE_TOKEN_NAMES through canonicalPaletteHashInput.
 */
 function paletteValueKey(colors, mode) {
@@ -8384,6 +8286,47 @@ var init_backgroundAppearance = __esmMin((() => {
 var init_compositionBudget = __esmMin((() => {
 	init_types$14();
 }));
+var init_headerStyleParts = __esmMin((() => {}));
+var headerInteractionPaletteValues, headerInteractionPaletteSchema;
+var init_interactionPalette = __esmMin((() => {
+	headerInteractionPaletteValues = [
+		"primary",
+		"secondary",
+		"accent"
+	];
+	headerInteractionPaletteSchema = z$1.enum(headerInteractionPaletteValues);
+}));
+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$14();
+}));
 var init_customizableSurfaces = __esmMin((() => {
 	init_types$14();
 })), logoTextConfidenceValues, logoAssetShapeValues, logoKindValues, logoDensityValues, logoContainsTextSchema, logoAnalysisSourceSchema, brandDisplayModeValues, logoAccommodationPatternValues, logoSizePolicyValues;
@@ -8494,7 +8437,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: {
@@ -8853,12 +8796,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$14();
@@ -8985,7 +8928,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
@@ -8994,7 +8936,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,
@@ -9010,7 +8951,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,
@@ -9169,10 +9109,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"]
 		},
 		{
@@ -9195,6 +9138,7 @@ var init_headerLooks = __esmMin((() => {
 			surface: "floating",
 			defaultDepth: "shadow",
 			navTypography: "quiet-caps",
+			openingForegroundTarget: "brand-only",
 			moods: ["expressive"]
 		},
 		{
@@ -9206,6 +9150,7 @@ var init_headerLooks = __esmMin((() => {
 			surface: "floating",
 			defaultDepth: "shadow",
 			navTypography: "heading",
+			openingForegroundTarget: "brand-only",
 			moods: ["calm", "editorial"]
 		}
 	]);
@@ -9361,13 +9306,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
@@ -9375,13 +9313,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,
@@ -9390,13 +9321,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
@@ -9404,13 +9328,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,
@@ -9419,13 +9336,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,
@@ -9434,13 +9344,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,
@@ -9449,13 +9352,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
@@ -9463,13 +9359,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,
@@ -9478,20 +9367,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((() => {
@@ -9737,11 +9618,9 @@ var init_types$11 = __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);
@@ -13679,20 +13558,61 @@ var init_generateBaseCSS = __esmMin((() => {
 	};
 }));
 //#endregion
+//#region ../theme-core/src/buttons/effects/cssUtils.ts
+/**
+* Generate CSS selector for a state with dual support for hover
+*
+* @param themeId - Theme scope ID
+* @param variantId - Variant class name
+* @param state - State group (hover, active, focus, base)
+* @returns CSS selector string
+*/
+function getStateSelector(themeId, variantId, state) {
+	const stateSelector = STATE_SELECTORS[state];
+	if (state === "base") return `:where([data-theme-scope="${themeId}"]) .${variantId}`;
+	if (state === "hover") return `:where([data-theme-scope="${themeId}"]) .${variantId}:hover,
+      :where([data-theme-scope="${themeId}"]) .${variantId}[data-force-hover="true"]`;
+	return `:where([data-theme-scope="${themeId}"]) .${variantId}${stateSelector}`;
+}
+/**
+* Generate CSS rule block for a state
+*
+* @param themeId - Theme scope ID
+* @param variantId - Variant class name
+* @param state - State group
+* @param cssProperties - CSS properties string (e.g., "transform: scale(1.05);")
+* @returns Complete CSS rule block
+*/
+function generateStateCSS(themeId, variantId, state, cssProperties) {
+	return `
+    ${getStateSelector(themeId, variantId, state)} {
+      ${cssProperties}
+    }
+  `;
+}
+var STATE_SELECTORS;
+var init_cssUtils = __esmMin((() => {
+	STATE_SELECTORS = {
+		hover: ":hover, [data-force-hover=\"true\"]",
+		active: ":active",
+		focus: ":focus-visible",
+		base: ""
+	};
+}));
+//#endregion
 //#region ../theme-core/src/buttons/effects/presets/background.ts
-var darkenBackgroundEffect, lightenBackgroundEffect, fadeBackgroundEffect, opacityReduceEffect, animatedGradientEffect, backgroundOnHoverEffect, backgroundOnHoverAlphaEffect;
-var init_background$2 = __esmMin((() => {
-	darkenBackgroundEffect = {
-		id: "darken-background",
-		name: "Darken on Hover",
-		description: "Darkens the background color on hover",
+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: "Darken Amount (shade step)",
+			label: config.label,
 			default: 100,
 			options: [
 				0,
@@ -13707,63 +13627,36 @@ var init_background$2 = __esmMin((() => {
 				900
 			]
 		},
-		isApplicable: (buttonConfig) => {
-			return buttonConfig.background.type === "solid";
-		},
-		generateCSS: (ctx) => {
-			const { themeId, variantId, options, tokens, buttonConfig } = ctx;
+		isApplicable: (buttonConfig) => buttonConfig.background.type === "solid",
+		generateCSS: ({ themeId, variantId, options, tokens, buttonConfig }) => {
 			if (buttonConfig.background.type !== "solid") return "";
-			const amount = options.amount || 100;
+			const amount = (options.amount || 100) * config.shadeDirection;
 			const baseToken = buttonConfig.background.colorToken ?? "primary-500";
-			const darkerToken = tokens.adjustShade(baseToken, amount);
 			return `
       :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
-        background-color: ${tokens.getColor(darkerToken)};
+        background-color: ${tokens.getColor(tokens.adjustShade(baseToken, amount))};
       }
     `;
 		}
 	};
-	lightenBackgroundEffect = {
+}
+var darkenBackgroundEffect, lightenBackgroundEffect, fadeBackgroundEffect, opacityReduceEffect, animatedGradientEffect, backgroundOnHoverEffect, backgroundOnHoverAlphaEffect;
+var init_background$2 = __esmMin((() => {
+	init_cssUtils();
+	darkenBackgroundEffect = shadeBackgroundEffect({
+		id: "darken-background",
+		name: "Darken on Hover",
+		description: "Darkens the background color on hover",
+		label: "Darken Amount (shade step)",
+		shadeDirection: 1
+	});
+	lightenBackgroundEffect = shadeBackgroundEffect({
 		id: "lighten-background",
 		name: "Lighten on Hover",
 		description: "Lightens the background color on hover",
-		category: "background",
-		pseudoElement: "none",
-		applicableTo: ["button"],
-		customizableOption: {
-			name: "amount",
-			type: "select",
-			label: "Lighten Amount (shade step)",
-			default: 100,
-			options: [
-				0,
-				100,
-				200,
-				300,
-				400,
-				500,
-				600,
-				700,
-				800,
-				900
-			]
-		},
-		isApplicable: (buttonConfig) => {
-			return buttonConfig.background.type === "solid";
-		},
-		generateCSS: (ctx) => {
-			const { themeId, variantId, options, tokens, buttonConfig } = ctx;
-			if (buttonConfig.background.type !== "solid") return "";
-			const amount = options.amount || 100;
-			const baseToken = buttonConfig.background.colorToken ?? "primary-500";
-			const lighterToken = tokens.adjustShade(baseToken, -amount);
-			return `
-      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
-        background-color: ${tokens.getColor(lighterToken)};
-      }
-    `;
-		}
-	};
+		label: "Lighten Amount (shade step)",
+		shadeDirection: -1
+	});
 	fadeBackgroundEffect = {
 		id: "fade-background",
 		name: "Fade on Hover",
@@ -13864,12 +13757,14 @@ var init_background$2 = __esmMin((() => {
 			]
 		},
 		generateCSS: (ctx) => {
-			const { themeId, variantId, options, tokens, buttonConfig } = ctx;
+			const { themeId, variantId, stateGroup, options, tokens, buttonConfig } = ctx;
 			const colorToken = options.colorToken || "neutral-800";
+			const color = tokens.getColor(colorToken);
+			const navForeground = "textColorToken" in buttonConfig && typeof options.textColorToken === "string" ? `\n        color: ${tokens.getColor(options.textColorToken)};` : "";
 			return `
       /* Add background on hover */
-      :where([data-theme-scope="${themeId}"]) .${variantId}:hover {
-        background-color: ${tokens.getColor(colorToken)};${"textColorToken" in buttonConfig && typeof options.textColorToken === "string" ? `\n        color: ${tokens.getColor(options.textColorToken)};` : ""}
+      ${getStateSelector(themeId, variantId, stateGroup)} {
+        background-color: ${color};${navForeground}
       }
     `;
 		}
@@ -13902,48 +13797,6 @@ var init_background$2 = __esmMin((() => {
 	};
 }));
 //#endregion
-//#region ../theme-core/src/buttons/effects/cssUtils.ts
-/**
-* Generate CSS selector for a state with dual support for hover
-*
-* @param themeId - Theme scope ID
-* @param variantId - Variant class name
-* @param state - State group (hover, active, focus, base)
-* @returns CSS selector string
-*/
-function getStateSelector(themeId, variantId, state) {
-	const stateSelector = STATE_SELECTORS[state];
-	if (state === "base") return `:where([data-theme-scope="${themeId}"]) .${variantId}`;
-	if (state === "hover") return `:where([data-theme-scope="${themeId}"]) .${variantId}:hover,
-      :where([data-theme-scope="${themeId}"]) .${variantId}[data-force-hover="true"]`;
-	return `:where([data-theme-scope="${themeId}"]) .${variantId}${stateSelector}`;
-}
-/**
-* Generate CSS rule block for a state
-*
-* @param themeId - Theme scope ID
-* @param variantId - Variant class name
-* @param state - State group
-* @param cssProperties - CSS properties string (e.g., "transform: scale(1.05);")
-* @returns Complete CSS rule block
-*/
-function generateStateCSS(themeId, variantId, state, cssProperties) {
-	return `
-    ${getStateSelector(themeId, variantId, state)} {
-      ${cssProperties}
-    }
-  `;
-}
-var STATE_SELECTORS;
-var init_cssUtils = __esmMin((() => {
-	STATE_SELECTORS = {
-		hover: ":hover, [data-force-hover=\"true\"]",
-		active: ":active",
-		focus: ":focus-visible",
-		base: ""
-	};
-}));
-//#endregion
 //#region ../theme-core/src/buttons/effects/presets/shadow.ts
 var borderGlowEffect, dropShadowEffect, innerShadowEffect, neumorphicShadowEffect, outerGlowEffect, retro3DShadowEffect;
 var init_shadow = __esmMin((() => {
@@ -16749,6 +16602,184 @@ 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, MQ_SM_UP, MQ_MD_UP, MQ_LG_UP, MQ_SM_DOWN, MQ_MD_DOWN, MQ_TABLET_ONLY;
+var init_breakpoints = __esmMin((() => {
+	BREAKPOINT_LG = 1024;
+	BREAKPOINT_XL = 1280;
+	BREAKPOINT_LG_DOWN = BREAKPOINT_LG - 1;
+	MQ_SM_UP = mqUp(640);
+	MQ_MD_UP = mqUp(768);
+	MQ_LG_UP = mqUp(BREAKPOINT_LG);
+	mqUp(BREAKPOINT_XL);
+	MQ_SM_DOWN = mqDown(639);
+	MQ_MD_DOWN = mqDown(767);
+	mqDown(BREAKPOINT_LG_DOWN);
+	MQ_TABLET_ONLY = mqBetween(640, BREAKPOINT_LG_DOWN);
+	mqDown(640);
+	mqDown(768);
+}));
+//#endregion
+//#region ../theme-core/src/header/paintTargets.ts
+/** Resolve the element that owns the visible header surface for each layout. */
+function getHeaderPaintTargets(variant, themeId, state = "base") {
+	const scope = `:where([data-theme-scope="${themeId}"])`;
+	const scrolledRoot = state === "scrolled" ? ".header-root.header-scrolled " : "";
+	if (variant === "floating") {
+		if (state === "scrolled") {
+			const desktopOwner = `${scope} ${scrolledRoot}.header-floating-container`;
+			const mobileOwner = `${scope} ${scrolledRoot}.header-mobile-bar`;
+			return [{
+				kind: "viewport-band",
+				clipSelector: `${scope}:has(.header-root.header-scrolled)`,
+				ownerSelector: desktopOwner,
+				selector: `${desktopOwner}::before`,
+				mediaQuery: MQ_MD_UP,
+				topExtension: {
+					customProperty: "--rb-header-floating-top-gap",
+					value: "1rem",
+					ownerProperty: "top"
+				},
+				ownerNeedsPositioning: false
+			}, {
+				kind: "viewport-band",
+				clipSelector: `${scope}:has(.header-root.header-scrolled)`,
+				ownerSelector: mobileOwner,
+				selector: `${mobileOwner}::before`,
+				mediaQuery: MQ_MD_DOWN,
+				topExtension: {
+					customProperty: "--rb-header-floating-top-gap",
+					value: "0.75rem",
+					ownerProperty: "margin-top"
+				},
+				ownerNeedsPositioning: true
+			}];
+		}
+		return [{
+			kind: "element-box",
+			selector: `${scope} ${scrolledRoot}.header-floating-container`,
+			mediaQuery: MQ_MD_UP
+		}, {
+			kind: "element-box",
+			selector: `${scope} ${scrolledRoot}.header-mobile-bar`,
+			mediaQuery: MQ_MD_DOWN
+		}];
+	}
+	return [{
+		kind: "element-box",
+		selector: `${scope} .header-root${state === "scrolled" ? ".header-scrolled" : ""}::before`,
+		pseudoElement: "inset"
+	}];
+}
+function renderHeaderPaintTargetRules(targets, rules) {
+	return targets.map((target) => {
+		const block = renderHeaderPaintTargetRule(target, rules);
+		return target.mediaQuery ? `@media ${target.mediaQuery} {\n${block}\n}` : block;
+	}).join("\n");
+}
+function renderHeaderPaintTargetRule(target, rules) {
+	switch (target.kind) {
+		case "element-box": {
+			const pseudoElementSetup = target.pseudoElement === "inset" ? [
+				"content: \"\";",
+				"position: absolute;",
+				"inset: 0;",
+				"pointer-events: none;",
+				"border-radius: inherit;",
+				"z-index: -1;"
+			] : [];
+			return `${target.selector} {\n  ${[...pseudoElementSetup, ...rules].join("\n  ")}\n}`;
+		}
+		case "viewport-band": {
+			const gap = target.topExtension;
+			const ownerRules = [
+				`${gap.customProperty}: ${gap.value};`,
+				`${gap.ownerProperty}: var(${gap.customProperty});`,
+				...target.ownerNeedsPositioning ? ["position: relative;"] : [],
+				"isolation: isolate;",
+				"background: none;",
+				"backdrop-filter: none;",
+				"-webkit-backdrop-filter: none;",
+				"border: 0;",
+				"box-shadow: none;"
+			];
+			const bandRules = [
+				"content: \"\";",
+				"position: absolute;",
+				`top: calc(-1 * var(${gap.customProperty}));`,
+				"bottom: 0;",
+				"left: 50%;",
+				"width: 100vw;",
+				"transform: translateX(-50%);",
+				"pointer-events: none;",
+				"border-radius: 0;",
+				"z-index: -1;",
+				...rules
+			];
+			return `${target.clipSelector} {\n  overflow-x: clip;\n}\n${target.ownerSelector} {\n  ${ownerRules.join("\n  ")}\n}\n${target.selector} {\n  ${bandRules.join("\n  ")}\n}`;
+		}
+	}
+}
+var init_paintTargets = __esmMin((() => {
+	init_breakpoints();
+}));
+//#endregion
+//#region ../theme-core/src/header/scrollTreatment.ts
+function generateMobileOverlayBackdropFilterFix(themeId, variant) {
+	const root = `:where([data-theme-scope="${themeId}"]) .header-root:has([data-nav-mobile-overlay][aria-hidden="false"])`;
+	return `\n${(variant === "floating" ? [`${root} .header-mobile-bar`, `${root} .header-mobile-bar::before`] : [`${root}::before`]).join(",\n")} {\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n`;
+}
+function generateHeaderScrollTreatmentStyles(treatment, themeId, variant, surfaceRules = []) {
+	if (!treatment) return "";
+	switch (treatment.kind) {
+		case "contrast-glass": {
+			const backgroundChannels = treatment.backgroundTone === "dark" ? "0 0 0" : "255 255 255";
+			return renderHeaderPaintTargetRules(getHeaderPaintTargets(variant, themeId, "scrolled"), [`background-color: rgb(${backgroundChannels} / 0.60);`, ...surfaceRules]);
+		}
+	}
+}
+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();
+}));
+//#endregion
 //#region ../theme-core/src/schema.ts
 /**
 * Normalises the legacy `navTypography` font-role alias into the canonical
@@ -16764,7 +16795,7 @@ function normaliseHeaderNavFontRole(header) {
 		navFontRole: navTypography
 	} : rest;
 }
-var axesSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, headingDecorationOverrideSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, eyebrowTypographyStyleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, inputStyle, 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, 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$1 = __esmMin((() => {
 	init_media$1();
 	init_schema$2();
@@ -16782,6 +16813,9 @@ var init_schema$1 = __esmMin((() => {
 	init_rawStyleFields();
 	init_themeColorTokens();
 	init_tokenOrColor();
+	init_scrollTreatment();
+	init_containerSchema();
+	init_interactionPalette();
 	axesSchema = z$1.object({
 		tone: z$1.enum([
 			"minimal",
@@ -17189,25 +17223,6 @@ var init_schema$1 = __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",
@@ -17330,6 +17345,7 @@ var init_schema$1 = __esmMin((() => {
 		shrinkOnScroll: z$1.boolean(),
 		maxWidth: headerMaxWidth,
 		barFrame: headerBarFrame.optional(),
+		scrollTreatment: headerScrollTreatmentSchema,
 		logoOverride: mediaSchema.nullable().optional(),
 		background: headerBackgroundSchema.default({
 			type: "color",
@@ -17342,6 +17358,7 @@ var init_schema$1 = __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,
@@ -19776,6 +19793,7 @@ var init_records = __esmMin((() => {}));
 var init_headerOpeningSection = __esmMin((() => {
 	init_headerLooks();
 	init_records();
+	init_tokens();
 }));
 var init_generatedDesignPipeline = __esmMin((() => {
 	init_compositionBudget();
@@ -20096,8 +20114,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();
@@ -20735,23 +20756,14 @@ var init_fragments$1 = __esmMin((() => {
 var init_types$5 = __esmMin((() => {}));
 //#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 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);
-	persistedBlockButtonRoleSchema = z$1.preprocess((value) => typeof value === "string" ? canonicalizePersistedBlockButtonRole(value) : value, blockButtonRoleSchema);
 	BLOCK_BUTTON_ROLE_LABELS = {
 		primary: "Primary",
 		secondary: "Secondary",
@@ -21275,33 +21287,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, MQ_SM_UP, MQ_MD_UP, MQ_LG_UP, MQ_SM_DOWN, MQ_MD_DOWN, MQ_TABLET_ONLY;
-var init_breakpoints = __esmMin((() => {
-	BREAKPOINT_LG = 1024;
-	BREAKPOINT_XL = 1280;
-	BREAKPOINT_LG_DOWN = BREAKPOINT_LG - 1;
-	MQ_SM_UP = mqUp(640);
-	MQ_MD_UP = mqUp(768);
-	MQ_LG_UP = mqUp(BREAKPOINT_LG);
-	mqUp(BREAKPOINT_XL);
-	MQ_SM_DOWN = mqDown(639);
-	MQ_MD_DOWN = mqDown(767);
-	mqDown(BREAKPOINT_LG_DOWN);
-	MQ_TABLET_ONLY = mqBetween(640, BREAKPOINT_LG_DOWN);
-	mqDown(640);
-	mqDown(768);
-}));
 function asNonEmptyString(value) {
 	if (typeof value !== "string") return null;
 	const trimmed = value.trim();
@@ -27002,7 +26987,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);
@@ -112345,6 +112330,7 @@ function resolveBlockIconRenderValue(value, generatedAssets = /* @__PURE__ */ ne
 init_src$2();
 init_schema();
 init_richTextSchema();
+init_media$2();
 const TEL_RE = /^[+()0-9\s-]{3,}$/;
 const SLUG_PATTERN = /^(?:[a-z0-9]+(?:-[a-z0-9]+)*)(?:\/(?:[a-z0-9]+(?:-[a-z0-9]+)*))*$/;
 const ALLOWED_URL_PROTOCOLS = ["http:", "https:"];
@@ -112632,7 +112618,7 @@ function canonicalizeFieldValueForWrite(plan, value) {
 		case "media": {
 			if (!isPlainObject$5(value)) return value;
 			const canonical = { ...value };
-			if (typeof canonical.identifier === "string" && canonical.identifier.trim().length > 0) deleteEnvSpecificKeys(canonical);
+			if (mediaIdentifierSchema.safeParse(canonical.identifier).success) deleteEnvSpecificKeys(canonical);
 			return canonical;
 		}
 		case "group": return canonicalizeObjectForWrite(selectedGroupChildPlans(plan, value), value);
@@ -112727,7 +112713,7 @@ function normalizeObjectChildren(children, value, ctx) {
 function normalizeInlineTextFallbacks(plans, values, ctx) {
 	for (const plan of plans) {
 		if (plan.kind !== "inlineText" || !plan.plainTextFallbackPath) continue;
-		if (!isMissingForPlan(plan, values[plan.fieldId])) continue;
+		if (!isMissingForPlan(plan, values[plan.fieldId]) && !(ctx.allowIncomplete && !parseInlineTextFromUnknown(values[plan.fieldId]).ok)) continue;
 		const fallback = getAtFieldPath(values, plan.plainTextFallbackPath);
 		if (typeof fallback !== "string" || fallback.trim().length === 0) continue;
 		values[plan.fieldId] = normalizeFieldValue(plan, plainTextToInlineText(fallback), ctx);
@@ -112768,7 +112754,7 @@ function validateNormalizedFieldValue(plan, value, ctx) {
 		case "select": return validateSelectPlan(plan, value);
 		case "richText": return isValidRichTextDoc(value) ? [] : [issue(plan, "invalidRichText")];
 		case "inlineText": return validateInlineTextPlan(plan, value);
-		case "media": return isPlainObject$5(value) && typeof value.identifier === "string" && value.identifier.trim().length > 0 && (value.type === void 0 || typeof value.type === "string" && plan.allowedMediaTypes.includes(value.type)) ? [] : [issue(plan, "invalidMedia")];
+		case "media": return isPlainObject$5(value) && mediaIdentifierSchema.safeParse(value.identifier).success && (value.type === void 0 || typeof value.type === "string" && plan.allowedMediaTypes.includes(value.type)) ? [] : [issue(plan, "invalidMedia")];
 		case "link": return linkSchema.safeParse(value).success ? [] : [issue(plan, "invalidLink")];
 		case "repeater": return validateRepeaterPlan(plan, value, ctx);
 		case "group": return validateGroupPlan(plan, value, ctx);
@@ -126916,7 +126902,6 @@ function renderMark(mark, key, child) {
 //#region ../blocks/src/system/runtime/nodes/basic.tsx
 init_buttons();
 init_RichText();
-init_buttonRoles();
 init_richText_coerce();
 const TextNode = ({ value, children, blockId: _blockId, blockKind: _blockKind, blockContent, fragmentRegistry: _fragmentRegistry, pathBase: _pathBase, inlineTextFallbackPath, ...rest }) => {
 	const inlineText = parseInlineTextFromUnknown(value);
@@ -126957,6 +126942,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) {
@@ -126965,12 +126953,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,
@@ -127109,8 +127101,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;
@@ -127120,7 +127113,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", {
@@ -132510,6 +132507,37 @@ function resolveColorTokenHex(theme, colorToken) {
 	return expandPalette(theme.palette)[colorToken] ?? null;
 }
 //#endregion
+//#region ../theme-core/src/header/surfaceRules.ts
+init_shared$5();
+init_colorStyles();
+/** Compile the visual surface declarations independently of paint geometry. */
+function buildHeaderSurfaceRules(header, tokens, blur) {
+	const base = [];
+	const scrolled = [];
+	const background = header.background;
+	if (background.type === "color") base.push(`background-color: ${tokens.getColor(background.color || "surface")};`);
+	else if (background.type === "gradient" && background.gradient) {
+		const stops = background.gradient.stops.map((stop) => tokens.getColor(stop.color)).join(", ");
+		base.push(`background-image: linear-gradient(${background.gradient.angle ?? 180}deg, ${stops});`);
+	}
+	const blurRules = [`backdrop-filter: ${blur};`, `-webkit-backdrop-filter: ${blur};`];
+	base.push(...blurRules);
+	scrolled.push(...blurRules);
+	const borderWidth = getComponentBorderWidthPx(header.border?.width ?? "none");
+	if (!header.border || borderWidth === "0") return {
+		base,
+		scrolled,
+		border: []
+	};
+	const color = rgbColorValue(header.border.colorToken?.trim() || "border");
+	const style = header.border.style === "dashed" ? "dashed" : "solid";
+	return {
+		base,
+		scrolled,
+		border: header.border.position === "both" ? [`border-top: ${borderWidth} ${style} ${color};`, `border-bottom: ${borderWidth} ${style} ${color};`] : [`border-${header.border.position}: ${borderWidth} ${style} ${color};`]
+	};
+}
+//#endregion
 //#region ../theme-core/src/navigation/presets.ts
 /**
 * Built-in nav link style presets
@@ -132671,12 +132699,79 @@ function getNavLinkPreset(presetId) {
 }
 Object.keys(NAV_LINK_PRESETS);
 //#endregion
+//#region ../theme-core/src/header/legacyNavLinkStyle.ts
+function buildLegacyHeaderNavLinkStyle(header, contrastTreatment, navTextSize) {
+	const navStyle = header.navStyle ?? "minimal";
+	const basePreset = getNavLinkPreset(navStyle);
+	if (!basePreset) return null;
+	const style = {
+		...basePreset,
+		fontWeight: header.navWeight ?? basePreset.fontWeight,
+		colorToken: (header.navColor ?? header.textColor)?.trim() || basePreset.colorToken,
+		...contrastTreatment ? { contrastTreatment } : {},
+		...navTextSize ? { textSize: navTextSize } : {}
+	};
+	if (header.navWeight === "bold" && navStyle === "solid") style.textTransform = "uppercase";
+	applyLegacyNavEffects(style, header);
+	applyLegacyGlassTreatment(style, header, navStyle);
+	return style;
+}
+function applyLegacyNavEffects(style, header) {
+	if (!header.navEffects) return;
+	const effects = style.effects = {
+		...style.effects,
+		hover: [...style.effects?.hover ?? []],
+		active: [...style.effects?.active ?? []]
+	};
+	if (header.navEffects.glow) effects.hover.push({
+		effectId: "outer-glow",
+		options: { spread: 5 }
+	});
+	if (header.navEffects.neumorphic) {
+		effects.hover.push({
+			effectId: "neumorphic-shadow",
+			options: { mode: "pressed" }
+		});
+		effects.hover.push({
+			effectId: "text-color-change",
+			options: { hoverColorToken: "primary" }
+		});
+	}
+	if (header.navEffects.underlineGradient) effects.hover.push({
+		effectId: "border-bottom-grow",
+		options: { origin: "center" }
+	});
+}
+function applyLegacyGlassTreatment(style, header, navStyle) {
+	if (header.navContainer?.type !== "glass" || navStyle !== "minimal") return;
+	style.borderRadius = "full";
+	style.effects = {
+		...style.effects,
+		hover: glassStateEffects(10),
+		active: glassStateEffects(18)
+	};
+}
+function glassStateEffects(opacity) {
+	return [{
+		effectId: "background-on-hover-alpha",
+		options: {
+			colorToken: "neutral-50",
+			opacity
+		}
+	}, {
+		effectId: "text-color-change",
+		options: { hoverColorToken: "neutral-50" }
+	}];
+}
+//#endregion
 //#region ../theme-core/src/header/generateHeaderCss.ts
 init_resolver$1();
 init_siteChromeNavPreferences();
 init_shared$5();
 init_breakpoints();
 init_navDropdownSizing();
+init_scrollTreatment();
+init_paintTargets();
 const HEADER_BLUR = "blur(12px)";
 const FLOATING_BLUR = "blur(16px)";
 const INSET_SHELL_MARKER_CLASS = "header-bar-frame-inset-shell";
@@ -132704,8 +132799,8 @@ function generateHeaderCss(options) {
 	const cssChunks = [];
 	const headerContrastTreatment = resolveHeaderContrastTreatment(header);
 	const headerNavTextSize = resolveHeaderNavTextSize(header);
-	cssChunks.push(generateHeaderRootStyles(header, themeId, tokens, theme));
-	cssChunks.push(generateMobileOverlayBackdropFilterFix(themeId));
+	cssChunks.push(generateHeaderRootStyles(header, themeId, tokens));
+	cssChunks.push(generateMobileOverlayBackdropFilterFix(themeId, header.variant));
 	cssChunks.push(generateLogoStyles({
 		logo: header.logo,
 		themeId,
@@ -132743,56 +132838,34 @@ function isClearSplitHeaderShape(header) {
 function isDetachedFloatingHeaderShape(header) {
 	return header.variant === "floating" && !header.container;
 }
-function generateMobileOverlayBackdropFilterFix(themeId) {
-	return `\n${`:where([data-theme-scope="${themeId}"]) .header-root:has([data-nav-mobile-overlay][aria-hidden="false"])::before`} {\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n`;
-}
 /**
 * Generate root header container styles
 */
-function generateHeaderRootStyles(header, themeId, tokens, _theme) {
+function generateHeaderRootStyles(header, themeId, tokens) {
 	const selector = `:where([data-theme-scope="${themeId}"]) .header-root`;
-	const backgroundSelector = `:where([data-theme-scope="${themeId}"]) .header-root::before`;
 	const rules = [];
-	const backgroundRules = [];
 	const navContainerType = header.navContainer?.type ?? "none";
 	const isContainedNav = navContainerType === "pill" || navContainerType === "glass";
 	rules.push("position: relative;");
 	rules.push("isolation: isolate;");
-	if (!isContainedNav) {
-		const bg = header.background;
-		if (bg.type === "color") {
-			const bgColor = tokens.getColor(bg.color || "surface");
-			backgroundRules.push(`background-color: ${bgColor};`);
-		} else if (bg.type === "gradient" && bg.gradient) {
-			const stops = bg.gradient.stops.map((s) => tokens.getColor(s.color)).join(", ");
-			const angle = bg.gradient.angle ?? 180;
-			backgroundRules.push(`background-image: linear-gradient(${angle}deg, ${stops});`);
-		}
-		backgroundRules.push(`backdrop-filter: ${HEADER_BLUR};`);
-		backgroundRules.push(`-webkit-backdrop-filter: ${HEADER_BLUR};`);
-		if (header.border) {
-			const borderWidth = getComponentBorderWidthPx(header.border.width);
-			if (borderWidth !== "0") {
-				const borderToken = header.border?.colorToken?.trim() || "border";
-				const borderColor = tokens.getColor(borderToken);
-				const borderStyle = header.border.style === "dashed" ? "dashed" : "solid";
-				if (header.border.position === "bottom") rules.push(`border-bottom: ${borderWidth} ${borderStyle} ${borderColor};`);
-				else if (header.border.position === "top") rules.push(`border-top: ${borderWidth} ${borderStyle} ${borderColor};`);
-				else if (header.border.position === "both") {
-					rules.push(`border-top: ${borderWidth} ${borderStyle} ${borderColor};`);
-					rules.push(`border-bottom: ${borderWidth} ${borderStyle} ${borderColor};`);
-				}
-			}
-		}
-	}
+	const surfaceRules = isContainedNav ? {
+		base: [],
+		scrolled: [],
+		border: []
+	} : buildHeaderSurfaceRules(header, tokens, HEADER_BLUR);
+	const floatingSurfaceBorder = header.variant === "floating";
+	if (!floatingSurfaceBorder) rules.push(...surfaceRules.border);
+	const basePaintRules = floatingSurfaceBorder ? [...surfaceRules.base, ...surfaceRules.border] : surfaceRules.base;
+	const scrolledPaintRules = floatingSurfaceBorder ? [...surfaceRules.scrolled, ...surfaceRules.border] : surfaceRules.scrolled;
 	if (header.positioning === "sticky" || header.positioning === "fixed") {
 		const shadowVar = getComponentShadowVar(header.shadow?.elevation ?? "none");
 		if (shadowVar) rules.push(`box-shadow: ${shadowVar};`);
 	}
 	const baseBlock = `\n${selector} {\n  ${rules.join("\n  ")}\n}\n`;
 	const overlayFix = `\n${`${selector}:has([data-nav-mobile-overlay][aria-hidden="false"])`} {\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n`;
-	if (isContainedNav || backgroundRules.length === 0) return `${baseBlock}\n${overlayFix}`;
-	return `${baseBlock}\n${`\n${backgroundSelector} {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  border-radius: inherit;\n  z-index: -1;\n  ${backgroundRules.join("\n  ")}\n}\n`}\n${overlayFix}${usesInsetShell(header) ? generateInsetShellStyles(header, themeId) : ""}`;
+	const scrollTreatmentStyles = generateHeaderScrollTreatmentStyles(header.scrollTreatment, themeId, header.variant, scrolledPaintRules);
+	if (isContainedNav || basePaintRules.length === 0) return `${baseBlock}\n${overlayFix}${scrollTreatmentStyles}`;
+	return `${baseBlock}\n${renderHeaderPaintTargetRules(getHeaderPaintTargets(header.variant, themeId), basePaintRules)}\n${overlayFix}${usesInsetShell(header) ? generateInsetShellStyles(header, themeId) : ""}${scrollTreatmentStyles}`;
 }
 /**
 * Reshapes the full-bleed header paint layer into a contained brand capsule at
@@ -132837,10 +132910,10 @@ function generateLogoStyles(input) {
 	else rules.push(`font-family: var(--font-heading);`);
 	if (logo) {
 		if (logo.letterSpacing && logo.letterSpacing !== "normal") rules.push(`letter-spacing: ${{
-			"normal": "0em",
-			"wide": "0.05em",
-			"wider": "0.1em",
-			"widest": "0.15em"
+			normal: "0em",
+			wide: "0.05em",
+			wider: "0.1em",
+			widest: "0.15em"
 		}[logo.letterSpacing]};`);
 		if (logo.gradient) {
 			rules.push(`background: linear-gradient(to right, ${primaryColor}, ${accentColor});`);
@@ -132913,71 +132986,11 @@ function generateNavLinkStyles(header, themeId, tokens, theme, contrastTreatment
 		} : header.navLinkStyle, navPreferences),
 		className: "header-nav-link"
 	});
-	const navStyle = header.navStyle ?? "minimal";
-	const basePreset = getNavLinkPreset(navStyle);
-	if (!basePreset) {
-		console.warn(`[generateHeaderCss] Nav link preset not found: ${navStyle}`);
+	const mergedStyle = buildLegacyHeaderNavLinkStyle(header, contrastTreatment, navTextSize);
+	if (!mergedStyle) {
+		console.warn(`[generateHeaderCss] Nav link preset not found: ${header.navStyle}`);
 		return "";
 	}
-	const mergedStyle = {
-		...basePreset,
-		fontWeight: header.navWeight ?? basePreset.fontWeight,
-		colorToken: (header.navColor ?? header.textColor)?.trim() || basePreset.colorToken,
-		...contrastTreatment ? { contrastTreatment } : {},
-		...navTextSize ? { textSize: navTextSize } : {}
-	};
-	if (header.navWeight === "bold" && navStyle === "solid") mergedStyle.textTransform = "uppercase";
-	if (header.navEffects) {
-		const effects = mergedStyle.effects = {
-			...mergedStyle.effects,
-			hover: [...mergedStyle.effects?.hover || []],
-			active: [...mergedStyle.effects?.active || []]
-		};
-		if (header.navEffects.glow) effects.hover.push({
-			effectId: "outer-glow",
-			options: { spread: 5 }
-		});
-		if (header.navEffects.neumorphic) {
-			effects.hover.push({
-				effectId: "neumorphic-shadow",
-				options: { mode: "pressed" }
-			});
-			effects.hover.push({
-				effectId: "text-color-change",
-				options: { hoverColorToken: "primary" }
-			});
-		}
-		if (header.navEffects.underlineGradient) effects.hover.push({
-			effectId: "border-bottom-grow",
-			options: { origin: "center" }
-		});
-	}
-	if ((header.navContainer?.type ?? "none") === "glass" && navStyle === "minimal") {
-		mergedStyle.borderRadius = "full";
-		mergedStyle.effects = {
-			...mergedStyle.effects,
-			hover: [{
-				effectId: "background-on-hover-alpha",
-				options: {
-					colorToken: "neutral-50",
-					opacity: 10
-				}
-			}, {
-				effectId: "text-color-change",
-				options: { hoverColorToken: "neutral-50" }
-			}],
-			active: [{
-				effectId: "background-on-hover-alpha",
-				options: {
-					colorToken: "neutral-50",
-					opacity: 18
-				}
-			}, {
-				effectId: "text-color-change",
-				options: { hoverColorToken: "neutral-50" }
-			}]
-		};
-	}
 	return generateNavLinkCSS({
 		themeId,
 		tokens,
@@ -133005,10 +133018,10 @@ function generateDropdownContainerStyles(header, themeId, tokens) {
 	if (shadowVar) rules.push(`box-shadow: ${shadowVar};`);
 	const borderRadius = dropdownStyle?.borderRadius ?? "md";
 	rules.push(`border-radius: ${{
-		"none": "0",
-		"sm": "0.25rem",
-		"md": "0.5rem",
-		"lg": "0.75rem"
+		none: "0",
+		sm: "0.25rem",
+		md: "0.5rem",
+		lg: "0.75rem"
 	}[borderRadius]};`);
 	rules.push(`padding: 0.5rem 0;`);
 	return `\n${selector} {\n  ${rules.join("\n  ")}\n}\n`;
@@ -133063,16 +133076,16 @@ function generateDropdownLinkStyles(header, themeId, tokens, theme) {
 	const additionalRules = [];
 	const letterSpacing = configuredDropdownStyle?.letterSpacing ?? "normal";
 	if (letterSpacing !== "normal") additionalRules.push(`letter-spacing: ${{
-		"normal": "0em",
-		"wide": "0.05em",
-		"wider": "0.1em"
+		normal: "0em",
+		wide: "0.05em",
+		wider: "0.1em"
 	}[letterSpacing]};`);
 	const textSize = configuredDropdownStyle?.textSize ?? "sm";
 	additionalRules.push(`font-size: ${{
-		"xs": "0.75rem",
-		"sm": "0.875rem",
-		"base": "1rem",
-		"lg": "1.125rem"
+		xs: "0.75rem",
+		sm: "0.875rem",
+		base: "1rem",
+		lg: "1.125rem"
 	}[textSize]};`);
 	if (additionalRules.length > 0) return baseCSS + `\n${`:where([data-theme-scope="${themeId}"]) .nav-dropdown-link`} {\n  ${additionalRules.join("\n  ")}\n}\n`;
 	return baseCSS;
@@ -133168,18 +133181,18 @@ function generateFloatingContainerStyles(header, themeId, tokens) {
 	rules.push(`-webkit-backdrop-filter: ${FLOATING_BLUR};`);
 	if (container.border) rules.push(`border: 1px solid rgb(255 255 255 / 0.2);`);
 	rules.push(`border-radius: ${{
-		"none": "0",
-		"sm": "0.375rem",
-		"md": "0.5rem",
-		"lg": "0.75rem",
-		"xl": "1rem",
+		none: "0",
+		sm: "0.375rem",
+		md: "0.5rem",
+		lg: "0.75rem",
+		xl: "1rem",
 		"2xl": "1.5rem"
 	}[container.rounded]};`);
 	if (container.shadow) rules.push(`box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);`);
 	rules.push(`padding: ${{
-		"sm": "1rem 1.5rem",
-		"md": "1.5rem 2rem",
-		"lg": "2rem 2.5rem"
+		sm: "1rem 1.5rem",
+		md: "1.5rem 2rem",
+		lg: "2rem 2.5rem"
 	}[container.padding]};`);
 	return `\n${selector} {\n  ${rules.join("\n  ")}\n}\n`;
 }
@@ -150741,6 +150754,9 @@ function normalizeLoaderParams(endpoint, params, context) {
 init_RichText();
 const RichText$1 = RichText$2;
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/mergeResolveImageUrlContexts.ts
+init_src$2();
+//#endregion
 //#region ../blocks/src/system/helpers/resolveBackground.tsx
 /**
 * Helper utilities for resolving background data in custom block components.