@riverbankcms/sdk 0.76.0 → 0.77.1

package/dist/client/hooks.mjs

@@ -7467,6 +7467,47 @@ var eyebrowTreatmentValues = [
   "pill-bounce",
   "accent-pill-bounce"
 ];
+var visibleHeadingDecorationFamilyValues = [
+  "organic-squiggle",
+  "short-center-rule"
+];
+var visibleHeadingDecorationPlacementValues = [
+  "after-heading",
+  "between-heading-and-body",
+  "under-centered-heading"
+];
+var headingDecorationOverrideValues = [
+  "site-default",
+  "on",
+  "off"
+];
+var headingDecorationColorTokenValues = [
+  "text",
+  "primary",
+  "secondary",
+  "accent",
+  "border",
+  "muted"
+];
+var accordionIconSetValues = [
+  "plus",
+  "chevron",
+  "caret",
+  "minimal-cross"
+];
+var accordionIconColorTokenValues = [
+  "text",
+  "muted",
+  "primary",
+  "secondary",
+  "accent",
+  "current"
+];
+var accordionIconMotionValues = [
+  "none",
+  "rotate",
+  "swap"
+];
 function defineBlockDesignCapability(capability) {
   return {
     ...capability,
@@ -7476,7 +7517,9 @@ function defineBlockDesignCapability(capability) {
     imageSurfaceMotions: capability.imageSurfaceMotions ?? ["static"],
     testimonialCardTreatments: capability.testimonialCardTreatments ?? ["default"],
     tileTreatments: capability.tileTreatments ?? ["default"],
-    eyebrowTreatments: capability.eyebrowTreatments ?? ["plain"]
+    eyebrowTreatments: capability.eyebrowTreatments ?? ["plain"],
+    ...capability.headingDecorations ? { headingDecorations: capability.headingDecorations } : {},
+    ...capability.accordionIconSets ? { accordionIconSets: capability.accordionIconSets } : {}
   };
 }
 
@@ -7667,6 +7710,25 @@ var blockAppearancePresets = [
       emphasis: "high"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "intro-soft-earth-statement",
+    target: "intro",
+    label: "Soft Earth intro statement",
+    blockKinds: ["block.intro"],
+    design: {
+      sectionSurface: "base",
+      contentFrame: plainFrame,
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high",
+      headingDecoration: {
+        family: "organic-squiggle",
+        placement: "after-heading",
+        colorToken: "primary"
+      }
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "offerings-calm-list",
@@ -7681,6 +7743,25 @@ var blockAppearancePresets = [
       emphasis: "medium"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "feature-cards-soft-earth-offerings",
+    target: "feature-cards",
+    label: "Soft Earth offering cards",
+    blockKinds: ["block.feature-cards"],
+    design: {
+      sectionSurface: "base",
+      contentFrame: plainFrame,
+      itemSurface: "raised",
+      transitionAfter: "none",
+      emphasis: "high",
+      headingDecoration: {
+        family: "short-center-rule",
+        placement: "under-centered-heading",
+        colorToken: "primary"
+      }
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "events-base-calendar",
@@ -7809,6 +7890,26 @@ var blockAppearancePresets = [
       testimonialCardTreatment: "accent-quote"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "testimonials-soft-earth-proof-band",
+    target: "testimonials",
+    label: "Soft Earth proof band",
+    blockKinds: ["block.testimonials"],
+    design: {
+      sectionSurface: "brand-depth-band",
+      contentFrame: plainFrame,
+      itemSurface: "none",
+      transitionAfter: "soft-fade-short",
+      emphasis: "high",
+      testimonialCardTreatment: "accent-quote",
+      headingDecoration: {
+        family: "short-center-rule",
+        placement: "under-centered-heading",
+        colorToken: "border"
+      }
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "faq-base-accordion",
@@ -7837,6 +7938,25 @@ var blockAppearancePresets = [
       emphasis: "low"
     }
   }),
+  defineBlockAppearancePreset({
+    kind: "block-design",
+    id: "faq-soft-earth-two-column",
+    target: "faq",
+    label: "Soft Earth two-column FAQ",
+    blockKinds: ["block.faq"],
+    design: {
+      sectionSurface: "base",
+      contentFrame: plainFrame,
+      itemSurface: "flat",
+      transitionAfter: "none",
+      emphasis: "medium",
+      accordionIconTreatment: {
+        iconSet: "plus",
+        colorToken: "primary",
+        motion: "swap"
+      }
+    }
+  }),
   defineBlockAppearancePreset({
     kind: "block-design",
     id: "contact-form-panel",
@@ -8522,6 +8642,97 @@ var confidentChip = defineButtonPersonality({
   }
 });
 
+// ../theme-core/src/buttons/personalities/earth-pill.ts
+var earthPill = defineButtonPersonality({
+  id: "earth-pill",
+  name: "Earth Pill",
+  description: "Compact terracotta pills with quiet primary-coloured ghost CTAs.",
+  tags: { tone: "classic", energy: "calm", motion: "subtle", era: "organic" },
+  buttonSystem: {
+    global: {
+      cornerStyle: "pill",
+      shadow: "low",
+      textTransform: "none",
+      fontWeight: 500,
+      borderWidth: 1,
+      hoverTransform: "lift",
+      hoverColor: "none",
+      typography: "body",
+      paddingPreset: "default"
+    },
+    sizes: {
+      sm: { padding: "0.5rem 1rem", fontSize: "text-sm" },
+      md: { padding: "0.625rem 1.35rem" },
+      lg: { padding: "0.75rem 1.65rem", fontSize: "text-lg" },
+      xl: { padding: "0.875rem 2rem", fontSize: "text-xl" }
+    },
+    variants: [
+      {
+        id: "primary",
+        name: "Primary",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "primary" },
+        textColorToken: "primaryForeground",
+        borderRadius: "rounded-full",
+        shadow: { elevation: "low", softness: "soft", position: "bottom" },
+        effects: {
+          hover: [
+            { effectId: "lift", options: { translateY: "-1px" } },
+            { effectId: "background-on-hover", options: { colorToken: "accent" } }
+          ],
+          active: [{ effectId: "scale-down", options: { scale: "0.98" } }]
+        }
+      },
+      {
+        id: "secondary",
+        name: "Secondary",
+        enabled: true,
+        priority: 2,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border", colorToken: "primary" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "muted" } }]
+        }
+      },
+      {
+        id: "outline",
+        name: "Outline",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "text",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border", colorToken: "border" },
+        effects: {
+          hover: [{ effectId: "background-on-hover", options: { colorToken: "surfaceAlt" } }]
+        }
+      },
+      {
+        id: "ghost",
+        name: "Ghost",
+        enabled: true,
+        priority: 3,
+        background: { type: "transparent" },
+        textColorToken: "primary",
+        borderRadius: "rounded-full",
+        shadow: { elevation: "none", softness: null, position: "bottom" },
+        sizes: {
+          sm: { padding: "0.25rem 0", fontSize: "text-sm" },
+          md: { padding: "0.375rem 0" },
+          lg: { padding: "0.5rem 0", fontSize: "text-lg" },
+          xl: { padding: "0.625rem 0", fontSize: "text-xl" }
+        },
+        effects: {
+          hover: [{ effectId: "opacity-reduce", options: { reduction: 25 } }]
+        }
+      }
+    ]
+  }
+});
+
 // ../theme-core/src/buttons/personalities/editorial-link.ts
 var editorialLink = defineButtonPersonality({
   id: "editorial-link",
@@ -8980,6 +9191,7 @@ var softPill = defineButtonPersonality({
 // ../theme-core/src/buttons/personalities/index.ts
 var buttonPersonalities = [
   softPill,
+  earthPill,
   confidentChip,
   editorialLink,
   pebble,
@@ -9621,8 +9833,19 @@ var headingTypographyStyleSchema = typographyStyleSchema.extend({
   colorToken: themeColorTokenSchema.nullable().optional()
 });
 var proseLinkUnderlineStyleSchema = z21.enum(["solid", "dotted", "dashed"]);
-var proseLinkUnderlineThicknessSchema = z21.enum(["auto", "fromFont", "thin", "medium", "thick"]);
-var proseLinkUnderlineOffsetSchema = z21.enum(["auto", "tight", "normal", "loose"]);
+var proseLinkUnderlineThicknessSchema = z21.enum([
+  "auto",
+  "fromFont",
+  "thin",
+  "medium",
+  "thick"
+]);
+var proseLinkUnderlineOffsetSchema = z21.enum([
+  "auto",
+  "tight",
+  "normal",
+  "loose"
+]);
 var proseLinkStyleSchema = z21.object({
   colorToken: themeColorTokenSchema.optional(),
   hoverColorToken: themeColorTokenSchema.optional(),
@@ -9633,7 +9856,14 @@ var proseLinkStyleSchema = z21.object({
   underlineThickness: proseLinkUnderlineThicknessSchema.optional(),
   underlineOffset: proseLinkUnderlineOffsetSchema.optional()
 });
-var semanticSpacingSchema = z21.enum(["none", "compact", "cozy", "medium", "comfortable", "spacious"]);
+var semanticSpacingSchema = z21.enum([
+  "none",
+  "compact",
+  "cozy",
+  "medium",
+  "comfortable",
+  "spacious"
+]);
 var boxRoundedSchema = z21.enum(["none", "sm", "md", "lg", "xl", "2xl", "full"]);
 var boxBackgroundOverlaySchema = z21.object({
   type: z21.enum(["none", "color", "gradient"]).nullable().optional(),
@@ -9655,12 +9885,36 @@ var boxBackgroundSchema = z21.object({
   textColor: tokenOrCssColorValueSchema.nullable().optional(),
   headingColor: tokenOrCssColorValueSchema.nullable().optional()
 });
+var noHeadingDecorationSchema = z21.object({
+  family: z21.literal("none"),
+  placement: z21.literal("none")
+});
+var visibleHeadingDecorationSchema = z21.object({
+  family: z21.enum(visibleHeadingDecorationFamilyValues),
+  placement: z21.enum(visibleHeadingDecorationPlacementValues),
+  colorToken: z21.enum(headingDecorationColorTokenValues).optional()
+});
+var headingDecorationSchema = z21.union([
+  noHeadingDecorationSchema,
+  visibleHeadingDecorationSchema
+]);
+var accordionIconTreatmentSchema = z21.object({
+  iconSet: z21.enum(accordionIconSetValues),
+  colorToken: z21.enum(accordionIconColorTokenValues),
+  openColorToken: z21.enum(accordionIconColorTokenValues).optional(),
+  motion: z21.enum(accordionIconMotionValues)
+});
 var sectionStylesOverrideSchema = z21.object({
   background: boxBackgroundSchema.nullable().optional(),
   spacing: semanticSpacingSchema.nullable().optional(),
   minHeight: z21.enum(["none", "banner", "hero", "immersive"]).nullable().optional(),
   tileTreatment: z21.enum(tileTreatmentValues).nullable().optional(),
-  eyebrowTreatment: z21.enum(eyebrowTreatmentValues).nullable().optional()
+  eyebrowTreatment: z21.enum(eyebrowTreatmentValues).nullable().optional(),
+  headingDecoration: headingDecorationSchema.nullable().optional(),
+  // Author-level override consumed by later block/editor rendering phases.
+  // Keeping it in section styles lets existing block save APIs persist it.
+  headingDecorationOverride: z21.enum(headingDecorationOverrideValues).nullable().optional(),
+  accordionIconTreatment: accordionIconTreatmentSchema.nullable().optional()
 });
 var containerStylesOverrideSchema = z21.object({
   background: boxBackgroundSchema.nullable().optional(),
@@ -9753,9 +10007,17 @@ var inputStyle = z21.object({
   focus: z21.enum(["glow", "ring", "underline"]),
   label: z21.enum(["inside", "above"])
 });
-var headerVariant = z21.enum(["classic", "centered", "transparent", "floating", "editorial"]);
+var headerVariant = z21.enum(["classic", "centered", "transparent", "floating"]);
 var headerPositioning = z21.enum(["static", "sticky", "fixed"]);
-var headerNavStyle = z21.enum(["minimal", "underline", "underline-grow", "capsule", "scale", "frosted", "solid"]);
+var headerNavStyle = z21.enum([
+  "minimal",
+  "underline",
+  "underline-grow",
+  "capsule",
+  "scale",
+  "frosted",
+  "solid"
+]);
 var navFontWeight = z21.enum(["regular", "medium", "semibold", "bold"]);
 var headerMaxWidth = z21.enum(["container", "full"]);
 var headerContainerSchema = z21.object({
@@ -9803,8 +10065,22 @@ var dropdownStyleSchema = z21.object({
   textSize: z21.enum(["xs", "sm", "base", "lg"]).optional()
   // optional = no override (browser default)
 }).optional();
-var headerCtaGapSchema = z21.enum(["none", "tight", "compact", "default", "relaxed", "spacious"]);
-var headerCtaTreatmentSchema = z21.enum(["default", "primary", "secondary", "inverted", "outline", "ghost"]);
+var headerCtaGapSchema = z21.enum([
+  "none",
+  "tight",
+  "compact",
+  "default",
+  "relaxed",
+  "spacious"
+]);
+var headerCtaTreatmentSchema = z21.enum([
+  "default",
+  "primary",
+  "secondary",
+  "inverted",
+  "outline",
+  "ghost"
+]);
 var navContainerSchema = z21.object({
   type: z21.enum(["none", "pill", "glass"]).default("none"),
   tint: z21.string().nullable().optional(),
@@ -9859,7 +10135,14 @@ var footerMaxWidth = z21.enum(["container", "full"]);
 var footerMode = z21.enum(["default", "blocks", "default+blocks", "none"]);
 var footerNavLayoutMode = z21.enum(["stack", "inline", "inline-wrap"]);
 var footerNavLayoutAlign = z21.enum(["start", "center", "end", "space-between"]);
-var footerSpacing = z21.enum(["none", "tight", "compact", "default", "relaxed", "spacious"]);
+var footerSpacing = z21.enum([
+  "none",
+  "tight",
+  "compact",
+  "default",
+  "relaxed",
+  "spacious"
+]);
 var footerLogoPlacement = z21.enum(["left", "right", "above", "below"]);
 var footerLogoSize = z21.enum(["sm", "md", "lg", "xl"]);
 var footerLogoMaxHeight = z21.enum(["sm", "md", "lg", "xl"]);
@@ -9924,7 +10207,12 @@ var footerSchema = z21.object({
   logo: footerLogoSchema.optional(),
   bottomBar: footerBottomBarSchema.optional()
 });
-var containerPaddingPresetSchema = z21.enum(["tight", "compact", "default", "relaxed"]);
+var containerPaddingPresetSchema = z21.enum([
+  "tight",
+  "compact",
+  "default",
+  "relaxed"
+]);
 var layoutSchema = z21.object({
   containerPadding: z21.object({
     mobile: containerPaddingPresetSchema.optional(),
@@ -9932,8 +10220,24 @@ var layoutSchema = z21.object({
     desktop: containerPaddingPresetSchema.optional()
   }).optional()
 }).optional();
-var heroTypographySizeSchema = z21.enum(["sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "editorial"]);
-var heroTypographyLineHeightSchema = z21.enum(["tight", "snug", "normal", "relaxed"]);
+var heroTypographySizeSchema = z21.enum([
+  "sm",
+  "base",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl",
+  "4xl",
+  "5xl",
+  "6xl",
+  "editorial"
+]);
+var heroTypographyLineHeightSchema = z21.enum([
+  "tight",
+  "snug",
+  "normal",
+  "relaxed"
+]);
 var heroResponsiveTypographySchema = z21.object({
   headlineSize: heroTypographySizeSchema.optional(),
   headlineLineHeight: heroTypographyLineHeightSchema.optional(),
@@ -10368,6 +10672,28 @@ var warmNeutralCream = definePaletteVariant({
     { name: "border", hex: "#e0d2b8" }
   ]
 });
+var warmNeutralSoftEarth = definePaletteVariant({
+  id: "warm-neutral-soft-earth",
+  name: "Warm Neutral \u2014 Soft Earth",
+  description: "Cream ground with terracotta primary, clay accents, and olive depth.",
+  tags: { tone: "classic", energy: "calm", era: "organic" },
+  mode: "light",
+  colors: [
+    { name: "primary", hex: "#a8573d" },
+    { name: "secondary", hex: "#72765c" },
+    { name: "accent", hex: "#c87557" },
+    { name: "success", hex: "#687854" },
+    { name: "warning", hex: "#b7863e" },
+    { name: "destructive", hex: "#a54b3c" },
+    { name: "background", hex: "#fbf6eb" },
+    { name: "surface", hex: "#fffdf7" },
+    { name: "surfaceAlt", hex: "#f0e4d3" },
+    { name: "muted", hex: "#eadbc6" },
+    { name: "text", hex: "#30281f" },
+    { name: "primaryForeground", hex: "#fffaf3" },
+    { name: "border", hex: "#d9c8b2" }
+  ]
+});
 var warmNeutralForest = definePaletteVariant({
   id: "warm-neutral-forest",
   name: "Warm Neutral \u2014 Forest",
@@ -10401,6 +10727,7 @@ var paletteVariants = [
   // Warm-neutral family
   warmNeutralClay,
   warmNeutralCream,
+  warmNeutralSoftEarth,
   warmNeutralForest,
   // High-contrast family
   highContrastInk,
@@ -10419,6 +10746,12 @@ var paletteVariantsById = new Map(
 function asHeaderLookId(value) {
   return value;
 }
+function asHeaderLayoutId(value) {
+  return value;
+}
+function asHeaderStyleId(value) {
+  return value;
+}
 function baseHeader(theme) {
   const {
     navLinkStyle: _navLinkStyle,
@@ -10437,67 +10770,427 @@ function baseHeader(theme) {
     navContainer: { type: "none", tint: null, opacity: 0.15 }
   };
 }
-function solidBrandHeader(theme) {
-  const ctaVariant = resolveHeaderCtaVariant(theme, "inverted");
-  return {
-    ...baseHeader(theme),
+var headerLayoutCatalog = [
+  {
+    id: asHeaderLayoutId("classic"),
+    label: "Classic",
+    description: "Logo and navigation in one practical horizontal row.",
+    structure: "inline-classic",
     variant: "classic",
-    positioning: "sticky",
+    defaultPositioning: "sticky",
+    shrinkOnScroll: false
+  },
+  {
+    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"]
+  },
+  {
+    id: asHeaderLayoutId("floating"),
+    label: "Floating",
+    description: "Detached header chrome that sits over the opening section.",
+    structure: "floating-shell",
+    variant: "floating",
+    defaultPositioning: "fixed",
     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 } : {}
-  };
+    maxRecommendedNavItems: 5,
+    allowedLogoShapes: ["none", "text-only", "horizontal"]
+  }
+];
+function supportedLayouts(ids) {
+  return ids.map(asHeaderLayoutId);
+}
+var headerStyleCatalog = [
+  {
+    id: asHeaderStyleId("minimal"),
+    label: "Minimal",
+    description: "Quiet surface with simple color-change navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "color-change",
+    surface: "neutral",
+    navTypography: "plain"
+  },
+  {
+    id: asHeaderStyleId("fine-line"),
+    label: "Fine Line",
+    description: "Light surface with a crisp lower rule and underline hover.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "underline-grow",
+    surface: "bordered",
+    navTypography: "plain"
+  },
+  {
+    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",
+    navTypography: "plain"
+  },
+  {
+    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",
+    navTypography: "plain"
+  },
+  {
+    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",
+    navTypography: "brand-caps"
+  },
+  {
+    id: asHeaderStyleId("brand-underline"),
+    label: "Brand Underline",
+    description: "Brand surface with underline-grow navigation.",
+    supportedLayoutIds: supportedLayouts(["classic"]),
+    navInteraction: "underline-grow",
+    surface: "brand-solid",
+    navTypography: "brand-caps"
+  },
+  {
+    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",
+    navTypography: "brand-caps"
+  },
+  {
+    id: asHeaderStyleId("serif-line"),
+    label: "Serif Line",
+    description: "Typographic logo treatment with understated underline navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered"]),
+    navInteraction: "underline-grow",
+    surface: "bordered",
+    navTypography: "heading"
+  },
+  {
+    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",
+    navTypography: "quiet-caps"
+  },
+  {
+    id: asHeaderStyleId("glass"),
+    label: "Glass",
+    description: "Translucent chrome with frosted navigation backing.",
+    supportedLayoutIds: supportedLayouts(["classic", "floating"]),
+    navInteraction: "glass-backed",
+    surface: "floating",
+    navTypography: "plain"
+  },
+  {
+    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",
+    navTypography: "plain"
+  },
+  {
+    id: asHeaderStyleId("soft-shell"),
+    label: "Soft Shell",
+    description: "Floating rounded shell with soft pill navigation states.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "pill-background",
+    surface: "floating",
+    navTypography: "plain"
+  },
+  {
+    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",
+    navTypography: "quiet-caps"
+  },
+  {
+    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",
+    navTypography: "heading"
+  }
+];
+var headerLayoutsById = new Map(
+  headerLayoutCatalog.map((layout) => [layout.id, layout])
+);
+var headerStylesById = new Map(
+  headerStyleCatalog.map((style) => [style.id, style])
+);
+var headerStyleCompatibilityOrder = /* @__PURE__ */ new Map([
+  [
+    asHeaderLayoutId("classic"),
+    headerStyleRepairChain([
+      "minimal",
+      "glass",
+      "fine-line",
+      "soft-bar",
+      "pill-nav",
+      "brand-bar",
+      "brand-underline",
+      "brand-pill",
+      "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);
+}
+var headerStyleRepairOrder = /* @__PURE__ */ new Map(
+  [
+    [
+      asHeaderStyleId("brand-bar"),
+      headerStyleRepairChain(["brand-bar", "brand-pill", "minimal"])
+    ],
+    [
+      asHeaderStyleId("brand-underline"),
+      headerStyleRepairChain(["serif-line", "fine-line", "minimal"])
+    ],
+    [
+      asHeaderStyleId("brand-pill"),
+      headerStyleRepairChain(["brand-pill", "brand-bar", "minimal"])
+    ],
+    [
+      asHeaderStyleId("pill-nav"),
+      headerStyleRepairChain(["pill-nav", "soft-bar", "minimal"])
+    ],
+    [
+      asHeaderStyleId("flat-tabs"),
+      headerStyleRepairChain(["flat-tabs", "pill-nav", "minimal"])
+    ],
+    [
+      asHeaderStyleId("serif-line"),
+      headerStyleRepairChain(["serif-line", "fine-line", "minimal"])
+    ],
+    [
+      asHeaderStyleId("glass"),
+      headerStyleRepairChain(["glass", "minimal-surface", "minimal"])
+    ],
+    [
+      asHeaderStyleId("soft-shell"),
+      headerStyleRepairChain(["soft-shell", "soft-bar", "minimal"])
+    ],
+    [
+      asHeaderStyleId("minimal-surface"),
+      headerStyleRepairChain(["minimal-surface", "minimal"])
+    ],
+    [
+      asHeaderStyleId("split-glass"),
+      headerStyleRepairChain(["split-glass", "glass", "minimal-surface"])
+    ],
+    [
+      asHeaderStyleId("split-pill"),
+      headerStyleRepairChain(["split-pill", "soft-shell", "brand-pill"])
+    ],
+    [
+      asHeaderStyleId("fine-line"),
+      headerStyleRepairChain(["fine-line", "minimal"])
+    ],
+    [
+      asHeaderStyleId("soft-bar"),
+      headerStyleRepairChain(["soft-bar", "minimal"])
+    ],
+    [asHeaderStyleId("minimal"), headerStyleRepairChain(["minimal"])]
+  ]
+);
+var legacyHeaderLookAliases = [
+  {
+    lookId: asHeaderLookId("clean-base"),
+    selection: {
+      layoutId: asHeaderLayoutId("classic"),
+      styleId: asHeaderStyleId("minimal")
+    }
+  },
+  {
+    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")
+    }
+  }
+];
+var 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;
+}
+function getCompatibleHeaderStyleIds(layoutId) {
+  return (headerStyleCompatibilityOrder.get(layoutId) ?? []).filter(
+    (styleId) => {
+      const style = getHeaderStyleOrThrow(styleId);
+      return isHeaderStyleCompatibleWithLayout(style, layoutId);
+    }
+  );
+}
+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 {
@@ -10523,10 +11216,10 @@ function cleanBaseHeader(theme) {
     ctaGap: "default"
   };
 }
-function editorialLineHeader(theme) {
+function serifLineHeader(theme) {
   return {
     ...baseHeader(theme),
-    variant: "editorial",
+    variant: "centered",
     positioning: "sticky",
     shrinkOnScroll: false,
     background: {
@@ -10673,6 +11366,11 @@ var headerLookCatalog = [
     label: "Clean base",
     visualTreatment: "solid-neutral",
     layoutBehavior: "sticky",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "solid-neutral",
+      behavior: "sticky"
+    },
     openingRequirement: "none",
     compile: cleanBaseHeader
   },
@@ -10681,23 +11379,38 @@ var headerLookCatalog = [
     label: "Brand solid",
     visualTreatment: "solid-brand",
     layoutBehavior: "sticky-shrink",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "solid-brand",
+      behavior: "sticky-shrink"
+    },
     openingRequirement: "none",
     compile: solidBrandHeader
   },
   {
-    id: asHeaderLookId("editorial-line"),
-    label: "Editorial line",
-    visualTreatment: "light-editorial",
+    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,
-    compile: editorialLineHeader
+    compile: serifLineHeader
   },
   {
     id: asHeaderLookId("centered-calm"),
     label: "Centered calm",
-    visualTreatment: "light-editorial",
+    visualTreatment: "light-serif",
     layoutBehavior: "normal-flow",
+    configuration: {
+      structure: "centered-stack",
+      treatment: "light-serif",
+      behavior: "normal-flow"
+    },
     openingRequirement: "none",
     maxRecommendedNavItems: 5,
     allowedLogoShapes: ["none", "text-only", "horizontal", "square"],
@@ -10708,6 +11421,11 @@ var headerLookCatalog = [
     label: "Practical utility",
     visualTreatment: "solid-neutral",
     layoutBehavior: "sticky-shrink",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "solid-neutral",
+      behavior: "sticky-shrink"
+    },
     openingRequirement: "none",
     requiresProminentCta: true,
     compile: practicalUtilityHeader
@@ -10717,6 +11435,11 @@ var headerLookCatalog = [
     label: "Minimal transparent",
     visualTreatment: "minimal-transparent",
     layoutBehavior: "normal-flow",
+    configuration: {
+      structure: "inline-classic",
+      treatment: "minimal-transparent",
+      behavior: "normal-flow"
+    },
     openingRequirement: "reserved-space-ok",
     compile: minimalTransparentHeader
   },
@@ -10725,6 +11448,11 @@ var headerLookCatalog = [
     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,
     allowedLogoShapes: ["none", "text-only", "horizontal"],
@@ -10735,6 +11463,11 @@ var headerLookCatalog = [
     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,
     allowedLogoShapes: ["none", "text-only", "horizontal"],
@@ -10742,9 +11475,17 @@ var headerLookCatalog = [
   }
 ];
 var guaranteedFallbackHeaderLookId = asHeaderLookId("clean-base");
+var guaranteedFallbackHeaderLayoutId = asHeaderLayoutId("classic");
+var guaranteedFallbackHeaderStyleId = asHeaderStyleId("minimal");
+var allowedHeaderConfigurationKeys = new Set(
+  headerLookCatalog.map((look) => headerConfigurationKey(look.configuration))
+);
 var headerLooksById = new Map(
   headerLookCatalog.map((look) => [look.id, look])
 );
+function headerConfigurationKey(configuration) {
+  return `${configuration.structure}:${configuration.treatment}:${configuration.behavior}`;
+}
 
 // ../theme-core/src/site-styles/footerLooks.ts
 function asFooterLookId(value) {
@@ -10877,6 +11618,264 @@ var advancedDesignOptionCatalog = {
   detachedCustom: true
 };
 
+// ../theme-core/src/site-styles/typographyPresets.ts
+var bodyReadablePolicy = {
+  recommendedCategories: ["sans-serif", "serif"],
+  allowedCategories: ["sans-serif", "serif"],
+  requiresItalicForBody: true,
+  requiresBoldForBody: true
+};
+var headingFlexiblePolicy = {
+  recommendedCategories: ["sans-serif", "serif", "display"],
+  allowedCategories: ["sans-serif", "serif", "display"]
+};
+var displayHeadingPolicy = {
+  recommendedCategories: ["display", "sans-serif", "serif"],
+  allowedCategories: ["display", "sans-serif", "serif"]
+};
+function asTypographyPresetId(value) {
+  if (!value.startsWith("typography-preset:")) {
+    throw new Error(`TypographyPresetId must start with "typography-preset:". Received: ${value}`);
+  }
+  return value;
+}
+function defineTypographyPreset(preset2) {
+  return {
+    ...preset2,
+    id: asTypographyPresetId(preset2.id)
+  };
+}
+var modernSansTypography = {
+  body: {
+    family: "Inter, system-ui, sans-serif",
+    size: "md",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Inter, system-ui, sans-serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      italic: null,
+      case: null
+    },
+    h1: { size: "xl", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "lg", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h3: { size: "md", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var warmRoundedTypography = {
+  body: {
+    family: "Nunito Sans, system-ui, sans-serif",
+    size: "lg",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Nunito Sans, system-ui, sans-serif",
+      weight: "bold",
+      lineHeight: "normal",
+      letterSpacing: "normal",
+      italic: null,
+      case: null
+    },
+    h1: { size: "xl", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h2: { size: "lg", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "semibold", lineHeight: "relaxed", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var editorialSerifTypography = {
+  body: {
+    family: "Lora, Georgia, serif",
+    size: "lg",
+    weight: "regular",
+    lineHeight: "loose",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Playfair Display, Georgia, serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      italic: null,
+      case: null
+    },
+    h1: { size: "2xl", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "xl", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "semibold", lineHeight: "relaxed", letterSpacing: "normal", italic: true }
+  },
+  scale: "spacious"
+};
+var classicSerifTypography = {
+  body: {
+    family: "Libre Baskerville, Georgia, serif",
+    size: "md",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Cormorant Garamond, Georgia, serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "normal",
+      italic: null,
+      case: null
+    },
+    h1: { size: "2xl", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h2: { size: "xl", weight: "semibold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "medium", lineHeight: "relaxed", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var luxeContrastTypography = {
+  body: {
+    family: "Manrope, system-ui, sans-serif",
+    size: "md",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Cormorant Garamond, Georgia, serif",
+      weight: "semibold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      italic: null,
+      case: null
+    },
+    h1: { size: "2xl", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "xl", weight: "semibold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h3: { size: "md", weight: "medium", lineHeight: "relaxed", letterSpacing: "normal", italic: null }
+  },
+  scale: "spacious"
+};
+var boldDisplayTypography = {
+  body: {
+    family: "Manrope, system-ui, sans-serif",
+    size: "lg",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: '"TAN - PEARL", sans-serif',
+      weight: "bold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      colorToken: "primary",
+      italic: null,
+      case: null
+    },
+    h1: { size: "xl", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "lg", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null },
+    h3: { size: "md", weight: "bold", lineHeight: "normal", letterSpacing: "normal", italic: null }
+  },
+  scale: "balanced"
+};
+var typographyPresets = [
+  defineTypographyPreset({
+    id: "typography-preset:modern-sans",
+    name: "Modern Sans",
+    description: "Crisp, neutral type for clear service pages and practical editorial structure.",
+    defaultFonts: { body: "Inter, system-ui, sans-serif", heading: "Inter, system-ui, sans-serif" },
+    recommendedFonts: {
+      body: ["Inter", "Source Sans 3", "IBM Plex Sans"],
+      heading: ["Inter", "Manrope", "Source Sans 3"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: headingFlexiblePolicy },
+    typography: modernSansTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:warm-rounded",
+    name: "Warm Rounded",
+    description: "Soft, friendly type for welcoming studios, classes, and community businesses.",
+    defaultFonts: { body: "Nunito Sans, system-ui, sans-serif", heading: "Nunito Sans, system-ui, sans-serif" },
+    recommendedFonts: {
+      body: ["Nunito Sans", "Atkinson Hyperlegible", "Lato"],
+      heading: ["Nunito Sans", "Quicksand", "Manrope"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: headingFlexiblePolicy },
+    typography: warmRoundedTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:editorial-serif",
+    name: "Editorial Serif",
+    description: "Story-led type with warm reading rhythm and expressive headings.",
+    defaultFonts: { body: "Lora, Georgia, serif", heading: "Playfair Display, Georgia, serif" },
+    recommendedFonts: {
+      body: ["Lora", "Source Serif 4", "Libre Baskerville"],
+      heading: ["Playfair Display", "Cormorant Garamond", "Fraunces"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: editorialSerifTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:classic-serif",
+    name: "Classic Serif",
+    description: "Measured, polished type for premium and established offers.",
+    defaultFonts: { body: "Libre Baskerville, Georgia, serif", heading: "Cormorant Garamond, Georgia, serif" },
+    recommendedFonts: {
+      body: ["Libre Baskerville", "Source Serif 4", "Lora"],
+      heading: ["Cormorant Garamond", "Playfair Display", "Libre Baskerville"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: classicSerifTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:luxe-contrast",
+    name: "Luxe Contrast",
+    description: "A restrained sans body paired with elegant high-contrast headings.",
+    defaultFonts: { body: "Manrope, system-ui, sans-serif", heading: "Cormorant Garamond, Georgia, serif" },
+    recommendedFonts: {
+      body: ["Manrope", "Inter", "Source Sans 3"],
+      heading: ["Cormorant Garamond", "Playfair Display", "Bodoni Moda"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: luxeContrastTypography
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:bold-display",
+    name: "Bold Display",
+    description: "Punchy display headings with readable sans body copy for branded launches.",
+    defaultFonts: { body: "Manrope, system-ui, sans-serif", heading: '"TAN - PEARL", sans-serif' },
+    recommendedFonts: {
+      body: ["Manrope", "Inter", "Space Grotesk"],
+      heading: ["Anton", "Bebas Neue", "Archivo Black"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: boldDisplayTypography,
+    heroTypography: {
+      headlineSize: "6xl",
+      headlineLineHeight: "tight",
+      subheadlineSize: "editorial",
+      subheadlineLineHeight: "normal",
+      microHeadlineSize: "6xl",
+      microHeadlineLineHeight: "tight",
+      microSubheadlineSize: "xl",
+      microSubheadlineLineHeight: "normal",
+      responsive: {
+        tablet: { headlineSize: "5xl" },
+        mobile: { headlineSize: "4xl", subheadlineSize: "xl" }
+      }
+    }
+  })
+];
+var typographyPresetsById = new Map(
+  typographyPresets.map((preset2) => [preset2.id, preset2])
+);
+
 // ../theme-core/src/site-styles/curatedSiteStyles.ts
 var curatedSiteStyleIdValues = [
   "site-style:calm-studio",
@@ -10889,6 +11888,7 @@ var curatedSiteStyleIdValues = [
   "site-style:personal-retreat-journal",
   "site-style:tactile-workshop",
   "site-style:modern-wellness",
+  "site-style:soft-earth",
   "site-style:bold-launch",
   "site-style:south-west-twerk-school"
 ];
@@ -10954,26 +11954,45 @@ var expressiveUnderlineInputs = {
   }
 };
 function uniqueContentFrameKinds() {
-  const kinds = [...new Set(
-    generatedDesignOptionCatalog.contentFrames.map((frame) => frame.kind)
-  )];
+  const kinds = [
+    ...new Set(
+      generatedDesignOptionCatalog.contentFrames.map((frame) => frame.kind)
+    )
+  ];
   const firstKind = kinds[0];
   if (!firstKind) {
-    throw new Error("Expected generated design option catalog to expose at least one content frame kind.");
+    throw new Error(
+      "Expected generated design option catalog to expose at least one content frame kind."
+    );
   }
   return [firstKind, ...kinds.slice(1)];
 }
 var generatedContentFrameKinds = uniqueContentFrameKinds();
 function defineCuratedSiteStyle(input) {
+  const legacyHeaderLookIds = input.recommendedHeaderLookIds ?? ["clean-base"];
+  const inferredHeaderCuration = inferHeaderCurationFromLegacyLooks(legacyHeaderLookIds);
+  const typographyPresetChoices = input.typographyPresetChoices ?? defaultTypographyPresetChoicesForRecipe(input.tokenRecipes.typography);
+  const defaultTypographyPresetId = input.defaultTypographyPresetId ? asTypographyPresetId(input.defaultTypographyPresetId) : typographyPresetChoices[0].id;
+  if (!typographyPresetChoices.some(
+    (choice) => choice.id === defaultTypographyPresetId
+  )) {
+    throw new Error(
+      `Default typography preset ${defaultTypographyPresetId} is not curated for site style ${input.id}.`
+    );
+  }
   return {
     id: asSiteStyleId(input.id),
     name: input.name,
     description: input.description,
     generationBrief: input.generationBrief,
     selectionKeywordRules: input.selectionKeywordRules ?? [],
-    siteCreatorSelection: input.siteCreatorSelection ?? { kind: "explicit_only" },
+    siteCreatorSelection: input.siteCreatorSelection ?? {
+      kind: "explicit_only"
+    },
     template: {
-      id: asDesignSystemTemplateId(`template:${input.id.replace("site-style:", "")}`),
+      id: asDesignSystemTemplateId(
+        `template:${input.id.replace("site-style:", "")}`
+      ),
       name: input.name,
       version: 1,
       tokenRecipes: input.tokenRecipes,
@@ -10985,11 +12004,27 @@ function defineCuratedSiteStyle(input) {
     },
     ...input.themeOverrides ? { themeOverrides: input.themeOverrides } : {},
     recommendedAppearancePresetIds: (input.recommendedAppearancePresetIds ?? []).map(asAppearancePresetId),
-    recommendedHeaderLookIds: (input.recommendedHeaderLookIds ?? ["clean-base"]).map(asHeaderLookId),
+    defaultHeaderSelection: input.defaultHeaderSelection ? {
+      layoutId: asHeaderLayoutId(input.defaultHeaderSelection.layoutId),
+      styleId: asHeaderStyleId(input.defaultHeaderSelection.styleId)
+    } : inferredHeaderCuration.defaultHeaderSelection,
+    recommendedHeaderLayoutChoices: input.recommendedHeaderLayoutChoices ?? inferredHeaderCuration.recommendedHeaderLayoutChoices,
+    recommendedHeaderStyleChoicesByLayout: input.recommendedHeaderStyleChoicesByLayout ?? inferredHeaderCuration.recommendedHeaderStyleChoicesByLayout,
+    discouragedHeaderSelections: input.discouragedHeaderSelections?.map(
+      (selection) => ({
+        layoutId: asHeaderLayoutId(selection.layoutId),
+        styleId: asHeaderStyleId(selection.styleId)
+      })
+    ),
+    recommendedHeaderLookIds: legacyHeaderLookIds.map(asHeaderLookId),
     // Empty is intentional: resolveFooterLook always appends its guaranteed fallback.
-    recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(asFooterLookId),
+    recommendedFooterLookIds: (input.recommendedFooterLookIds ?? []).map(
+      asFooterLookId
+    ),
     buttonPersonalityChoices: input.buttonPersonalityChoices,
-    paletteVariantChoices: input.paletteVariantChoices
+    paletteVariantChoices: input.paletteVariantChoices,
+    typographyPresetChoices,
+    defaultTypographyPresetId
   };
 }
 function buttonChoice(id, note) {
@@ -10998,6 +12033,87 @@ function buttonChoice(id, note) {
 function paletteChoice(id, note) {
   return note ? { id: asPaletteVariantId(id), note } : { id: asPaletteVariantId(id) };
 }
+function headerLayoutChoice(id, note) {
+  return note ? { id: asHeaderLayoutId(id), note } : { id: asHeaderLayoutId(id) };
+}
+function headerStyleChoice(id, note) {
+  return note ? { id: asHeaderStyleId(id), note } : { id: asHeaderStyleId(id) };
+}
+function unbrandHeaderLayoutId(id) {
+  return id;
+}
+function uniqueHeaderLayoutChoices(choices) {
+  const seen = /* @__PURE__ */ new Set();
+  const unique = choices.filter((choice) => {
+    if (seen.has(choice.id)) return false;
+    seen.add(choice.id);
+    return true;
+  });
+  const first = unique[0];
+  if (!first) {
+    throw new Error("Expected at least one curated header layout choice.");
+  }
+  return [first, ...unique.slice(1)];
+}
+function nonEmptyHeaderStyleChoices(choices, fallbackLayoutId) {
+  const first = choices[0] ?? {
+    id: getCompatibleHeaderStyleIds(fallbackLayoutId)[0] ?? asHeaderStyleId("minimal")
+  };
+  return [first, ...choices.slice(1)];
+}
+function inferHeaderCurationFromLegacyLooks(lookIds) {
+  const selections = lookIds.map((lookId) => resolveLegacyHeaderLookAlias(asHeaderLookId(lookId))).filter(
+    (selection) => Boolean(selection)
+  );
+  const defaultHeaderSelection = selections[0] ?? {
+    layoutId: asHeaderLayoutId("classic"),
+    styleId: asHeaderStyleId("minimal")
+  };
+  const layoutChoices = uniqueHeaderLayoutChoices(
+    selections.map((selection) => headerLayoutChoice(selection.layoutId))
+  );
+  const stylesByLayout = {};
+  for (const layoutChoice of layoutChoices) {
+    const styleChoices = selections.filter((selection) => selection.layoutId === layoutChoice.id).map((selection) => headerStyleChoice(selection.styleId));
+    stylesByLayout[unbrandHeaderLayoutId(layoutChoice.id)] = nonEmptyHeaderStyleChoices(styleChoices, layoutChoice.id);
+  }
+  return {
+    defaultHeaderSelection,
+    recommendedHeaderLayoutChoices: layoutChoices,
+    recommendedHeaderStyleChoicesByLayout: stylesByLayout
+  };
+}
+function typographyChoice(id, note) {
+  return note ? { id: asTypographyPresetId(id), note } : { id: asTypographyPresetId(id) };
+}
+function defaultTypographyPresetChoicesForRecipe(recipe) {
+  switch (recipe) {
+    case "clean-sans":
+      return [
+        typographyChoice("typography-preset:modern-sans"),
+        typographyChoice("typography-preset:luxe-contrast"),
+        typographyChoice("typography-preset:bold-display")
+      ];
+    case "friendly-sans":
+      return [
+        typographyChoice("typography-preset:warm-rounded"),
+        typographyChoice("typography-preset:modern-sans"),
+        typographyChoice("typography-preset:editorial-serif")
+      ];
+    case "serif-editorial":
+      return [
+        typographyChoice("typography-preset:editorial-serif"),
+        typographyChoice("typography-preset:classic-serif"),
+        typographyChoice("typography-preset:warm-rounded")
+      ];
+    case "classic-serif":
+      return [
+        typographyChoice("typography-preset:classic-serif"),
+        typographyChoice("typography-preset:luxe-contrast"),
+        typographyChoice("typography-preset:editorial-serif")
+      ];
+  }
+}
 var curatedSiteStyles = [
   defineCuratedSiteStyle({
     id: "site-style:calm-studio",
@@ -11014,7 +12130,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["centered-calm", "minimal-transparent", "clean-base"],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("soft-pill"),
       buttonChoice("pebble"),
@@ -11043,7 +12163,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["practical-utility", "brand-solid", "clean-base"],
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "brand-solid",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("confident-chip"),
       buttonChoice("soft-pill"),
@@ -11070,7 +12194,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["editorial-line", "minimal-transparent", "centered-calm"],
+    recommendedHeaderLookIds: [
+      "serif-line",
+      "minimal-transparent",
+      "centered-calm"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("editorial-link"),
       buttonChoice("soft-pill"),
@@ -11098,7 +12226,11 @@ var curatedSiteStyles = [
       motion: "expressive"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["brand-solid", "practical-utility", "clean-base"],
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "practical-utility",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("pebble"),
       buttonChoice("brushed-wash"),
@@ -11115,7 +12247,10 @@ var curatedSiteStyles = [
     name: "Quiet Luxury",
     description: "Minimal, confident, and refined for premium experiences and private services.",
     generationBrief: "Use fewer claims, more specificity, and restrained sensory detail. Favor elegant media and low repetition over dense panels.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 20 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 20
+    },
     selectionKeywordRules: [
       { kind: "word", value: "luxury" },
       { kind: "word", value: "premium" },
@@ -11133,7 +12268,11 @@ var curatedSiteStyles = [
       motion: "none"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["minimal-transparent", "editorial-line", "clean-base"],
+    recommendedHeaderLookIds: [
+      "minimal-transparent",
+      "serif-line",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("editorial-link"),
       buttonChoice("confident-chip"),
@@ -11169,7 +12308,11 @@ var curatedSiteStyles = [
       motion: "none"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["practical-utility", "brand-solid", "clean-base"],
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "brand-solid",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("confident-chip"),
       buttonChoice("pebble"),
@@ -11196,7 +12339,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["centered-calm", "minimal-transparent", "clean-base"],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "clean-base"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("soft-pill"),
       buttonChoice("pebble"),
@@ -11213,7 +12360,10 @@ var curatedSiteStyles = [
     name: "Quiet Practice",
     description: "Grounded, calm, and practical for small appointment-first practices.",
     generationBrief: "Make services, practitioner trust, preparation notes, and booking routes easy to scan. Keep the tone warm and specific, with quiet confidence rather than spa cliches or medical claims.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 30 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 30
+    },
     selectionKeywordRules: [
       { kind: "substring", value: "massage" },
       { kind: "word", value: "bodywork" },
@@ -11234,7 +12384,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: quietBudget,
-    recommendedHeaderLookIds: ["practical-utility", "clean-base", "centered-calm"],
+    recommendedHeaderLookIds: [
+      "practical-utility",
+      "clean-base",
+      "centered-calm"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("pebble"),
       buttonChoice("soft-pill"),
@@ -11251,7 +12405,10 @@ var curatedSiteStyles = [
     name: "Personal Retreat Journal",
     description: "Warm, story-led, and readable for solo practitioners with mixed offers.",
     generationBrief: "Center the practitioner as the guide, then make private sessions, classes, retreats, and resources feel like clear pathways. Keep retreat copy grounded and practical, with enough editorial warmth for longer reading.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 40 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 40
+    },
     selectionKeywordRules: [
       { kind: "substring", value: "retreat" },
       { kind: "phrase", value: "solo practitioner" },
@@ -11271,7 +12428,11 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["editorial-line", "centered-calm", "minimal-transparent"],
+    recommendedHeaderLookIds: [
+      "serif-line",
+      "centered-calm",
+      "minimal-transparent"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("editorial-link"),
       buttonChoice("soft-pill"),
@@ -11288,7 +12449,10 @@ var curatedSiteStyles = [
     name: "Tactile Workshop",
     description: "Bright, hands-on, and image-led for maker studios, workshops, and creative classes.",
     generationBrief: "Lead with objects, materials, studio process, and practical booking detail. Keep the tone warm and direct, with useful mess, clear dates, and enough gallery rhythm to feel like a real creative studio.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 50 },
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 50
+    },
     selectionKeywordRules: [
       { kind: "substring", value: "ceramic" },
       { kind: "word", value: "pottery" },
@@ -11308,8 +12472,15 @@ var curatedSiteStyles = [
       motion: "subtle"
     },
     compositionBudget: balancedBudget,
-    recommendedHeaderLookIds: ["brand-solid", "practical-utility", "clean-base"],
-    recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "practical-utility",
+      "clean-base"
+    ],
+    recommendedFooterLookIds: [
+      "site-footer-brand-two-band",
+      "footer-muted-grounding"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("pebble"),
       buttonChoice("confident-chip"),
@@ -11324,101 +12495,178 @@ var curatedSiteStyles = [
     ]
   }),
   defineCuratedSiteStyle({
-    id: "site-style:bold-launch",
-    name: "Bold Launch",
-    description: "High-energy and punchy for launches, campaigns, and creative offers.",
-    generationBrief: "Use crisp positioning, bold hero structure, strong calls to action, and confident visual rhythm. Keep it precise, not shouty.",
-    siteCreatorSelection: { kind: "site_creator_keyword_heuristic", priority: 10 },
-    selectionKeywordRules: [
-      { kind: "substring", value: "launch" },
-      { kind: "substring", value: "campaign" },
-      { kind: "word", value: "preorder" },
-      { kind: "phrase", value: "pre-order" },
-      { kind: "substring", value: "waitlist" },
-      { kind: "word", value: "drop" }
-    ],
-    tokenRecipes: {
-      palette: "high-contrast",
-      contrast: "maximum",
-      radius: "pill",
-      shadow: "layered",
-      typography: "clean-sans",
-      spacing: "regular",
-      motion: "expressive"
+    id: "site-style:soft-earth",
+    name: "Soft Earth",
+    description: "Warm, grounded, and editorial for yoga studios, retreats, and wellbeing communities.",
+    generationBrief: "Use cream space, terracotta CTAs, olive proof bands, natural imagery, generous but composed spacing, and editorial serif headings. Prefer a real intro section, image-led offering cards, warm community proof, and a simple two-column FAQ when content allows.",
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 45
     },
-    compositionBudget: expressiveBudget,
-    recommendedHeaderLookIds: ["transparent-overlay", "floating-glass", "brand-solid"],
-    buttonPersonalityChoices: [
-      buttonChoice("ink-stamp"),
-      buttonChoice("confident-chip"),
-      buttonChoice("brushed-wash"),
-      buttonChoice("pebble")
+    selectionKeywordRules: [
+      { kind: "word", value: "meditation" },
+      { kind: "word", value: "wellbeing" },
+      { kind: "substring", value: "retreat" },
+      { kind: "phrase", value: "yoga studio" },
+      { kind: "phrase", value: "mindful movement" }
     ],
-    paletteVariantChoices: [
-      paletteChoice("high-contrast-monochrome"),
-      paletteChoice("high-contrast-ink"),
-      paletteChoice("brand-led-jewel"),
-      paletteChoice("brand-led-warm")
-    ]
-  }),
-  defineCuratedSiteStyle({
-    id: "site-style:south-west-twerk-school",
-    name: "South West Twerk School",
-    description: "Energetic, editorial, and high-contrast for a branded dance school presence.",
-    generationBrief: "Use confident rhythm, bold burgundy-and-gold accents, large editorial intro copy, strong booking routes, and dark feature sections where proof or forms need emphasis.",
     tokenRecipes: {
-      palette: "brand-led",
-      contrast: "maximum",
+      palette: "warm-neutral",
+      contrast: "standard",
       radius: "soft",
-      shadow: "layered",
-      typography: "clean-sans",
+      shadow: "subtle",
+      typography: "serif-editorial",
       spacing: "airy",
-      motion: "expressive"
+      motion: "subtle"
     },
-    compositionBudget: expressiveBudget,
+    compositionBudget: balancedBudget,
     themeOverrides: {
       typography: {
         body: {
-          family: "Manrope, system-ui, sans-serif",
-          size: "lg",
+          family: "Inter, system-ui, sans-serif",
+          size: "md",
           weight: "regular",
           lineHeight: "relaxed",
           letterSpacing: "normal"
         },
         headings: {
           default: {
-            family: '"TAN - PEARL", sans-serif',
-            weight: "bold",
+            family: '"Cormorant Garamond", Georgia, serif',
+            weight: "regular",
             lineHeight: "normal",
-            letterSpacing: "tight",
-            colorToken: "primary",
+            letterSpacing: "normal",
+            colorToken: "text",
             italic: null,
             case: null
           },
           h1: {
             size: "xl",
-            weight: "bold",
+            weight: "regular",
             lineHeight: "normal",
-            letterSpacing: "tight",
+            letterSpacing: "normal",
             italic: null
           },
           h2: {
             size: "lg",
-            weight: "bold",
+            weight: "regular",
             lineHeight: "normal",
             letterSpacing: "normal",
             italic: null
           },
           h3: {
             size: "md",
-            weight: "bold",
+            weight: "regular",
             lineHeight: "normal",
             letterSpacing: "normal",
             italic: null
           }
         },
-        scale: "balanced"
+        scale: "majorThird"
       },
+      bodyText: {
+        intro: {
+          paragraphSize: "default",
+          headingSize: "editorial"
+        }
+      }
+    },
+    recommendedAppearancePresetIds: [
+      "hero-brand-scrim",
+      "intro-soft-earth-statement",
+      "feature-cards-soft-earth-offerings",
+      "testimonials-soft-earth-proof-band",
+      "faq-soft-earth-two-column",
+      "contact-form-panel"
+    ],
+    recommendedHeaderLookIds: [
+      "centered-calm",
+      "minimal-transparent",
+      "serif-line"
+    ],
+    recommendedFooterLookIds: [
+      "footer-muted-grounding",
+      "site-footer-brand-two-band"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("earth-pill"),
+      buttonChoice("soft-pill"),
+      buttonChoice("pebble"),
+      buttonChoice("editorial-link")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("warm-neutral-soft-earth"),
+      paletteChoice("warm-neutral-clay"),
+      paletteChoice("warm-neutral-forest"),
+      paletteChoice("soft-natural-sage")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:bold-launch",
+    name: "Bold Launch",
+    description: "High-energy and punchy for launches, campaigns, and creative offers.",
+    generationBrief: "Use crisp positioning, bold hero structure, strong calls to action, and confident visual rhythm. Keep it precise, not shouty.",
+    siteCreatorSelection: {
+      kind: "site_creator_keyword_heuristic",
+      priority: 10
+    },
+    selectionKeywordRules: [
+      { kind: "substring", value: "launch" },
+      { kind: "substring", value: "campaign" },
+      { kind: "word", value: "preorder" },
+      { kind: "phrase", value: "pre-order" },
+      { kind: "substring", value: "waitlist" },
+      { kind: "word", value: "drop" }
+    ],
+    tokenRecipes: {
+      palette: "high-contrast",
+      contrast: "maximum",
+      radius: "pill",
+      shadow: "layered",
+      typography: "clean-sans",
+      spacing: "regular",
+      motion: "expressive"
+    },
+    compositionBudget: expressiveBudget,
+    recommendedHeaderLookIds: [
+      "transparent-overlay",
+      "floating-glass",
+      "brand-solid"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("ink-stamp"),
+      buttonChoice("confident-chip"),
+      buttonChoice("brushed-wash"),
+      buttonChoice("pebble")
+    ],
+    paletteVariantChoices: [
+      paletteChoice("high-contrast-monochrome"),
+      paletteChoice("high-contrast-ink"),
+      paletteChoice("brand-led-jewel"),
+      paletteChoice("brand-led-warm")
+    ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:south-west-twerk-school",
+    name: "South West Twerk School",
+    description: "Energetic, editorial, and high-contrast for a branded dance school presence.",
+    generationBrief: "Use confident rhythm, bold burgundy-and-gold accents, large editorial intro copy, strong booking routes, and dark feature sections where proof or forms need emphasis.",
+    tokenRecipes: {
+      palette: "brand-led",
+      contrast: "maximum",
+      radius: "soft",
+      shadow: "layered",
+      typography: "clean-sans",
+      spacing: "airy",
+      motion: "expressive"
+    },
+    compositionBudget: expressiveBudget,
+    typographyPresetChoices: [
+      typographyChoice("typography-preset:bold-display"),
+      typographyChoice("typography-preset:modern-sans"),
+      typographyChoice("typography-preset:luxe-contrast")
+    ],
+    defaultTypographyPresetId: "typography-preset:bold-display",
+    themeOverrides: {
       bodyText: {
         intro: {
           paragraphSize: "editorial",
@@ -11434,8 +12682,15 @@ var curatedSiteStyles = [
       "testimonials-accent-quote-proof",
       "contact-form-brand-depth-card"
     ],
-    recommendedHeaderLookIds: ["brand-solid", "transparent-overlay", "practical-utility"],
-    recommendedFooterLookIds: ["site-footer-brand-two-band", "footer-muted-grounding"],
+    recommendedHeaderLookIds: [
+      "brand-solid",
+      "transparent-overlay",
+      "practical-utility"
+    ],
+    recommendedFooterLookIds: [
+      "site-footer-brand-two-band",
+      "footer-muted-grounding"
+    ],
     buttonPersonalityChoices: [
       buttonChoice("showtime-pill"),
       buttonChoice("confident-chip"),
@@ -15761,8 +17016,9 @@ var faqAccordionFragment = defineFragment({
         },
         fallback: "rb-faq-item"
       },
-      iconStyle: { $bind: { from: "theme.accordions.icon.style" } }
-      // Pass icon style from theme
+      iconStyle: { $bind: { from: "theme.accordions.icon.style" } },
+      // Legacy theme accordion style
+      iconTreatment: { $bind: { from: "content._sectionStyles.accordionIconTreatment" } }
     },
     triggerFrom: "faqItem.question",
     contentFrom: "faqItem.answer"
@@ -16840,61 +18096,389 @@ function splitLayoutWith(children) {
         children
       }
     }),
-    // The split variants render the image as a real grid column, so suppress
-    // the default absolute background image layer while keeping color/overlay.
-    renderBackgroundImage: false,
-    baseClass: ""
-  });
-}
-var splitContentColumn = heroContentWrapper(heroContentNodes, "md", "rb-w-full rb-text-left");
-var splitImageColumn = heroSplitImagePane();
-var splitLayout = splitLayoutWith([
-  splitContentColumn,
-  splitImageColumn
-]);
-var splitReverseLayout = splitLayoutWith([
-  splitImageColumn,
-  splitContentColumn
-]);
-var heroConfig = {
-  id: "block.hero",
-  title: "Hero",
-  titleSource: "headline",
-  category: "layout",
-  includeContainerStyles: true,
-  promotedFields: ["_sectionStyles.background.image"],
-  fragments: [
-    { fragment: heroCopyFragment, fieldPriority: 0 },
-    { fragment: heroLayoutControlsFragment, fieldPriority: 1 },
-    { fragment: heroCtaRowFragment, fieldPriority: 2 }
-  ],
-  additionalFields: [
-    containerStylesField({
-      id: "_contentCardStyles",
-      label: "Content card",
-      renderInHeader: true,
-      intent: "style"
+    // The split variants render the image as a real grid column, so suppress
+    // the default absolute background image layer while keeping color/overlay.
+    renderBackgroundImage: false,
+    baseClass: ""
+  });
+}
+var splitContentColumn = heroContentWrapper(heroContentNodes, "md", "rb-w-full rb-text-left");
+var splitImageColumn = heroSplitImagePane();
+var splitLayout = splitLayoutWith([
+  splitContentColumn,
+  splitImageColumn
+]);
+var splitReverseLayout = splitLayoutWith([
+  splitImageColumn,
+  splitContentColumn
+]);
+var heroConfig = {
+  id: "block.hero",
+  title: "Hero",
+  titleSource: "headline",
+  category: "layout",
+  includeContainerStyles: true,
+  promotedFields: ["_sectionStyles.background.image"],
+  fragments: [
+    { fragment: heroCopyFragment, fieldPriority: 0 },
+    { fragment: heroLayoutControlsFragment, fieldPriority: 1 },
+    { fragment: heroCtaRowFragment, fieldPriority: 2 }
+  ],
+  additionalFields: [
+    containerStylesField({
+      id: "_contentCardStyles",
+      label: "Content card",
+      renderInHeader: true,
+      intent: "style"
+    })
+  ],
+  layout: classicLayout,
+  variants: {
+    classic: classicLayout,
+    micro: microLayout,
+    split: splitLayout,
+    splitReverse: splitReverseLayout
+  },
+  defaultVariant: "classic",
+  description: "Hero section with headline, subtitle, and repeatable CTAs.",
+  tags: ["header", "banner", "landing", "introduction", "welcome", "splash", "headline"],
+  icon: "Sparkles",
+  styleTokens: {
+    typography: "display",
+    spacing: "xl"
+  }
+};
+var heroManifest = createBlockManifest(heroConfig);
+var heroBlockDefinition = {
+  manifest: heroManifest
+};
+
+// ../blocks/src/system/fields/aspectRatio.ts
+var standardAspectRatioOptions = [
+  { value: "auto", label: "Auto (original)" },
+  { value: "16/9", label: "16:9 (Landscape)" },
+  { value: "4/3", label: "4:3 (Standard)" },
+  { value: "1/1", label: "1:1 (Square)" },
+  { value: "3/4", label: "3:4 (Portrait)" }
+];
+function createAspectRatioField(options = {}) {
+  return {
+    id: options.id ?? "aspectRatio",
+    type: "select",
+    label: options.label ?? "Aspect ratio",
+    ...options.description ? { description: options.description } : {},
+    required: false,
+    defaultValue: options.defaultValue ?? "auto",
+    multiple: false,
+    options: [...standardAspectRatioOptions],
+    ui: {
+      intent: options.uiIntent ?? "display",
+      ...options.visibleWhen ? { visibleWhen: options.visibleWhen } : {}
+    }
+  };
+}
+
+// ../blocks/src/system/fields/imageLayout.ts
+function createImageColSizeField(options = {}) {
+  const {
+    id = "imageColSize",
+    label = "Image column size",
+    description = "Controls how large the image/thumbnail column is at desktop breakpoints.",
+    defaultValue = "1/3",
+    uiIntent = "display",
+    visibleWhen
+  } = options;
+  return {
+    id,
+    type: "select",
+    label,
+    description,
+    required: false,
+    defaultValue,
+    multiple: false,
+    options: [
+      { value: "1/4", label: "Small (1/4)" },
+      { value: "1/3", label: "Medium (1/3)" },
+      { value: "2/5", label: "Large (2/5)" },
+      { value: "1/2", label: "Extra large (1/2)" },
+      { value: "2/3", label: "Huge (2/3)" }
+    ],
+    ui: {
+      intent: uiIntent,
+      ...visibleWhen ? { visibleWhen } : {}
+    }
+  };
+}
+function createImagePositionField(options = {}) {
+  const {
+    id = "imagePosition",
+    label = "Image position",
+    description = "Choose which side the image appears on.",
+    defaultValue = "left",
+    includeAlternate = false,
+    uiIntent = "display",
+    visibleWhen
+  } = options;
+  const positionOptions = [
+    { value: "left", label: "Left" },
+    { value: "right", label: "Right" },
+    ...includeAlternate ? [{ value: "alternate", label: "Alternate" }] : []
+  ];
+  return {
+    id,
+    type: "select",
+    label,
+    description,
+    required: false,
+    defaultValue,
+    multiple: false,
+    // Spread to get a mutable array type without unsafe casts.
+    options: [...positionOptions],
+    ui: {
+      intent: uiIntent,
+      ...visibleWhen ? { visibleWhen } : {}
+    }
+  };
+}
+
+// ../blocks/src/system/blocks/intro.ts
+function introHeading(className) {
+  return text(
+    {
+      as: "h2",
+      className
+    },
+    when("content.title"),
+    bind("content.title")
+  );
+}
+function introBody(className = "rb-prose rb-max-w-none") {
+  return richText({ className }, bind("content.body"));
+}
+function introCtas(justify = "start") {
+  return ctaRow({
+    justify,
+    gap: "md",
+    containerClassName: "rb-mt-2"
+  });
+}
+function introCopyStack(options = {}) {
+  return stack(
+    {
+      gap: "md",
+      className: options.className ?? "rb-intro-copy"
+    },
+    [
+      introHeading(options.headingClassName ?? "rb-intro-title"),
+      introBody(options.bodyClassName),
+      introCtas(options.ctaJustify)
+    ]
+  );
+}
+var introMedia = media(
+  {
+    className: "rb-intro-media rb-w-full rb-h-auto rb-object-cover",
+    style: {
+      aspectRatio: { $bind: { from: "content.aspectRatio" } }
+    }
+  },
+  bind("content.media")
+);
+var centeredCopyLayout = styledSection({
+  children: styledContainer({
+    rootType: "stack",
+    rootProps: { gap: "lg" },
+    children: [
+      introCopyStack({
+        className: "rb-intro-copy rb-mx-auto rb-max-w-3xl rb-text-center",
+        headingClassName: "rb-intro-title rb-text-center",
+        bodyClassName: "rb-prose rb-mx-auto rb-max-w-none",
+        ctaJustify: "center"
+      })
+    ]
+  }),
+  baseClass: "",
+  spacing: "medium"
+});
+var statementCopyLayout = styledSection({
+  children: styledContainer({
+    children: [
+      el(
+        "div",
+        {
+          className: "rb-intro rb-intro-statement rb-grid rb-grid-cols-1 rb-gap-8 rb-md-grid-cols-2 rb-md-items-start"
+        },
+        [
+          introHeading("rb-intro-title rb-max-w-xl"),
+          stack({ gap: "md", className: "rb-intro-copy rb-max-w-xl" }, [
+            introBody(),
+            introCtas("start")
+          ])
+        ]
+      )
+    ]
+  }),
+  baseClass: "",
+  spacing: "medium"
+});
+var statementMediaLayout = styledSection({
+  children: styledContainer({
+    children: [
+      el(
+        "div",
+        {
+          className: "rb-intro rb-intro-statement-media rb-grid rb-grid-cols-1 rb-gap-8 rb-lg-grid-cols-3 rb-lg-items-center"
+        },
+        [
+          introHeading("rb-intro-title rb-max-w-xl"),
+          stack({ gap: "md", className: "rb-intro-copy rb-max-w-xl" }, [
+            introBody(),
+            introCtas("start")
+          ]),
+          el("div", { className: "rb-intro-media-wrap rb-w-full" }, [introMedia], when("content.media"))
+        ]
+      )
+    ]
+  }),
+  baseClass: "",
+  spacing: "medium"
+});
+var mediaCopyLayout = styledSection({
+  children: styledContainer({
+    children: [
+      responsiveTwoColumn({
+        image: el("div", { className: "rb-intro-media-wrap rb-w-full" }, [introMedia]),
+        text: introCopyStack({
+          className: "rb-intro-copy rb-max-w-xl",
+          headingClassName: "rb-intro-title"
+        }),
+        ratioFrom: "content.ratio",
+        imagePositionFrom: "content.imagePosition",
+        gapFrom: "content.gap",
+        gapFallback: "comfortable",
+        imageWrapperClassName: "rb-w-full rb-shrink-0",
+        textWrapperClassName: "rb-w-full rb-min-w-0 rb-flex-1 rb-self-center"
+      })
+    ]
+  }),
+  baseClass: "",
+  spacing: "medium"
+});
+var introConfig = {
+  id: "block.intro",
+  title: "Intro",
+  category: "layout",
+  includeContainerStyles: true,
+  titleSource: "title",
+  additionalFields: [
+    {
+      id: "title",
+      type: "text",
+      label: "Statement",
+      required: false,
+      multiline: true,
+      maxLength: 160
+    },
+    {
+      id: "body",
+      type: "richText",
+      label: "Text",
+      required: true,
+      ui: {
+        richTextVariant: "limited"
+      }
+    },
+    {
+      id: "media",
+      type: "media",
+      label: "Media",
+      required: false,
+      mediaKinds: ["image"],
+      ui: {
+        intent: "content",
+        visibleWhen: { field: "variant", notEquals: "statement-copy" }
+      }
+    },
+    createImagePositionField({
+      id: "imagePosition",
+      label: "Image position",
+      defaultValue: "left",
+      uiIntent: "display",
+      visibleWhen: { field: "variant", equals: "media-copy" }
+    }),
+    {
+      id: "gap",
+      type: "select",
+      label: "Gap between media and text",
+      required: false,
+      defaultValue: "comfortable",
+      multiple: false,
+      options: [
+        { value: "none", label: "None" },
+        { value: "compact", label: "Compact" },
+        { value: "cozy", label: "Cozy" },
+        { value: "medium", label: "Medium" },
+        { value: "comfortable", label: "Comfortable" },
+        { value: "spacious", label: "Spacious" }
+      ],
+      ui: {
+        intent: "display",
+        visibleWhen: { field: "variant", equals: "media-copy" }
+      }
+    },
+    createImageColSizeField({
+      id: "ratio",
+      label: "Media column size",
+      defaultValue: "1/2",
+      uiIntent: "display",
+      visibleWhen: { field: "variant", equals: "media-copy" }
+    }),
+    createAspectRatioField({
+      id: "aspectRatio",
+      label: "Media aspect ratio",
+      description: "Crop media to a consistent aspect ratio.",
+      defaultValue: "auto",
+      visibleWhen: { field: "media", notEquals: null }
+    }),
+    createCtasRepeater({
+      label: "Calls to action",
+      itemLabel: "CTA",
+      maxItems: 2
     })
   ],
-  layout: classicLayout,
+  layout: centeredCopyLayout,
   variants: {
-    classic: classicLayout,
-    micro: microLayout,
-    split: splitLayout,
-    splitReverse: splitReverseLayout
+    "centered-copy": centeredCopyLayout,
+    "statement-copy": statementCopyLayout,
+    "statement-media": statementMediaLayout,
+    "media-copy": mediaCopyLayout
   },
-  defaultVariant: "classic",
-  description: "Hero section with headline, subtitle, and repeatable CTAs.",
-  tags: ["header", "banner", "landing", "introduction", "welcome", "splash", "headline"],
-  icon: "Sparkles",
-  styleTokens: {
-    typography: "display",
-    spacing: "xl"
-  }
+  defaultVariant: "statement-copy",
+  variantOptions: {
+    "centered-copy": {
+      label: "Centered copy",
+      description: "A focused intro with centered text and optional calls to action."
+    },
+    "statement-copy": {
+      label: "Statement and copy",
+      description: "A large statement on the left with supporting copy on the right."
+    },
+    "statement-media": {
+      label: "Statement, copy and media",
+      description: "A three-part intro with statement, copy and a small image."
+    },
+    "media-copy": {
+      label: "Media and copy",
+      description: "A compact media/text intro for softer transitions after a hero."
+    }
+  },
+  description: "A flexible introductory section for statement copy, supporting text, media, and CTAs.",
+  tags: ["intro", "introduction", "about", "welcome", "statement", "media", "text"],
+  icon: "PanelTopOpen"
 };
-var heroManifest = createBlockManifest(heroConfig);
-var heroBlockDefinition = {
-  manifest: heroManifest
+var introManifest = createBlockManifest(introConfig);
+var introBlockDefinition = {
+  manifest: introManifest
 };
 
 // ../blocks/src/system/blocks/body-text.ts
@@ -17740,6 +19324,37 @@ var faqComposition = composeFragments([
   { fragment: faqHeadingFragment, fieldPriority: 0 },
   { fragment: faqAccordionFragment, fieldPriority: 1 }
 ]);
+function fragmentLayoutNode(layout) {
+  return isNodeDefinitionArray(layout) ? el("div", {}, [...layout]) : layout;
+}
+function isNodeDefinitionArray(layout) {
+  return Array.isArray(layout);
+}
+var headingLayout = fragmentLayoutNode(faqHeadingFragment.layout);
+var accordionLayout = fragmentLayoutNode(faqAccordionFragment.layout);
+var defaultLayout = styledSection({
+  children: styledContainer({
+    baseClassName: "rb-relative rb-isolate",
+    children: stack({ gap: "xl", className: "rb-w-full rb-max-w-4xl rb-mx-auto" }, faqComposition.layout)
+  }),
+  baseClass: ""
+});
+var twoColumnLayout = styledSection({
+  children: styledContainer({
+    baseClassName: "rb-relative rb-isolate",
+    children: el(
+      "div",
+      {
+        className: "rb-faq-two-column rb-grid rb-grid-cols-1 rb-gap-8 rb-lg-grid-cols-2 rb-lg-items-start"
+      },
+      [
+        el("div", { className: "rb-faq-two-column-heading" }, [headingLayout]),
+        el("div", { className: "rb-faq-two-column-accordion" }, [accordionLayout])
+      ]
+    )
+  }),
+  baseClass: ""
+});
 var faqManifest = createBlockManifest({
   id: "block.faq",
   title: "FAQ",
@@ -17756,13 +19371,22 @@ var faqManifest = createBlockManifest({
       label: "FAQ item styles"
     })
   ],
-  layout: styledSection({
-    children: styledContainer({
-      baseClassName: "rb-relative rb-isolate",
-      children: stack({ gap: "xl", className: "rb-w-full rb-max-w-4xl rb-mx-auto" }, faqComposition.layout)
-    }),
-    baseClass: ""
-  }),
+  layout: defaultLayout,
+  variants: {
+    default: defaultLayout,
+    "two-column": twoColumnLayout
+  },
+  defaultVariant: "default",
+  variantOptions: {
+    default: {
+      label: "Default",
+      description: "A centered heading above one FAQ accordion."
+    },
+    "two-column": {
+      label: "Two column",
+      description: "A left heading column with FAQ items on the right."
+    }
+  },
   description: "Accordion of frequently asked questions and answers.",
   tags: ["faq", "questions", "answers", "help", "support", "accordion", "q&a"],
   icon: "HelpCircle"
@@ -18412,7 +20036,8 @@ function resolveBackgroundVisualStyles(backgroundColor, tokens, defaultToken = "
 function resolveHeaderVisualStyles(header, tokens) {
   const navContainerType = header?.navContainer?.type ?? "none";
   const hasContainedNav = navContainerType === "glass" || navContainerType === "pill";
-  if (hasContainedNav) {
+  const hasTransparentVariant = header?.variant === "transparent" || header?.variant === "floating";
+  if (hasContainedNav || hasTransparentVariant) {
     return {
       backgroundToken: "transparent",
       paletteHex: null,
@@ -18470,10 +20095,7 @@ var headerRootClassTransform = {
     const navContainerType = header?.navContainer?.type ?? "none";
     const hasContainedNav = navContainerType === "glass" || navContainerType === "pill";
     const backgroundClass = visuals.isTransparent || hasContainedNav ? "rb-bg-transparent" : null;
-    const classes = [
-      config.base,
-      backgroundClass
-    ];
+    const classes = [config.base, backgroundClass];
     if (!hasContainedNav) {
       if (config.blur) classes.push(config.blur);
       if (config.blurSupport) classes.push(config.blurSupport);
@@ -18488,7 +20110,12 @@ var headerRootClassTransform = {
     if (shrinkOnScroll && (positioning === "sticky" || positioning === "fixed")) {
       classes.push(config.shrink);
     }
-    const VALID_VARIANTS = ["classic", "centered", "transparent", "floating", "editorial"];
+    const VALID_VARIANTS = [
+      "classic",
+      "centered",
+      "transparent",
+      "floating"
+    ];
     const variant = header?.variant;
     if (variant && VALID_VARIANTS.includes(variant)) {
       classes.push(`header-variant-${variant}`);
@@ -18541,6 +20168,17 @@ var headerRootStyleTransform = {
     return mergeStyles(...styleParts);
   }
 };
+var headerSectionBackgroundTransform = {
+  id: "layout.headerSectionBackground",
+  kind: "string",
+  summary: "Resolve the inner site-header section background token",
+  run: (value) => {
+    const header = asPartialObject(value);
+    const navContainerType = header?.navContainer?.type ?? "none";
+    const usesTransparentRoot = header?.variant === "transparent" || header?.variant === "floating" || navContainerType === "glass" || navContainerType === "pill";
+    return usesTransparentRoot ? "raw:transparent" : "background";
+  }
+};
 var footerRootStyleTransform = {
   id: "layout.footerRootStyle",
   kind: "formatter",
@@ -18799,6 +20437,7 @@ var layoutTransforms = [
   headerRootClassTransform,
   footerRootClassTransform,
   headerRootStyleTransform,
+  headerSectionBackgroundTransform,
   footerRootStyleTransform,
   footerBottomBarClassTransform,
   footerBottomBarContainerClassTransform,
@@ -19097,15 +20736,21 @@ var mobileCta = ctaButton({
 var mobileToggleIcon = stack({ gap: "xs", className: "nav-mobile-icon" }, [
   {
     type: "div",
-    props: { className: "nav-mobile-bar nav-mobile-bar-top rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current" }
+    props: {
+      className: "nav-mobile-bar nav-mobile-bar-top rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current"
+    }
   },
   {
     type: "div",
-    props: { className: "nav-mobile-bar nav-mobile-bar-middle rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current" }
+    props: {
+      className: "nav-mobile-bar nav-mobile-bar-middle rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current"
+    }
   },
   {
     type: "div",
-    props: { className: "nav-mobile-bar nav-mobile-bar-bottom rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current" }
+    props: {
+      className: "nav-mobile-bar nav-mobile-bar-bottom rb-h-0.5 rb-w-5 rb-rounded-full rb-bg-current"
+    }
   }
 ]);
 var mobileToggleButton = {
@@ -19288,31 +20933,12 @@ var floatingLayout = inline(
   ],
   when("$root.theme.header.variant", { equals: "floating" })
 );
-var editorialLayout = stack(
-  {
-    gap: "md",
-    align: "center",
-    className: bindProp("$root.theme.header.maxWidth", {
-      transforms: pipe(
-        tx("layout.maxWidthClass", {
-          base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center`
-        })
-      ),
-      fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-flex-col rb-items-center rb-gap-6 rb-text-center`
-    })
-  },
-  [
-    centeredLogoRow,
-    createNavRow(
-      `${desktopOnlyDisplay("flex")} rb-flex-wrap rb-justify-center rb-gap-x-8 rb-gap-y-3`,
-      "center"
-    )
-  ],
-  when("$root.theme.header.variant", { equals: "editorial" })
-);
 var headerLayout = headerSection(
   {
-    background: "background",
+    background: bindProp("$root.theme.header", {
+      transforms: pipe(tx("layout.headerSectionBackground")),
+      fallback: "background"
+    }),
     allowOverflow: true,
     className: bindProp("$root.theme.header", {
       transforms: pipe(tx("layout.headerRootClass")),
@@ -19320,10 +20946,7 @@ var headerLayout = headerSection(
     }),
     style: bindProp("$root.theme.header", {
       transforms: pipe(tx("layout.headerRootStyle")),
-      fallback: mergeStyles(
-        textColorStyle("text"),
-        borderColorStyle("border")
-      )
+      fallback: mergeStyles(textColorStyle("text"), borderColorStyle("border"))
     })
   },
   [
@@ -19332,7 +20955,6 @@ var headerLayout = headerSection(
     centeredLayout,
     transparentLayout,
     floatingLayout,
-    editorialLayout,
     mobileOverlay
   ],
   props({
@@ -20147,79 +21769,298 @@ var collectionLayout = styledSection({
     { gap: "md" }
   ),
   baseClass: "",
-  spacing: "comfortable"
+  spacing: "comfortable"
+});
+var collectionManifest = createBlockManifest({
+  id: "block.collection",
+  title: "Collection",
+  category: "layout",
+  additionalFields: [
+    parseFieldDefinition({
+      id: "layout",
+      type: "select",
+      label: "Layout",
+      defaultValue: "grid",
+      options: [
+        { value: "grid", label: "Grid" },
+        { value: "stack", label: "Stack" }
+      ],
+      ui: { intent: "display" }
+    }),
+    parseFieldDefinition({
+      id: "columns",
+      type: "select",
+      label: "Columns",
+      description: "Number of columns in the grid layout.",
+      defaultValue: "3",
+      options: [
+        { value: "2", label: "2 columns" },
+        { value: "3", label: "3 columns" },
+        { value: "4", label: "4 columns" }
+      ],
+      ui: {
+        intent: "display",
+        visibleWhen: { field: "layout", equals: "grid" }
+      }
+    }),
+    parseFieldDefinition({
+      id: "gap",
+      type: "select",
+      label: "Gap",
+      defaultValue: "medium",
+      options: [
+        { value: "none", label: "None" },
+        { value: "compact", label: "Compact" },
+        { value: "cozy", label: "Cozy" },
+        { value: "medium", label: "Medium" },
+        { value: "comfortable", label: "Comfortable" },
+        { value: "spacious", label: "Spacious" }
+      ],
+      ui: { intent: "display" }
+    }),
+    fragmentsToRepeaterField(
+      "items",
+      "Items",
+      collectionFragments,
+      {
+        minItems: 0,
+        maxItems: 50,
+        itemLabel: "Item",
+        description: "Add items to this collection."
+      }
+    ),
+    cardStylesField({
+      id: "_cardStyles",
+      label: "Item styles"
+    })
+  ],
+  layout: collectionLayout,
+  description: "Repeat items in a grid or stack layout.",
+  tags: ["collection", "grid", "stack", "repeater"],
+  icon: "LayoutList",
+  styleTokens: { spacing: "lg" }
+});
+var collectionBlockDefinition = {
+  manifest: collectionManifest
+};
+
+// ../blocks/src/system/blocks/feature-cards.ts
+function grid3(props2, children) {
+  return el("grid", props2 ?? void 0, children ?? void 0);
+}
+var sectionHeading = stack(
+  { gap: "sm", className: "rb-feature-cards-heading rb-mx-auto rb-max-w-3xl rb-text-center" },
+  [
+    text(
+      {
+        as: "h2",
+        className: "rb-feature-cards-title rb-text-center"
+      },
+      when("content.title"),
+      bind("content.title")
+    ),
+    richText(
+      {
+        className: "rb-feature-cards-description rb-prose rb-mx-auto rb-max-w-none",
+        style: textColorStyle("mutedText")
+      },
+      when("content.description"),
+      bind("content.description")
+    )
+  ]
+);
+var featureCard = styledCard(
+  [
+    media(
+      {
+        className: "rb-feature-card-media rb-w-full rb-h-auto rb-object-cover",
+        style: {
+          aspectRatio: { $bind: { from: "card.aspectRatio" } }
+        }
+      },
+      when("card.media"),
+      bind("card.media")
+    ),
+    stack({ gap: "sm", className: "rb-feature-card-content rb-flex-1 rb-p-6" }, [
+      text(
+        {
+          as: "h3",
+          className: "rb-feature-card-title"
+        },
+        bind("card.title")
+      ),
+      richText(
+        {
+          className: "rb-feature-card-body rb-prose rb-max-w-none",
+          style: textColorStyle("mutedText")
+        },
+        when("card.body"),
+        bind("card.body")
+      ),
+      ctaRow({
+        collectionPath: "ctas",
+        itemName: "cta",
+        gap: "sm",
+        justify: "start",
+        containerClassName: "rb-mt-auto"
+      })
+    ])
+  ],
+  {
+    stylesFrom: "content._cardStyles",
+    backgroundFrom: "content._cardStyles.background",
+    baseClassName: "rb-feature-card rb-relative rb-isolate rb-overflow-hidden rb-border rb-flex rb-h-full rb-flex-col"
+  },
+  repeat("content.cards", "card")
+);
+var cardsLayout = styledSection({
+  children: styledContainer({
+    rootType: "stack",
+    rootProps: { gap: "xl" },
+    children: [
+      sectionHeading,
+      grid3(
+        {
+          cols: {
+            $bind: {
+              from: "content.columns",
+              fallback: 3,
+              coerce: "number"
+            }
+          },
+          gap: "lg"
+        },
+        [featureCard]
+      )
+    ]
+  }),
+  baseClass: "",
+  spacing: "medium"
 });
-var collectionManifest = createBlockManifest({
-  id: "block.collection",
-  title: "Collection",
+var featureCardsConfig = {
+  id: "block.feature-cards",
+  title: "Feature Cards",
   category: "layout",
+  includeContainerStyles: true,
+  titleSource: "title",
   additionalFields: [
-    parseFieldDefinition({
-      id: "layout",
-      type: "select",
-      label: "Layout",
-      defaultValue: "grid",
-      options: [
-        { value: "grid", label: "Grid" },
-        { value: "stack", label: "Stack" }
-      ],
-      ui: { intent: "display" }
-    }),
-    parseFieldDefinition({
+    {
+      id: "title",
+      type: "text",
+      label: "Title",
+      required: false,
+      multiline: false,
+      maxLength: 120
+    },
+    {
+      id: "description",
+      type: "richText",
+      label: "Description",
+      required: false,
+      ui: {
+        richTextVariant: "limited"
+      }
+    },
+    {
       id: "columns",
       type: "select",
       label: "Columns",
-      description: "Number of columns in the grid layout.",
+      required: false,
       defaultValue: "3",
+      multiple: false,
       options: [
         { value: "2", label: "2 columns" },
         { value: "3", label: "3 columns" },
         { value: "4", label: "4 columns" }
       ],
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "layout", equals: "grid" }
-      }
-    }),
-    parseFieldDefinition({
-      id: "gap",
-      type: "select",
-      label: "Gap",
-      defaultValue: "medium",
-      options: [
-        { value: "none", label: "None" },
-        { value: "compact", label: "Compact" },
-        { value: "cozy", label: "Cozy" },
-        { value: "medium", label: "Medium" },
-        { value: "comfortable", label: "Comfortable" },
-        { value: "spacious", label: "Spacious" }
-      ],
       ui: { intent: "display" }
-    }),
-    fragmentsToRepeaterField(
-      "items",
-      "Items",
-      collectionFragments,
-      {
-        minItems: 0,
-        maxItems: 50,
-        itemLabel: "Item",
-        description: "Add items to this collection."
+    },
+    {
+      id: "cards",
+      type: "repeater",
+      label: "Cards",
+      required: false,
+      minItems: 1,
+      maxItems: 8,
+      itemLabel: "Card",
+      itemLabelSource: "title",
+      allowConversion: true,
+      ui: {
+        intent: "content"
+      },
+      schema: {
+        fields: [
+          {
+            id: "media",
+            type: "media",
+            label: "Image",
+            required: false,
+            mediaKinds: ["image"]
+          },
+          createAspectRatioField({
+            id: "aspectRatio",
+            label: "Image aspect ratio",
+            defaultValue: "4/3",
+            visibleWhen: { field: "media", notEquals: null }
+          }),
+          {
+            id: "title",
+            type: "text",
+            label: "Title",
+            required: true,
+            multiline: false,
+            maxLength: 120
+          },
+          {
+            id: "body",
+            type: "richText",
+            label: "Text",
+            required: false,
+            ui: {
+              richTextVariant: "limited"
+            }
+          },
+          createCtasRepeater({
+            label: "Calls to action",
+            itemLabel: "CTA",
+            maxItems: 1,
+            button: {
+              variants: [
+                { value: "primary", label: "Primary" },
+                { value: "secondary", label: "Secondary" },
+                { value: "outline", label: "Outline" },
+                { value: "ghost", label: "Ghost" },
+                { value: "link", label: "Link" }
+              ],
+              defaultVariant: "ghost"
+            }
+          })
+        ]
       }
-    ),
+    },
     cardStylesField({
       id: "_cardStyles",
-      label: "Item styles"
+      label: "Card styles"
     })
   ],
-  layout: collectionLayout,
-  description: "Repeat items in a grid or stack layout.",
-  tags: ["collection", "grid", "stack", "repeater"],
-  icon: "LayoutList",
-  styleTokens: { spacing: "lg" }
-});
-var collectionBlockDefinition = {
-  manifest: collectionManifest
+  layout: cardsLayout,
+  variants: {
+    cards: cardsLayout
+  },
+  defaultVariant: "cards",
+  variantOptions: {
+    cards: {
+      label: "Cards",
+      description: "A responsive grid of image cards with optional calls to action."
+    }
+  },
+  description: "A card grid for offerings, services, classes, benefits, or featured links.",
+  tags: ["cards", "features", "offerings", "services", "classes", "grid", "links"],
+  icon: "PanelsTopLeft"
+};
+var featureCardsManifest = createBlockManifest(featureCardsConfig);
+var featureCardsBlockDefinition = {
+  manifest: featureCardsManifest
 };
 
 // ../blocks/src/system/fields/carousel.ts
@@ -20307,69 +22148,6 @@ function createCarouselBehaviorFields(options = {}) {
   return fields3;
 }
 
-// ../blocks/src/system/fields/imageLayout.ts
-function createImageColSizeField(options = {}) {
-  const {
-    id = "imageColSize",
-    label = "Image column size",
-    description = "Controls how large the image/thumbnail column is at desktop breakpoints.",
-    defaultValue = "1/3",
-    uiIntent = "display",
-    visibleWhen
-  } = options;
-  return {
-    id,
-    type: "select",
-    label,
-    description,
-    required: false,
-    defaultValue,
-    multiple: false,
-    options: [
-      { value: "1/4", label: "Small (1/4)" },
-      { value: "1/3", label: "Medium (1/3)" },
-      { value: "2/5", label: "Large (2/5)" },
-      { value: "1/2", label: "Extra large (1/2)" },
-      { value: "2/3", label: "Huge (2/3)" }
-    ],
-    ui: {
-      intent: uiIntent,
-      ...visibleWhen ? { visibleWhen } : {}
-    }
-  };
-}
-function createImagePositionField(options = {}) {
-  const {
-    id = "imagePosition",
-    label = "Image position",
-    description = "Choose which side the image appears on.",
-    defaultValue = "left",
-    includeAlternate = false,
-    uiIntent = "display",
-    visibleWhen
-  } = options;
-  const positionOptions = [
-    { value: "left", label: "Left" },
-    { value: "right", label: "Right" },
-    ...includeAlternate ? [{ value: "alternate", label: "Alternate" }] : []
-  ];
-  return {
-    id,
-    type: "select",
-    label,
-    description,
-    required: false,
-    defaultValue,
-    multiple: false,
-    // Spread to get a mutable array type without unsafe casts.
-    options: [...positionOptions],
-    ui: {
-      intent: uiIntent,
-      ...visibleWhen ? { visibleWhen } : {}
-    }
-  };
-}
-
 // ../blocks/src/system/blocks/media-text.ts
 var mediaTextFrameCapability = defineFrameCapability([
   "plain",
@@ -20493,26 +22271,13 @@ var mediaTextManifest = createBlockManifest({
       },
       ui: { intent: "behavior" }
     }),
-    {
+    createAspectRatioField({
       id: "aspectRatio",
-      type: "select",
       label: "Media aspect ratio",
       description: "Crop media to a consistent aspect ratio.",
-      required: false,
       defaultValue: "auto",
-      multiple: false,
-      options: [
-        { value: "auto", label: "Auto (original)" },
-        { value: "16/9", label: "16:9 (Landscape)" },
-        { value: "4/3", label: "4:3 (Standard)" },
-        { value: "1/1", label: "1:1 (Square)" },
-        { value: "3/4", label: "3:4 (Portrait)" }
-      ],
-      ui: {
-        intent: "display",
-        visibleWhen: { field: "images", notEquals: null }
-      }
-    },
+      visibleWhen: { field: "images", notEquals: null }
+    }),
     {
       id: "text",
       type: "richText",
@@ -20642,7 +22407,7 @@ var mediaTextManifest = createBlockManifest({
       whenImagesLength(0)
     );
     const defaultInner = el("div", {}, [defaultImagesLayout, defaultTextOnlyLayout]);
-    const defaultLayout = styledSection({
+    const defaultLayout2 = styledSection({
       children: styledContainer({
         rootType: "stack",
         rootProps: { gap: "lg" },
@@ -20674,9 +22439,9 @@ var mediaTextManifest = createBlockManifest({
       spacing: "medium"
     });
     return {
-      layout: defaultLayout,
+      layout: defaultLayout2,
       variants: {
-        default: defaultLayout
+        default: defaultLayout2
       },
       defaultVariant: "default",
       variantOptions: {
@@ -24076,7 +25841,7 @@ var embedBlockDefinition = {
 };
 
 // ../blocks/src/system/blocks/image-gallery.ts
-var grid3 = (props2, children, ...mods) => el("grid", props2 ?? void 0, children ?? void 0, ...mods);
+var grid4 = (props2, children, ...mods) => el("grid", props2 ?? void 0, children ?? void 0, ...mods);
 var galleryContainer = (children, opts) => {
   const gap = opts?.gap ?? "md";
   const withExtraClass = (baseClass) => opts?.className ? `${baseClass} ${opts.className}` : baseClass;
@@ -24156,7 +25921,7 @@ var galleryItem = (options) => stack(
   ],
   repeat("content.images", "item")
 );
-var gridLayout3 = grid3(
+var gridLayout3 = grid4(
   {
     className: "rb-grid rb-grid-cols-1 rb-gap-4 rb-sm-grid-cols-2 rb-md-grid-cols-3"
   },
@@ -24759,7 +26524,7 @@ var imageGalleryBlockDefinition = {
 };
 
 // ../blocks/src/system/blocks/video-grid.ts
-var grid4 = (props2, children, ...mods) => el("grid", props2 ?? void 0, children ?? void 0, ...mods);
+var grid5 = (props2, children, ...mods) => el("grid", props2 ?? void 0, children ?? void 0, ...mods);
 var videoItem = (options) => stack(
   { gap: "xs", className: options.containerClassName },
   [
@@ -24809,7 +26574,7 @@ var gridColumnsClass = (columns) => {
       return "rb-grid rb-grid-cols-1 rb-gap-6 rb-sm-grid-cols-2 rb-md-grid-cols-3";
   }
 };
-var createGridLayout = (columns) => grid4(
+var createGridLayout = (columns) => grid5(
   {
     className: gridColumnsClass(columns)
   },
@@ -27973,6 +29738,40 @@ var systemBlockDefinitionsRaw = [
       })
     ]
   })),
+  withDesignCapability("block.intro", introBlockDefinition, declareBlockDesignCapability({
+    sectionSurfaces: "supported",
+    contentFrames: ["plain", "panel"],
+    itemSurfaces: "unsupported",
+    headingDecorations: ["organic-squiggle"]
+  }), defineBlockDesignMetadata({
+    flow: bodyFlow,
+    layoutProfiles: [
+      layoutProfile({
+        variantKey: "centered-copy",
+        family: "centered",
+        weight: "featured",
+        bias: "soft"
+      }),
+      layoutProfile({
+        variantKey: "statement-copy",
+        family: "split",
+        weight: "featured",
+        bias: "merge"
+      }),
+      layoutProfile({
+        variantKey: "statement-media",
+        family: "media-text",
+        weight: "featured",
+        bias: "soft"
+      }),
+      layoutProfile({
+        variantKey: "media-copy",
+        family: "media-text",
+        weight: "featured",
+        bias: "soft"
+      })
+    ]
+  })),
   withDesignCapability("block.body-text", bodyTextBlockDefinition, sectionOnly(), defineBlockDesignMetadata({
     flow: bodyFlow,
     layoutProfiles: [
@@ -28033,9 +29832,17 @@ var systemBlockDefinitionsRaw = [
     flow: conversionFlow,
     layoutProfiles: [layoutProfile({ variantKey: "default", family: "form", weight: "standard" })]
   })),
-  withDesignCapability("block.faq", faqBlockDefinition, withEyebrowCapability(panelAndItemsCapable(), standardEyebrowTreatments), defineBlockDesignMetadata({
+  withDesignCapability("block.faq", faqBlockDefinition, withEyebrowCapability(declareBlockDesignCapability({
+    sectionSurfaces: "supported",
+    contentFrames: ["plain", "panel"],
+    itemSurfaces: "supported",
+    accordionIconSets: ["plus", "chevron", "caret", "minimal-cross"]
+  }), standardEyebrowTreatments), defineBlockDesignMetadata({
     flow: bodyFlow,
-    layoutProfiles: [layoutProfile({ variantKey: "default", family: "stack", weight: "standard" })]
+    layoutProfiles: [
+      layoutProfile({ variantKey: "default", family: "stack", weight: "standard" }),
+      layoutProfile({ variantKey: "two-column", family: "split", weight: "standard" })
+    ]
   })),
   withDesignCapability("block.site-header", siteHeaderBlockDefinition, declareNoBlockDesignCapability("site-chrome"), defineBlockDesignMetadata({
     flow: siteChromeFlow,
@@ -28049,7 +29856,8 @@ var systemBlockDefinitionsRaw = [
     sectionSurfaces: "supported",
     contentFrames: ["plain", "panel"],
     itemSurfaces: "supported",
-    testimonialCardTreatments: ["default", "accent-quote"]
+    testimonialCardTreatments: ["default", "accent-quote"],
+    headingDecorations: ["short-center-rule"]
   }), defineBlockDesignMetadata({
     flow: proofFlow,
     layoutProfiles: [
@@ -28075,6 +29883,22 @@ var systemBlockDefinitionsRaw = [
     flow: offeringsFlow,
     layoutProfiles: [layoutProfile({ variantKey: "default", family: "grid", weight: "standard" })]
   })),
+  withDesignCapability("block.feature-cards", featureCardsBlockDefinition, declareBlockDesignCapability({
+    sectionSurfaces: "supported",
+    contentFrames: ["plain", "panel"],
+    itemSurfaces: "supported",
+    headingDecorations: ["short-center-rule"]
+  }), defineBlockDesignMetadata({
+    flow: offeringsFlow,
+    layoutProfiles: [
+      layoutProfile({
+        variantKey: "cards",
+        family: "grid",
+        weight: "standard",
+        bias: "soft"
+      })
+    ]
+  })),
   withDesignCapability("block.media-text", mediaTextBlockDefinition, mediaPanelCapable(), defineBlockDesignMetadata({
     flow: mediaFlow,
     layoutProfiles: [