@riverbankcms/sdk 0.76.0 → 0.77.0

package/dist/client/rendering.mjs

@@ -3098,10 +3098,12 @@ 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 } : {}
   };
 }
-var plainFrame, tileTreatmentValues, eyebrowTreatmentValues;
+var plainFrame, tileTreatmentValues, eyebrowTreatmentValues, visibleHeadingDecorationFamilyValues, visibleHeadingDecorationPlacementValues, headingDecorationOverrideValues, headingDecorationColorTokenValues, accordionIconSetValues, accordionIconColorTokenValues, accordionIconMotionValues;
 var init_types3 = __esm({
   "../theme-core/src/site-styles/types.ts"() {
     "use strict";
@@ -3120,6 +3122,47 @@ var init_types3 = __esm({
       "pill-bounce",
       "accent-pill-bounce"
     ];
+    visibleHeadingDecorationFamilyValues = [
+      "organic-squiggle",
+      "short-center-rule"
+    ];
+    visibleHeadingDecorationPlacementValues = [
+      "after-heading",
+      "between-heading-and-body",
+      "under-centered-heading"
+    ];
+    headingDecorationOverrideValues = [
+      "site-default",
+      "on",
+      "off"
+    ];
+    headingDecorationColorTokenValues = [
+      "text",
+      "primary",
+      "secondary",
+      "accent",
+      "border",
+      "muted"
+    ];
+    accordionIconSetValues = [
+      "plus",
+      "chevron",
+      "caret",
+      "minimal-cross"
+    ];
+    accordionIconColorTokenValues = [
+      "text",
+      "muted",
+      "primary",
+      "secondary",
+      "accent",
+      "current"
+    ];
+    accordionIconMotionValues = [
+      "none",
+      "rotate",
+      "swap"
+    ];
   }
 });
 
@@ -3316,6 +3359,25 @@ var init_blockAppearancePresets = __esm({
           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",
@@ -3330,6 +3392,25 @@ var init_blockAppearancePresets = __esm({
           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",
@@ -3458,6 +3539,26 @@ var init_blockAppearancePresets = __esm({
           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",
@@ -3486,6 +3587,25 @@ var init_blockAppearancePresets = __esm({
           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",
@@ -4267,6 +4387,104 @@ var init_confident_chip = __esm({
   }
 });
 
+// ../theme-core/src/buttons/personalities/earth-pill.ts
+var earthPill;
+var init_earth_pill = __esm({
+  "../theme-core/src/buttons/personalities/earth-pill.ts"() {
+    "use strict";
+    init_types5();
+    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;
 var init_editorial_link = __esm({
@@ -4764,6 +4982,7 @@ var init_personalities = __esm({
     "use strict";
     init_brushed_wash();
     init_confident_chip();
+    init_earth_pill();
     init_editorial_link();
     init_ink_stamp();
     init_pebble();
@@ -4772,6 +4991,7 @@ var init_personalities = __esm({
     init_types5();
     buttonPersonalities = [
       softPill,
+      earthPill,
       confidentChip,
       editorialLink,
       pebble,
@@ -7696,7 +7916,7 @@ var init_tokenOrColor = __esm({
 
 // ../theme-core/src/schema.ts
 import { z as z23 } from "zod";
-var axesSchema, colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, buttonStyle, cardStyle, inputStyle, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerContainerSchema, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, themeSchema, themesTurnSchema;
+var axesSchema, colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, buttonStyle, cardStyle, inputStyle, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerContainerSchema, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, themeSchema, themesTurnSchema;
 var init_schema2 = __esm({
   "../theme-core/src/schema.ts"() {
     "use strict";
@@ -7791,12 +8011,36 @@ var init_schema2 = __esm({
       textColor: tokenOrCssColorValueSchema.nullable().optional(),
       headingColor: tokenOrCssColorValueSchema.nullable().optional()
     });
+    noHeadingDecorationSchema = z23.object({
+      family: z23.literal("none"),
+      placement: z23.literal("none")
+    });
+    visibleHeadingDecorationSchema = z23.object({
+      family: z23.enum(visibleHeadingDecorationFamilyValues),
+      placement: z23.enum(visibleHeadingDecorationPlacementValues),
+      colorToken: z23.enum(headingDecorationColorTokenValues).optional()
+    });
+    headingDecorationSchema = z23.union([
+      noHeadingDecorationSchema,
+      visibleHeadingDecorationSchema
+    ]);
+    accordionIconTreatmentSchema = z23.object({
+      iconSet: z23.enum(accordionIconSetValues),
+      colorToken: z23.enum(accordionIconColorTokenValues),
+      openColorToken: z23.enum(accordionIconColorTokenValues).optional(),
+      motion: z23.enum(accordionIconMotionValues)
+    });
     sectionStylesOverrideSchema = z23.object({
       background: boxBackgroundSchema.nullable().optional(),
       spacing: semanticSpacingSchema.nullable().optional(),
       minHeight: z23.enum(["none", "banner", "hero", "immersive"]).nullable().optional(),
       tileTreatment: z23.enum(tileTreatmentValues).nullable().optional(),
-      eyebrowTreatment: z23.enum(eyebrowTreatmentValues).nullable().optional()
+      eyebrowTreatment: z23.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: z23.enum(headingDecorationOverrideValues).nullable().optional(),
+      accordionIconTreatment: accordionIconTreatmentSchema.nullable().optional()
     });
     containerStylesOverrideSchema = z23.object({
       background: boxBackgroundSchema.nullable().optional(),
@@ -8493,7 +8737,7 @@ var init_soft_natural = __esm({
 });
 
 // ../theme-core/src/palette/variants/warm-neutral.ts
-var warmNeutralClay, warmNeutralCream, warmNeutralForest;
+var warmNeutralClay, warmNeutralCream, warmNeutralSoftEarth, warmNeutralForest;
 var init_warm_neutral = __esm({
   "../theme-core/src/palette/variants/warm-neutral.ts"() {
     "use strict";
@@ -8542,6 +8786,28 @@ var init_warm_neutral = __esm({
         { name: "border", hex: "#e0d2b8" }
       ]
     });
+    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" }
+      ]
+    });
     warmNeutralForest = definePaletteVariant({
       id: "warm-neutral-forest",
       name: "Warm Neutral \u2014 Forest",
@@ -8586,6 +8852,7 @@ var init_variants = __esm({
       // Warm-neutral family
       warmNeutralClay,
       warmNeutralCream,
+      warmNeutralSoftEarth,
       warmNeutralForest,
       // High-contrast family
       highContrastInk,
@@ -8614,6 +8881,12 @@ var init_customizableSurfaces = __esm({
 function asHeaderLookId(value) {
   return value;
 }
+function asHeaderLayoutId(value) {
+  return value;
+}
+function asHeaderStyleId(value) {
+  return value;
+}
 function baseHeader(theme) {
   const {
     navLinkStyle: _navLinkStyle,
@@ -8632,6 +8905,34 @@ function baseHeader(theme) {
     navContainer: { type: "none", tint: null, opacity: 0.15 }
   };
 }
+function supportedLayouts(ids) {
+  return ids.map(asHeaderLayoutId);
+}
+function headerStyleRepairChain(values) {
+  return values.map(asHeaderStyleId);
+}
+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 {
@@ -8862,19 +9163,302 @@ function floatingGlassHeader(theme) {
     }
   };
 }
-var headerLookCatalog, guaranteedFallbackHeaderLookId, headerLooksById;
+function headerConfigurationKey(configuration) {
+  return `${configuration.structure}:${configuration.treatment}:${configuration.behavior}`;
+}
+var headerLayoutCatalog, headerStyleCatalog, headerLayoutsById, headerStylesById, headerStyleCompatibilityOrder, headerStyleRepairOrder, legacyHeaderLookAliases, legacyHeaderLookAliasesById, headerLookCatalog, guaranteedFallbackHeaderLookId, guaranteedFallbackHeaderLayoutId, guaranteedFallbackHeaderStyleId, allowedHeaderConfigurationKeys, headerLooksById;
 var init_headerLooks = __esm({
   "../theme-core/src/site-styles/headerLooks.ts"() {
     "use strict";
     init_headerCtaVariants();
     init_customizableSurfaces();
     init_types3();
+    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"]
+      }
+    ];
+    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
+      }
+    ];
+    headerLayoutsById = new Map(
+      headerLayoutCatalog.map((layout) => [layout.id, layout])
+    );
+    headerStylesById = new Map(
+      headerStyleCatalog.map((style) => [style.id, style])
+    );
+    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"
+        ])
+      ]
+    ]);
+    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"])]
+    ]);
+    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")
+        }
+      }
+    ];
+    legacyHeaderLookAliasesById = new Map(
+      legacyHeaderLookAliases.map((alias) => [alias.lookId, alias])
+    );
     headerLookCatalog = [
       {
         id: asHeaderLookId("clean-base"),
         label: "Clean base",
         visualTreatment: "solid-neutral",
         layoutBehavior: "sticky",
+        configuration: {
+          structure: "inline-classic",
+          treatment: "solid-neutral",
+          behavior: "sticky"
+        },
         openingRequirement: "none",
         compile: cleanBaseHeader
       },
@@ -8883,6 +9467,11 @@ var init_headerLooks = __esm({
         label: "Brand solid",
         visualTreatment: "solid-brand",
         layoutBehavior: "sticky-shrink",
+        configuration: {
+          structure: "inline-classic",
+          treatment: "solid-brand",
+          behavior: "sticky-shrink"
+        },
         openingRequirement: "none",
         compile: solidBrandHeader
       },
@@ -8891,6 +9480,11 @@ var init_headerLooks = __esm({
         label: "Editorial line",
         visualTreatment: "light-editorial",
         layoutBehavior: "sticky",
+        configuration: {
+          structure: "editorial-stack",
+          treatment: "light-editorial",
+          behavior: "sticky"
+        },
         openingRequirement: "none",
         maxRecommendedNavItems: 6,
         compile: editorialLineHeader
@@ -8900,6 +9494,11 @@ var init_headerLooks = __esm({
         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"],
@@ -8910,6 +9509,11 @@ var init_headerLooks = __esm({
         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
@@ -8919,6 +9523,11 @@ var init_headerLooks = __esm({
         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
       },
@@ -8927,6 +9536,11 @@ var init_headerLooks = __esm({
         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"],
@@ -8937,6 +9551,11 @@ var init_headerLooks = __esm({
         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"],
@@ -8944,6 +9563,11 @@ var init_headerLooks = __esm({
       }
     ];
     guaranteedFallbackHeaderLookId = asHeaderLookId("clean-base");
+    guaranteedFallbackHeaderLayoutId = asHeaderLayoutId("classic");
+    guaranteedFallbackHeaderStyleId = asHeaderStyleId("minimal");
+    allowedHeaderConfigurationKeys = new Set(
+      headerLookCatalog.map((look) => headerConfigurationKey(look.configuration))
+    );
     headerLooksById = new Map(
       headerLookCatalog.map((look) => [look.id, look])
     );
@@ -9103,6 +9727,270 @@ var init_sourceCatalogs = __esm({
   }
 });
 
+// ../theme-core/src/site-styles/typographyPresets.ts
+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 bodyReadablePolicy, headingFlexiblePolicy, displayHeadingPolicy, modernSansTypography, warmRoundedTypography, editorialSerifTypography, classicSerifTypography, luxeContrastTypography, boldDisplayTypography, typographyPresets, typographyPresetsById;
+var init_typographyPresets = __esm({
+  "../theme-core/src/site-styles/typographyPresets.ts"() {
+    "use strict";
+    bodyReadablePolicy = {
+      recommendedCategories: ["sans-serif", "serif"],
+      allowedCategories: ["sans-serif", "serif"],
+      requiresItalicForBody: true,
+      requiresBoldForBody: true
+    };
+    headingFlexiblePolicy = {
+      recommendedCategories: ["sans-serif", "serif", "display"],
+      allowedCategories: ["sans-serif", "serif", "display"]
+    };
+    displayHeadingPolicy = {
+      recommendedCategories: ["display", "sans-serif", "serif"],
+      allowedCategories: ["display", "sans-serif", "serif"]
+    };
+    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"
+    };
+    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"
+    };
+    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"
+    };
+    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"
+    };
+    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"
+    };
+    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"
+    };
+    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" }
+          }
+        }
+      })
+    ];
+    typographyPresetsById = new Map(
+      typographyPresets.map((preset2) => [preset2.id, preset2])
+    );
+  }
+});
+
 // ../theme-core/src/site-styles/curatedSiteStyles.ts
 function uniqueContentFrameKinds() {
   const kinds = [...new Set(
@@ -9115,6 +10003,15 @@ function uniqueContentFrameKinds() {
   return [firstKind, ...kinds.slice(1)];
 }
 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,
@@ -9135,11 +10032,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) {
@@ -9148,6 +10057,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 curatedSiteStyleIdValues, quietBudget, balancedBudget, expressiveBudget, expressiveUnderlineInputs, generatedContentFrameKinds, curatedSiteStyles, curatedSiteStylesById;
 var init_curatedSiteStyles = __esm({
   "../theme-core/src/site-styles/curatedSiteStyles.ts"() {
@@ -9159,6 +10150,7 @@ var init_curatedSiteStyles = __esm({
     init_curatedChoices();
     init_sourceCatalogs();
     init_types3();
+    init_typographyPresets();
     curatedSiteStyleIdValues = [
       "site-style:calm-studio",
       "site-style:clear-professional",
@@ -9170,6 +10162,7 @@ var init_curatedSiteStyles = __esm({
       "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"
     ];
@@ -9560,6 +10553,102 @@ var init_curatedSiteStyles = __esm({
           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",
@@ -9613,49 +10702,13 @@ var init_curatedSiteStyles = __esm({
           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",
@@ -10406,6 +11459,7 @@ var init_previewCompiler = __esm({
     init_variants();
     init_curatedChoices();
     init_curatedSiteStyles();
+    init_typographyPresets();
     init_resolver2();
     init_types3();
     init_footerLooks();
@@ -10419,6 +11473,7 @@ var init_previewCompiler = __esm({
     init_runtimeCompiler();
     init_curatedChoices();
     init_curatedSiteStyles();
+    init_typographyPresets();
     init_types3();
   }
 });
@@ -10699,6 +11754,13 @@ var init_pageDesignEditorErrors = __esm({
   }
 });
 
+// ../theme-core/src/site-styles/persistedIdParseResult.ts
+var init_persistedIdParseResult = __esm({
+  "../theme-core/src/site-styles/persistedIdParseResult.ts"() {
+    "use strict";
+  }
+});
+
 // ../theme-core/src/site-styles/tokenRecipes.ts
 import { z as z28 } from "zod";
 var themeTokenRecipeOptions, themeTokenRecipesSchema;
@@ -10756,6 +11818,7 @@ var init_site_styles = __esm({
     init_pageDesignEditorModel();
     init_pageDesignIntent();
     init_previewCustomization();
+    init_persistedIdParseResult();
     init_rawStyleFields();
     init_records();
     init_resolver2();
@@ -10764,6 +11827,7 @@ var init_site_styles = __esm({
     init_sourceCatalogs();
     init_styleTags();
     init_tokenRecipes();
+    init_typographyPresets();
     init_types3();
   }
 });
@@ -12008,6 +13072,7 @@ var init_validation_constants = __esm({
       "layout.headerRootClass",
       "layout.footerRootClass",
       "layout.headerRootStyle",
+      "layout.headerSectionBackground",
       "layout.footerRootStyle",
       // UI (ui.ts)
       "ui.headerNavLinkClass",
@@ -14405,8 +15470,9 @@ var init_faqAccordion = __esm({
             },
             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"
@@ -46799,6 +47865,9 @@ init_schema3();
 var TEL_RE = /^[+()0-9\s-]{3,}$/;
 var SLUG_PATTERN = /^(?:[a-z0-9]+(?:-[a-z0-9]+)*)(?:\/(?:[a-z0-9]+(?:-[a-z0-9]+)*))*$/;
 var ALLOWED_URL_PROTOCOLS = ["http:", "https:"];
+var DATE_PATTERN = /^(?<year>[1-9]\d{3})-(?<month>\d{2})-(?<day>\d{2})$/;
+var TIME_PATTERN = /^(?<hours>[01]\d|2[0-3]):(?<minutes>[0-5]\d)$/;
+var DATETIME_PATTERN = /^(?<date>[1-9]\d{3}-\d{2}-\d{2})T(?<time>(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d)(?:\.\d+)?(?<offset>Z|[+-](?:[01]\d|2[0-3]):[0-5]\d)$/;
 function assertNever6(value) {
   throw new Error(`Unhandled field validation variant: ${JSON.stringify(value)}`);
 }
@@ -46831,6 +47900,12 @@ function fieldIssueToMessage(issue2) {
       return "Check the format and try again";
     case "invalidUrl":
       return "Enter a valid web address";
+    case "invalidDate":
+      return "Choose a valid date";
+    case "invalidTime":
+      return "Choose a valid time";
+    case "invalidDateTime":
+      return "Choose a valid date and time";
     case "invalidNumber":
       return `${issue2.label} needs a number`;
     case "tooSmall":
@@ -46867,12 +47942,16 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
     case "text": {
       const inputType = field.ui?.inputType;
       if (inputType === "number") {
-        const constraints2 = commonConstraints(required, { kind: "numberType" });
+        const constraints2 = commonConstraints(required, {
+          kind: "numberType"
+        });
         if (typeof field.ui?.min === "number") constraints2.push({ kind: "numberMin", minimum: field.ui.min });
         if (typeof field.ui?.max === "number") constraints2.push({ kind: "numberMax", maximum: field.ui.max });
         return makePlan("number", "number", field, path, required, constraints2);
       }
-      const constraints = commonConstraints(required, { kind: "textType" });
+      const constraints = commonConstraints(required, {
+        kind: "textType"
+      });
       if (inputType === "email") constraints.push({ kind: "emailFormat" });
       if (inputType === "tel") constraints.push({ kind: "phoneFormat" });
       if (field.ui?.pattern) constraints.push({ kind: "patternFormat", pattern: field.ui.pattern });
@@ -46880,7 +47959,9 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
       return makePlan("string", "string", field, path, required, constraints);
     }
     case "number": {
-      const constraints = commonConstraints(required, { kind: "numberType" });
+      const constraints = commonConstraints(required, {
+        kind: "numberType"
+      });
       if (typeof field.min === "number") constraints.push({ kind: "numberMin", minimum: field.min });
       if (typeof field.max === "number") constraints.push({ kind: "numberMax", maximum: field.max });
       return makePlan("number", "number", field, path, required, constraints);
@@ -46891,23 +47972,42 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
       return makePlan("string", "string", field, path, required, constraints);
     }
     case "url":
-      return makePlan("string", "string", field, path, required, commonConstraints(
+      return makePlan(
+        "string",
+        "string",
+        field,
+        path,
         required,
-        { kind: "textType" },
-        { kind: "urlFormat", allowRelative: Boolean(field.allowRelative) }
-      ));
+        commonConstraints(required, { kind: "textType" }, { kind: "urlFormat", allowRelative: Boolean(field.allowRelative) })
+      );
     case "reference":
       return makePlan("string", "string", field, path, required, commonConstraints(required, { kind: "referenceText" }));
     case "date":
+      return makePlan("string", "string", field, path, required, commonConstraints(required, { kind: "textType" }, { kind: "dateFormat" }));
     case "time":
+      return makePlan("string", "string", field, path, required, commonConstraints(required, { kind: "textType" }, { kind: "timeFormat" }));
     case "datetime":
-      return makePlan("string", "string", field, path, required, commonConstraints(required, { kind: "textType" }));
+      return makePlan(
+        "string",
+        "string",
+        field,
+        path,
+        required,
+        commonConstraints(required, { kind: "textType" }, { kind: "datetimeFormat" })
+      );
     case "select":
-      return makePlan("select", "select", field, path, required, commonConstraints(required, {
-        kind: "selectOption",
-        source: resolveSelectConstraintSource(field),
-        multiple: Boolean(field.multiple)
-      }));
+      return makePlan(
+        "select",
+        "select",
+        field,
+        path,
+        required,
+        commonConstraints(required, {
+          kind: "selectOption",
+          source: resolveSelectConstraintSource(field),
+          multiple: Boolean(field.multiple)
+        })
+      );
     case "richText":
       return makePlan("richText", "object", field, path, required, commonConstraints(required, { kind: "richTextDoc" }));
     case "media":
@@ -46920,7 +48020,11 @@ function deriveFieldValidationPlan(field, path = [field.id]) {
     case "repeater":
       return {
         ...makePlan("repeater", "array", field, path, required, commonConstraints(required, { kind: "arrayType" })),
-        ...field.polymorphic && field.itemTypes ? { repeatedItemVariants: deriveRepeatedItemVariants(field, [...path, 0]) } : { repeatedItemPlan: deriveNestedFieldPlans(getRepeaterFields(field), [...path, 0]) },
+        ...field.polymorphic && field.itemTypes ? {
+          repeatedItemVariants: deriveRepeatedItemVariants(field, [...path, 0])
+        } : {
+          repeatedItemPlan: deriveNestedFieldPlans(getRepeaterFields(field), [...path, 0])
+        },
         constraints: withRepeaterItemConstraints(field, commonConstraints(required, { kind: "arrayType" }))
       };
     case "group":
@@ -47005,7 +48109,10 @@ function resolveSelectConstraintSource(field) {
   const source = normalizeSelectSource(field);
   switch (source.kind) {
     case "static":
-      return { kind: "static", values: field.options.map((option) => option.value) };
+      return {
+        kind: "static",
+        values: field.options.map((option) => option.value)
+      };
     case "site":
     case "sdk":
       return { kind: "runtime", source: source.kind };
@@ -47101,7 +48208,9 @@ function normalizeFieldValue(plan, value, ctx) {
 }
 function normalizeObjectChildren(children, value, ctx) {
   if (!value || typeof value !== "object" || Array.isArray(value)) return value;
-  const normalized = { ...value };
+  const normalized = {
+    ...value
+  };
   for (const child of children) {
     normalized[child.fieldId] = normalizeFieldValue(child, normalized[child.fieldId], ctx);
   }
@@ -47195,6 +48304,12 @@ function validateStringConstraint(plan, constraint, value) {
     }
     case "urlFormat":
       return isValidUrl(value, constraint.allowRelative) ? [] : [issue(plan, "invalidUrl")];
+    case "dateFormat":
+      return isValidDateString(value) ? [] : [issue(plan, "invalidDate")];
+    case "timeFormat":
+      return isValidTimeString(value) ? [] : [issue(plan, "invalidTime")];
+    case "datetimeFormat":
+      return isValidDateTimeInstantString(value) ? [] : [issue(plan, "invalidDateTime")];
     case "slugFormat":
       return SLUG_PATTERN.test(value) ? [] : [issue(plan, "invalidSlug")];
     default:
@@ -47231,17 +48346,24 @@ function validateRepeaterPlan(plan, value, ctx) {
       case "arrayType":
         return [];
       case "minItems":
-        return value.length < constraint.minimum ? [issue(plan, "tooFewItems", { minimum: constraint.minimum, itemLabel: "item" })] : [];
+        return value.length < constraint.minimum ? [
+          issue(plan, "tooFewItems", {
+            minimum: constraint.minimum,
+            itemLabel: "item"
+          })
+        ] : [];
       case "maxItems":
-        return value.length > constraint.maximum ? [issue(plan, "tooManyItems", { maximum: constraint.maximum, itemLabel: "item" })] : [];
+        return value.length > constraint.maximum ? [
+          issue(plan, "tooManyItems", {
+            maximum: constraint.maximum,
+            itemLabel: "item"
+          })
+        ] : [];
       default:
         return assertNever6(constraint);
     }
   });
-  return [
-    ...constraintIssues,
-    ...value.flatMap((item, index) => validateRepeaterItem(plan, item, index, ctx))
-  ];
+  return [...constraintIssues, ...value.flatMap((item, index) => validateRepeaterItem(plan, item, index, ctx))];
 }
 function validateRepeaterItem(plan, item, index, ctx) {
   if (!isPlainObject(item)) return [];
@@ -47284,9 +48406,7 @@ function rebaseFieldPlanPath(plan, fromPrefix, toPrefix) {
           }))
         } : {},
         ...plan.repeatedItemPlan ? {
-          repeatedItemPlan: plan.repeatedItemPlan.map(
-            (fieldPlan) => rebaseFieldPlanPath(fieldPlan, fromPrefix, toPrefix)
-          )
+          repeatedItemPlan: plan.repeatedItemPlan.map((fieldPlan) => rebaseFieldPlanPath(fieldPlan, fromPrefix, toPrefix))
         } : {}
       };
     case "string":
@@ -47373,6 +48493,9 @@ function addFieldIssueToZodContext(zodCtx, validationIssue, rootPath) {
     case "invalidPhone":
     case "invalidPattern":
     case "invalidUrl":
+    case "invalidDate":
+    case "invalidTime":
+    case "invalidDateTime":
     case "invalidNumber":
     case "tooSmall":
     case "tooLarge":
@@ -47412,6 +48535,53 @@ function isValidUrl(value, allowRelative) {
     return false;
   }
 }
+function isValidDateString(value) {
+  const match = DATE_PATTERN.exec(value);
+  if (!match?.groups) return false;
+  const year = Number(match.groups.year);
+  const month = Number(match.groups.month);
+  const day = Number(match.groups.day);
+  return isValidCalendarDate(year, month, day);
+}
+function isValidTimeString(value) {
+  return TIME_PATTERN.test(value);
+}
+function isValidDateTimeInstantString(value) {
+  const match = DATETIME_PATTERN.exec(value);
+  if (!match?.groups) return false;
+  const datePart = match.groups.date;
+  if (!datePart || !isValidDateString(datePart)) return false;
+  return !Number.isNaN(Date.parse(value));
+}
+function isValidCalendarDate(year, month, day) {
+  if (!Number.isInteger(year) || !Number.isInteger(month) || !Number.isInteger(day)) return false;
+  if (year < 1 || month < 1 || month > 12) return false;
+  return day >= 1 && day <= daysInMonth(year, month);
+}
+function daysInMonth(year, month) {
+  switch (month) {
+    case 2:
+      return isLeapYear(year) ? 29 : 28;
+    case 4:
+    case 6:
+    case 9:
+    case 11:
+      return 30;
+    case 1:
+    case 3:
+    case 5:
+    case 7:
+    case 8:
+    case 10:
+    case 12:
+      return 31;
+    default:
+      return 0;
+  }
+}
+function isLeapYear(year) {
+  return year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0);
+}
 function isValidSelectValue(value, values, multiple) {
   if (multiple) {
     return Array.isArray(value) && value.every((item) => typeof item === "string" && values.includes(item));
@@ -47731,6 +48901,342 @@ var heroBlockDefinition = {
   manifest: heroManifest
 };
 
+// ../blocks/src/system/blocks/intro.ts
+init_defineBlock();
+
+// ../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/blocks/intro.ts
+init_ctas();
+
+// ../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
+init_builder();
+init_fragments();
+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
 init_styledSection();
 init_defineBlock();
@@ -48328,6 +49834,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",
@@ -48344,13 +49881,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"
@@ -49012,7 +50558,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,
@@ -49141,6 +50688,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",
@@ -49399,6 +50957,7 @@ var layoutTransforms = [
   headerRootClassTransform,
   footerRootClassTransform,
   headerRootStyleTransform,
+  headerSectionBackgroundTransform,
   footerRootStyleTransform,
   footerBottomBarClassTransform,
   footerBottomBarContainerClassTransform,
@@ -49938,7 +51497,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")),
@@ -50879,6 +52441,231 @@ var collectionBlockDefinition = {
   manifest: collectionManifest
 };
 
+// ../blocks/src/system/blocks/feature-cards.ts
+init_defineBlock();
+init_boxStyles2();
+init_ctas();
+init_builder();
+init_fragments();
+init_colorStyles();
+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 featureCardsConfig = {
+  id: "block.feature-cards",
+  title: "Feature Cards",
+  category: "layout",
+  includeContainerStyles: true,
+  titleSource: "title",
+  additionalFields: [
+    {
+      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",
+      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" }
+    },
+    {
+      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: "Card styles"
+    })
+  ],
+  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/blocks/media-text.ts
 init_defineBlock();
 
@@ -50975,69 +52762,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",
@@ -51161,26 +52885,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",
@@ -51310,7 +53021,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" },
@@ -51342,9 +53053,9 @@ var mediaTextManifest = createBlockManifest({
       spacing: "medium"
     });
     return {
-      layout: defaultLayout,
+      layout: defaultLayout2,
       variants: {
-        default: defaultLayout
+        default: defaultLayout2
       },
       defaultVariant: "default",
       variantOptions: {
@@ -53373,7 +55084,7 @@ init_builder();
 init_colorStyles();
 init_defineBlock();
 init_fragments();
-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;
@@ -53453,7 +55164,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"
   },
@@ -54061,7 +55772,7 @@ init_builder();
 init_fragments();
 init_colorStyles();
 init_defineBlock();
-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 },
   [
@@ -54111,7 +55822,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)
   },
@@ -56200,6 +57911,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: [
@@ -56260,9 +58005,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,
@@ -56276,7 +58029,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: [
@@ -56302,6 +58056,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: [
@@ -57956,6 +59726,46 @@ init_RichText();
 init_richText_coerce();
 init_lucide_react();
 init_types8();
+
+// ../blocks/src/system/runtime/nodes/accordionIconTreatment.ts
+init_types8();
+init_colorStyles();
+function resolveAccordionIconStyle(iconStyle, iconTreatment) {
+  if (iconTreatment) {
+    switch (iconTreatment.iconSet) {
+      case "plus":
+        return "plus-minus";
+      case "chevron":
+        return "chevron";
+      case "caret":
+        return "caret";
+      case "minimal-cross":
+        return "plus-minus";
+      default:
+        return assertNever7(iconTreatment.iconSet);
+    }
+  }
+  return iconStyle && iconStyle in ICON_CONFIG ? iconStyle : "chevron";
+}
+function accordionIconColorStyle(iconTreatment) {
+  const token = iconTreatment?.colorToken;
+  if (!token || token === "current") return void 0;
+  const themeToken = resolveIconColorToken(token);
+  return {
+    color: rgbColorValue(themeToken),
+    ...iconTreatment.openColorToken && iconTreatment.openColorToken !== "current" ? {
+      "--accordion-icon-open-color": rgbColorValue(resolveIconColorToken(iconTreatment.openColorToken))
+    } : {}
+  };
+}
+function resolveIconColorToken(token) {
+  return token === "muted" ? "mutedText" : token;
+}
+function assertNever7(value) {
+  throw new Error(`Unhandled accordion icon set: ${String(value)}`);
+}
+
+// ../blocks/src/system/runtime/nodes/accordion.server.tsx
 import { jsx as jsx125, jsxs as jsxs71 } from "react/jsx-runtime";
 var ACCORDION_ICONS = {
   Plus,
@@ -57994,15 +59804,17 @@ var AccordionItemNodeSSR = ({
   content,
   question,
   answer,
-  iconStyle
+  iconStyle,
+  iconTreatment
 }) => {
   const resolvedValue = value !== void 0 && value !== null ? String(value) : void 0;
   const triggerSource = trigger ?? question;
   const contentSource = content ?? answer;
-  const resolvedIconStyle = iconStyle && iconStyle in ICON_CONFIG ? iconStyle : "chevron";
+  const resolvedIconStyle = resolveAccordionIconStyle(iconStyle, iconTreatment);
   const iconConfig = ICON_CONFIG[resolvedIconStyle];
   const ClosedIconComponent = ACCORDION_ICONS[iconConfig.closedIcon];
   const OpenIconComponent = iconConfig.openIcon ? ACCORDION_ICONS[iconConfig.openIcon] : null;
+  const iconColorStyle = accordionIconColorStyle(iconTreatment);
   return /* @__PURE__ */ jsxs71(
     "div",
     {
@@ -58012,10 +59824,20 @@ var AccordionItemNodeSSR = ({
       children: [
         /* @__PURE__ */ jsxs71("div", { className: "accordion-trigger", role: "button", tabIndex: 0, "aria-expanded": "false", children: [
           /* @__PURE__ */ jsx125("span", { className: "accordion-trigger-text", children: resolveNode(triggerSource) }),
-          /* @__PURE__ */ jsxs71("span", { className: "accordion-icon", "aria-hidden": "true", children: [
-            ClosedIconComponent && /* @__PURE__ */ jsx125(ClosedIconComponent, { className: "accordion-icon-closed" }),
-            OpenIconComponent && /* @__PURE__ */ jsx125(OpenIconComponent, { className: "accordion-icon-open" })
-          ] })
+          /* @__PURE__ */ jsxs71(
+            "span",
+            {
+              className: "accordion-icon",
+              "aria-hidden": "true",
+              "data-accordion-icon-set": iconTreatment?.iconSet,
+              "data-accordion-icon-motion": iconTreatment?.motion,
+              style: iconColorStyle,
+              children: [
+                ClosedIconComponent && /* @__PURE__ */ jsx125(ClosedIconComponent, { className: "accordion-icon-closed" }),
+                OpenIconComponent && /* @__PURE__ */ jsx125(OpenIconComponent, { className: "accordion-icon-open" })
+              ]
+            }
+          )
         ] }),
         /* @__PURE__ */ jsx125(
           "div",
@@ -64285,6 +66107,67 @@ function transformSdkBlockToDefinition(sdkBlock) {
   };
 }
 
+// ../blocks/src/customBlockRegistry.ts
+function isCustomBlockKind(blockKind) {
+  return blockKind.startsWith("custom.");
+}
+function transformToBlockDescriptor(sdkBlock, source = "sdk") {
+  return {
+    name: sdkBlock.id,
+    title: sdkBlock.title,
+    description: sdkBlock.description,
+    category: sdkBlock.category,
+    tags: sdkBlock.tags,
+    icon: sdkBlock.icon,
+    definition: transformSdkBlockToDefinition(sdkBlock),
+    source
+  };
+}
+function toResolvedCustomBlock(manifest, source) {
+  return {
+    blockKind: manifest.id,
+    manifest: transformSdkBlockToManifest(manifest),
+    source,
+    descriptor: transformToBlockDescriptor(
+      manifest,
+      source.kind === "managed-database" ? "database" : "sdk"
+    )
+  };
+}
+function createCustomBlockRegistry({
+  sdkConfig,
+  customBlocks = [],
+  onConflict
+}) {
+  const entriesByKind = /* @__PURE__ */ new Map();
+  for (const sdkBlock of sdkConfig?.customBlocks ?? []) {
+    entriesByKind.set(
+      sdkBlock.id,
+      toResolvedCustomBlock(sdkBlock, { kind: "sdk-config" })
+    );
+  }
+  for (const customBlock of customBlocks) {
+    const existing = entriesByKind.get(customBlock.manifest.id);
+    if (existing) {
+      onConflict?.(
+        `Skipping DB custom block "${customBlock.manifest.id}" - conflicts with SDK config block`
+      );
+      continue;
+    }
+    entriesByKind.set(
+      customBlock.manifest.id,
+      toResolvedCustomBlock(customBlock.manifest, customBlock.source)
+    );
+  }
+  return {
+    entries: Array.from(entriesByKind.values()),
+    findManifest: (blockKind) => {
+      if (!isCustomBlockKind(blockKind)) return void 0;
+      return entriesByKind.get(blockKind);
+    }
+  };
+}
+
 // ../blocks/src/PageRenderer.tsx
 init_typeGuards2();
 init_media3();
@@ -64454,17 +66337,14 @@ var MemoBlockSection = React34.memo(
     }
     const OverrideComponent = getBlockOverride(block.kind, blockOverrides);
     let definition = getBlockDefinition(block.kind);
-    if (!definition && block.kind.startsWith("custom.") && sdkConfig?.customBlocks) {
-      const sdkBlock = sdkConfig.customBlocks.find((b2) => b2.id === block.kind);
-      if (sdkBlock) {
-        definition = transformSdkBlockToDefinition(sdkBlock);
-      }
-    }
-    if (!definition && block.kind.startsWith("custom.") && customBlocks) {
-      const dbBlock = customBlocks.find((b2) => b2.id === block.kind);
-      if (dbBlock) {
-        definition = transformSdkBlockToDefinition(dbBlock);
-      }
+    if (!definition && block.kind.startsWith("custom.")) {
+      definition = createCustomBlockRegistry({
+        sdkConfig,
+        customBlocks: (customBlocks ?? []).map((manifest) => ({
+          manifest,
+          source: { kind: "managed-database" }
+        }))
+      }).findManifest(block.kind)?.descriptor.definition;
     }
     if (!definition) {
       if (OverrideComponent) {
@@ -64491,13 +66371,16 @@ var MemoBlockSection = React34.memo(
       }
       if (block.kind.startsWith("custom.") && shouldDebugCustomBlocks()) {
         try {
-          console.warn("[blocks:PageRenderer] custom block definition missing", {
-            blockId: block.id ?? null,
-            blockKind: block.kind,
-            hasOverride: Boolean(OverrideComponent),
-            sdkCustomBlocksCount: sdkConfig?.customBlocks?.length ?? 0,
-            dbCustomBlocksCount: customBlocks?.length ?? 0
-          });
+          console.warn(
+            "[blocks:PageRenderer] custom block definition missing",
+            {
+              blockId: block.id ?? null,
+              blockKind: block.kind,
+              hasOverride: Boolean(OverrideComponent),
+              sdkCustomBlocksCount: sdkConfig?.customBlocks?.length ?? 0,
+              dbCustomBlocksCount: customBlocks?.length ?? 0
+            }
+          );
         } catch {
         }
       }
@@ -64511,12 +66394,15 @@ var MemoBlockSection = React34.memo(
     if (!OverrideComponent && !manifestHasLayout) {
       if (block.kind.startsWith("custom.") && shouldDebugCustomBlocks()) {
         try {
-          console.warn("[blocks:PageRenderer] custom block has no layout/variants and no override", {
-            blockId: block.id ?? null,
-            blockKind: block.kind,
-            hasOverride: false,
-            manifestKeys: Object.keys(definition.manifest ?? {}).sort()
-          });
+          console.warn(
+            "[blocks:PageRenderer] custom block has no layout/variants and no override",
+            {
+              blockId: block.id ?? null,
+              blockKind: block.kind,
+              hasOverride: false,
+              manifestKeys: Object.keys(definition.manifest ?? {}).sort()
+            }
+          );
         } catch {
         }
       }
@@ -64550,9 +66436,10 @@ var MemoBlockSection = React34.memo(
     if (parsed.success) {
       data = parsed.data;
     } else if (usePlaceholders) {
-      const relaxed = getCachedValidator(definition.manifest, "relaxed").safeParse(
-        content
-      );
+      const relaxed = getCachedValidator(
+        definition.manifest,
+        "relaxed"
+      ).safeParse(content);
       if (relaxed.success) {
         data = relaxed.data;
       } else {