@riverbankcms/sdk 0.75.0 → 0.77.0

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,
@@ -9655,12 +9867,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(),
@@ -10368,6 +10604,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 +10659,7 @@ var paletteVariants = [
   // Warm-neutral family
   warmNeutralClay,
   warmNeutralCream,
+  warmNeutralSoftEarth,
   warmNeutralForest,
   // High-contrast family
   highContrastInk,
@@ -10419,6 +10678,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,6 +10702,309 @@ function baseHeader(theme) {
     navContainer: { type: "none", tint: null, opacity: 0.15 }
   };
 }
+var headerLayoutCatalog = [
+  {
+    id: asHeaderLayoutId("classic"),
+    label: "Classic",
+    description: "Logo and navigation in one practical horizontal row.",
+    structure: "inline-classic",
+    variant: "classic",
+    defaultPositioning: "sticky",
+    shrinkOnScroll: false
+  },
+  {
+    id: asHeaderLayoutId("centered"),
+    label: "Centered",
+    description: "Logo centered above a balanced navigation row.",
+    structure: "centered-stack",
+    variant: "centered",
+    defaultPositioning: "static",
+    shrinkOnScroll: false,
+    maxRecommendedNavItems: 5,
+    allowedLogoShapes: ["none", "text-only", "horizontal", "square"]
+  },
+  {
+    id: asHeaderLayoutId("editorial"),
+    label: "Editorial",
+    description: "A composed, magazine-like stacked header treatment.",
+    structure: "editorial-stack",
+    variant: "editorial",
+    defaultPositioning: "static",
+    shrinkOnScroll: false,
+    maxRecommendedNavItems: 6
+  },
+  {
+    id: asHeaderLayoutId("floating"),
+    label: "Floating",
+    description: "Detached header chrome that sits over the opening section.",
+    structure: "floating-shell",
+    variant: "floating",
+    defaultPositioning: "fixed",
+    shrinkOnScroll: true,
+    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", "editorial"]),
+    navInteraction: "color-change",
+    surface: "neutral"
+  },
+  {
+    id: asHeaderStyleId("fine-line"),
+    label: "Fine Line",
+    description: "Light surface with a crisp lower rule and underline hover.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    navInteraction: "underline-grow",
+    surface: "bordered"
+  },
+  {
+    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"
+  },
+  {
+    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"
+  },
+  {
+    id: asHeaderStyleId("brand-bar"),
+    label: "Brand Bar",
+    description: "Solid brand surface with high-contrast navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    navInteraction: "color-change",
+    surface: "brand-solid"
+  },
+  {
+    id: asHeaderStyleId("brand-underline"),
+    label: "Brand Underline",
+    description: "Brand surface with underline-grow navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "editorial"]),
+    navInteraction: "underline-grow",
+    surface: "brand-solid"
+  },
+  {
+    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"
+  },
+  {
+    id: asHeaderStyleId("editorial-line"),
+    label: "Editorial Line",
+    description: "Typographic logo treatment with understated underline navigation.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    navInteraction: "underline-grow",
+    surface: "bordered"
+  },
+  {
+    id: asHeaderStyleId("flat-tabs"),
+    label: "Flat Tabs",
+    description: "Flat block hover and active states with a Swiss utility feel.",
+    supportedLayoutIds: supportedLayouts(["classic", "centered", "editorial"]),
+    navInteraction: "flat-block",
+    surface: "bordered"
+  },
+  {
+    id: asHeaderStyleId("glass"),
+    label: "Glass",
+    description: "Floating translucent chrome with frosted navigation backing.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "glass-backed",
+    surface: "floating",
+    requiresFloatingLayout: true
+  },
+  {
+    id: asHeaderStyleId("minimal-surface"),
+    label: "Minimal Surface",
+    description: "Floating chrome with a restrained translucent surface.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "color-change",
+    surface: "floating",
+    requiresFloatingLayout: true
+  },
+  {
+    id: asHeaderStyleId("soft-shell"),
+    label: "Soft Shell",
+    description: "Floating rounded shell with soft pill navigation states.",
+    supportedLayoutIds: supportedLayouts(["floating"]),
+    navInteraction: "pill-background",
+    surface: "floating",
+    requiresFloatingLayout: true
+  }
+];
+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",
+      "fine-line",
+      "soft-bar",
+      "pill-nav",
+      "brand-bar",
+      "brand-underline",
+      "brand-pill",
+      "editorial-line",
+      "flat-tabs"
+    ])
+  ],
+  [
+    asHeaderLayoutId("centered"),
+    headerStyleRepairChain([
+      "minimal",
+      "fine-line",
+      "soft-bar",
+      "pill-nav",
+      "brand-bar",
+      "brand-pill",
+      "editorial-line",
+      "flat-tabs"
+    ])
+  ],
+  [
+    asHeaderLayoutId("editorial"),
+    headerStyleRepairChain([
+      "minimal",
+      "fine-line",
+      "soft-bar",
+      "brand-bar",
+      "brand-underline",
+      "editorial-line",
+      "flat-tabs"
+    ])
+  ],
+  [
+    asHeaderLayoutId("floating"),
+    headerStyleRepairChain([
+      "glass",
+      "minimal-surface",
+      "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(["editorial-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("editorial-line"), headerStyleRepairChain(["editorial-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("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("editorial-line"),
+    selection: {
+      layoutId: asHeaderLayoutId("editorial"),
+      styleId: asHeaderStyleId("editorial-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 {
@@ -10673,6 +11241,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,6 +11254,11 @@ 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
   },
@@ -10689,6 +11267,11 @@ var headerLookCatalog = [
     label: "Editorial line",
     visualTreatment: "light-editorial",
     layoutBehavior: "sticky",
+    configuration: {
+      structure: "editorial-stack",
+      treatment: "light-editorial",
+      behavior: "sticky"
+    },
     openingRequirement: "none",
     maxRecommendedNavItems: 6,
     compile: editorialLineHeader
@@ -10698,6 +11281,11 @@ var headerLookCatalog = [
     label: "Centered calm",
     visualTreatment: "light-editorial",
     layoutBehavior: "normal-flow",
+    configuration: {
+      structure: "centered-stack",
+      treatment: "light-editorial",
+      behavior: "normal-flow"
+    },
     openingRequirement: "none",
     maxRecommendedNavItems: 5,
     allowedLogoShapes: ["none", "text-only", "horizontal", "square"],
@@ -10708,6 +11296,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 +11310,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 +11323,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 +11338,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 +11350,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 +11493,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 +11763,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"
 ];
@@ -10965,6 +11840,15 @@ function uniqueContentFrameKinds() {
 }
 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,
@@ -10985,11 +11869,23 @@ 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),
     buttonPersonalityChoices: input.buttonPersonalityChoices,
-    paletteVariantChoices: input.paletteVariantChoices
+    paletteVariantChoices: input.paletteVariantChoices,
+    typographyPresetChoices,
+    defaultTypographyPresetId
   };
 }
 function buttonChoice(id, note) {
@@ -10998,6 +11894,88 @@ 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 headerLayoutRecordKey(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[headerLayoutRecordKey(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",
@@ -11323,6 +12301,102 @@ var curatedSiteStyles = [
       paletteChoice("warm-neutral-clay")
     ]
   }),
+  defineCuratedSiteStyle({
+    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 },
+    selectionKeywordRules: [
+      { kind: "word", value: "meditation" },
+      { kind: "word", value: "wellbeing" },
+      { kind: "substring", value: "retreat" },
+      { kind: "phrase", value: "yoga studio" },
+      { kind: "phrase", value: "mindful movement" }
+    ],
+    tokenRecipes: {
+      palette: "warm-neutral",
+      contrast: "standard",
+      radius: "soft",
+      shadow: "subtle",
+      typography: "serif-editorial",
+      spacing: "airy",
+      motion: "subtle"
+    },
+    compositionBudget: balancedBudget,
+    themeOverrides: {
+      typography: {
+        body: {
+          family: "Inter, system-ui, sans-serif",
+          size: "md",
+          weight: "regular",
+          lineHeight: "relaxed",
+          letterSpacing: "normal"
+        },
+        headings: {
+          default: {
+            family: '"Cormorant Garamond", Georgia, serif',
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            colorToken: "text",
+            italic: null,
+            case: null
+          },
+          h1: {
+            size: "xl",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          },
+          h2: {
+            size: "lg",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          },
+          h3: {
+            size: "md",
+            weight: "regular",
+            lineHeight: "normal",
+            letterSpacing: "normal",
+            italic: null
+          }
+        },
+        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", "editorial-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",
@@ -11376,49 +12450,13 @@ var curatedSiteStyles = [
       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: {
-      typography: {
-        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"
-      },
       bodyText: {
         intro: {
           paragraphSize: "editorial",
@@ -15761,8 +16799,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"
@@ -16897,100 +17936,428 @@ var heroBlockDefinition = {
   manifest: heroManifest
 };
 
-// ../blocks/src/system/blocks/body-text.ts
-var bodyCopyComposition = composeFragments([{ fragment: bodyCopyFragment }]);
-var proseLayout = styledSection({
-  children: stack({ className: "rb-container" }, bodyCopyComposition.layout),
-  spacing: "medium",
-  baseClass: ""
-});
-var introLayout = styledSection({
-  children: stack({ className: "rb-container" }, bodyCopyComposition.layout),
-  spacing: "medium",
-  baseClass: ""
-});
-var narrowLayout = styledSection({
-  children: stack({ className: "rb-container" }, bodyCopyComposition.layout),
-  spacing: "medium",
-  baseClass: ""
-});
-var bodyTextManifest = createBlockManifest({
-  id: "block.body-text",
-  title: "Body Text",
-  titleSource: "heading",
-  category: "content",
-  fragments: [
-    { fragment: bodyCopyFragment, fieldPriority: 0 }
-  ],
-  layout: proseLayout,
-  variants: {
-    prose: proseLayout,
-    intro: introLayout,
-    narrow: narrowLayout
-  },
-  defaultVariant: "prose",
-  variantOptions: {
-    prose: {
-      label: "Prose",
-      description: "Long-form rich text for pages and posts.",
-      icon: "Type"
-    },
-    intro: {
-      label: "Intro",
-      description: "Narrower, larger text for above-the-fold intros.",
-      icon: "AlignCenter"
-    },
-    narrow: {
-      label: "Narrow",
-      description: "Left-aligned lead copy with a shorter max width.",
-      icon: "AlignLeft"
+// ../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 } : {}
     }
-  },
-  description: "Simple text block with optional heading and alignment controls.",
-  tags: ["text", "paragraph", "content", "copy", "article", "writing", "rich-text"],
-  icon: "Type",
-  styleTokens: {
-    spacing: "md"
-  }
-});
-var bodyTextBlockDefinition = {
-  manifest: bodyTextManifest
-};
+  };
+}
 
-// ../blocks/src/system/blocks/blog-post.tsx
-import { z as z28 } from "zod";
-var composition = composeFragments([{ fragment: blogFeaturedPostFragment }]);
-var blogPostLayout = section(
-  { background: "background", className: "rb-px-6 rb-py-12" },
-  [...composition.layout]
-);
-var blogPostManifest = createBlockManifest({
-  id: "block.blog-post",
-  version: "0.1.0",
-  title: "Blog post",
-  description: "Highlights a single blog post with title, image, and excerpt.",
-  category: "blog",
-  contentTypes: ["post"],
-  tags: ["blog", "post", "featured", "highlight", "article", "single"],
-  icon: "FileText",
-  styleTokens: {
-    background: "surface",
-    typography: "body",
-    spacing: "md"
-  },
-  behaviours: {
-    supportsThemeSwitching: true,
-    inlineEditing: false,
-    animation: false,
-    paletteHidden: false
-  },
-  additionalFields: composition.fields,
-  layout: blogPostLayout
-});
-var blogPostDataSchema = z28.object({
-  id: z28.string(),
-  title: z28.string(),
-  slug: z28.string(),
+// ../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: centeredCopyLayout,
+  variants: {
+    "centered-copy": centeredCopyLayout,
+    "statement-copy": statementCopyLayout,
+    "statement-media": statementMediaLayout,
+    "media-copy": mediaCopyLayout
+  },
+  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 introManifest = createBlockManifest(introConfig);
+var introBlockDefinition = {
+  manifest: introManifest
+};
+
+// ../blocks/src/system/blocks/body-text.ts
+var bodyCopyComposition = composeFragments([{ fragment: bodyCopyFragment }]);
+var proseLayout = styledSection({
+  children: stack({ className: "rb-container" }, bodyCopyComposition.layout),
+  spacing: "medium",
+  baseClass: ""
+});
+var introLayout = styledSection({
+  children: stack({ className: "rb-container" }, bodyCopyComposition.layout),
+  spacing: "medium",
+  baseClass: ""
+});
+var narrowLayout = styledSection({
+  children: stack({ className: "rb-container" }, bodyCopyComposition.layout),
+  spacing: "medium",
+  baseClass: ""
+});
+var bodyTextManifest = createBlockManifest({
+  id: "block.body-text",
+  title: "Body Text",
+  titleSource: "heading",
+  category: "content",
+  fragments: [
+    { fragment: bodyCopyFragment, fieldPriority: 0 }
+  ],
+  layout: proseLayout,
+  variants: {
+    prose: proseLayout,
+    intro: introLayout,
+    narrow: narrowLayout
+  },
+  defaultVariant: "prose",
+  variantOptions: {
+    prose: {
+      label: "Prose",
+      description: "Long-form rich text for pages and posts.",
+      icon: "Type"
+    },
+    intro: {
+      label: "Intro",
+      description: "Narrower, larger text for above-the-fold intros.",
+      icon: "AlignCenter"
+    },
+    narrow: {
+      label: "Narrow",
+      description: "Left-aligned lead copy with a shorter max width.",
+      icon: "AlignLeft"
+    }
+  },
+  description: "Simple text block with optional heading and alignment controls.",
+  tags: ["text", "paragraph", "content", "copy", "article", "writing", "rich-text"],
+  icon: "Type",
+  styleTokens: {
+    spacing: "md"
+  }
+});
+var bodyTextBlockDefinition = {
+  manifest: bodyTextManifest
+};
+
+// ../blocks/src/system/blocks/blog-post.tsx
+import { z as z28 } from "zod";
+var composition = composeFragments([{ fragment: blogFeaturedPostFragment }]);
+var blogPostLayout = section(
+  { background: "background", className: "rb-px-6 rb-py-12" },
+  [...composition.layout]
+);
+var blogPostManifest = createBlockManifest({
+  id: "block.blog-post",
+  version: "0.1.0",
+  title: "Blog post",
+  description: "Highlights a single blog post with title, image, and excerpt.",
+  category: "blog",
+  contentTypes: ["post"],
+  tags: ["blog", "post", "featured", "highlight", "article", "single"],
+  icon: "FileText",
+  styleTokens: {
+    background: "surface",
+    typography: "body",
+    spacing: "md"
+  },
+  behaviours: {
+    supportsThemeSwitching: true,
+    inlineEditing: false,
+    animation: false,
+    paletteHidden: false
+  },
+  additionalFields: composition.fields,
+  layout: blogPostLayout
+});
+var blogPostDataSchema = z28.object({
+  id: z28.string(),
+  title: z28.string(),
+  slug: z28.string(),
   path: z28.string(),
   excerpt: z28.string().nullable().optional(),
   image: z28.object({
@@ -17740,6 +19107,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 +19154,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 +19819,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,
@@ -18541,6 +19949,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 +20218,7 @@ var layoutTransforms = [
   headerRootClassTransform,
   footerRootClassTransform,
   headerRootStyleTransform,
+  headerSectionBackgroundTransform,
   footerRootStyleTransform,
   footerBottomBarClassTransform,
   footerBottomBarContainerClassTransform,
@@ -19312,7 +20732,10 @@ var editorialLayout = stack(
 );
 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")),
@@ -20147,79 +21570,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 +21949,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 +22072,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 +22208,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 +22240,9 @@ var mediaTextManifest = createBlockManifest({
       spacing: "medium"
     });
     return {
-      layout: defaultLayout,
+      layout: defaultLayout2,
       variants: {
-        default: defaultLayout
+        default: defaultLayout2
       },
       defaultVariant: "default",
       variantOptions: {
@@ -24076,7 +25642,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 +25722,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 +26325,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 +26375,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 +29539,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 +29633,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 +29657,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 +29684,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: [