@riverbankcms/sdk 0.123.0 → 0.125.0

package/dist/server/page-converter.mjs

@@ -7648,1785 +7648,1785 @@ function uniqueStrings(values) {
 	return Array.from(new Set(values));
 }
 //#endregion
-//#region ../theme-core/src/site-styles/sectionTransitions.ts
-function boundaryRuntimeMetrics(family, size, heightExpression) {
-	return {
-		family,
-		size,
-		heightCss: heightExpression.includes(" ") ? `calc(${heightExpression})` : heightExpression,
-		reserveCss: `calc((${heightExpression}) / 2)`
-	};
-}
-boundaryRuntimeMetrics("gradient", "medium", "6rem + 2px"), boundaryRuntimeMetrics("gradient", "spacious", "10rem"), boundaryRuntimeMetrics("gradient", "expansive", "14rem"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("wave", "large", "7rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("angle", "large", "7rem + 2px");
-const noneBoundaryOption = {
-	id: asBoundaryOptionId("break:none"),
-	label: "None",
-	transitionAfter: "none",
-	treatment: { kind: "none" }
-};
-const softBoundaryOption = {
-	id: asBoundaryOptionId("break:soft"),
-	label: "Soft",
-	transitionAfter: "soft-fade-short",
-	treatment: {
-		kind: "soft-fade",
-		height: "medium",
-		curve: "soft"
-	}
-};
-const spaciousBoundaryOption = {
-	id: asBoundaryOptionId("break:spacious"),
-	label: "Spacious",
-	transitionAfter: "soft-fade-long",
-	treatment: {
-		kind: "soft-fade",
-		height: "large",
-		curve: "spacious"
-	}
-};
-asBoundaryOptionId("break:expansive");
-asBoundaryOptionId("break:wave");
-asBoundaryOptionId("break:wave-balanced");
-asBoundaryOptionId("break:wave-gentle");
-asBoundaryOptionId("break:wave-bold");
-asBoundaryOptionId("break:wave-drift");
-asBoundaryOptionId("break:angle-subtle");
-asBoundaryOptionId("break:angle-balanced");
-asBoundaryOptionId("break:angle-steep");
-asBoundaryOptionId("break:unknown");
-const pageDesignUserPinnedAppearanceChoiceSchema = z$1.object({
-	kind: z$1.literal("user-pinned"),
-	value: z$1.string().min(1).transform(asAppearancePresetId)
-}).strict();
-const pageDesignUserPinnedBoundaryChoiceSchema = z$1.object({
-	kind: z$1.literal("user-pinned"),
-	value: z$1.string().min(1).transform(asBoundaryOptionId)
-}).strict();
-const pageDesignBoundaryTreatmentSchema = z$1.discriminatedUnion("kind", [
-	z$1.object({ kind: z$1.literal("none") }).strict(),
-	z$1.object({
-		kind: z$1.literal("soft-fade"),
-		height: z$1.enum([
-			"compact",
-			"medium",
-			"large",
-			"expansive"
-		]),
-		curve: z$1.enum([
-			"soft",
-			"spacious",
-			"expansive"
-		])
-	}).strict(),
-	z$1.object({
-		kind: z$1.literal("wave-edge"),
-		height: z$1.enum([
-			"compact",
-			"medium",
-			"large"
-		]),
-		amplitude: z$1.enum([
-			"subtle",
-			"balanced",
-			"bold"
-		]),
-		rhythm: z$1.enum(["single", "double"]),
-		symmetry: z$1.enum([
-			"symmetrical",
-			"asymmetrical",
-			"drift"
-		])
-	}).strict(),
-	z$1.object({
-		kind: z$1.literal("angle-edge"),
-		height: z$1.enum([
-			"compact",
-			"medium",
-			"large"
-		]),
-		slope: z$1.enum([
-			"subtle",
-			"balanced",
-			"steep"
-		]),
-		direction: z$1.enum(["forward", "reverse"])
-	}).strict(),
-	z$1.object({
-		kind: z$1.literal("legacy-unsupported"),
-		boundaryOptionId: z$1.string().min(1).transform(asBoundaryOptionId)
-	}).strict()
-]);
-const pageDesignUserPinnedBoundaryTreatmentChoiceSchema = z$1.object({
-	kind: z$1.literal("user-pinned"),
-	value: pageDesignBoundaryTreatmentSchema
-}).strict();
-const pageDesignBlockLookPinSchema = z$1.object({
-	blockId: z$1.string().min(1).transform(asDesignBlockId),
-	blockKind: z$1.string().min(1),
-	choice: pageDesignUserPinnedAppearanceChoiceSchema
-}).strict();
-const pageDesignBoundaryPinSchema = z$1.object({
-	boundaryId: z$1.string().min(1).transform(asDesignBoundaryId),
-	previousBlockId: z$1.string().min(1).transform(asDesignBlockId),
-	nextBlockId: z$1.string().min(1).transform(asDesignBlockId),
-	choice: pageDesignUserPinnedBoundaryTreatmentChoiceSchema
-}).strict().superRefine(validateBoundaryPinIdMatchesBlocks);
-const legacyPageDesignBoundaryPinSchema = z$1.object({
-	boundaryId: z$1.string().min(1).transform(asDesignBoundaryId),
-	previousBlockId: z$1.string().min(1).transform(asDesignBlockId),
-	nextBlockId: z$1.string().min(1).transform(asDesignBlockId),
-	choice: pageDesignUserPinnedBoundaryChoiceSchema
-}).strict().superRefine(validateBoundaryPinIdMatchesBlocks);
-z$1.object({
-	schemaVersion: z$1.literal(1),
-	siteStyleId: z$1.string().min(1).transform(asSiteStyleId),
-	pageFlowPresetId: z$1.string().min(1).transform(asPageFlowPresetId),
-	blockLookPins: z$1.array(pageDesignBlockLookPinSchema),
-	boundaryPins: z$1.array(legacyPageDesignBoundaryPinSchema)
-}).strict().superRefine(validateUniquePageDesignPins);
-z$1.object({
-	schemaVersion: z$1.literal(2),
-	siteStyleId: z$1.string().min(1).transform(asSiteStyleId),
-	pageFlowPresetId: z$1.string().min(1).transform(asPageFlowPresetId),
-	blockLookPins: z$1.array(pageDesignBlockLookPinSchema),
-	boundaryPins: z$1.array(pageDesignBoundaryPinSchema)
-}).strict().superRefine(validateUniquePageDesignPins);
-function addDuplicateStringIssues(ctx, input) {
-	const seen = /* @__PURE__ */ new Set();
-	const duplicates = /* @__PURE__ */ new Set();
-	for (const value of input.values) {
-		if (seen.has(value)) duplicates.add(value);
-		seen.add(value);
-	}
-	for (const duplicate of duplicates) ctx.addIssue({
-		code: z$1.ZodIssueCode.custom,
-		path: [...input.path],
-		message: `Duplicate ${input.label}: ${duplicate}.`
-	});
-}
-function validateBoundaryPinIdMatchesBlocks(pin, ctx) {
-	const expectedBoundaryId = makeBoundaryId(pin.previousBlockId, pin.nextBlockId);
-	if (pin.boundaryId !== expectedBoundaryId) ctx.addIssue({
-		code: z$1.ZodIssueCode.custom,
-		path: ["boundaryId"],
-		message: `Boundary id must match previousBlockId and nextBlockId. Expected ${expectedBoundaryId}.`
-	});
+//#region ../theme-core/src/site-styles/headerLooks.ts
+function asHeaderLookId(value) {
+	return value;
 }
-function validateUniquePageDesignPins(intent, ctx) {
-	addDuplicateStringIssues(ctx, {
-		values: intent.blockLookPins.map((pin) => pin.blockId),
-		path: ["blockLookPins"],
-		label: "block Look pin"
-	});
-	addDuplicateStringIssues(ctx, {
-		values: intent.boundaryPins.map((pin) => boundaryKey(pin.previousBlockId, pin.nextBlockId)),
-		path: ["boundaryPins"],
-		label: "boundary pin"
-	});
+function asHeaderLayoutId(value) {
+	return value;
 }
-function boundaryKey(previousBlockId, nextBlockId) {
-	return makeBoundaryId(previousBlockId, nextBlockId);
+function asHeaderStyleId(value) {
+	return value;
 }
-//#endregion
-//#region ../theme-core/src/accordions/siteStyleDefaults.ts
-/**
-* Reusable accordion "looks" for curated site styles.
-*
-* Each curated site style should declare one of these (or a bespoke variant)
-* via `themeOverrides.accordions` so its FAQ accordions carry the style's
-* personality instead of falling back to the generic generated default. The
-* looks vary the things that make an accordion read as designed vs. cheap:
-* box vs. boxless, question typography (body vs. heading font + scale), icon,
-* and how an open item is emphasised.
-*/
-/**
-* Boxless editorial list: transparent root, hairline dividers between rows,
-* generous spacing, heading-font questions, plus/minus marks, and an accented
-* tinted band on the open row. The reference "expensive" FAQ look.
-*/
-const editorialDividedAccordionSystem = {
-	background: null,
-	spacing: "comfortable",
-	corners: "square",
-	border: null,
-	shadow: null,
-	icon: {
-		style: "plus-minus",
-		position: "right",
-		size: "md",
-		colorToken: "primary"
-	},
-	trigger: {
-		textColorToken: "text",
-		fontWeight: "regular",
-		fontFamily: "heading",
-		fontScale: "lg"
-	},
-	hover: { textColorToken: "primary" },
-	openState: {
-		backgroundColorToken: "surfaceAlt",
-		triggerColorToken: "primary",
-		accent: {
-			edge: "left",
-			colorToken: "primary",
-			thickness: "medium"
-		}
-	},
-	content: { textColorToken: "neutral-700" }
+const titleOnlyLogoAccommodation = {
+	pattern: "title-only",
+	supportedShapes: [
+		"none",
+		"horizontal",
+		"square",
+		"portrait",
+		"tall"
+	],
+	supportedTextPresence: [
+		"contains-text",
+		"no-text",
+		"unknown"
+	],
+	supportedDisplayModes: ["title-only"],
+	size: "compact"
 };
-/**
-* Quiet, airy underlined rows: transparent, spacious, large calm heading-font
-* questions, a small subtle chevron, and open emphasis carried only by the
-* question recolouring. For minimal / premium / wellness styles.
-*/
-const quietUnderlinedAccordionSystem = {
-	background: null,
-	spacing: "spacious",
-	corners: "square",
-	border: null,
-	shadow: null,
-	icon: {
-		style: "chevron",
-		position: "right",
-		size: "sm",
-		colorToken: "muted"
-	},
-	trigger: {
-		textColorToken: "text",
-		fontWeight: "regular",
-		fontFamily: "heading",
-		fontScale: "lg"
-	},
-	hover: { textColorToken: "primary" },
-	openState: { triggerColorToken: "primary" },
-	content: { textColorToken: "neutral-700" }
+const inlineWordmarkLogoAccommodation = {
+	pattern: "inline-wordmark",
+	supportedShapes: ["horizontal"],
+	supportedTextPresence: [
+		"contains-text",
+		"no-text",
+		"unknown"
+	],
+	supportedDisplayModes: ["logo-only"],
+	size: "standard",
+	maxDensity: "detailed"
+};
+const inlineMarkWithTitleLogoAccommodation = {
+	pattern: "inline-mark-with-title",
+	supportedShapes: [
+		"horizontal",
+		"square",
+		"portrait",
+		"tall"
+	],
+	supportedTextPresence: ["no-text"],
+	supportedDisplayModes: ["logo-plus-title"],
+	size: "compact",
+	maxDensity: "simple"
+};
+const logoPlateAccommodation = {
+	pattern: "logo-plate",
+	supportedShapes: [
+		"square",
+		"portrait",
+		"tall"
+	],
+	supportedTextPresence: ["contains-text", "unknown"],
+	supportedDisplayModes: ["logo-only"],
+	size: "display",
+	providesBacking: true
+};
+const centeredBadgeAccommodation = {
+	pattern: "centered-badge",
+	supportedShapes: [
+		"square",
+		"portrait",
+		"tall"
+	],
+	supportedTextPresence: ["contains-text", "unknown"],
+	supportedDisplayModes: ["logo-only"],
+	size: "display",
+	providesBacking: true
+};
+const popoutBadgeAccommodation = {
+	pattern: "popout-badge",
+	supportedShapes: [
+		"square",
+		"portrait",
+		"tall"
+	],
+	supportedTextPresence: ["contains-text", "unknown"],
+	supportedDisplayModes: ["logo-only"],
+	size: "display",
+	providesBacking: true
+};
+const centeredMastheadAccommodation = {
+	pattern: "centered-masthead",
+	supportedShapes: [
+		"square",
+		"portrait",
+		"tall"
+	],
+	supportedTextPresence: ["contains-text", "unknown"],
+	supportedDisplayModes: ["logo-only"],
+	size: "display",
+	providesBacking: true
+};
+const unbackedOverlayLogoAccommodation = {
+	pattern: "inline-logo-only",
+	supportedShapes: ["square"],
+	supportedTextPresence: ["contains-text", "unknown"],
+	supportedDisplayModes: ["logo-only"],
+	size: "compact",
+	providesBacking: false
 };
+const inlineClassicLogoAccommodations = [
+	titleOnlyLogoAccommodation,
+	inlineWordmarkLogoAccommodation,
+	inlineMarkWithTitleLogoAccommodation,
+	popoutBadgeAccommodation,
+	logoPlateAccommodation
+];
+const centeredLogoAccommodations = [
+	titleOnlyLogoAccommodation,
+	inlineWordmarkLogoAccommodation,
+	inlineMarkWithTitleLogoAccommodation,
+	centeredMastheadAccommodation,
+	centeredBadgeAccommodation
+];
+const overlayLogoAccommodations = [
+	titleOnlyLogoAccommodation,
+	inlineWordmarkLogoAccommodation,
+	inlineMarkWithTitleLogoAccommodation,
+	unbackedOverlayLogoAccommodation
+];
 /**
-* Soft contained panel: a gentle surface box with soft corners, a hairline
-* border and a low shadow, heading-font questions at a moderate size, chevron,
-* and a tinted open state. For clean, trustworthy, appointment-led styles.
+* Starts every Look from the generated theme's header branch, then clears
+* optional nested styling fields that would otherwise leak from another Look.
 */
-const calmPanelAccordionSystem = {
-	background: {
-		type: "solid",
-		colorToken: "surface"
-	},
-	spacing: "comfortable",
-	corners: "soft",
-	border: {
-		widthClass: "border",
-		colorToken: "border"
+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;
+	return {
+		...header,
+		navContainer: {
+			type: "none",
+			tint: null,
+			opacity: .15
+		}
+	};
+}
+const headerLayoutCatalog = defineExactCatalog()([
+	{
+		id: asHeaderLayoutId("classic"),
+		label: "Classic",
+		description: "Logo and navigation in one practical horizontal row.",
+		structure: "inline-classic",
+		variant: "classic",
+		defaultPositioning: "sticky",
+		shrinkOnScroll: false
 	},
-	shadow: {
-		elevation: "low",
-		softness: "soft",
-		position: "bottom"
+	{
+		id: asHeaderLayoutId("centered"),
+		label: "Centered",
+		description: "Logo centered above a balanced navigation row.",
+		structure: "centered-stack",
+		variant: "centered",
+		defaultPositioning: "static",
+		shrinkOnScroll: false,
+		maxRecommendedNavItems: 5,
+		allowedLogoShapes: [
+			"none",
+			"text-only",
+			"horizontal",
+			"square"
+		]
 	},
-	icon: {
-		style: "chevron",
-		position: "right",
-		size: "md",
-		colorToken: "primary"
+	{
+		id: asHeaderLayoutId("floating"),
+		label: "Floating",
+		description: "Detached header chrome that sits over the opening section.",
+		structure: "floating-shell",
+		variant: "floating",
+		defaultPositioning: "sticky",
+		shrinkOnScroll: true,
+		maxRecommendedNavItems: 5,
+		allowedLogoShapes: [
+			"none",
+			"text-only",
+			"horizontal"
+		]
+	}
+]);
+function supportedLayouts(ids) {
+	return ids.map(asHeaderLayoutId);
+}
+const headerStyleCatalog = defineExactCatalog()([
+	{
+		id: asHeaderStyleId("minimal"),
+		label: "Minimal",
+		description: "Quiet surface with simple color-change navigation.",
+		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+		navInteraction: "color-change",
+		surface: "neutral",
+		defaultDepth: "none",
+		navTypography: "plain",
+		moods: [
+			"calm",
+			"professional",
+			"editorial"
+		]
 	},
-	trigger: {
-		textColorToken: "text",
-		fontWeight: "medium",
-		fontFamily: "heading",
-		fontScale: "md"
+	{
+		id: asHeaderStyleId("fine-line"),
+		label: "Seamless",
+		description: "Borderless surface with underline hover for a quieter page transition.",
+		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+		navInteraction: "underline-grow",
+		surface: "neutral",
+		defaultDepth: "none",
+		navTypography: "plain",
+		moods: [
+			"calm",
+			"professional",
+			"editorial"
+		]
 	},
-	hover: {
-		backgroundColorToken: "primary/5",
-		textColorToken: "primary"
+	{
+		id: asHeaderStyleId("soft-bar"),
+		label: "Soft Bar",
+		description: "Soft tinted surface with gentle pill hover states.",
+		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+		navInteraction: "pill-background",
+		surface: "soft",
+		defaultDepth: "line",
+		navTypography: "plain",
+		moods: ["calm", "professional"]
 	},
-	openState: {
-		backgroundColorToken: "primary/5",
-		triggerColorToken: "primary"
+	{
+		id: asHeaderStyleId("pill-nav"),
+		label: "Pill Nav",
+		description: "A calm pill navigation rail over a neutral header.",
+		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+		navInteraction: "pill-background",
+		surface: "soft",
+		defaultDepth: "none",
+		navTypography: "plain",
+		moods: ["calm"]
 	},
-	content: { textColorToken: "neutral-700" }
-};
-/**
-* Bold bordered panel: a strong-bordered surface box, bold heading-font
-* questions, large plus/minus marks, and a high-emphasis tinted + accented
-* open state. For confident, conversion-led, high-energy styles.
-*/
-const boldBorderedAccordionSystem = {
-	background: {
-		type: "solid",
-		colorToken: "surface"
-	},
-	spacing: "comfortable",
-	corners: "soft",
-	border: {
-		widthClass: "border-2",
-		colorToken: "border"
-	},
-	shadow: null,
-	icon: {
-		style: "plus-minus",
-		position: "right",
-		size: "lg",
-		colorToken: "primary"
-	},
-	trigger: {
-		textColorToken: "text",
-		fontWeight: "bold",
-		fontFamily: "heading",
-		fontScale: "md"
-	},
-	hover: {
-		backgroundColorToken: "primary/10",
-		textColorToken: "primary"
-	},
-	openState: {
-		backgroundColorToken: "primary/10",
-		triggerColorToken: "primary",
-		accent: {
-			edge: "left",
-			colorToken: "primary",
-			thickness: "thick"
-		}
+	{
+		id: asHeaderStyleId("brand-bar"),
+		label: "Brand Bar",
+		description: "Solid brand surface with high-contrast navigation.",
+		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+		navInteraction: "color-change",
+		surface: "brand-solid",
+		defaultDepth: "none",
+		navTypography: "brand-caps",
+		moods: [
+			"professional",
+			"expressive",
+			"utility"
+		]
 	},
-	content: { textColorToken: "neutral-700" }
-};
-/**
-* Warm inset tiles: a tinted (surfaceAlt) root with rounded corners and no
-* border; the open row lifts to the lighter surface colour. Friendly,
-* hands-on, community styles.
-*/
-const warmInsetAccordionSystem = {
-	background: {
-		type: "solid",
-		colorToken: "surfaceAlt"
+	{
+		id: asHeaderStyleId("brand-underline"),
+		label: "Brand Underline",
+		description: "Brand surface with underline-grow navigation.",
+		supportedLayoutIds: supportedLayouts(["classic"]),
+		navInteraction: "underline-grow",
+		surface: "brand-solid",
+		defaultDepth: "none",
+		navTypography: "brand-caps",
+		moods: ["expressive"]
 	},
-	spacing: "comfortable",
-	corners: "rounded",
-	border: null,
-	shadow: null,
-	icon: {
-		style: "circle-plus-minus",
-		position: "right",
-		size: "md",
-		colorToken: "primary"
+	{
+		id: asHeaderStyleId("brand-pill"),
+		label: "Brand Pill",
+		description: "Solid brand surface with rounded active and hover states.",
+		supportedLayoutIds: supportedLayouts([
+			"classic",
+			"centered",
+			"floating"
+		]),
+		navInteraction: "pill-background",
+		surface: "brand-solid",
+		defaultDepth: "none",
+		navTypography: "brand-caps",
+		moods: ["expressive"]
 	},
-	trigger: {
-		textColorToken: "text",
-		fontWeight: "semibold",
-		fontFamily: "heading",
-		fontScale: "md"
+	{
+		id: asHeaderStyleId("brand-capsule"),
+		label: "Brand Capsule",
+		description: "Solid brand chrome designed as a floating capsule, with quiet-caps nav, a soft pill active state, and an inverted CTA pill.",
+		supportedLayoutIds: supportedLayouts(["classic"]),
+		navInteraction: "pill-background",
+		surface: "brand-solid",
+		defaultDepth: "shadow",
+		navTypography: "quiet-caps",
+		moods: ["expressive", "professional"]
 	},
-	hover: {
-		backgroundColorToken: "primary/5",
-		textColorToken: "primary"
+	{
+		id: asHeaderStyleId("serif-line"),
+		label: "Serif Line",
+		description: "Typographic logo treatment with understated underline navigation.",
+		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+		navInteraction: "underline-grow",
+		surface: "bordered",
+		defaultDepth: "line",
+		navTypography: "heading",
+		moods: ["editorial", "calm"]
 	},
-	openState: {
-		backgroundColorToken: "surface",
-		triggerColorToken: "primary"
+	{
+		id: asHeaderStyleId("flat-tabs"),
+		label: "Flat Tabs",
+		description: "Flat block hover and active states with a Swiss utility feel.",
+		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+		navInteraction: "flat-block",
+		surface: "bordered",
+		defaultDepth: "shadow",
+		navTypography: "quiet-caps",
+		moods: [
+			"professional",
+			"utility",
+			"expressive"
+		]
 	},
-	content: { textColorToken: "neutral-700" }
-};
-/**
-* Soft Earth's grounded look: boxless, plus/minus, heading-font questions on
-* a warm ground, with a quiet open recolour.
-*/
-const softEarthAccordionSystem = {
-	background: {
-		type: "solid",
-		colorToken: "background"
+	{
+		id: asHeaderStyleId("glass"),
+		label: "Glass",
+		description: "Translucent chrome with frosted navigation backing.",
+		supportedLayoutIds: supportedLayouts(["floating"]),
+		navInteraction: "glass-backed",
+		surface: "floating",
+		defaultDepth: "shadow",
+		navTypography: "plain",
+		moods: ["expressive", "calm"]
 	},
-	spacing: "comfortable",
-	corners: "square",
-	border: null,
-	shadow: null,
-	icon: {
-		style: "plus-minus",
-		position: "right",
-		size: "md",
-		colorToken: "primary"
+	{
+		id: asHeaderStyleId("minimal-surface"),
+		label: "Clear Split",
+		description: "Floating logo with transparent navigation and no shared shell.",
+		supportedLayoutIds: supportedLayouts(["floating"]),
+		navInteraction: "color-change",
+		surface: "floating",
+		defaultDepth: "none",
+		navTypography: "plain",
+		moods: ["editorial", "calm"]
 	},
-	trigger: {
-		textColorToken: "text",
-		fontWeight: "medium",
-		fontFamily: "heading",
-		fontScale: "md"
+	{
+		id: asHeaderStyleId("soft-shell"),
+		label: "Soft Shell",
+		description: "Floating rounded shell with soft pill navigation states.",
+		supportedLayoutIds: supportedLayouts(["floating"]),
+		navInteraction: "pill-background",
+		surface: "floating",
+		defaultDepth: "shadow",
+		navTypography: "plain",
+		moods: ["calm", "professional"]
 	},
-	hover: { textColorToken: "primary" },
-	openState: { triggerColorToken: "primary" },
-	content: { textColorToken: "neutral-700" }
-};
-//#endregion
-//#region ../theme-core/src/cards/siteStyleDefaults.ts
-/**
-* Reusable card systems for curated site styles.
-*
-* generateCardCss emits a `.card-{id}` class per enabled variant. The
-* intended convention (block-level role selection is wired in a follow-up) is
-* a role pair:
-*   - `default`     — the quiet, everyday card (most blocks, most of the time)
-*   - `alternative` — the prominent "statement" card for sections that pop
-* A card-heavy site style may add a third; the schema allows up to three
-* variants. The planned fallback when a block references a missing variant is
-* `alternative`, then `default`.
-*
-* Keep `default` close to the generated baseline so shared consumers (event
-* cards, testimonials) stay stable; put the personality in `alternative`.
-*/
-/**
-* South West Twerk School: a quiet default surface card plus a high-impact
-* "statement" card that reproduces the legacy accent-quote testimonial surface
-* — burgundy fill, light text, a heavy gold left accent bar, and an expressive
-* asymmetric top-right corner.
-*/
-const southWestCardSystem = { variants: [{
-	id: "default",
-	name: "Default",
-	enabled: true,
-	priority: 1,
-	background: {
-		type: "solid",
-		colorToken: "surface"
+	{
+		id: asHeaderStyleId("split-glass"),
+		label: "Split Glass",
+		description: "Logo floats independently while the navigation sits in a glass rail.",
+		supportedLayoutIds: supportedLayouts(["floating"]),
+		navInteraction: "glass-backed",
+		surface: "floating",
+		defaultDepth: "shadow",
+		navTypography: "quiet-caps",
+		moods: ["expressive"]
 	},
-	foregroundToken: "text",
-	spacing: "comfortable",
-	corners: "soft",
-	shadow: {
-		elevation: "low",
-		softness: "soft",
-		position: "bottom"
-	}
-}, {
-	id: "alternative",
-	name: "Statement",
-	enabled: true,
-	priority: 2,
-	background: {
-		type: "solid",
-		colorToken: "primary-700"
-	},
-	foregroundToken: "primaryForeground",
-	spacing: "comfortable",
-	shadow: {
-		elevation: "none",
-		softness: null,
-		position: "bottom"
-	},
-	accentEdge: {
-		edge: "left",
-		colorToken: "secondary",
-		width: "heavy"
-	},
-	cornerRadii: {
-		topLeft: "square",
-		topRight: "expressive",
-		bottomLeft: "square",
-		bottomRight: "square"
+	{
+		id: asHeaderStyleId("split-pill"),
+		label: "Split Pill",
+		description: "Logo floats independently with a soft pill-backed navigation rail.",
+		supportedLayoutIds: supportedLayouts(["floating"]),
+		navInteraction: "pill-background",
+		surface: "floating",
+		defaultDepth: "shadow",
+		navTypography: "heading",
+		moods: ["calm", "editorial"]
 	}
-}] };
-const clarityZenCardSystem = { variants: [{
-	id: "default",
-	name: "Default",
-	enabled: true,
-	priority: 1,
-	background: {
-		type: "solid",
-		colorToken: "surface"
+]);
+new Map(headerLayoutCatalog.map((layout) => [layout.id, layout]));
+const headerStylesById = new Map(headerStyleCatalog.map((style) => [style.id, style]));
+const headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
+	[asHeaderLayoutId("classic"), headerStyleRepairChain([
+		"minimal",
+		"fine-line",
+		"soft-bar",
+		"pill-nav",
+		"brand-bar",
+		"brand-underline",
+		"brand-pill",
+		"brand-capsule",
+		"serif-line",
+		"flat-tabs"
+	])],
+	[asHeaderLayoutId("centered"), headerStyleRepairChain([
+		"minimal",
+		"fine-line",
+		"soft-bar",
+		"pill-nav",
+		"brand-bar",
+		"brand-pill",
+		"serif-line",
+		"flat-tabs"
+	])],
+	[asHeaderLayoutId("floating"), headerStyleRepairChain([
+		"glass",
+		"minimal-surface",
+		"split-glass",
+		"split-pill",
+		"soft-shell",
+		"brand-pill"
+	])]
+]);
+function headerStyleRepairChain(values) {
+	return values.map(asHeaderStyleId);
+}
+headerStyleRepairChain([
+	"brand-bar",
+	"brand-pill",
+	"minimal"
+]), headerStyleRepairChain([
+	"serif-line",
+	"fine-line",
+	"minimal"
+]), headerStyleRepairChain([
+	"brand-pill",
+	"brand-bar",
+	"minimal"
+]), headerStyleRepairChain([
+	"brand-capsule",
+	"brand-pill",
+	"brand-bar",
+	"minimal"
+]), headerStyleRepairChain([
+	"pill-nav",
+	"soft-bar",
+	"minimal"
+]), headerStyleRepairChain([
+	"flat-tabs",
+	"pill-nav",
+	"minimal"
+]), headerStyleRepairChain([
+	"serif-line",
+	"fine-line",
+	"minimal"
+]), headerStyleRepairChain([
+	"glass",
+	"soft-shell",
+	"fine-line",
+	"minimal-surface",
+	"minimal"
+]), headerStyleRepairChain([
+	"soft-shell",
+	"soft-bar",
+	"minimal"
+]), headerStyleRepairChain(["minimal-surface", "minimal"]), headerStyleRepairChain([
+	"split-glass",
+	"glass",
+	"minimal-surface"
+]), headerStyleRepairChain([
+	"split-pill",
+	"soft-shell",
+	"brand-pill"
+]), headerStyleRepairChain(["fine-line", "minimal"]), headerStyleRepairChain(["soft-bar", "minimal"]), headerStyleRepairChain(["minimal"]);
+const legacyHeaderLookAliases = defineExactCatalog()([
+	{
+		lookId: asHeaderLookId("clean-base"),
+		selection: {
+			layoutId: asHeaderLayoutId("classic"),
+			styleId: asHeaderStyleId("minimal")
+		}
 	},
-	foregroundToken: "text",
-	spacing: "comfortable",
-	corners: "rounded",
-	shadow: {
-		elevation: "low",
-		softness: "soft",
-		position: "bottom"
-	}
-}, {
-	id: "alternative",
-	name: "Statement",
-	enabled: true,
-	priority: 2,
-	background: {
-		type: "solid",
-		colorToken: "surfaceAlt"
+	{
+		lookId: asHeaderLookId("classic-centered-nav"),
+		selection: {
+			layoutId: asHeaderLayoutId("classic"),
+			styleId: asHeaderStyleId("fine-line")
+		}
 	},
-	foregroundToken: "text",
-	spacing: "comfortable",
-	corners: "rounded",
-	shadow: {
-		elevation: "medium",
-		softness: "soft",
-		position: "bottom"
-	}
-}] };
-/**
-* Original Joy: warm, flat, generously rounded cards on the dark clay ground.
-* `default` is a quiet brown surface card with cream text; `alternative` is a
-* burnt-orange statement card for sections that should pop. Both flat (the
-* look's depth comes from colour, not shadow), matching the bold editorial
-* feel. Shared by event and testimonial cards.
-*/
-const originalJoyCardSystem = { variants: [{
-	id: "default",
-	name: "Default",
-	enabled: true,
-	priority: 1,
-	background: {
-		type: "solid",
-		colorToken: "surface"
+	{
+		lookId: asHeaderLookId("brand-solid"),
+		selection: {
+			layoutId: asHeaderLayoutId("classic"),
+			styleId: asHeaderStyleId("brand-bar")
+		}
 	},
-	foregroundToken: "text",
-	spacing: "comfortable",
-	corners: "rounded",
-	shadow: {
-		elevation: "none",
-		softness: null,
-		position: "bottom"
-	}
-}, {
-	id: "alternative",
-	name: "Statement",
-	enabled: true,
-	priority: 2,
-	background: {
-		type: "solid",
-		colorToken: "primary"
+	{
+		lookId: asHeaderLookId("serif-line"),
+		selection: {
+			layoutId: asHeaderLayoutId("centered"),
+			styleId: asHeaderStyleId("serif-line")
+		}
 	},
-	foregroundToken: "primaryForeground",
-	spacing: "comfortable",
-	corners: "rounded",
-	shadow: {
-		elevation: "none",
-		softness: null,
-		position: "bottom"
-	}
-}] };
-//#endregion
-//#region ../theme-core/src/site-styles/testimonialQuotePresets.ts
-/**
-* Reusable testimonial quote-mark treatments for curated site styles.
-*
-* The quote mark is brand identity the site style owns (analogous to the FAQ
-* accordion icon); every curated style declares one. `style` is the coarse
-* selector and the resolver in blocks/vars/testimonials.ts fills in the rest.
-*/
-/** Large display quotation mark in the heading font. Editorial / calm styles. */
-const serifDisplayQuote = { style: "serif-display" };
-/** Punchy quotation mark in the secondary accent colour. Bold / accent styles. */
-const accentGlyphQuote = { style: "accent-glyph" };
-/**
-* Curated library of gradient presets.
-* All gradients use theme color tokens, so they adapt to the site's palette.
-*/
-const GRADIENT_PRESETS = [
 	{
-		id: "primary-secondary",
-		name: "Primary to Secondary",
-		description: "Blend your primary and secondary brand colors",
-		type: "linear",
-		angle: 135,
-		stops: [{
-			color: "primary-500",
-			position: 0
-		}, {
-			color: "secondary-500",
-			position: 100
-		}]
+		lookId: asHeaderLookId("centered-calm"),
+		selection: {
+			layoutId: asHeaderLayoutId("centered"),
+			styleId: asHeaderStyleId("minimal")
+		}
 	},
 	{
-		id: "primary-accent",
-		name: "Primary to Accent",
-		description: "Energetic gradient from primary to accent",
-		type: "linear",
-		angle: 135,
-		stops: [{
-			color: "primary-500",
-			position: 0
-		}, {
-			color: "accent-500",
-			position: 100
-		}]
-	},
-	{
-		id: "secondary-accent",
-		name: "Secondary to Accent",
-		description: "Vibrant secondary to accent blend",
-		type: "linear",
-		angle: 135,
-		stops: [{
-			color: "secondary-500",
-			position: 0
-		}, {
-			color: "accent-500",
-			position: 100
-		}]
-	},
-	{
-		id: "primary-light-dark",
-		name: "Primary Light to Dark",
-		description: "Subtle primary color fade",
-		type: "linear",
-		angle: 180,
-		stops: [{
-			color: "primary-500",
-			position: 0
-		}, {
-			color: "primary-900",
-			position: 100
-		}]
-	},
-	{
-		id: "primary-dark-light",
-		name: "Primary Dark to Light",
-		description: "Reverse primary fade",
-		type: "linear",
-		angle: 180,
-		stops: [{
-			color: "primary-900",
-			position: 0
-		}, {
-			color: "primary-50",
-			position: 100
-		}]
-	},
-	{
-		id: "secondary-light-dark",
-		name: "Secondary Light to Dark",
-		description: "Subtle secondary color fade",
-		type: "linear",
-		angle: 180,
-		stops: [{
-			color: "secondary-500",
-			position: 0
-		}, {
-			color: "secondary-900",
-			position: 100
-		}]
-	},
-	{
-		id: "accent-light-dark",
-		name: "Accent Light to Dark",
-		description: "Accent color depth fade",
-		type: "linear",
-		angle: 180,
-		stops: [{
-			color: "accent-500",
-			position: 0
-		}, {
-			color: "accent-900",
-			position: 100
-		}]
-	},
-	{
-		id: "background-surface",
-		name: "Background to Surface",
-		description: "Subtle depth using base colors",
-		type: "linear",
-		angle: 180,
-		stops: [{
-			color: "background",
-			position: 0
-		}, {
-			color: "surface",
-			position: 100
-		}]
-	},
-	{
-		id: "neutral-fade",
-		name: "Neutral Gradient",
-		description: "Elegant neutral color fade",
-		type: "linear",
-		angle: 180,
-		stops: [{
-			color: "neutral-900",
-			position: 0
-		}, {
-			color: "neutral-50",
-			position: 100
-		}]
+		lookId: asHeaderLookId("practical-utility"),
+		selection: {
+			layoutId: asHeaderLayoutId("classic"),
+			styleId: asHeaderStyleId("flat-tabs")
+		}
 	},
 	{
-		id: "primary-glow",
-		name: "Primary glow",
-		description: "A soft top-centred glow using your primary palette",
-		type: "radial",
-		shape: "ellipse",
-		position: "top center",
-		stops: [{
-			color: "primary-900",
-			position: 0
-		}, {
-			color: "primary-950",
-			position: 100
-		}],
-		foreground: {
-			textColor: "onPrimary900",
-			headingColor: "onPrimary900",
-			linkColor: "onPrimary900",
-			supportingColor: "onPrimary900"
+		lookId: asHeaderLookId("minimal-transparent"),
+		selection: {
+			layoutId: asHeaderLayoutId("classic"),
+			styleId: asHeaderStyleId("minimal")
 		}
 	},
 	{
-		id: "accent-glow",
-		name: "Accent glow",
-		description: "A soft top-centred glow using your accent palette",
-		type: "radial",
-		shape: "ellipse",
-		position: "top center",
-		stops: [{
-			color: "accent-900",
-			position: 0
-		}, {
-			color: "accent-950",
-			position: 100
-		}],
-		foreground: {
-			textColor: "onAccent900",
-			headingColor: "onAccent900",
-			linkColor: "onAccent900",
-			supportingColor: "onAccent900"
+		lookId: asHeaderLookId("transparent-overlay"),
+		selection: {
+			layoutId: asHeaderLayoutId("floating"),
+			styleId: asHeaderStyleId("glass")
 		}
 	},
 	{
-		id: "primary-secondary-accent",
-		name: "Brand Trio",
-		description: "All three brand colors in harmony",
-		type: "linear",
-		angle: 135,
-		stops: [
-			{
-				color: "primary-500",
-				position: 0
-			},
-			{
-				color: "secondary-500",
-				position: 50
-			},
-			{
-				color: "accent-500",
-				position: 100
-			}
-		]
+		lookId: asHeaderLookId("floating-glass"),
+		selection: {
+			layoutId: asHeaderLayoutId("floating"),
+			styleId: asHeaderStyleId("glass")
+		}
 	}
-].map((preset) => ({
-	...preset,
-	id: preset.id,
-	stops: preset.stops
-}));
-const GRADIENT_PRESET_IDS = GRADIENT_PRESETS.map((preset) => preset.id);
-const gradientPresetIdSet = new Set(GRADIENT_PRESET_IDS);
-Object.fromEntries(GRADIENT_PRESETS.map((preset) => [preset.id, preset]));
-function parseGradientPresetId(value) {
-	if (typeof value !== "string") return null;
-	const normalized = value.trim();
-	if (!gradientPresetIdSet.has(normalized)) return null;
-	return normalized;
+]);
+const legacyHeaderLookAliasesById = new Map(legacyHeaderLookAliases.map((alias) => [alias.lookId, alias]));
+function getHeaderStyle(id) {
+	return headerStylesById.get(id) ?? null;
 }
-//#endregion
-//#region ../theme-core/src/site-styles/headerLooks.ts
-function asHeaderLookId(value) {
-	return value;
+function isHeaderStyleCompatibleWithLayout(style, layoutId) {
+	return style.supportedLayoutIds.includes(layoutId);
 }
-function asHeaderLayoutId(value) {
-	return value;
+function getHeaderStyleOrThrow(id) {
+	const style = getHeaderStyle(id);
+	if (!style) throw new Error(`Unknown Theme V2 header style: ${id}`);
+	return style;
 }
-function asHeaderStyleId(value) {
-	return value;
+function resolveLegacyHeaderLookAlias(lookId) {
+	return legacyHeaderLookAliasesById.get(lookId)?.selection ?? null;
 }
-const titleOnlyLogoAccommodation = {
-	pattern: "title-only",
-	supportedShapes: [
-		"none",
-		"horizontal",
-		"square",
-		"portrait",
-		"tall"
-	],
-	supportedTextPresence: [
-		"contains-text",
-		"no-text",
-		"unknown"
-	],
-	supportedDisplayModes: ["title-only"],
-	size: "compact"
-};
-const inlineWordmarkLogoAccommodation = {
-	pattern: "inline-wordmark",
-	supportedShapes: ["horizontal"],
-	supportedTextPresence: [
-		"contains-text",
-		"no-text",
-		"unknown"
-	],
-	supportedDisplayModes: ["logo-only"],
-	size: "standard",
-	maxDensity: "detailed"
-};
-const inlineMarkWithTitleLogoAccommodation = {
-	pattern: "inline-mark-with-title",
-	supportedShapes: [
-		"horizontal",
-		"square",
-		"portrait",
-		"tall"
-	],
-	supportedTextPresence: ["no-text"],
-	supportedDisplayModes: ["logo-plus-title"],
-	size: "compact",
-	maxDensity: "simple"
-};
-const logoPlateAccommodation = {
-	pattern: "logo-plate",
-	supportedShapes: [
-		"square",
-		"portrait",
-		"tall"
-	],
-	supportedTextPresence: ["contains-text", "unknown"],
-	supportedDisplayModes: ["logo-only"],
-	size: "display",
-	providesBacking: true
-};
-const centeredBadgeAccommodation = {
-	pattern: "centered-badge",
-	supportedShapes: [
-		"square",
-		"portrait",
-		"tall"
-	],
-	supportedTextPresence: ["contains-text", "unknown"],
-	supportedDisplayModes: ["logo-only"],
-	size: "display",
-	providesBacking: true
-};
-const popoutBadgeAccommodation = {
-	pattern: "popout-badge",
-	supportedShapes: [
-		"square",
-		"portrait",
-		"tall"
-	],
-	supportedTextPresence: ["contains-text", "unknown"],
-	supportedDisplayModes: ["logo-only"],
-	size: "display",
-	providesBacking: true
-};
-const centeredMastheadAccommodation = {
-	pattern: "centered-masthead",
-	supportedShapes: [
-		"square",
-		"portrait",
-		"tall"
-	],
-	supportedTextPresence: ["contains-text", "unknown"],
-	supportedDisplayModes: ["logo-only"],
-	size: "display",
-	providesBacking: true
-};
-const unbackedOverlayLogoAccommodation = {
-	pattern: "inline-logo-only",
-	supportedShapes: ["square"],
-	supportedTextPresence: ["contains-text", "unknown"],
-	supportedDisplayModes: ["logo-only"],
-	size: "compact",
-	providesBacking: false
-};
-const inlineClassicLogoAccommodations = [
-	titleOnlyLogoAccommodation,
-	inlineWordmarkLogoAccommodation,
-	inlineMarkWithTitleLogoAccommodation,
-	popoutBadgeAccommodation,
-	logoPlateAccommodation
-];
-const centeredLogoAccommodations = [
-	titleOnlyLogoAccommodation,
-	inlineWordmarkLogoAccommodation,
-	inlineMarkWithTitleLogoAccommodation,
-	centeredMastheadAccommodation,
-	centeredBadgeAccommodation
-];
-const overlayLogoAccommodations = [
-	titleOnlyLogoAccommodation,
-	inlineWordmarkLogoAccommodation,
-	inlineMarkWithTitleLogoAccommodation,
-	unbackedOverlayLogoAccommodation
-];
-/**
-* Starts every Look from the generated theme's header branch, then clears
-* 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;
+function getCompatibleHeaderStyleIds(layoutId) {
+	return (headerStyleCompatibilityOrder.get(layoutId) ?? []).filter((styleId) => {
+		return isHeaderStyleCompatibleWithLayout(getHeaderStyleOrThrow(styleId), layoutId);
+	});
+}
+function applyNavTypography(style, typography) {
+	switch (typography) {
+		case "plain": return style;
+		case "heading": return {
+			...style,
+			typography: "heading",
+			fontWeight: "medium",
+			letterSpacing: "wide"
+		};
+		case "quiet-caps": return {
+			...style,
+			textTransform: "uppercase",
+			textSize: "sm",
+			letterSpacing: "wide"
+		};
+		case "brand-caps": return {
+			...style,
+			textTransform: "uppercase",
+			textSize: "sm",
+			letterSpacing: "wider"
+		};
+		default: return assertNever$1(typography, "Unhandled header nav typography");
+	}
+}
+function underlineNavLinkStyle(colorToken, underlineColorToken, typography = "plain") {
+	return applyNavTypography({
+		name: "Underline grow",
+		typography: "body",
+		fontWeight: "medium",
+		textTransform: "none",
+		italic: false,
+		colorToken,
+		padding: "compact",
+		paddingX: "compact",
+		borderRadius: "none",
+		effects: { hover: [{
+			effectId: "nav-underline",
+			options: {
+				style: "grow",
+				...underlineColorToken ? { colorToken: underlineColorToken } : {}
+			}
+		}] }
+	}, typography);
+}
+function themedHeaderShadow(theme) {
+	switch (theme.shadow.elevation) {
+		case "none": return;
+		case "low": return { elevation: "sm" };
+		case "medium": return { elevation: "md" };
+		case "high": return { elevation: "lg" };
+		default: return assertNever$1(theme.shadow.elevation, "Unhandled theme shadow elevation");
+	}
+}
+function solidBrandHeader(theme) {
+	const ctaVariant = resolveHeaderCtaVariant(theme, "inverted");
 	return {
-		...header,
-		navContainer: {
-			type: "none",
-			tint: null,
-			opacity: .15
-		}
+		...baseHeader(theme),
+		variant: "classic",
+		positioning: "sticky",
+		shrinkOnScroll: true,
+		background: {
+			type: "color",
+			color: "primary"
+		},
+		textColor: "primaryForeground",
+		navColor: "primaryForeground",
+		navStyle: "underline-grow",
+		navWeight: "bold",
+		navLinkStyle: {
+			typography: "body",
+			fontWeight: "bold",
+			textTransform: "uppercase",
+			italic: false,
+			colorToken: "primaryForeground",
+			hoverColorToken: "secondary",
+			textSize: "sm",
+			letterSpacing: "wider",
+			padding: "compact",
+			paddingX: "compact",
+			borderRadius: "none",
+			effects: { hover: [{
+				effectId: "text-color-change",
+				options: { hoverColorToken: "secondary" }
+			}, {
+				effectId: "nav-underline",
+				options: {
+					style: "grow",
+					colorToken: "secondary"
+				}
+			}] }
+		},
+		dropdownStyle: {
+			background: "primary-700",
+			textColor: "primaryForeground",
+			borderColor: null,
+			shadow: "md",
+			borderRadius: "md",
+			hoverBackground: "primary-900",
+			hoverTextColor: "secondary",
+			textTransform: "uppercase",
+			letterSpacing: "wider",
+			fontWeight: "bold",
+			textSize: "sm"
+		},
+		border: {
+			style: "solid",
+			width: "none",
+			position: "none"
+		},
+		logoText: {
+			hideOnShrink: true,
+			mobileMaxWidth: "sm",
+			mobileWrapLines: 2
+		},
+		ctaGap: "compact",
+		ctaTreatment: "inverted",
+		...ctaVariant ? { ctaVariant } : {}
 	};
 }
-const headerLayoutCatalog = defineExactCatalog()([
-	{
-		id: asHeaderLayoutId("classic"),
-		label: "Classic",
-		description: "Logo and navigation in one practical horizontal row.",
-		structure: "inline-classic",
+function cleanBaseHeader(theme) {
+	return {
+		...baseHeader(theme),
 		variant: "classic",
-		defaultPositioning: "sticky",
-		shrinkOnScroll: false
-	},
-	{
-		id: asHeaderLayoutId("centered"),
-		label: "Centered",
-		description: "Logo centered above a balanced navigation row.",
-		structure: "centered-stack",
-		variant: "centered",
-		defaultPositioning: "static",
+		positioning: "sticky",
 		shrinkOnScroll: false,
-		maxRecommendedNavItems: 5,
-		allowedLogoShapes: [
-			"none",
-			"text-only",
-			"horizontal",
-			"square"
-		]
-	},
-	{
-		id: asHeaderLayoutId("floating"),
-		label: "Floating",
-		description: "Detached header chrome that sits over the opening section.",
-		structure: "floating-shell",
-		variant: "floating",
-		defaultPositioning: "sticky",
-		shrinkOnScroll: true,
-		maxRecommendedNavItems: 5,
-		allowedLogoShapes: [
-			"none",
-			"text-only",
-			"horizontal"
-		]
-	}
-]);
-function supportedLayouts(ids) {
-	return ids.map(asHeaderLayoutId);
-}
-const headerStyleCatalog = defineExactCatalog()([
-	{
-		id: asHeaderStyleId("minimal"),
-		label: "Minimal",
-		description: "Quiet surface with simple color-change navigation.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navInteraction: "color-change",
-		surface: "neutral",
-		defaultDepth: "none",
-		navTypography: "plain",
-		moods: [
-			"calm",
-			"professional",
-			"editorial"
-		]
+		background: {
+			type: "color",
+			color: "surface"
+		},
+		textColor: "text",
+		navColor: "text",
+		navStyle: "minimal",
+		navWeight: "medium",
+		border: {
+			style: "solid",
+			width: "thin",
+			position: "bottom",
+			colorToken: "border"
+		},
+		ctaTreatment: "default",
+		ctaGap: "default"
+	};
+}
+function classicCenteredNavHeader(theme) {
+	return {
+		...baseHeader(theme),
+		variant: "classic",
+		navPlacement: "center",
+		positioning: "sticky",
+		shrinkOnScroll: false,
+		background: {
+			type: "color",
+			color: "surface"
+		},
+		textColor: "text",
+		navColor: "text",
+		navStyle: "underline-grow",
+		navWeight: "medium",
+		navLinkStyle: underlineNavLinkStyle("text", "accent"),
+		border: {
+			style: "solid",
+			width: "thin",
+			position: "bottom",
+			colorToken: "border"
+		},
+		ctaTreatment: "primary",
+		ctaVariant: resolveHeaderCtaVariant(theme, "primary"),
+		ctaGap: "default",
+		logoText: {
+			mobileMaxWidth: "sm",
+			mobileWrapLines: 1,
+			hideOnShrink: false
+		}
+	};
+}
+function serifLineHeader(theme) {
+	return {
+		...baseHeader(theme),
+		variant: "centered",
+		positioning: "sticky",
+		shrinkOnScroll: false,
+		background: {
+			type: "color",
+			color: "background"
+		},
+		textColor: "text",
+		navColor: "text",
+		navStyle: "underline-grow",
+		navWeight: "medium",
+		logo: {
+			fontFamily: "heading",
+			letterSpacing: "wide",
+			gradient: false
+		},
+		border: {
+			style: "solid",
+			width: "none",
+			position: "none"
+		},
+		shadow: { elevation: "none" },
+		ctaTreatment: "outline",
+		ctaVariant: resolveHeaderCtaVariant(theme, "outline"),
+		ctaGap: "relaxed"
+	};
+}
+function centeredCalmHeader(theme) {
+	return {
+		...baseHeader(theme),
+		variant: "centered",
+		positioning: "static",
+		shrinkOnScroll: false,
+		background: {
+			type: "color",
+			color: "surface"
+		},
+		textColor: "text",
+		navColor: "text",
+		navStyle: "minimal",
+		navWeight: "medium",
+		ctaTreatment: "ghost",
+		ctaVariant: resolveHeaderCtaVariant(theme, "ghost"),
+		ctaGap: "none"
+	};
+}
+function practicalUtilityHeader(theme) {
+	return {
+		...baseHeader(theme),
+		variant: "classic",
+		positioning: "sticky",
+		shrinkOnScroll: true,
+		background: {
+			type: "color",
+			color: "surface"
+		},
+		textColor: "text",
+		navColor: "text",
+		navStyle: "solid",
+		navWeight: "semibold",
+		shadow: themedHeaderShadow(theme),
+		border: {
+			style: "solid",
+			width: "thin",
+			position: "bottom",
+			colorToken: "border"
+		},
+		ctaTreatment: "primary",
+		ctaVariant: resolveHeaderCtaVariant(theme, "primary"),
+		ctaGap: "compact",
+		logoText: {
+			mobileMaxWidth: "sm",
+			mobileWrapLines: 1,
+			hideOnShrink: false
+		}
+	};
+}
+function minimalTransparentHeader(theme) {
+	return {
+		...baseHeader(theme),
+		variant: "classic",
+		positioning: "static",
+		shrinkOnScroll: false,
+		background: {
+			type: "color",
+			color: "transparent"
+		},
+		textColor: "text",
+		navColor: "text",
+		navStyle: "underline",
+		navWeight: "medium",
+		border: {
+			style: "solid",
+			width: "none",
+			position: "none"
+		},
+		ctaTreatment: "outline",
+		ctaVariant: resolveHeaderCtaVariant(theme, "outline"),
+		ctaGap: "default"
+	};
+}
+function transparentOverlayHeader(theme) {
+	return {
+		...baseHeader(theme),
+		variant: "transparent",
+		positioning: "fixed",
+		shrinkOnScroll: true,
+		background: {
+			type: "color",
+			color: "transparent"
+		},
+		textColor: "background",
+		navColor: "background",
+		navStyle: "frosted",
+		navWeight: "semibold",
+		border: {
+			style: "solid",
+			width: "none",
+			position: "none"
+		},
+		ctaTreatment: "inverted",
+		ctaVariant: resolveHeaderCtaVariant(theme, "inverted"),
+		ctaGap: "compact"
+	};
+}
+function floatingGlassHeader(theme) {
+	return {
+		...transparentOverlayHeader(theme),
+		variant: "floating",
+		positioning: "sticky",
+		navStyle: "frosted",
+		navContainer: {
+			type: "glass",
+			tint: "text",
+			opacity: .16
+		},
+		container: {
+			rounded: "2xl",
+			border: true,
+			shadow: true,
+			padding: "sm",
+			tint: "background",
+			opacity: .12
+		}
+	};
+}
+const headerLookCatalog = defineExactCatalog()([
+	{
+		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
 	},
 	{
-		id: asHeaderStyleId("fine-line"),
-		label: "Seamless",
-		description: "Borderless surface with underline hover for a quieter page transition.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navInteraction: "underline-grow",
-		surface: "neutral",
-		defaultDepth: "none",
-		navTypography: "plain",
-		moods: [
-			"calm",
-			"professional",
-			"editorial"
-		]
+		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,
+		compile: classicCenteredNavHeader
 	},
 	{
-		id: asHeaderStyleId("soft-bar"),
-		label: "Soft Bar",
-		description: "Soft tinted surface with gentle pill hover states.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navInteraction: "pill-background",
-		surface: "soft",
-		defaultDepth: "line",
-		navTypography: "plain",
-		moods: ["calm", "professional"]
-	},
-	{
-		id: asHeaderStyleId("pill-nav"),
-		label: "Pill Nav",
-		description: "A calm pill navigation rail over a neutral header.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navInteraction: "pill-background",
-		surface: "soft",
-		defaultDepth: "none",
-		navTypography: "plain",
-		moods: ["calm"]
-	},
-	{
-		id: asHeaderStyleId("brand-bar"),
-		label: "Brand Bar",
-		description: "Solid brand surface with high-contrast navigation.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navInteraction: "color-change",
-		surface: "brand-solid",
-		defaultDepth: "none",
-		navTypography: "brand-caps",
-		moods: [
-			"professional",
-			"expressive",
-			"utility"
-		]
-	},
-	{
-		id: asHeaderStyleId("brand-underline"),
-		label: "Brand Underline",
-		description: "Brand surface with underline-grow navigation.",
-		supportedLayoutIds: supportedLayouts(["classic"]),
-		navInteraction: "underline-grow",
-		surface: "brand-solid",
-		defaultDepth: "none",
-		navTypography: "brand-caps",
-		moods: ["expressive"]
-	},
-	{
-		id: asHeaderStyleId("brand-pill"),
-		label: "Brand Pill",
-		description: "Solid brand surface with rounded active and hover states.",
-		supportedLayoutIds: supportedLayouts([
-			"classic",
-			"centered",
-			"floating"
-		]),
-		navInteraction: "pill-background",
-		surface: "brand-solid",
-		defaultDepth: "none",
-		navTypography: "brand-caps",
-		moods: ["expressive"]
-	},
-	{
-		id: asHeaderStyleId("brand-capsule"),
-		label: "Brand Capsule",
-		description: "Solid brand chrome designed as a floating capsule, with quiet-caps nav, a soft pill active state, and an inverted CTA pill.",
-		supportedLayoutIds: supportedLayouts(["classic"]),
-		navInteraction: "pill-background",
-		surface: "brand-solid",
-		defaultDepth: "shadow",
-		navTypography: "quiet-caps",
-		moods: ["expressive", "professional"]
-	},
-	{
-		id: asHeaderStyleId("serif-line"),
-		label: "Serif Line",
-		description: "Typographic logo treatment with understated underline navigation.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navInteraction: "underline-grow",
-		surface: "bordered",
-		defaultDepth: "line",
-		navTypography: "heading",
-		moods: ["editorial", "calm"]
+		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
 	},
 	{
-		id: asHeaderStyleId("flat-tabs"),
-		label: "Flat Tabs",
-		description: "Flat block hover and active states with a Swiss utility feel.",
-		supportedLayoutIds: supportedLayouts(["classic", "centered"]),
-		navInteraction: "flat-block",
-		surface: "bordered",
-		defaultDepth: "shadow",
-		navTypography: "quiet-caps",
-		moods: [
-			"professional",
-			"utility",
-			"expressive"
-		]
+		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,
+		compile: serifLineHeader
 	},
 	{
-		id: asHeaderStyleId("glass"),
-		label: "Glass",
-		description: "Translucent chrome with frosted navigation backing.",
-		supportedLayoutIds: supportedLayouts(["floating"]),
-		navInteraction: "glass-backed",
-		surface: "floating",
-		defaultDepth: "shadow",
-		navTypography: "plain",
-		moods: ["expressive", "calm"]
+		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,
+		compile: centeredCalmHeader
 	},
 	{
-		id: asHeaderStyleId("minimal-surface"),
-		label: "Clear Split",
-		description: "Floating logo with transparent navigation and no shared shell.",
-		supportedLayoutIds: supportedLayouts(["floating"]),
-		navInteraction: "color-change",
-		surface: "floating",
-		defaultDepth: "none",
-		navTypography: "plain",
-		moods: ["editorial", "calm"]
+		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,
+		compile: practicalUtilityHeader
 	},
 	{
-		id: asHeaderStyleId("soft-shell"),
-		label: "Soft Shell",
-		description: "Floating rounded shell with soft pill navigation states.",
-		supportedLayoutIds: supportedLayouts(["floating"]),
-		navInteraction: "pill-background",
-		surface: "floating",
-		defaultDepth: "shadow",
-		navTypography: "plain",
-		moods: ["calm", "professional"]
+		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
 	},
 	{
-		id: asHeaderStyleId("split-glass"),
-		label: "Split Glass",
-		description: "Logo floats independently while the navigation sits in a glass rail.",
-		supportedLayoutIds: supportedLayouts(["floating"]),
-		navInteraction: "glass-backed",
-		surface: "floating",
-		defaultDepth: "shadow",
-		navTypography: "quiet-caps",
-		moods: ["expressive"]
+		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,
+		compile: transparentOverlayHeader
 	},
 	{
-		id: asHeaderStyleId("split-pill"),
-		label: "Split Pill",
-		description: "Logo floats independently with a soft pill-backed navigation rail.",
-		supportedLayoutIds: supportedLayouts(["floating"]),
-		navInteraction: "pill-background",
-		surface: "floating",
-		defaultDepth: "shadow",
-		navTypography: "heading",
-		moods: ["calm", "editorial"]
+		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 Map(headerLayoutCatalog.map((layout) => [layout.id, layout]));
-const headerStylesById = new Map(headerStyleCatalog.map((style) => [style.id, style]));
-const headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
-	[asHeaderLayoutId("classic"), headerStyleRepairChain([
-		"minimal",
-		"fine-line",
-		"soft-bar",
-		"pill-nav",
-		"brand-bar",
-		"brand-underline",
-		"brand-pill",
-		"brand-capsule",
-		"serif-line",
-		"flat-tabs"
-	])],
-	[asHeaderLayoutId("centered"), headerStyleRepairChain([
-		"minimal",
-		"fine-line",
-		"soft-bar",
-		"pill-nav",
-		"brand-bar",
-		"brand-pill",
-		"serif-line",
-		"flat-tabs"
-	])],
-	[asHeaderLayoutId("floating"), headerStyleRepairChain([
-		"glass",
-		"minimal-surface",
-		"split-glass",
-		"split-pill",
-		"soft-shell",
-		"brand-pill"
-	])]
-]);
-function headerStyleRepairChain(values) {
-	return values.map(asHeaderStyleId);
-}
-headerStyleRepairChain([
-	"brand-bar",
-	"brand-pill",
-	"minimal"
-]), headerStyleRepairChain([
-	"serif-line",
-	"fine-line",
-	"minimal"
-]), headerStyleRepairChain([
-	"brand-pill",
-	"brand-bar",
-	"minimal"
-]), headerStyleRepairChain([
-	"brand-capsule",
-	"brand-pill",
-	"brand-bar",
-	"minimal"
-]), headerStyleRepairChain([
-	"pill-nav",
-	"soft-bar",
-	"minimal"
-]), headerStyleRepairChain([
-	"flat-tabs",
-	"pill-nav",
-	"minimal"
-]), headerStyleRepairChain([
-	"serif-line",
-	"fine-line",
-	"minimal"
-]), headerStyleRepairChain([
-	"glass",
-	"soft-shell",
-	"fine-line",
-	"minimal-surface",
-	"minimal"
-]), headerStyleRepairChain([
-	"soft-shell",
-	"soft-bar",
-	"minimal"
-]), headerStyleRepairChain(["minimal-surface", "minimal"]), headerStyleRepairChain([
-	"split-glass",
-	"glass",
-	"minimal-surface"
-]), headerStyleRepairChain([
-	"split-pill",
-	"soft-shell",
-	"brand-pill"
-]), headerStyleRepairChain(["fine-line", "minimal"]), headerStyleRepairChain(["soft-bar", "minimal"]), headerStyleRepairChain(["minimal"]);
-const legacyHeaderLookAliases = defineExactCatalog()([
-	{
-		lookId: asHeaderLookId("clean-base"),
-		selection: {
-			layoutId: asHeaderLayoutId("classic"),
-			styleId: asHeaderStyleId("minimal")
-		}
-	},
-	{
-		lookId: asHeaderLookId("classic-centered-nav"),
-		selection: {
-			layoutId: asHeaderLayoutId("classic"),
-			styleId: asHeaderStyleId("fine-line")
-		}
-	},
-	{
-		lookId: asHeaderLookId("brand-solid"),
-		selection: {
-			layoutId: asHeaderLayoutId("classic"),
-			styleId: asHeaderStyleId("brand-bar")
-		}
-	},
-	{
-		lookId: asHeaderLookId("serif-line"),
-		selection: {
-			layoutId: asHeaderLayoutId("centered"),
-			styleId: asHeaderStyleId("serif-line")
-		}
-	},
-	{
-		lookId: asHeaderLookId("centered-calm"),
-		selection: {
-			layoutId: asHeaderLayoutId("centered"),
-			styleId: asHeaderStyleId("minimal")
-		}
-	},
-	{
-		lookId: asHeaderLookId("practical-utility"),
-		selection: {
-			layoutId: asHeaderLayoutId("classic"),
-			styleId: asHeaderStyleId("flat-tabs")
-		}
-	},
-	{
-		lookId: asHeaderLookId("minimal-transparent"),
-		selection: {
-			layoutId: asHeaderLayoutId("classic"),
-			styleId: asHeaderStyleId("minimal")
-		}
-	},
-	{
-		lookId: asHeaderLookId("transparent-overlay"),
-		selection: {
-			layoutId: asHeaderLayoutId("floating"),
-			styleId: asHeaderStyleId("glass")
-		}
-	},
-	{
-		lookId: asHeaderLookId("floating-glass"),
-		selection: {
-			layoutId: asHeaderLayoutId("floating"),
-			styleId: asHeaderStyleId("glass")
-		}
-	}
-]);
-const legacyHeaderLookAliasesById = new Map(legacyHeaderLookAliases.map((alias) => [alias.lookId, alias]));
-function getHeaderStyle(id) {
-	return headerStylesById.get(id) ?? null;
-}
-function isHeaderStyleCompatibleWithLayout(style, layoutId) {
-	return style.supportedLayoutIds.includes(layoutId);
-}
-function getHeaderStyleOrThrow(id) {
-	const style = getHeaderStyle(id);
-	if (!style) throw new Error(`Unknown Theme V2 header style: ${id}`);
-	return style;
-}
-function resolveLegacyHeaderLookAlias(lookId) {
-	return legacyHeaderLookAliasesById.get(lookId)?.selection ?? null;
+new Set(headerLookCatalog.map((look) => headerConfigurationKey(look.configuration)));
+new Map(headerLookCatalog.map((look) => [look.id, look]));
+function headerConfigurationKey(configuration) {
+	return `${configuration.structure}:${configuration.treatment}:${configuration.behavior}`;
 }
-function getCompatibleHeaderStyleIds(layoutId) {
-	return (headerStyleCompatibilityOrder.get(layoutId) ?? []).filter((styleId) => {
-		return isHeaderStyleCompatibleWithLayout(getHeaderStyleOrThrow(styleId), layoutId);
-	});
+//#endregion
+//#region ../theme-core/src/site-styles/sectionTransitions.ts
+function boundaryRuntimeMetrics(family, size, heightExpression) {
+	return {
+		family,
+		size,
+		heightCss: heightExpression.includes(" ") ? `calc(${heightExpression})` : heightExpression,
+		reserveCss: `calc((${heightExpression}) / 2)`
+	};
 }
-function applyNavTypography(style, typography) {
-	switch (typography) {
-		case "plain": return style;
-		case "heading": return {
-			...style,
-			typography: "heading",
-			fontWeight: "medium",
-			letterSpacing: "wide"
-		};
-		case "quiet-caps": return {
-			...style,
-			textTransform: "uppercase",
-			textSize: "sm",
-			letterSpacing: "wide"
-		};
-		case "brand-caps": return {
-			...style,
-			textTransform: "uppercase",
-			textSize: "sm",
-			letterSpacing: "wider"
-		};
-		default: return assertNever$1(typography, "Unhandled header nav typography");
+boundaryRuntimeMetrics("gradient", "medium", "6rem + 2px"), boundaryRuntimeMetrics("gradient", "spacious", "10rem"), boundaryRuntimeMetrics("gradient", "expansive", "14rem"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("wave", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("wave", "large", "7rem + 2px"), boundaryRuntimeMetrics("wave", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "medium", "6rem + 2px"), boundaryRuntimeMetrics("angle", "compact", "4.5rem + 2px"), boundaryRuntimeMetrics("angle", "large", "7rem + 2px");
+const noneBoundaryOption = {
+	id: asBoundaryOptionId("break:none"),
+	label: "None",
+	transitionAfter: "none",
+	treatment: { kind: "none" }
+};
+const softBoundaryOption = {
+	id: asBoundaryOptionId("break:soft"),
+	label: "Soft",
+	transitionAfter: "soft-fade-short",
+	treatment: {
+		kind: "soft-fade",
+		height: "medium",
+		curve: "soft"
 	}
-}
-function underlineNavLinkStyle(colorToken, underlineColorToken, typography = "plain") {
-	return applyNavTypography({
-		name: "Underline grow",
-		typography: "body",
-		fontWeight: "medium",
-		textTransform: "none",
-		italic: false,
-		colorToken,
-		padding: "compact",
-		paddingX: "compact",
-		borderRadius: "none",
-		effects: { hover: [{
-			effectId: "nav-underline",
-			options: {
-				style: "grow",
-				...underlineColorToken ? { colorToken: underlineColorToken } : {}
-			}
-		}] }
-	}, typography);
-}
-function themedHeaderShadow(theme) {
-	switch (theme.shadow.elevation) {
-		case "none": return;
-		case "low": return { elevation: "sm" };
-		case "medium": return { elevation: "md" };
-		case "high": return { elevation: "lg" };
-		default: return assertNever$1(theme.shadow.elevation, "Unhandled theme shadow elevation");
+};
+const spaciousBoundaryOption = {
+	id: asBoundaryOptionId("break:spacious"),
+	label: "Spacious",
+	transitionAfter: "soft-fade-long",
+	treatment: {
+		kind: "soft-fade",
+		height: "large",
+		curve: "spacious"
 	}
+};
+asBoundaryOptionId("break:expansive");
+asBoundaryOptionId("break:wave");
+asBoundaryOptionId("break:wave-balanced");
+asBoundaryOptionId("break:wave-gentle");
+asBoundaryOptionId("break:wave-bold");
+asBoundaryOptionId("break:wave-drift");
+asBoundaryOptionId("break:angle-subtle");
+asBoundaryOptionId("break:angle-balanced");
+asBoundaryOptionId("break:angle-steep");
+asBoundaryOptionId("break:unknown");
+const pageDesignUserPinnedAppearanceChoiceSchema = z$1.object({
+	kind: z$1.literal("user-pinned"),
+	value: z$1.string().min(1).transform(asAppearancePresetId)
+}).strict();
+const pageDesignUserPinnedBoundaryChoiceSchema = z$1.object({
+	kind: z$1.literal("user-pinned"),
+	value: z$1.string().min(1).transform(asBoundaryOptionId)
+}).strict();
+const pageDesignBoundaryTreatmentSchema = z$1.discriminatedUnion("kind", [
+	z$1.object({ kind: z$1.literal("none") }).strict(),
+	z$1.object({
+		kind: z$1.literal("soft-fade"),
+		height: z$1.enum([
+			"compact",
+			"medium",
+			"large",
+			"expansive"
+		]),
+		curve: z$1.enum([
+			"soft",
+			"spacious",
+			"expansive"
+		])
+	}).strict(),
+	z$1.object({
+		kind: z$1.literal("wave-edge"),
+		height: z$1.enum([
+			"compact",
+			"medium",
+			"large"
+		]),
+		amplitude: z$1.enum([
+			"subtle",
+			"balanced",
+			"bold"
+		]),
+		rhythm: z$1.enum(["single", "double"]),
+		symmetry: z$1.enum([
+			"symmetrical",
+			"asymmetrical",
+			"drift"
+		])
+	}).strict(),
+	z$1.object({
+		kind: z$1.literal("angle-edge"),
+		height: z$1.enum([
+			"compact",
+			"medium",
+			"large"
+		]),
+		slope: z$1.enum([
+			"subtle",
+			"balanced",
+			"steep"
+		]),
+		direction: z$1.enum(["forward", "reverse"])
+	}).strict(),
+	z$1.object({
+		kind: z$1.literal("legacy-unsupported"),
+		boundaryOptionId: z$1.string().min(1).transform(asBoundaryOptionId)
+	}).strict()
+]);
+const pageDesignUserPinnedBoundaryTreatmentChoiceSchema = z$1.object({
+	kind: z$1.literal("user-pinned"),
+	value: pageDesignBoundaryTreatmentSchema
+}).strict();
+const pageDesignBlockLookPinSchema = z$1.object({
+	blockId: z$1.string().min(1).transform(asDesignBlockId),
+	blockKind: z$1.string().min(1),
+	choice: pageDesignUserPinnedAppearanceChoiceSchema
+}).strict();
+const pageDesignBoundaryPinSchema = z$1.object({
+	boundaryId: z$1.string().min(1).transform(asDesignBoundaryId),
+	previousBlockId: z$1.string().min(1).transform(asDesignBlockId),
+	nextBlockId: z$1.string().min(1).transform(asDesignBlockId),
+	choice: pageDesignUserPinnedBoundaryTreatmentChoiceSchema
+}).strict().superRefine(validateBoundaryPinIdMatchesBlocks);
+const legacyPageDesignBoundaryPinSchema = z$1.object({
+	boundaryId: z$1.string().min(1).transform(asDesignBoundaryId),
+	previousBlockId: z$1.string().min(1).transform(asDesignBlockId),
+	nextBlockId: z$1.string().min(1).transform(asDesignBlockId),
+	choice: pageDesignUserPinnedBoundaryChoiceSchema
+}).strict().superRefine(validateBoundaryPinIdMatchesBlocks);
+z$1.object({
+	schemaVersion: z$1.literal(1),
+	siteStyleId: z$1.string().min(1).transform(asSiteStyleId),
+	pageFlowPresetId: z$1.string().min(1).transform(asPageFlowPresetId),
+	blockLookPins: z$1.array(pageDesignBlockLookPinSchema),
+	boundaryPins: z$1.array(legacyPageDesignBoundaryPinSchema)
+}).strict().superRefine(validateUniquePageDesignPins);
+z$1.object({
+	schemaVersion: z$1.literal(2),
+	siteStyleId: z$1.string().min(1).transform(asSiteStyleId),
+	pageFlowPresetId: z$1.string().min(1).transform(asPageFlowPresetId),
+	blockLookPins: z$1.array(pageDesignBlockLookPinSchema),
+	boundaryPins: z$1.array(pageDesignBoundaryPinSchema)
+}).strict().superRefine(validateUniquePageDesignPins);
+function addDuplicateStringIssues(ctx, input) {
+	const seen = /* @__PURE__ */ new Set();
+	const duplicates = /* @__PURE__ */ new Set();
+	for (const value of input.values) {
+		if (seen.has(value)) duplicates.add(value);
+		seen.add(value);
+	}
+	for (const duplicate of duplicates) ctx.addIssue({
+		code: z$1.ZodIssueCode.custom,
+		path: [...input.path],
+		message: `Duplicate ${input.label}: ${duplicate}.`
+	});
 }
-function solidBrandHeader(theme) {
-	const ctaVariant = resolveHeaderCtaVariant(theme, "inverted");
-	return {
-		...baseHeader(theme),
-		variant: "classic",
-		positioning: "sticky",
-		shrinkOnScroll: true,
-		background: {
-			type: "color",
-			color: "primary"
-		},
-		textColor: "primaryForeground",
-		navColor: "primaryForeground",
-		navStyle: "underline-grow",
-		navWeight: "bold",
-		navLinkStyle: {
-			typography: "body",
-			fontWeight: "bold",
-			textTransform: "uppercase",
-			italic: false,
-			colorToken: "primaryForeground",
-			hoverColorToken: "secondary",
-			textSize: "sm",
-			letterSpacing: "wider",
-			padding: "compact",
-			paddingX: "compact",
-			borderRadius: "none",
-			effects: { hover: [{
-				effectId: "text-color-change",
-				options: { hoverColorToken: "secondary" }
-			}, {
-				effectId: "nav-underline",
-				options: {
-					style: "grow",
-					colorToken: "secondary"
-				}
-			}] }
-		},
-		dropdownStyle: {
-			background: "primary-700",
-			textColor: "primaryForeground",
-			borderColor: null,
-			shadow: "md",
-			borderRadius: "md",
-			hoverBackground: "primary-900",
-			hoverTextColor: "secondary",
-			textTransform: "uppercase",
-			letterSpacing: "wider",
-			fontWeight: "bold",
-			textSize: "sm"
-		},
-		border: {
-			style: "solid",
-			width: "none",
-			position: "none"
-		},
-		logoText: {
-			hideOnShrink: true,
-			mobileMaxWidth: "sm",
-			mobileWrapLines: 2
-		},
-		ctaGap: "compact",
-		ctaTreatment: "inverted",
-		...ctaVariant ? { ctaVariant } : {}
-	};
-}
-function cleanBaseHeader(theme) {
-	return {
-		...baseHeader(theme),
-		variant: "classic",
-		positioning: "sticky",
-		shrinkOnScroll: false,
-		background: {
-			type: "color",
-			color: "surface"
-		},
-		textColor: "text",
-		navColor: "text",
-		navStyle: "minimal",
-		navWeight: "medium",
-		border: {
-			style: "solid",
-			width: "thin",
-			position: "bottom",
-			colorToken: "border"
-		},
-		ctaTreatment: "default",
-		ctaGap: "default"
-	};
+function validateBoundaryPinIdMatchesBlocks(pin, ctx) {
+	const expectedBoundaryId = makeBoundaryId(pin.previousBlockId, pin.nextBlockId);
+	if (pin.boundaryId !== expectedBoundaryId) ctx.addIssue({
+		code: z$1.ZodIssueCode.custom,
+		path: ["boundaryId"],
+		message: `Boundary id must match previousBlockId and nextBlockId. Expected ${expectedBoundaryId}.`
+	});
 }
-function classicCenteredNavHeader(theme) {
-	return {
-		...baseHeader(theme),
-		variant: "classic",
-		navPlacement: "center",
-		positioning: "sticky",
-		shrinkOnScroll: false,
-		background: {
-			type: "color",
-			color: "surface"
-		},
-		textColor: "text",
-		navColor: "text",
-		navStyle: "underline-grow",
-		navWeight: "medium",
-		navLinkStyle: underlineNavLinkStyle("text", "accent"),
-		border: {
-			style: "solid",
-			width: "thin",
-			position: "bottom",
-			colorToken: "border"
-		},
-		ctaTreatment: "primary",
-		ctaVariant: resolveHeaderCtaVariant(theme, "primary"),
-		ctaGap: "default",
-		logoText: {
-			mobileMaxWidth: "sm",
-			mobileWrapLines: 1,
-			hideOnShrink: false
-		}
-	};
+function validateUniquePageDesignPins(intent, ctx) {
+	addDuplicateStringIssues(ctx, {
+		values: intent.blockLookPins.map((pin) => pin.blockId),
+		path: ["blockLookPins"],
+		label: "block Look pin"
+	});
+	addDuplicateStringIssues(ctx, {
+		values: intent.boundaryPins.map((pin) => boundaryKey(pin.previousBlockId, pin.nextBlockId)),
+		path: ["boundaryPins"],
+		label: "boundary pin"
+	});
 }
-function serifLineHeader(theme) {
-	return {
-		...baseHeader(theme),
-		variant: "centered",
-		positioning: "sticky",
-		shrinkOnScroll: false,
-		background: {
-			type: "color",
-			color: "background"
-		},
-		textColor: "text",
-		navColor: "text",
-		navStyle: "underline-grow",
-		navWeight: "medium",
-		logo: {
-			fontFamily: "heading",
-			letterSpacing: "wide",
-			gradient: false
-		},
-		border: {
-			style: "solid",
-			width: "none",
-			position: "none"
-		},
-		shadow: { elevation: "none" },
-		ctaTreatment: "outline",
-		ctaVariant: resolveHeaderCtaVariant(theme, "outline"),
-		ctaGap: "relaxed"
-	};
+function boundaryKey(previousBlockId, nextBlockId) {
+	return makeBoundaryId(previousBlockId, nextBlockId);
 }
-function centeredCalmHeader(theme) {
-	return {
-		...baseHeader(theme),
-		variant: "centered",
-		positioning: "static",
-		shrinkOnScroll: false,
-		background: {
-			type: "color",
-			color: "surface"
-		},
-		textColor: "text",
-		navColor: "text",
-		navStyle: "minimal",
-		navWeight: "medium",
-		ctaTreatment: "ghost",
-		ctaVariant: resolveHeaderCtaVariant(theme, "ghost"),
-		ctaGap: "none"
-	};
-}
-function practicalUtilityHeader(theme) {
-	return {
-		...baseHeader(theme),
-		variant: "classic",
-		positioning: "sticky",
-		shrinkOnScroll: true,
-		background: {
-			type: "color",
-			color: "surface"
-		},
-		textColor: "text",
-		navColor: "text",
-		navStyle: "solid",
-		navWeight: "semibold",
-		shadow: themedHeaderShadow(theme),
-		border: {
-			style: "solid",
-			width: "thin",
-			position: "bottom",
-			colorToken: "border"
-		},
-		ctaTreatment: "primary",
-		ctaVariant: resolveHeaderCtaVariant(theme, "primary"),
-		ctaGap: "compact",
-		logoText: {
-			mobileMaxWidth: "sm",
-			mobileWrapLines: 1,
-			hideOnShrink: false
+//#endregion
+//#region ../theme-core/src/accordions/siteStyleDefaults.ts
+/**
+* Reusable accordion "looks" for curated site styles.
+*
+* Each curated site style should declare one of these (or a bespoke variant)
+* via `themeOverrides.accordions` so its FAQ accordions carry the style's
+* personality instead of falling back to the generic generated default. The
+* looks vary the things that make an accordion read as designed vs. cheap:
+* box vs. boxless, question typography (body vs. heading font + scale), icon,
+* and how an open item is emphasised.
+*/
+/**
+* Boxless editorial list: transparent root, hairline dividers between rows,
+* generous spacing, heading-font questions, plus/minus marks, and an accented
+* tinted band on the open row. The reference "expensive" FAQ look.
+*/
+const editorialDividedAccordionSystem = {
+	background: null,
+	spacing: "comfortable",
+	corners: "square",
+	border: null,
+	shadow: null,
+	icon: {
+		style: "plus-minus",
+		position: "right",
+		size: "md",
+		colorToken: "primary"
+	},
+	trigger: {
+		textColorToken: "text",
+		fontWeight: "regular",
+		fontFamily: "heading",
+		fontScale: "lg"
+	},
+	hover: { textColorToken: "primary" },
+	openState: {
+		backgroundColorToken: "surfaceAlt",
+		triggerColorToken: "primary",
+		accent: {
+			edge: "left",
+			colorToken: "primary",
+			thickness: "medium"
 		}
-	};
-}
-function minimalTransparentHeader(theme) {
-	return {
-		...baseHeader(theme),
-		variant: "classic",
-		positioning: "static",
-		shrinkOnScroll: false,
-		background: {
-			type: "color",
-			color: "transparent"
-		},
-		textColor: "text",
-		navColor: "text",
-		navStyle: "underline",
-		navWeight: "medium",
-		border: {
-			style: "solid",
-			width: "none",
-			position: "none"
-		},
-		ctaTreatment: "outline",
-		ctaVariant: resolveHeaderCtaVariant(theme, "outline"),
-		ctaGap: "default"
-	};
-}
-function transparentOverlayHeader(theme) {
-	return {
-		...baseHeader(theme),
-		variant: "transparent",
-		positioning: "fixed",
-		shrinkOnScroll: true,
-		background: {
-			type: "color",
-			color: "transparent"
-		},
-		textColor: "background",
-		navColor: "background",
-		navStyle: "frosted",
-		navWeight: "semibold",
-		border: {
-			style: "solid",
-			width: "none",
-			position: "none"
-		},
-		ctaTreatment: "inverted",
-		ctaVariant: resolveHeaderCtaVariant(theme, "inverted"),
-		ctaGap: "compact"
-	};
-}
-function floatingGlassHeader(theme) {
-	return {
-		...transparentOverlayHeader(theme),
-		variant: "floating",
-		positioning: "sticky",
-		navStyle: "frosted",
-		navContainer: {
-			type: "glass",
-			tint: "text",
-			opacity: .16
-		},
-		container: {
-			rounded: "2xl",
-			border: true,
-			shadow: true,
-			padding: "sm",
-			tint: "background",
-			opacity: .12
+	},
+	content: { textColorToken: "neutral-700" }
+};
+/**
+* Quiet, airy underlined rows: transparent, spacious, large calm heading-font
+* questions, a small subtle chevron, and open emphasis carried only by the
+* question recolouring. For minimal / premium / wellness styles.
+*/
+const quietUnderlinedAccordionSystem = {
+	background: null,
+	spacing: "spacious",
+	corners: "square",
+	border: null,
+	shadow: null,
+	icon: {
+		style: "chevron",
+		position: "right",
+		size: "sm",
+		colorToken: "muted"
+	},
+	trigger: {
+		textColorToken: "text",
+		fontWeight: "regular",
+		fontFamily: "heading",
+		fontScale: "lg"
+	},
+	hover: { textColorToken: "primary" },
+	openState: { triggerColorToken: "primary" },
+	content: { textColorToken: "neutral-700" }
+};
+/**
+* Soft contained panel: a gentle surface box with soft corners, a hairline
+* border and a low shadow, heading-font questions at a moderate size, chevron,
+* and a tinted open state. For clean, trustworthy, appointment-led styles.
+*/
+const calmPanelAccordionSystem = {
+	background: {
+		type: "solid",
+		colorToken: "surface"
+	},
+	spacing: "comfortable",
+	corners: "soft",
+	border: {
+		widthClass: "border",
+		colorToken: "border"
+	},
+	shadow: {
+		elevation: "low",
+		softness: "soft",
+		position: "bottom"
+	},
+	icon: {
+		style: "chevron",
+		position: "right",
+		size: "md",
+		colorToken: "primary"
+	},
+	trigger: {
+		textColorToken: "text",
+		fontWeight: "medium",
+		fontFamily: "heading",
+		fontScale: "md"
+	},
+	hover: {
+		backgroundColorToken: "primary/5",
+		textColorToken: "primary"
+	},
+	openState: {
+		backgroundColorToken: "primary/5",
+		triggerColorToken: "primary"
+	},
+	content: { textColorToken: "neutral-700" }
+};
+/**
+* Bold bordered panel: a strong-bordered surface box, bold heading-font
+* questions, large plus/minus marks, and a high-emphasis tinted + accented
+* open state. For confident, conversion-led, high-energy styles.
+*/
+const boldBorderedAccordionSystem = {
+	background: {
+		type: "solid",
+		colorToken: "surface"
+	},
+	spacing: "comfortable",
+	corners: "soft",
+	border: {
+		widthClass: "border-2",
+		colorToken: "border"
+	},
+	shadow: null,
+	icon: {
+		style: "plus-minus",
+		position: "right",
+		size: "lg",
+		colorToken: "primary"
+	},
+	trigger: {
+		textColorToken: "text",
+		fontWeight: "bold",
+		fontFamily: "heading",
+		fontScale: "md"
+	},
+	hover: {
+		backgroundColorToken: "primary/10",
+		textColorToken: "primary"
+	},
+	openState: {
+		backgroundColorToken: "primary/10",
+		triggerColorToken: "primary",
+		accent: {
+			edge: "left",
+			colorToken: "primary",
+			thickness: "thick"
 		}
-	};
-}
-const headerLookCatalog = defineExactCatalog()([
+	},
+	content: { textColorToken: "neutral-700" }
+};
+/**
+* Warm inset tiles: a tinted (surfaceAlt) root with rounded corners and no
+* border; the open row lifts to the lighter surface colour. Friendly,
+* hands-on, community styles.
+*/
+const warmInsetAccordionSystem = {
+	background: {
+		type: "solid",
+		colorToken: "surfaceAlt"
+	},
+	spacing: "comfortable",
+	corners: "rounded",
+	border: null,
+	shadow: null,
+	icon: {
+		style: "circle-plus-minus",
+		position: "right",
+		size: "md",
+		colorToken: "primary"
+	},
+	trigger: {
+		textColorToken: "text",
+		fontWeight: "semibold",
+		fontFamily: "heading",
+		fontScale: "md"
+	},
+	hover: {
+		backgroundColorToken: "primary/5",
+		textColorToken: "primary"
+	},
+	openState: {
+		backgroundColorToken: "surface",
+		triggerColorToken: "primary"
+	},
+	content: { textColorToken: "neutral-700" }
+};
+/**
+* Soft Earth's grounded look: boxless, plus/minus, heading-font questions on
+* a warm ground, with a quiet open recolour.
+*/
+const softEarthAccordionSystem = {
+	background: {
+		type: "solid",
+		colorToken: "background"
+	},
+	spacing: "comfortable",
+	corners: "square",
+	border: null,
+	shadow: null,
+	icon: {
+		style: "plus-minus",
+		position: "right",
+		size: "md",
+		colorToken: "primary"
+	},
+	trigger: {
+		textColorToken: "text",
+		fontWeight: "medium",
+		fontFamily: "heading",
+		fontScale: "md"
+	},
+	hover: { textColorToken: "primary" },
+	openState: { triggerColorToken: "primary" },
+	content: { textColorToken: "neutral-700" }
+};
+//#endregion
+//#region ../theme-core/src/cards/siteStyleDefaults.ts
+/**
+* Reusable card systems for curated site styles.
+*
+* generateCardCss emits a `.card-{id}` class per enabled variant. The
+* intended convention (block-level role selection is wired in a follow-up) is
+* a role pair:
+*   - `default`     — the quiet, everyday card (most blocks, most of the time)
+*   - `alternative` — the prominent "statement" card for sections that pop
+* A card-heavy site style may add a third; the schema allows up to three
+* variants. The planned fallback when a block references a missing variant is
+* `alternative`, then `default`.
+*
+* Keep `default` close to the generated baseline so shared consumers (event
+* cards, testimonials) stay stable; put the personality in `alternative`.
+*/
+/**
+* South West Twerk School: a quiet default surface card plus a high-impact
+* "statement" card that reproduces the legacy accent-quote testimonial surface
+* — burgundy fill, light text, a heavy gold left accent bar, and an expressive
+* asymmetric top-right corner.
+*/
+const southWestCardSystem = { variants: [{
+	id: "default",
+	name: "Default",
+	enabled: true,
+	priority: 1,
+	background: {
+		type: "solid",
+		colorToken: "surface"
+	},
+	foregroundToken: "text",
+	spacing: "comfortable",
+	corners: "soft",
+	shadow: {
+		elevation: "low",
+		softness: "soft",
+		position: "bottom"
+	}
+}, {
+	id: "alternative",
+	name: "Statement",
+	enabled: true,
+	priority: 2,
+	background: {
+		type: "solid",
+		colorToken: "primary-700"
+	},
+	foregroundToken: "primaryForeground",
+	spacing: "comfortable",
+	shadow: {
+		elevation: "none",
+		softness: null,
+		position: "bottom"
+	},
+	accentEdge: {
+		edge: "left",
+		colorToken: "secondary",
+		width: "heavy"
+	},
+	cornerRadii: {
+		topLeft: "square",
+		topRight: "expressive",
+		bottomLeft: "square",
+		bottomRight: "square"
+	}
+}] };
+const clarityZenCardSystem = { variants: [{
+	id: "default",
+	name: "Default",
+	enabled: true,
+	priority: 1,
+	background: {
+		type: "solid",
+		colorToken: "surface"
+	},
+	foregroundToken: "text",
+	spacing: "comfortable",
+	corners: "rounded",
+	shadow: {
+		elevation: "low",
+		softness: "soft",
+		position: "bottom"
+	}
+}, {
+	id: "alternative",
+	name: "Statement",
+	enabled: true,
+	priority: 2,
+	background: {
+		type: "solid",
+		colorToken: "surfaceAlt"
+	},
+	foregroundToken: "text",
+	spacing: "comfortable",
+	corners: "rounded",
+	shadow: {
+		elevation: "medium",
+		softness: "soft",
+		position: "bottom"
+	}
+}] };
+/**
+* Original Joy: warm, flat, generously rounded cards on the dark clay ground.
+* `default` is a quiet brown surface card with cream text; `alternative` is a
+* burnt-orange statement card for sections that should pop. Both flat (the
+* look's depth comes from colour, not shadow), matching the bold editorial
+* feel. Shared by event and testimonial cards.
+*/
+const originalJoyCardSystem = { variants: [{
+	id: "default",
+	name: "Default",
+	enabled: true,
+	priority: 1,
+	background: {
+		type: "solid",
+		colorToken: "surface"
+	},
+	foregroundToken: "text",
+	spacing: "comfortable",
+	corners: "rounded",
+	shadow: {
+		elevation: "none",
+		softness: null,
+		position: "bottom"
+	}
+}, {
+	id: "alternative",
+	name: "Statement",
+	enabled: true,
+	priority: 2,
+	background: {
+		type: "solid",
+		colorToken: "primary"
+	},
+	foregroundToken: "primaryForeground",
+	spacing: "comfortable",
+	corners: "rounded",
+	shadow: {
+		elevation: "none",
+		softness: null,
+		position: "bottom"
+	}
+}] };
+//#endregion
+//#region ../theme-core/src/site-styles/testimonialQuotePresets.ts
+/**
+* Reusable testimonial quote-mark treatments for curated site styles.
+*
+* The quote mark is brand identity the site style owns (analogous to the FAQ
+* accordion icon); every curated style declares one. `style` is the coarse
+* selector and the resolver in blocks/vars/testimonials.ts fills in the rest.
+*/
+/** Large display quotation mark in the heading font. Editorial / calm styles. */
+const serifDisplayQuote = { style: "serif-display" };
+/** Punchy quotation mark in the secondary accent colour. Bold / accent styles. */
+const accentGlyphQuote = { style: "accent-glyph" };
+/**
+* Curated library of gradient presets.
+* All gradients use theme color tokens, so they adapt to the site's palette.
+*/
+const GRADIENT_PRESETS = [
 	{
-		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
+		id: "primary-secondary",
+		name: "Primary to Secondary",
+		description: "Blend your primary and secondary brand colors",
+		type: "linear",
+		angle: 135,
+		stops: [{
+			color: "primary-500",
+			position: 0
+		}, {
+			color: "secondary-500",
+			position: 100
+		}]
 	},
 	{
-		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,
-		compile: classicCenteredNavHeader
+		id: "primary-accent",
+		name: "Primary to Accent",
+		description: "Energetic gradient from primary to accent",
+		type: "linear",
+		angle: 135,
+		stops: [{
+			color: "primary-500",
+			position: 0
+		}, {
+			color: "accent-500",
+			position: 100
+		}]
 	},
 	{
-		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
+		id: "secondary-accent",
+		name: "Secondary to Accent",
+		description: "Vibrant secondary to accent blend",
+		type: "linear",
+		angle: 135,
+		stops: [{
+			color: "secondary-500",
+			position: 0
+		}, {
+			color: "accent-500",
+			position: 100
+		}]
 	},
 	{
-		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,
-		compile: serifLineHeader
+		id: "primary-light-dark",
+		name: "Primary Light to Dark",
+		description: "Subtle primary color fade",
+		type: "linear",
+		angle: 180,
+		stops: [{
+			color: "primary-500",
+			position: 0
+		}, {
+			color: "primary-900",
+			position: 100
+		}]
 	},
 	{
-		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,
-		compile: centeredCalmHeader
+		id: "primary-dark-light",
+		name: "Primary Dark to Light",
+		description: "Reverse primary fade",
+		type: "linear",
+		angle: 180,
+		stops: [{
+			color: "primary-900",
+			position: 0
+		}, {
+			color: "primary-50",
+			position: 100
+		}]
 	},
 	{
-		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,
-		compile: practicalUtilityHeader
+		id: "secondary-light-dark",
+		name: "Secondary Light to Dark",
+		description: "Subtle secondary color fade",
+		type: "linear",
+		angle: 180,
+		stops: [{
+			color: "secondary-500",
+			position: 0
+		}, {
+			color: "secondary-900",
+			position: 100
+		}]
+	},
+	{
+		id: "accent-light-dark",
+		name: "Accent Light to Dark",
+		description: "Accent color depth fade",
+		type: "linear",
+		angle: 180,
+		stops: [{
+			color: "accent-500",
+			position: 0
+		}, {
+			color: "accent-900",
+			position: 100
+		}]
+	},
+	{
+		id: "background-surface",
+		name: "Background to Surface",
+		description: "Subtle depth using base colors",
+		type: "linear",
+		angle: 180,
+		stops: [{
+			color: "background",
+			position: 0
+		}, {
+			color: "surface",
+			position: 100
+		}]
 	},
 	{
-		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
+		id: "neutral-fade",
+		name: "Neutral Gradient",
+		description: "Elegant neutral color fade",
+		type: "linear",
+		angle: 180,
+		stops: [{
+			color: "neutral-900",
+			position: 0
+		}, {
+			color: "neutral-50",
+			position: 100
+		}]
 	},
 	{
-		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,
-		compile: transparentOverlayHeader
+		id: "primary-glow",
+		name: "Primary glow",
+		description: "A soft top-centred glow using your primary palette",
+		type: "radial",
+		shape: "ellipse",
+		position: "top center",
+		stops: [{
+			color: "primary-900",
+			position: 0
+		}, {
+			color: "primary-950",
+			position: 100
+		}],
+		foreground: {
+			textColor: "onPrimary900",
+			headingColor: "onPrimary900",
+			linkColor: "onPrimary900",
+			supportingColor: "onPrimary900"
+		}
 	},
 	{
-		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
+		id: "accent-glow",
+		name: "Accent glow",
+		description: "A soft top-centred glow using your accent palette",
+		type: "radial",
+		shape: "ellipse",
+		position: "top center",
+		stops: [{
+			color: "accent-900",
+			position: 0
+		}, {
+			color: "accent-950",
+			position: 100
+		}],
+		foreground: {
+			textColor: "onAccent900",
+			headingColor: "onAccent900",
+			linkColor: "onAccent900",
+			supportingColor: "onAccent900"
+		}
+	},
+	{
+		id: "primary-secondary-accent",
+		name: "Brand Trio",
+		description: "All three brand colors in harmony",
+		type: "linear",
+		angle: 135,
+		stops: [
+			{
+				color: "primary-500",
+				position: 0
+			},
+			{
+				color: "secondary-500",
+				position: 50
+			},
+			{
+				color: "accent-500",
+				position: 100
+			}
+		]
 	}
-]);
-new Set(headerLookCatalog.map((look) => headerConfigurationKey(look.configuration)));
-new Map(headerLookCatalog.map((look) => [look.id, look]));
-function headerConfigurationKey(configuration) {
-	return `${configuration.structure}:${configuration.treatment}:${configuration.behavior}`;
+].map((preset) => ({
+	...preset,
+	id: preset.id,
+	stops: preset.stops
+}));
+const GRADIENT_PRESET_IDS = GRADIENT_PRESETS.map((preset) => preset.id);
+const gradientPresetIdSet = new Set(GRADIENT_PRESET_IDS);
+Object.fromEntries(GRADIENT_PRESETS.map((preset) => [preset.id, preset]));
+function parseGradientPresetId(value) {
+	if (typeof value !== "string") return null;
+	const normalized = value.trim();
+	if (!gradientPresetIdSet.has(normalized)) return null;
+	return normalized;
 }
 //#endregion
 //#region ../theme-core/src/site-styles/footerLooks.ts
@@ -22189,16 +22189,15 @@ const coursePricingSchema = z$1.object({
 /**
 * Zod schema for public course data
 */
-const publicCourseSchema = z$1.object({
-	id: z$1.string(),
-	seriesId: z$1.string(),
+const publicWholeSeriesOfferingSchema = z$1.object({
+	eventSeriesId: z$1.string(),
+	eventOfferingId: z$1.string(),
 	title: z$1.string(),
 	slug: z$1.string(),
 	description: z$1.unknown().nullable(),
 	teamMembers: z$1.array(courseTeamMemberSummarySchema).optional(),
 	enrollmentOpen: z$1.boolean(),
-	pricing: coursePricingSchema.optional(),
-	priceCents: z$1.number().nullable(),
+	pricing: coursePricingSchema,
 	currency: z$1.string(),
 	paymentTerms: blockBookingPaymentTermsSchema,
 	enrollmentCapacity: z$1.number().nullable(),
@@ -22212,18 +22211,17 @@ const publicCourseSchema = z$1.object({
 	enrolledCount: z$1.number(),
 	availableSpots: z$1.number().nullable(),
 	sessions: z$1.array(courseSessionSchema),
-	venue: courseVenueSchema.nullable(),
-	contentEntryId: z$1.string().nullable()
+	venue: courseVenueSchema.nullable()
 });
-/**
-* Schema for an array of public courses
-*/
-const publicCoursesArraySchema = z$1.array(publicCourseSchema);
+/** Deployed course blocks retain this schema alias for stored content. */
+const publicCourseSchema = publicWholeSeriesOfferingSchema;
+const publicCoursesArraySchema = z$1.array(publicWholeSeriesOfferingSchema);
 //#endregion
 //#region ../blocks/src/system/blocks/events/shared/schemas.ts
 const eventPresetSchema = z$1.enum([
 	"event",
 	"class",
+	"course",
 	"workshop",
 	"retreat",
 	"performance"
@@ -22490,7 +22488,7 @@ const publicTeamMemberSummarySchema = z$1.object({
 * Zod schema for public event data
 */
 const publicEventSchema = z$1.object({
-	kind: z$1.enum(["event", "course_session"]).optional(),
+	bookingScope: z$1.enum(["single_occurrence", "whole_series"]),
 	eventPreset: eventPresetSchema.optional(),
 	eventDestinationMode: eventDestinationModeSchema.optional(),
 	scheduleScope: eventScheduleScopeSchema$2.optional(),
@@ -22538,10 +22536,9 @@ const publicEventSchema = z$1.object({
 	requireGuestDetails: z$1.boolean().optional(),
 	acceptsPasses: z$1.boolean().optional(),
 	acceptsMemberships: z$1.boolean().optional(),
-	course: z$1.object({
-		id: z$1.string(),
-		pricing: coursePricingSchema.optional(),
-		priceCents: z$1.number().nullable(),
+	wholeSeries: z$1.object({
+		eventSeriesId: z$1.string(),
+		pricing: coursePricingSchema,
 		currency: z$1.string(),
 		enrollmentOpen: z$1.boolean()
 	}).nullable().optional()
@@ -22706,12 +22703,8 @@ function normalizeIdList(parts) {
 }
 //#endregion
 //#region ../blocks/src/system/blocks/events/shared/filtering.ts
-const eventBlockKindValues = [
-	"all",
-	"courses",
-	"events"
-];
 const eventSurfacePresetValues = [
+	"course",
 	"class",
 	"workshop",
 	"retreat",
@@ -22730,9 +22723,6 @@ const eventScheduleScopeValues = [
 ];
 const unsafeAsEventCategoryId = (value) => value;
 const unsafeAsVenueId = (value) => value;
-function normalizeEventBlockKind(value) {
-	return value === "courses" || value === "events" ? value : "all";
-}
 function normalizeEventSurfaceScope(value) {
 	return value === "regularClassSchedule" || value === "specialDatedEvents" || value === "custom" ? value : "all";
 }
@@ -22834,61 +22824,6 @@ const occurrenceContextSchema$1 = z$1.object({
 	capacityOverride: z$1.number().nullable().optional(),
 	overrides: z$1.record(z$1.string(), z$1.unknown()).nullable().optional()
 }).nullable();
-//#endregion
-//#region ../blocks/src/system/constants/events.ts
-/**
-* Content type slugs that represent event content.
-* These are the standard slugs used when creating event content types in the CMS.
-*
-* Used by:
-* - Occurrence resolution to detect event pages
-* - Event Calendar block to identify event content
-* - Content type definitions
-*/
-const EVENT_CONTENT_TYPE_SLUGS = ["event", "events"];
-const eventCalendarDisplayModeValues = [
-	"combined",
-	"calendar",
-	"list",
-	"timetable",
-	"week-board"
-];
-const eventCalendarDefaultViewValues = ["month", "week"];
-const eventCalendarListLayoutValues = [
-	"stack",
-	"grid",
-	"compact"
-];
-const eventCalendarListLayoutOptions = [
-	{
-		id: "stack",
-		label: "Stack"
-	},
-	{
-		id: "grid",
-		label: "Grid"
-	},
-	{
-		id: "compact",
-		label: "Compact"
-	}
-];
-function isEventCalendarDisplayMode(value) {
-	return typeof value === "string" && eventCalendarDisplayModeValues.includes(value);
-}
-function isEventCalendarDefaultView(value) {
-	return typeof value === "string" && eventCalendarDefaultViewValues.includes(value);
-}
-function isEventCalendarListLayout(value) {
-	return typeof value === "string" && eventCalendarListLayoutValues.includes(value);
-}
-/**
-* Check if a content type slug represents an event type
-*/
-function isEventContentType(slug) {
-	if (!slug) return false;
-	return EVENT_CONTENT_TYPE_SLUGS.includes(slug);
-}
 const unsupportedEventRegistrationPageSurfaceSubjectSchema = z$1.object({
 	kind: z$1.literal("unsupported"),
 	reason: z$1.enum([
@@ -22927,12 +22862,6 @@ function resolveEventRegistrationScope(context) {
 		kind: "unsupportedPageSurfaceSubject",
 		reason: context.subject.reason
 	};
-	const entrySlug = context.contentEntry?.slug;
-	const entryContentType = context.contentEntry?.contentTypeSlug;
-	if (entrySlug && entryContentType && isEventContentType(entryContentType)) return {
-		kind: "legacyEventSlug",
-		slug: entrySlug
-	};
 	return { kind: "unscoped" };
 }
 function applyEventRegistrationScope(events, scope) {
@@ -22943,7 +22872,6 @@ function applyEventRegistrationScope(events, scope) {
 			const seriesIds = new Set(scope.seriesIds);
 			return events.filter((event) => seriesIds.has(event.seriesId));
 		}
-		case "legacyEventSlug": return events.filter((event) => event.slug === scope.slug);
 		case "unsupportedPageSurfaceSubject": return [];
 		case "unscoped": return [...events];
 	}
@@ -23138,6 +23066,44 @@ function readAmount(value) {
 	return typeof value === "number" && Number.isFinite(value) ? value : null;
 }
 //#endregion
+//#region ../blocks/src/system/constants/events.ts
+const eventCalendarDisplayModeValues = [
+	"combined",
+	"calendar",
+	"list",
+	"timetable",
+	"week-board"
+];
+const eventCalendarDefaultViewValues = ["month", "week"];
+const eventCalendarListLayoutValues = [
+	"stack",
+	"grid",
+	"compact"
+];
+const eventCalendarListLayoutOptions = [
+	{
+		id: "stack",
+		label: "Stack"
+	},
+	{
+		id: "grid",
+		label: "Grid"
+	},
+	{
+		id: "compact",
+		label: "Compact"
+	}
+];
+function isEventCalendarDisplayMode(value) {
+	return typeof value === "string" && eventCalendarDisplayModeValues.includes(value);
+}
+function isEventCalendarDefaultView(value) {
+	return typeof value === "string" && eventCalendarDefaultViewValues.includes(value);
+}
+function isEventCalendarListLayout(value) {
+	return typeof value === "string" && eventCalendarListLayoutValues.includes(value);
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/shared/contract-schemas.ts
 const previewStageSchema = z$1.enum(["preview", "published"]);
 const registrationButtonVariantSchema = blockButtonRoleSchema;
@@ -23229,11 +23195,6 @@ const EVENT_REGISTRATION_SHELL_STEP_LABELS = [
 	"Details",
 	"Payment"
 ];
-const contentEntrySchema$2 = z$1.object({
-	id: z$1.string(),
-	slug: z$1.string(),
-	contentTypeSlug: z$1.string()
-});
 const eventRegistrationPublicEventSchema = z$1.preprocess(normalizeEventRegistrationEventInput, publicEventSchema);
 const eventRegistrationSourceSchema = z$1.object({
 	siteId: z$1.string().optional(),
@@ -23241,7 +23202,6 @@ const eventRegistrationSourceSchema = z$1.object({
 	portalToken: z$1.string().nullable().optional(),
 	previewToken: z$1.string().nullable().optional(),
 	occurrenceContext: occurrenceContextSchema$1.optional(),
-	contentEntry: contentEntrySchema$2.nullable().optional(),
 	subject: eventRegistrationPageSurfaceSubjectSchema.nullable().optional(),
 	events: z$1.array(eventRegistrationPublicEventSchema).nullable().optional(),
 	className: z$1.string().nullable().optional(),
@@ -23270,7 +23230,6 @@ const eventRegistrationDisplaySchema = z$1.object({
 });
 const eventRegistrationHydrationSchema = z$1.object({
 	occurrenceContext: occurrenceContextSchema$1.optional(),
-	contentEntry: contentEntrySchema$2.nullable().optional(),
 	subject: eventRegistrationPageSurfaceSubjectSchema.nullable().optional(),
 	events: z$1.array(eventRegistrationPublicEventSchema).nullable().optional(),
 	maxTickets: z$1.string().optional(),
@@ -23325,8 +23284,7 @@ function buildEventRegistrationShellStepLabels(source) {
 function scopeEventRegistrationEvents(source) {
 	return resolveEventRegistrationScopedEvents(toRegistrationEvents(source.events ?? []), {
 		occurrenceContext: source.occurrenceContext,
-		subject: source.subject,
-		contentEntry: source.contentEntry
+		subject: source.subject
 	});
 }
 function shellLabelForRegistrationStep(step, events) {
@@ -23363,7 +23321,6 @@ const eventRegistrationBlockRuntime = defineClientOwnedBlockRuntime({
 		display: buildEventRegistrationDisplay(source),
 		hydration: {
 			occurrenceContext: source.occurrenceContext ?? null,
-			contentEntry: source.contentEntry ?? null,
 			subject: source.subject ?? null,
 			events: source.events ?? null,
 			maxTickets: source.maxTickets ?? void 0,
@@ -23516,7 +23473,6 @@ const eventRegistrationBlockDefinition = {
 				richText({ className: "rb-prose rb-max-w-none" }, bind("content.description"), when("content.description")),
 				eventRegistration(withApiBindings({
 					occurrenceContext: { $bind: { from: "$root.occurrenceContext" } },
-					contentEntry: { $bind: { from: "$root.contentEntry" } },
 					subject: { $bind: { from: "$root.subject" } },
 					portalToken: { $bind: {
 						from: "$root.portalToken",
@@ -23571,10 +23527,8 @@ const eventRegistrationBlockDefinition = {
 					fallback: "published"
 				} },
 				readProfile: "registration",
-				entryId: { $bind: {
-					from: "$root.contentEntry._entryId",
-					fallback: ""
-				} }
+				seriesId: { $bind: { from: "$root.occurrenceContext.seriesId" } },
+				includeOccurrenceId: { $bind: { from: "$root.occurrenceContext.id" } }
 			},
 			mode: "server"
 		},
@@ -23592,29 +23546,10 @@ const eventRegistrationBlockDefinition = {
 };
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/course-registration.interactive.ts
-const contentEntrySchema$1 = z$1.object({
-	id: z$1.string(),
-	slug: z$1.string(),
-	contentTypeSlug: z$1.string()
-});
-const courseEntrySubrouteContextSchema = z$1.union([z$1.object({
-	kind: z$1.literal("course-run"),
-	run: z$1.object({
-		courseId: z$1.string(),
-		seriesId: z$1.string(),
-		runSlug: z$1.string(),
-		runName: z$1.string().nullable()
-	})
-}), z$1.object({
-	kind: z$1.literal("event-occurrence"),
-	occurrence: occurrenceContextSchema$1
-})]);
 const courseRegistrationSourceSchema = z$1.object({
 	siteId: z$1.string().optional(),
 	apiBaseUrl: z$1.string().optional(),
 	portalToken: z$1.string().nullable().optional(),
-	contentEntry: contentEntrySchema$1.nullable().optional(),
-	entrySubrouteContext: courseEntrySubrouteContextSchema.nullable().optional(),
 	subject: eventRegistrationPageSurfaceSubjectSchema.nullable().optional(),
 	courses: z$1.array(publicCourseSchema).nullable().optional(),
 	className: z$1.string().nullable().optional(),
@@ -23636,8 +23571,6 @@ const courseRegistrationDisplaySchema = z$1.object({
 	summaryButtonText: z$1.string()
 });
 const courseRegistrationHydrationSchema = z$1.object({
-	contentEntry: contentEntrySchema$1.nullable().optional(),
-	entrySubrouteContext: courseEntrySubrouteContextSchema.nullable().optional(),
 	subject: eventRegistrationPageSurfaceSubjectSchema.nullable().optional(),
 	courses: z$1.array(publicCourseSchema).nullable().optional(),
 	showSessions: z$1.boolean().optional(),
@@ -23676,8 +23609,6 @@ const courseRegistrationBlockRuntime = defineClientOwnedBlockRuntime({
 	buildRender: (source) => ({
 		display: buildCourseRegistrationDisplay(source),
 		hydration: {
-			contentEntry: source.contentEntry ?? null,
-			entrySubrouteContext: source.entrySubrouteContext ?? null,
 			subject: source.subject ?? null,
 			courses: source.courses ?? null,
 			showSessions: source.showSessions,
@@ -23822,11 +23753,6 @@ const courseRegistrationBlockDefinition = {
 				text({ as: "h2" }, bind("content.heading"), when("content.heading")),
 				richText({ className: "rb-prose rb-max-w-none" }, bind("content.description"), when("content.description")),
 				courseRegistration(withApiBindings({
-					contentEntry: { $bind: { from: "$root.contentEntry" } },
-					entrySubrouteContext: { $bind: {
-						from: "$root.entrySubrouteContext",
-						fallback: null
-					} },
 					subject: { $bind: {
 						from: "$root.subject",
 						fallback: null
@@ -23862,7 +23788,7 @@ const courseRegistrationBlockDefinition = {
 	runtime: courseRegistrationBlockRuntime,
 	dataSchemas: { courses: publicCoursesArraySchema.optional() },
 	dataLoaders: { courses: {
-		endpoint: "listPublicCourses",
+		endpoint: "listPublicWholeSeriesOfferings",
 		params: {
 			siteId: { $bind: { from: "$root.siteId" } },
 			limit: "50",
@@ -24007,8 +23933,8 @@ const eventDetailsManifest = createBlockManifest({
 				from: "$root.occurrenceContext",
 				fallback: null
 			} },
-			contentEntry: { $bind: {
-				from: "$root.contentEntry",
+			subject: { $bind: {
+				from: "$root.subject",
 				fallback: null
 			} },
 			events: { $bind: { from: "data.eventDetailsData.events" } },
@@ -24084,7 +24010,6 @@ const eventDetailsBlockDefinition = {
 				fallback: "published"
 			} },
 			limit: "25",
-			entryId: { $bind: { from: "$root.contentEntry._entryId" } },
 			seriesId: { $bind: { from: "$root.occurrenceContext.seriesId" } },
 			includeOccurrenceId: { $bind: { from: "$root.occurrenceContext.id" } }
 		},
@@ -24129,15 +24054,6 @@ const courseDetailsBlockDefinition = {
 				multiline: false,
 				defaultValue: "Course details"
 			},
-			{
-				id: "courseSlug",
-				type: "text",
-				label: "Course slug (optional)",
-				description: "Select a course by slug when not used on a course template route",
-				required: false,
-				multiline: false,
-				ui: { intent: "behavior" }
-			},
 			{
 				id: "showTitle",
 				type: "boolean",
@@ -24233,26 +24149,14 @@ const courseDetailsBlockDefinition = {
 			}
 		],
 		layout: [styledSection({
-			baseClass: "",
-			spacing: "spacious",
-			children: sectionContainer([text({ as: "h2" }, bind("content.heading"), when("content.heading")), el("course-details", {
-				contentEntry: { $bind: {
-					from: "$root.contentEntry",
-					fallback: null
-				} },
-				entrySubrouteContext: { $bind: {
-					from: "$root.entrySubrouteContext",
-					fallback: null
-				} },
+			baseClass: "",
+			spacing: "spacious",
+			children: sectionContainer([text({ as: "h2" }, bind("content.heading"), when("content.heading")), el("course-details", {
 				subject: { $bind: {
 					from: "$root.subject",
 					fallback: null
 				} },
 				courses: { $bind: { from: "data.courses" } },
-				courseSlug: { $bind: {
-					from: "content.courseSlug",
-					fallback: null
-				} },
 				showTitle: { $bind: {
 					from: "content.showTitle",
 					fallback: false
@@ -24294,7 +24198,7 @@ const courseDetailsBlockDefinition = {
 	}),
 	dataSchemas: { courses: publicCoursesArraySchema.optional() },
 	dataLoaders: { courses: {
-		endpoint: "listPublicCourses",
+		endpoint: "listPublicWholeSeriesOfferings",
 		params: {
 			siteId: { $bind: { from: "$root.siteId" } },
 			limit: "50",
@@ -24538,13 +24442,137 @@ function resolveEventListPaginationAction(input) {
 	};
 }
 //#endregion
+//#region ../blocks/src/system/runtime/nodes/events/shared/eventCollectionContract.ts
+const eventSurfaceScopeSchema$1 = z$1.enum(eventSurfaceScopeValues);
+const eventScheduleScopeSchema$1 = z$1.enum(eventScheduleScopeValues);
+const eventCollectionFilterSourceSchemaShape = {
+	showFilters: z$1.boolean().nullable().optional(),
+	showCategoryFilter: filterAutoShowSchema.optional(),
+	showVenueFilter: z$1.boolean().nullable().optional(),
+	showStaffFilter: z$1.boolean().nullable().optional(),
+	eventSurface: eventSurfaceScopeSchema$1.nullable().optional(),
+	filterEventPresets: z$1.union([z$1.string(), z$1.array(z$1.string())]).nullable().optional(),
+	scheduleScope: eventScheduleScopeSchema$1.nullable().optional(),
+	filterCategoryIds: z$1.union([z$1.string(), z$1.array(z$1.string())]).nullable().optional(),
+	filterStaffMemberId: z$1.string().nullable().optional(),
+	filterVenueId: z$1.string().nullable().optional()
+};
+const eventCollectionSourceSchemaShape = {
+	events: z$1.array(publicEventSchema).nullable().optional(),
+	siteId: z$1.string(),
+	apiBaseUrl: z$1.string().optional(),
+	stage: previewStageSchema.optional(),
+	listLayout: eventLayoutSchema.optional(),
+	listColumns: columnOptionSchema.optional(),
+	eventsPerPage: z$1.string().optional(),
+	paginationMode: z$1.enum(["loadMore", "seeAllLink"]).optional(),
+	seeAllUrl: z$1.string().optional(),
+	loadMoreText: z$1.string().optional(),
+	startOfWeek: weekStartSchema.optional(),
+	calendarTabViews: calendarTabViewsSchema.optional(),
+	defaultCalendarView: eventCalendarDefaultViewSchema.optional(),
+	...eventCollectionFilterSourceSchemaShape,
+	showVenue: z$1.boolean().nullable().optional(),
+	showMap: z$1.boolean().nullable().optional(),
+	showCapacity: z$1.boolean().nullable().optional(),
+	buttonVariant: eventButtonVariantSchema.optional(),
+	buttonText: z$1.string().optional(),
+	emptyMessage: z$1.string().optional(),
+	className: z$1.string().optional()
+};
+const eventCollectionDisplaySchemaShape = {
+	events: z$1.array(publicEventSchema),
+	listLayout: eventLayoutSchema,
+	listColumns: columnOptionSchema,
+	eventsPerPage: eventPageSizeSchema,
+	paginationAction: eventListPaginationActionSchema,
+	startOfWeek: weekStartSchema,
+	calendarTabViews: calendarTabViewsSchema,
+	defaultCalendarView: eventCalendarDefaultViewSchema,
+	showFilters: z$1.boolean(),
+	showCategoryFilter: filterAutoShowSchema,
+	showVenueFilter: z$1.boolean(),
+	showStaffFilter: z$1.boolean(),
+	eventSurface: eventSurfaceScopeSchema$1,
+	filterEventPresets: z$1.string().nullable(),
+	scheduleScope: eventScheduleScopeSchema$1,
+	filterCategoryIds: z$1.string().nullable(),
+	filterStaffMemberId: z$1.string().nullable(),
+	filterVenueId: z$1.string().nullable(),
+	showVenue: z$1.boolean(),
+	showMap: z$1.boolean(),
+	showCapacity: z$1.boolean(),
+	buttonVariant: eventButtonVariantSchema,
+	buttonText: z$1.string(),
+	emptyMessage: z$1.string()
+};
+const eventCollectionHydrationSchema = z$1.object({
+	siteId: z$1.string(),
+	stage: previewStageSchema.optional(),
+	prefetchedEvents: z$1.boolean(),
+	eventSurface: eventSurfaceScopeSchema$1,
+	filterEventPresets: z$1.string().nullable(),
+	scheduleScope: eventScheduleScopeSchema$1
+});
+function buildEventCollectionDisplay(source) {
+	return {
+		...buildEventCollectionFilterDisplay(source),
+		...buildEventCollectionPresentationDisplay(source),
+		events: Array.isArray(source.events) ? [...source.events] : [],
+		listLayout: source.listLayout ?? "stack",
+		listColumns: source.listColumns ?? "3",
+		eventsPerPage: resolveEventCalendarListPageSize({ eventsPerPage: source.eventsPerPage }),
+		paginationAction: resolveEventListPaginationAction({
+			paginationMode: source.paginationMode,
+			seeAllUrl: source.seeAllUrl,
+			loadMoreText: source.loadMoreText
+		}),
+		startOfWeek: source.startOfWeek ?? "monday",
+		calendarTabViews: source.calendarTabViews ?? "both",
+		defaultCalendarView: source.defaultCalendarView ?? "month"
+	};
+}
+function buildEventCollectionFilterDisplay(source) {
+	return {
+		showFilters: source.showFilters ?? true,
+		showCategoryFilter: source.showCategoryFilter ?? "auto",
+		showVenueFilter: source.showVenueFilter ?? false,
+		showStaffFilter: source.showStaffFilter ?? true,
+		eventSurface: normalizeEventSurfaceScope(source.eventSurface),
+		filterEventPresets: normalizeEventSurfacePresetsCsv(source.filterEventPresets),
+		scheduleScope: normalizeEventScheduleScope(source.scheduleScope),
+		filterCategoryIds: normalizeEventCategoryIdsCsv(source.filterCategoryIds),
+		filterStaffMemberId: normalizeEventStaffMemberId(source.filterStaffMemberId),
+		filterVenueId: normalizeEventVenueId(source.filterVenueId)
+	};
+}
+function buildEventCollectionPresentationDisplay(source) {
+	return {
+		showVenue: source.showVenue ?? true,
+		showMap: source.showMap ?? true,
+		showCapacity: source.showCapacity ?? true,
+		buttonVariant: source.buttonVariant ?? "primary",
+		buttonText: source.buttonText ?? "Book",
+		emptyMessage: source.emptyMessage ?? "No upcoming events scheduled."
+	};
+}
+function buildEventCollectionHydration(source) {
+	return {
+		siteId: source.siteId,
+		stage: source.stage,
+		prefetchedEvents: source.events != null,
+		eventSurface: normalizeEventSurfaceScope(source.eventSurface),
+		filterEventPresets: normalizeEventSurfacePresetsCsv(source.filterEventPresets),
+		scheduleScope: normalizeEventScheduleScope(source.scheduleScope)
+	};
+}
+//#endregion
 //#region ../blocks/src/system/runtime/nodes/events/EventListing.interactive.ts
 const legacyEventCardVariantSchema = z$1.enum(["variant1", "variant2"]);
 const eventCardVariantInputSchema = z$1.union([cardVariantRoleSchema, legacyEventCardVariantSchema]);
 const cardOrientationSchema = z$1.enum(["vertical", "horizontal"]);
-const eventBlockKindSchema$1 = z$1.enum(eventBlockKindValues);
-const eventSurfaceScopeSchema$1 = z$1.enum(eventSurfaceScopeValues);
-const eventScheduleScopeSchema$1 = z$1.enum(eventScheduleScopeValues);
+const eventSurfaceScopeSchema = z$1.enum(eventSurfaceScopeValues);
+const eventScheduleScopeSchema = z$1.enum(eventScheduleScopeValues);
 const eventListingSourceSchema = z$1.object({
 	events: z$1.array(publicEventSchema).nullable().optional(),
 	siteId: z$1.string(),
@@ -24564,17 +24592,7 @@ const eventListingSourceSchema = z$1.object({
 	showCapacity: z$1.boolean().optional(),
 	emptyMessage: z$1.string().optional(),
 	className: z$1.string().optional(),
-	showFilters: z$1.boolean().nullable().optional(),
-	showCategoryFilter: filterAutoShowSchema.optional(),
-	showVenueFilter: z$1.boolean().nullable().optional(),
-	showStaffFilter: z$1.boolean().nullable().optional(),
-	eventKind: eventBlockKindSchema$1.nullable().optional(),
-	eventSurface: eventSurfaceScopeSchema$1.nullable().optional(),
-	filterEventPresets: z$1.union([z$1.string(), z$1.array(z$1.string())]).nullable().optional(),
-	scheduleScope: eventScheduleScopeSchema$1.nullable().optional(),
-	filterCategoryIds: z$1.string().nullable().optional(),
-	filterStaffMemberId: z$1.string().nullable().optional(),
-	filterVenueId: z$1.string().nullable().optional()
+	...eventCollectionFilterSourceSchemaShape
 });
 const eventListingDisplaySchema = z$1.object({
 	kind: z$1.literal("event-listing"),
@@ -24606,10 +24624,9 @@ const eventListingHydrationSchema = z$1.object({
 	showCategoryFilter: filterAutoShowSchema,
 	showVenueFilter: z$1.boolean(),
 	showStaffFilter: z$1.boolean(),
-	eventKind: eventBlockKindSchema$1,
-	eventSurface: eventSurfaceScopeSchema$1,
+	eventSurface: eventSurfaceScopeSchema,
 	filterEventPresets: z$1.string().nullable(),
-	scheduleScope: eventScheduleScopeSchema$1,
+	scheduleScope: eventScheduleScopeSchema,
 	filterCategoryIds: z$1.string().nullable().optional(),
 	filterStaffMemberId: z$1.string().nullable().optional(),
 	filterVenueId: z$1.string().nullable().optional(),
@@ -24667,7 +24684,6 @@ const eventListingBlockRuntime = defineProgressiveBlockRuntime({
 				showCategoryFilter: source.showCategoryFilter ?? "auto",
 				showVenueFilter: source.showVenueFilter ?? false,
 				showStaffFilter: source.showStaffFilter ?? false,
-				eventKind: normalizeEventBlockKind(source.eventKind),
 				eventSurface: normalizeEventSurfaceScope(source.eventSurface),
 				filterEventPresets: normalizeEventSurfacePresetsCsv(source.filterEventPresets),
 				scheduleScope: normalizeEventScheduleScope(source.scheduleScope),
@@ -24791,30 +24807,6 @@ const eventListingBlockDefinition = {
 					intent: "display"
 				}
 			})),
-			{
-				id: "kind",
-				type: "select",
-				label: "Show",
-				description: "Choose whether this list shows courses, events, or both",
-				required: false,
-				multiple: false,
-				defaultValue: "all",
-				options: [
-					{
-						value: "all",
-						label: "Courses and events"
-					},
-					{
-						value: "courses",
-						label: "Courses only"
-					},
-					{
-						value: "events",
-						label: "Events only"
-					}
-				],
-				ui: { intent: "behavior" }
-			},
 			{
 				id: "eventSurface",
 				type: "select",
@@ -24852,6 +24844,10 @@ const eventListingBlockDefinition = {
 				multiple: true,
 				defaultValue: [],
 				options: [
+					{
+						value: "course",
+						label: "Courses"
+					},
 					{
 						value: "class",
 						label: "Classes"
@@ -25003,10 +24999,6 @@ const eventListingBlockDefinition = {
 					showVenue: { $bind: { from: "content.showVenue" } },
 					showMap: { $bind: { from: "content.showMap" } },
 					showCapacity: { $bind: { from: "content.showCapacity" } },
-					eventKind: { $bind: {
-						from: "content.kind",
-						fallback: "all"
-					} },
 					eventSurface: { $bind: {
 						from: "content.eventSurface",
 						fallback: "all"
@@ -25057,7 +25049,6 @@ const eventListingBlockDefinition = {
 				from: "content.layout",
 				fallback: "listing-card"
 			} },
-			kind: { $bind: { from: "content.kind" } },
 			eventSurface: { $bind: { from: "content.eventSurface" } },
 			eventPresets: { $bind: {
 				from: "content.filterEventPresets",
@@ -25070,95 +25061,30 @@ const eventListingBlockDefinition = {
 };
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/events/EventCalendar.interactive.ts
-const eventBlockKindSchema = z$1.enum(eventBlockKindValues);
-const eventSurfaceScopeSchema = z$1.enum(eventSurfaceScopeValues);
-const eventScheduleScopeSchema = z$1.enum(eventScheduleScopeValues);
 const eventCalendarSourceSchema = z$1.object({
-	events: z$1.array(publicEventSchema).nullable().optional(),
-	siteId: z$1.string(),
-	apiBaseUrl: z$1.string().optional(),
-	stage: previewStageSchema.optional(),
+	...eventCollectionSourceSchemaShape,
 	variant: eventCalendarDisplayModeSchema.nullable().optional(),
 	displayMode: eventCalendarDisplayModeSchema.nullable().optional(),
-	listLayout: eventLayoutSchema.optional(),
-	listColumns: columnOptionSchema.optional(),
 	layout: eventLayoutSchema.optional(),
-	columns: columnOptionSchema.optional(),
-	eventsPerPage: z$1.string().optional(),
-	paginationMode: z$1.enum(["loadMore", "seeAllLink"]).optional(),
-	seeAllUrl: z$1.string().optional(),
-	loadMoreText: z$1.string().optional(),
-	startOfWeek: weekStartSchema.optional(),
-	calendarTabViews: calendarTabViewsSchema.optional(),
-	defaultCalendarView: eventCalendarDefaultViewSchema.optional(),
-	showFilters: z$1.boolean().nullable().optional(),
-	showCategoryFilter: filterAutoShowSchema.optional(),
-	showVenueFilter: z$1.boolean().nullable().optional(),
-	showStaffFilter: z$1.boolean().nullable().optional(),
-	kind: eventBlockKindSchema.nullable().optional(),
-	eventSurface: eventSurfaceScopeSchema.nullable().optional(),
-	filterEventPresets: z$1.union([z$1.string(), z$1.array(z$1.string())]).nullable().optional(),
-	scheduleScope: eventScheduleScopeSchema.nullable().optional(),
-	filterCategoryIds: z$1.union([z$1.string(), z$1.array(z$1.string())]).nullable().optional(),
-	filterStaffMemberId: z$1.string().nullable().optional(),
-	filterVenueId: z$1.string().nullable().optional(),
-	buttonVariant: eventButtonVariantSchema.optional(),
-	buttonText: z$1.string().optional(),
+	columns: eventCollectionSourceSchemaShape.listColumns,
 	boardTitle: z$1.string().optional(),
 	footerNote: z$1.string().optional(),
 	elevated: z$1.boolean().nullable().optional(),
-	banded: z$1.boolean().nullable().optional(),
-	showVenue: z$1.boolean().nullable().optional(),
-	showMap: z$1.boolean().nullable().optional(),
-	showCapacity: z$1.boolean().nullable().optional(),
-	emptyMessage: z$1.string().optional(),
-	className: z$1.string().optional()
+	banded: z$1.boolean().nullable().optional()
 });
 const eventCalendarDisplaySchema = z$1.object({
 	kind: z$1.literal("event-calendar"),
 	displayMode: eventCalendarDisplayModeSchema,
 	className: z$1.string().nullable(),
-	events: z$1.array(publicEventSchema),
-	listLayout: eventLayoutSchema,
-	listColumns: columnOptionSchema,
-	eventsPerPage: eventPageSizeSchema,
-	paginationAction: eventListPaginationActionSchema,
-	startOfWeek: weekStartSchema,
-	calendarTabViews: calendarTabViewsSchema,
-	defaultCalendarView: eventCalendarDefaultViewSchema,
-	showFilters: z$1.boolean(),
-	showCategoryFilter: filterAutoShowSchema,
-	showVenueFilter: z$1.boolean(),
-	showStaffFilter: z$1.boolean(),
-	eventKind: eventBlockKindSchema,
-	eventSurface: eventSurfaceScopeSchema,
-	filterEventPresets: z$1.string().nullable(),
-	scheduleScope: eventScheduleScopeSchema,
-	filterCategoryIds: z$1.string().nullable(),
-	filterStaffMemberId: z$1.string().nullable(),
-	filterVenueId: z$1.string().nullable(),
-	buttonVariant: eventButtonVariantSchema,
-	buttonText: z$1.string(),
+	...eventCollectionDisplaySchemaShape,
 	boardTitle: z$1.string().optional(),
 	footerNote: z$1.string().optional(),
 	seeAllUrl: z$1.string().optional(),
 	loadMoreText: z$1.string().optional(),
 	elevated: z$1.boolean(),
-	banded: z$1.boolean(),
-	showVenue: z$1.boolean(),
-	showMap: z$1.boolean(),
-	showCapacity: z$1.boolean(),
-	emptyMessage: z$1.string()
-});
-const eventCalendarHydrationSchema = z$1.object({
-	siteId: z$1.string(),
-	stage: previewStageSchema.optional(),
-	prefetchedEvents: z$1.boolean(),
-	eventKind: eventBlockKindSchema,
-	eventSurface: eventSurfaceScopeSchema,
-	filterEventPresets: z$1.string().nullable(),
-	scheduleScope: eventScheduleScopeSchema
+	banded: z$1.boolean()
 });
+const eventCalendarHydrationSchema = eventCollectionHydrationSchema;
 const eventCalendarRenderSchema = z$1.object({
 	display: eventCalendarDisplaySchema,
 	hydration: eventCalendarHydrationSchema
@@ -25181,44 +25107,21 @@ function normalizeOptionalText(value) {
 function buildEventCalendarDisplay(source) {
 	const listLayout = source.listLayout ?? source.layout ?? "stack";
 	return {
+		...buildEventCollectionDisplay({
+			...source,
+			listLayout,
+			listColumns: source.listColumns ?? source.columns
+		}),
 		kind: "event-calendar",
 		displayMode: source.variant ?? source.displayMode ?? "combined",
 		className: source.className ?? null,
 		events: (source.events ?? []).slice().sort((left, right) => new Date(left.startsAt).getTime() - new Date(right.startsAt).getTime()),
-		listLayout,
-		listColumns: source.listColumns ?? source.columns ?? "3",
-		eventsPerPage: resolveEventCalendarListPageSize({ eventsPerPage: source.eventsPerPage }),
-		paginationAction: resolveEventListPaginationAction({
-			paginationMode: source.paginationMode,
-			seeAllUrl: source.seeAllUrl,
-			loadMoreText: source.loadMoreText
-		}),
-		startOfWeek: source.startOfWeek ?? "monday",
-		calendarTabViews: source.calendarTabViews ?? "both",
-		defaultCalendarView: source.defaultCalendarView ?? "month",
-		showFilters: source.showFilters ?? true,
-		showCategoryFilter: source.showCategoryFilter ?? "auto",
-		showVenueFilter: source.showVenueFilter ?? false,
-		showStaffFilter: source.showStaffFilter ?? true,
-		eventKind: normalizeEventBlockKind(source.kind),
-		eventSurface: normalizeEventSurfaceScope(source.eventSurface),
-		filterEventPresets: normalizeEventSurfacePresetsCsv(source.filterEventPresets),
-		scheduleScope: normalizeEventScheduleScope(source.scheduleScope),
-		filterCategoryIds: normalizeEventCategoryIdsCsv(source.filterCategoryIds),
-		filterStaffMemberId: normalizeEventStaffMemberId(source.filterStaffMemberId),
-		filterVenueId: normalizeEventVenueId(source.filterVenueId),
-		buttonVariant: source.buttonVariant ?? "primary",
-		buttonText: source.buttonText ?? "Book",
 		boardTitle: normalizeOptionalText(source.boardTitle),
 		footerNote: normalizeOptionalText(source.footerNote),
 		seeAllUrl: normalizeOptionalText(source.seeAllUrl),
 		loadMoreText: normalizeOptionalText(source.loadMoreText),
 		elevated: source.elevated ?? false,
-		banded: source.banded ?? false,
-		showVenue: source.showVenue ?? true,
-		showMap: source.showMap ?? true,
-		showCapacity: source.showCapacity ?? true,
-		emptyMessage: source.emptyMessage ?? "No upcoming events scheduled."
+		banded: source.banded ?? false
 	};
 }
 const eventCalendarBlockRuntime = defineProgressiveBlockRuntime({
@@ -25229,22 +25132,13 @@ const eventCalendarBlockRuntime = defineProgressiveBlockRuntime({
 	},
 	buildRender: (source) => ({
 		display: buildEventCalendarDisplay(source),
-		hydration: {
-			siteId: source.siteId,
-			stage: source.stage,
-			prefetchedEvents: source.events != null,
-			eventKind: normalizeEventBlockKind(source.kind),
-			eventSurface: normalizeEventSurfaceScope(source.eventSurface),
-			filterEventPresets: normalizeEventSurfacePresetsCsv(source.filterEventPresets),
-			scheduleScope: normalizeEventScheduleScope(source.scheduleScope)
-		}
+		hydration: buildEventCollectionHydration(source)
 	})
 });
 //#endregion
 //#region ../blocks/src/system/blocks/events/event-calendar.ts
 function normalizeEventCalendarContent(content) {
 	const record = typeof content === "object" && content !== null ? content : {};
-	const kind = normalizeEventBlockKind(record.kind);
 	const variant = normalizeEventCalendarDisplayMode(record.variant) ?? normalizeEventCalendarDisplayMode(record.displayMode);
 	return {
 		...record,
@@ -25252,11 +25146,10 @@ function normalizeEventCalendarContent(content) {
 		displayMode: normalizeEventCalendarDisplayMode(record.displayMode),
 		listLayout: normalizeEventCalendarListLayout(record.listLayout),
 		defaultCalendarView: normalizeEventCalendarDefaultView(record.defaultCalendarView),
-		kind,
 		eventSurface: normalizeEventSurfaceScope(record.eventSurface),
 		filterEventPresets: normalizeEventSurfacePresets(record.filterEventPresets),
 		scheduleScope: normalizeEventScheduleScope(record.scheduleScope),
-		filterCategoryIds: kind === "courses" ? [] : normalizeEventCategoryIds(record.filterCategoryIds),
+		filterCategoryIds: normalizeEventCategoryIds(record.filterCategoryIds),
 		filterStaffMemberId: normalizeEventStaffMemberId(record.filterStaffMemberId),
 		filterVenueId: normalizeEventVenueId(record.filterVenueId)
 	};
@@ -25350,10 +25243,6 @@ const eventCalendarLayout = [styledSection({
 				from: "content.showCapacity",
 				fallback: true
 			} },
-			kind: { $bind: {
-				from: "content.kind",
-				fallback: "all"
-			} },
 			eventSurface: { $bind: {
 				from: "content.eventSurface",
 				fallback: "all"
@@ -25671,30 +25560,6 @@ const eventCalendarAdditionalFields = [
 			}] }] }
 		}
 	},
-	{
-		id: "kind",
-		type: "select",
-		label: "Show",
-		description: "Restrict this block to all offerings, courses, or events",
-		required: false,
-		multiple: false,
-		defaultValue: "all",
-		options: [
-			{
-				value: "all",
-				label: "All offerings"
-			},
-			{
-				value: "courses",
-				label: "Courses only"
-			},
-			{
-				value: "events",
-				label: "Events only"
-			}
-		],
-		ui: { intent: "behavior" }
-	},
 	{
 		id: "showFilters",
 		type: "boolean",
@@ -25926,6 +25791,10 @@ const eventCalendarAdditionalFields = [
 		multiple: true,
 		defaultValue: [],
 		options: [
+			{
+				value: "course",
+				label: "Courses"
+			},
 			{
 				value: "class",
 				label: "Classes"
@@ -25991,11 +25860,7 @@ const eventCalendarAdditionalFields = [
 		optionSource: "eventCategories",
 		ui: {
 			intent: "behavior",
-			searchThreshold: 8,
-			visibleWhen: {
-				field: "kind",
-				notEquals: "courses"
-			}
+			searchThreshold: 8
 		}
 	}),
 	createSiteOptionSelectField({
@@ -26156,7 +26021,6 @@ const eventCalendarBlockDefinition = {
 				from: "content.variant",
 				fallback: "listing-card"
 			} },
-			kind: { $bind: { from: "content.kind" } },
 			eventSurface: { $bind: { from: "content.eventSurface" } },
 			eventPresets: { $bind: {
 				from: "content.filterEventPresets",
@@ -26403,7 +26267,6 @@ const recurringScheduleBlockDefinition = {
 			} },
 			detailLevel: "listing",
 			readProfile: "compact-list",
-			kind: "events",
 			eventSurface: "custom",
 			eventPresets: "class",
 			scheduleScope: "any"
@@ -26805,7 +26668,7 @@ const offeringsPreviewBlockDefinition = {
 			mode: "server"
 		},
 		courses: {
-			endpoint: "listPublicCourses",
+			endpoint: "listPublicWholeSeriesOfferings",
 			params: {
 				siteId: { $bind: { from: "$root.siteId" } },
 				limit: { $bind: {
@@ -26836,7 +26699,6 @@ function eventPresetLoader(preset) {
 			} },
 			detailLevel: "listing",
 			readProfile: "listing-card",
-			kind: "events",
 			eventPresets: preset
 		},
 		mode: "server"