@riverbankcms/sdk 0.80.0 → 0.81.0

package/dist/server/theme-bridge.mjs

@@ -284,7 +284,9 @@ var buttonBorderSchema = z3.object({
 var variantShadowSchema = z3.object({
   elevation: z3.enum(["none", "low", "medium", "high"]),
   softness: z3.enum(["crisp", "soft", "hard"]).nullable(),
-  position: z3.enum(["bottom", "bottom-right"]).default("bottom")
+  position: z3.enum(["bottom", "bottom-right"]).default("bottom"),
+  // Optional palette token for a coloured offset shadow; omit for neutral black.
+  colorToken: themeColorTokenSchema.optional()
 });
 var variantEffectsSchema = z3.object({
   base: z3.array(effectApplicationSchema).optional(),
@@ -814,6 +816,65 @@ var inkStamp = defineButtonPersonality({
   }
 });
 
+// ../theme-core/src/buttons/personalities/joy-stamp.ts
+var joyStamp = defineButtonPersonality({
+  id: "joy-stamp",
+  name: "Joy Stamp",
+  description: "Pill buttons with a hard, brand-coloured offset shadow that presses in on hover.",
+  tags: { tone: "bold", energy: "vibrant", motion: "expressive", era: "organic" },
+  buttonSystem: {
+    global: {
+      cornerStyle: "pill",
+      shadow: "high",
+      textTransform: "none",
+      // Bold display type on the buttons: use the heading font (Bricolage) at
+      // 700, matching the mockup's chunky button labels.
+      typography: "heading",
+      fontWeight: 700,
+      borderWidth: 2,
+      hoverTransform: "none",
+      hoverColor: "none"
+    },
+    sizes: {
+      sm: { padding: "0.625rem 1.25rem", fontSize: "text-sm" },
+      md: { padding: "0.875rem 1.75rem", fontSize: "text-base" },
+      lg: { padding: "1.125rem 2.25rem", fontSize: "text-lg" },
+      xl: { padding: "1.25rem 2.75rem", fontSize: "text-xl" }
+    },
+    variants: [
+      {
+        id: "primary",
+        name: "Primary",
+        enabled: true,
+        priority: 1,
+        background: { type: "solid", colorToken: "primary" },
+        textColorToken: "primaryForeground",
+        borderRadius: "rounded-full",
+        // Cream stamp shadow under the burnt-orange fill.
+        shadow: { elevation: "high", softness: "hard", position: "bottom-right", colorToken: "text" },
+        effects: {
+          hover: [{ effectId: "press-down" }]
+        }
+      },
+      {
+        id: "secondary",
+        name: "Secondary",
+        enabled: true,
+        priority: 2,
+        background: { type: "transparent" },
+        textColorToken: "text",
+        borderRadius: "rounded-full",
+        border: { widthClass: "border-2", colorToken: "text" },
+        // Brown stamp shadow under the cream outline.
+        shadow: { elevation: "high", softness: "hard", position: "bottom-right", colorToken: "secondary" },
+        effects: {
+          hover: [{ effectId: "press-down" }]
+        }
+      }
+    ]
+  }
+});
+
 // ../theme-core/src/buttons/personalities/pebble.ts
 var pebble = defineButtonPersonality({
   id: "pebble",
@@ -1087,7 +1148,8 @@ var buttonPersonalities = [
   pebble,
   inkStamp,
   brushedWash,
-  showtimePill
+  showtimePill,
+  joyStamp
 ];
 var personalitiesById = new Map(
   buttonPersonalities.map((p) => [p.id, p])
@@ -1873,6 +1935,9 @@ var componentShadowSchema = z14.object({
 });
 
 // ../theme-core/src/site-styles/types.ts
+function defineExactCatalog() {
+  return (entries) => entries;
+}
 function asAppearancePresetId(value) {
   return brandNonEmptyString(value, "AppearancePresetId");
 }
@@ -2206,7 +2271,9 @@ var boxBackgroundSchema = z17.object({
   motion: z17.enum(["static", "fixed-frame"]).nullable().optional(),
   overlay: boxBackgroundOverlaySchema.nullable().optional(),
   textColor: tokenOrCssColorValueSchema.nullable().optional(),
-  headingColor: tokenOrCssColorValueSchema.nullable().optional()
+  headingColor: tokenOrCssColorValueSchema.nullable().optional(),
+  linkColor: tokenOrCssColorValueSchema.nullable().optional(),
+  supportingColor: tokenOrCssColorValueSchema.nullable().optional()
 });
 var noHeadingDecorationSchema = z17.object({
   family: z17.literal("none")
@@ -2269,7 +2336,8 @@ var cardStylesOverrideSchema = z17.object({
     "editorial-rule",
     "soft-panel",
     "editorial-serif-quote",
-    "editorial-open"
+    "editorial-open",
+    "color-blocked"
   ]).nullable().optional(),
   // Which site-style card variant the card adopts (emits a `.card-{id}` class).
   // 'none' is boxless. Driven by the block look via testimonialCardTreatment.
@@ -3159,6 +3227,30 @@ var warmNeutralForest = definePaletteVariant({
   ]
 });
 
+// ../theme-core/src/palette/variants/warm-dark.ts
+var warmDarkEmber = definePaletteVariant({
+  id: "warm-dark-ember",
+  name: "Warm Dark \u2014 Ember",
+  description: "Deep clay-brown ground with burnt-orange accent and warm cream text.",
+  tags: { tone: "bold", energy: "vibrant", era: "organic" },
+  mode: "dark",
+  colors: [
+    { name: "primary", hex: "#ce612f" },
+    { name: "secondary", hex: "#894e31" },
+    { name: "accent", hex: "#ce612f" },
+    { name: "success", hex: "#6f8f57" },
+    { name: "warning", hex: "#c98a3c" },
+    { name: "destructive", hex: "#c0492f" },
+    { name: "background", hex: "#4f2415" },
+    { name: "surface", hex: "#5c3320" },
+    { name: "surfaceAlt", hex: "#693a25" },
+    { name: "muted", hex: "#6a3d27" },
+    { name: "text", hex: "#f0e1d0" },
+    { name: "primaryForeground", hex: "#4f2415" },
+    { name: "border", hex: "#894e31" }
+  ]
+});
+
 // ../theme-core/src/palette/variants/index.ts
 var paletteVariants = [
   // Brand-led family
@@ -3179,7 +3271,9 @@ var paletteVariants = [
   softNaturalSage,
   softNaturalStone,
   softNaturalWatercolor,
-  softNaturalLilac
+  softNaturalLilac,
+  // Warm-dark family (dark mode)
+  warmDarkEmber
 ];
 var paletteVariantsById = new Map(
   paletteVariants.map((v) => [v.id, v])
@@ -3460,6 +3554,32 @@ var clarityZenCardSystem = {
     }
   ]
 };
+var originalJoyCardSystem = {
+  variants: [
+    {
+      id: "default",
+      name: "Default",
+      enabled: true,
+      priority: 1,
+      background: { type: "solid", colorToken: "surface" },
+      foregroundToken: "text",
+      spacing: "comfortable",
+      corners: "rounded",
+      shadow: { elevation: "none", softness: null, position: "bottom" }
+    },
+    {
+      id: "alternative",
+      name: "Statement",
+      enabled: true,
+      priority: 2,
+      background: { type: "solid", colorToken: "primary" },
+      foregroundToken: "primaryForeground",
+      spacing: "comfortable",
+      corners: "rounded",
+      shadow: { elevation: "none", softness: null, position: "bottom" }
+    }
+  ]
+};
 
 // ../theme-core/src/site-styles/testimonialQuotePresets.ts
 var serifDisplayQuote = {
@@ -3604,7 +3724,7 @@ function baseHeader(theme) {
     navContainer: { type: "none", tint: null, opacity: 0.15 }
   };
 }
-var headerLayoutCatalog = [
+var headerLayoutCatalog = defineExactCatalog()([
   {
     id: asHeaderLayoutId("classic"),
     label: "Classic",
@@ -3636,11 +3756,11 @@ var headerLayoutCatalog = [
     maxRecommendedNavItems: 5,
     allowedLogoShapes: ["none", "text-only", "horizontal"]
   }
-];
+]);
 function supportedLayouts(ids) {
   return ids.map(asHeaderLayoutId);
 }
-var headerStyleCatalog = [
+var headerStyleCatalog = defineExactCatalog()([
   {
     id: asHeaderStyleId("minimal"),
     label: "Minimal",
@@ -3795,7 +3915,7 @@ var headerStyleCatalog = [
     navTypography: "heading",
     moods: ["calm", "editorial"]
   }
-];
+]);
 var headerLayoutsById = new Map(
   headerLayoutCatalog.map((layout) => [layout.id, layout])
 );
@@ -3908,7 +4028,7 @@ var headerStyleRepairOrder = /* @__PURE__ */ new Map(
     [asHeaderStyleId("minimal"), headerStyleRepairChain(["minimal"])]
   ]
 );
-var legacyHeaderLookAliases = [
+var legacyHeaderLookAliases = defineExactCatalog()([
   {
     lookId: asHeaderLookId("clean-base"),
     selection: {
@@ -3965,7 +4085,7 @@ var legacyHeaderLookAliases = [
       styleId: asHeaderStyleId("glass")
     }
   }
-];
+]);
 var legacyHeaderLookAliasesById = new Map(legacyHeaderLookAliases.map((alias) => [alias.lookId, alias]));
 function getHeaderStyle(id) {
   return headerStylesById.get(id) ?? null;
@@ -4119,6 +4239,12 @@ function serifLineHeader(theme) {
       letterSpacing: "wide",
       gradient: false
     },
+    border: {
+      style: "solid",
+      width: "none",
+      position: "none"
+    },
+    shadow: { elevation: "none" },
     ctaTreatment: "outline",
     ctaVariant: resolveHeaderCtaVariant(theme, "outline"),
     ctaGap: "relaxed"
@@ -4243,7 +4369,7 @@ function floatingGlassHeader(theme) {
     }
   };
 }
-var headerLookCatalog = [
+var headerLookCatalog = defineExactCatalog()([
   {
     id: asHeaderLookId("clean-base"),
     label: "Clean base",
@@ -4361,7 +4487,7 @@ var headerLookCatalog = [
     logoAccommodations: overlayLogoAccommodations,
     compile: floatingGlassHeader
   }
-];
+]);
 var guaranteedFallbackHeaderLookId = asHeaderLookId("clean-base");
 var guaranteedFallbackHeaderLayoutId = asHeaderLayoutId("classic");
 var guaranteedFallbackHeaderStyleId = asHeaderStyleId("minimal");
@@ -4527,7 +4653,7 @@ function editorialColumnsFooter(theme) {
     }
   };
 }
-var footerLookCatalog = [
+var footerLookCatalog = defineExactCatalog()([
   {
     id: asFooterLookId("footer-muted-grounding"),
     label: "Muted grounding footer",
@@ -4550,7 +4676,7 @@ var footerLookCatalog = [
     allowedContentPresence: ["default-footer", "default-and-blocks"],
     compile: brandTwoBandFooter
   }
-];
+]);
 var footerLooksById = new Map(
   footerLookCatalog.map((look) => [look.id, look])
 );
@@ -4572,7 +4698,7 @@ var generatedDesignOptionCatalog = {
   source: "generated",
   sectionSurfaces: ["base", "muted-band", "accent-band", "brand-depth-band", "hero-image"],
   contentFrames: generatedContentFrames,
-  itemSurfaces: ["none", "default", "flat", "outlined", "raised", "inset", "editorial"],
+  itemSurfaces: ["none", "default", "flat", "outlined", "raised", "inset", "editorial", "color-blocked"],
   transitions: ["none", "soft-fade-short", "soft-fade-long"],
   emphases: ["low", "medium", "high"],
   detachedCustom: false
@@ -4584,8 +4710,15 @@ var userDesignOptionCatalog = {
   itemSurfaces: generatedDesignOptionCatalog.itemSurfaces,
   transitions: [
     ...generatedDesignOptionCatalog.transitions,
+    "soft-fade-expansive",
     "wave-edge",
-    "angle-edge"
+    "wave-edge-balanced",
+    "wave-edge-gentle",
+    "wave-edge-bold",
+    "wave-edge-drift",
+    "angle-edge",
+    "angle-edge-subtle",
+    "angle-edge-steep"
   ],
   emphases: generatedDesignOptionCatalog.emphases,
   detachedCustom: false
@@ -4766,6 +4899,29 @@ var boldDisplayTypography = {
   },
   scale: "balanced"
 };
+var originalJoyTypography = {
+  body: {
+    family: "DM Sans, system-ui, sans-serif",
+    size: "md",
+    weight: "regular",
+    lineHeight: "relaxed",
+    letterSpacing: "normal"
+  },
+  headings: {
+    default: {
+      family: "Bricolage Grotesque, system-ui, sans-serif",
+      weight: "bold",
+      lineHeight: "normal",
+      letterSpacing: "tight",
+      italic: null,
+      case: null
+    },
+    h1: { size: "2xl", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h2: { size: "xl", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null },
+    h3: { size: "lg", weight: "bold", lineHeight: "normal", letterSpacing: "tight", italic: null }
+  },
+  scale: "balanced"
+};
 var typographyPresets = [
   defineTypographyPreset({
     id: "typography-preset:modern-sans",
@@ -4852,6 +5008,32 @@ var typographyPresets = [
         mobile: { headlineSize: "4xl", subheadlineSize: "xl" }
       }
     }
+  }),
+  defineTypographyPreset({
+    id: "typography-preset:original-joy",
+    name: "Original Joy",
+    description: "Bold Bricolage Grotesque display headings over a clean DM Sans body, editorial and warm.",
+    defaultFonts: { body: "DM Sans, system-ui, sans-serif", heading: "Bricolage Grotesque, system-ui, sans-serif" },
+    recommendedFonts: {
+      body: ["DM Sans", "Inter", "Manrope"],
+      heading: ["Bricolage Grotesque", "Space Grotesk", "Archivo"]
+    },
+    slotPolicies: { body: bodyReadablePolicy, heading: displayHeadingPolicy },
+    typography: originalJoyTypography,
+    heroTypography: {
+      headlineSize: "6xl",
+      headlineLineHeight: "tight",
+      subheadlineSize: "xl",
+      subheadlineLineHeight: "normal",
+      microHeadlineSize: "6xl",
+      microHeadlineLineHeight: "tight",
+      microSubheadlineSize: "lg",
+      microSubheadlineLineHeight: "normal",
+      responsive: {
+        tablet: { headlineSize: "5xl" },
+        mobile: { headlineSize: "4xl", subheadlineSize: "lg" }
+      }
+    }
   })
 ];
 var typographyPresetsById = new Map(
@@ -5905,7 +6087,7 @@ var curatedSiteStyles = [
       "body-text-editorial-intro",
       "schedule-details-brand-depth",
       "testimonials-statement-cards",
-      "contact-form-brand-depth-card"
+      "contact-form-panel"
     ],
     recommendedHeaderLookIds: [
       "brand-solid",
@@ -5928,6 +6110,74 @@ var curatedSiteStyles = [
       paletteChoice("brand-led-warm"),
       paletteChoice("high-contrast-ink")
     ]
+  }),
+  defineCuratedSiteStyle({
+    id: "site-style:original-joy",
+    name: "Original Joy",
+    headingDecoration: { family: "organic-squiggle", colorToken: "primary" },
+    description: "Warm, dark, and editorial: deep clay grounds, cream type, and bold burnt-orange accents for soulful community brands.",
+    generationBrief: "Use a deep brown ground with cream text and burnt-orange accents, large display headings, generous spacing, organic rounded shapes, and bold colour-blocked feature sections. Lead with warmth and belonging; calls to action should feel strong but unhurried.",
+    tokenRecipes: {
+      palette: "brand-led",
+      contrast: "maximum",
+      radius: "rounded",
+      shadow: "subtle",
+      typography: "clean-sans",
+      spacing: "airy",
+      motion: "expressive"
+    },
+    compositionBudget: expressiveBudget,
+    typographyPresetChoices: [
+      typographyChoice("typography-preset:original-joy"),
+      typographyChoice("typography-preset:bold-display"),
+      typographyChoice("typography-preset:modern-sans")
+    ],
+    defaultTypographyPresetId: "typography-preset:original-joy",
+    themeOverrides: {
+      accordions: boldBorderedAccordionSystem,
+      // Shared card system: warm rounded brown cards (event + testimonial cards
+      // pick this up automatically) with a burnt-orange statement variant.
+      cards: originalJoyCardSystem,
+      testimonialQuote: accentGlyphQuote,
+      bodyText: {
+        intro: {
+          paragraphSize: "editorial",
+          headingSize: "editorial"
+        }
+      }
+    },
+    // Recommended block looks: the bold colour-blocked feature cards, a calm
+    // band for the events spotlight, and statement testimonial cards.
+    recommendedAppearancePresetIds: [
+      "feature-cards-bold-colors",
+      "offerings-calm-list",
+      "testimonials-statement-cards"
+    ],
+    // Floating, transparent "Clear Split" header (no fill behind the nav links).
+    defaultHeaderSelection: { layoutId: "floating", styleId: "minimal-surface" },
+    recommendedHeaderLayoutChoices: [headerLayoutChoice("floating")],
+    recommendedHeaderStyleChoicesByLayout: {
+      floating: [
+        headerStyleChoice("minimal-surface"),
+        headerStyleChoice("split-glass"),
+        headerStyleChoice("glass")
+      ]
+    },
+    // Legacy bridge only (the real curation is the explicit selection above).
+    // Kept to a reserved-space, non-overlay look on purpose: the split hero
+    // flows below the Clear Split header, so we must NOT trigger the immersive
+    // overlay-hero promotion that looks like `floating-glass` would force.
+    recommendedHeaderLookIds: ["minimal-transparent"],
+    recommendedFooterLookIds: [
+      "site-footer-brand-two-band",
+      "footer-muted-grounding"
+    ],
+    buttonPersonalityChoices: [
+      buttonChoice("joy-stamp"),
+      buttonChoice("ink-stamp"),
+      buttonChoice("showtime-pill")
+    ],
+    paletteVariantChoices: [paletteChoice("warm-dark-ember")]
   })
 ];
 var curatedSiteStylesById = new Map(
@@ -6120,9 +6370,21 @@ var NAV_DROPDOWN_CONTAINER_RAIL_CSS_RULES = [
 ];
 
 // ../theme-core/src/layout/generateLayoutCss.ts
-var waveTransitionMask = svgDataUrl(
+var classicWaveTransitionMask = svgDataUrl(
   "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V46C130 55 260 24 420 30C590 36 690 62 860 42C1035 21 1160 47 1305 36C1365 31 1415 33 1440 38V72H0Z' fill='white'/></svg>"
 );
+var balancedWaveTransitionMask = svgDataUrl(
+  "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V42C120 24 240 24 360 42C480 60 600 60 720 42C840 24 960 24 1080 42C1200 60 1320 60 1440 42V72H0Z' fill='white'/></svg>"
+);
+var gentleWaveTransitionMask = svgDataUrl(
+  "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V43C180 32 300 32 480 43C660 54 780 54 960 43C1140 32 1260 32 1440 43V72H0Z' fill='white'/></svg>"
+);
+var boldWaveTransitionMask = svgDataUrl(
+  "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V44C90 14 270 14 360 44C450 74 630 74 720 44C810 14 990 14 1080 44C1170 74 1350 74 1440 44V72H0Z' fill='white'/></svg>"
+);
+var driftWaveTransitionMask = svgDataUrl(
+  "<svg viewBox='0 0 1440 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><path d='M0 72V39C115 31 205 54 340 48C505 41 610 16 760 33C920 51 1015 64 1160 44C1280 27 1375 35 1440 50V72H0Z' fill='white'/></svg>"
+);
 function svgDataUrl(svg) {
   return `data:image/svg+xml,${encodeURIComponent(svg)}`;
 }
@@ -8475,27 +8737,27 @@ var containerResponsiveThemeCss = `/*
 
   .rb-container-pad-none {
     --rb-card-pad: 0rem;
-    padding: var(--rb-card-pad);
+    padding: calc(var(--rb-card-pad) + var(--rb-opening-content-clearance, 0px)) var(--rb-card-pad) var(--rb-card-pad);
   }
   .rb-container-pad-compact {
     --rb-card-pad: 1rem;
-    padding: var(--rb-card-pad);
+    padding: calc(var(--rb-card-pad) + var(--rb-opening-content-clearance, 0px)) var(--rb-card-pad) var(--rb-card-pad);
   }
   .rb-container-pad-cozy {
     --rb-card-pad: 1.5rem;
-    padding: var(--rb-card-pad);
+    padding: calc(var(--rb-card-pad) + var(--rb-opening-content-clearance, 0px)) var(--rb-card-pad) var(--rb-card-pad);
   }
   .rb-container-pad-medium {
     --rb-card-pad: 1.5rem;
-    padding: var(--rb-card-pad);
+    padding: calc(var(--rb-card-pad) + var(--rb-opening-content-clearance, 0px)) var(--rb-card-pad) var(--rb-card-pad);
   }
   .rb-container-pad-comfortable {
     --rb-card-pad: 2rem;
-    padding: var(--rb-card-pad);
+    padding: calc(var(--rb-card-pad) + var(--rb-opening-content-clearance, 0px)) var(--rb-card-pad) var(--rb-card-pad);
   }
   .rb-container-pad-spacious {
     --rb-card-pad: 2.5rem;
-    padding: var(--rb-card-pad);
+    padding: calc(var(--rb-card-pad) + var(--rb-opening-content-clearance, 0px)) var(--rb-card-pad) var(--rb-card-pad);
   }
 
   @container rb-site (min-width: 640px) {
@@ -8503,23 +8765,23 @@ var containerResponsiveThemeCss = `/*
     @scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
       .rb-container-pad-compact {
         --rb-card-pad: 1.5rem;
-        padding: var(--rb-card-pad);
+        padding: calc(var(--rb-card-pad) + var(--rb-opening-content-clearance, 0px)) var(--rb-card-pad) var(--rb-card-pad);
       }
       .rb-container-pad-cozy {
         --rb-card-pad: 2rem;
-        padding: var(--rb-card-pad);
+        padding: calc(var(--rb-card-pad) + var(--rb-opening-content-clearance, 0px)) var(--rb-card-pad) var(--rb-card-pad);
       }
       .rb-container-pad-medium {
         --rb-card-pad: 2rem;
-        padding: var(--rb-card-pad);
+        padding: calc(var(--rb-card-pad) + var(--rb-opening-content-clearance, 0px)) var(--rb-card-pad) var(--rb-card-pad);
       }
       .rb-container-pad-comfortable {
         --rb-card-pad: 2.5rem;
-        padding: var(--rb-card-pad);
+        padding: calc(var(--rb-card-pad) + var(--rb-opening-content-clearance, 0px)) var(--rb-card-pad) var(--rb-card-pad);
       }
       .rb-container-pad-spacious {
         --rb-card-pad: 3.5rem;
-        padding: var(--rb-card-pad);
+        padding: calc(var(--rb-card-pad) + var(--rb-opening-content-clearance, 0px)) var(--rb-card-pad) var(--rb-card-pad);
       }
     }
 
@@ -8696,15 +8958,32 @@ var containerResponsiveThemeCss = `/*
 
   :where(.theme-scope)
     :where([data-site-document-overlay-content='true'])
-    :where([data-block]):first-of-type
+    :where([data-page-block-position='first'], [data-page-block-position='only'])
     > :where([data-slot='section'])
-    > :where(.rb-container) {
-    padding-top: calc(
+    > .rb-container {
+    --rb-opening-content-clearance: calc(
       var(--site-overlay-header-clearance, 0px) +
-        var(--site-overlay-opening-content-extra-pad, 0px)
+        var(--site-overlay-opening-content-extra-pad, clamp(1rem, 2vw, 1.75rem))
     );
   }
 
+  :where(.theme-scope)
+    :where([data-site-document-overlay-content='true'])
+    :where([data-page-block-position='first'], [data-page-block-position='only'])
+    > :where([data-slot='section'])
+    > .rb-container:not([class*='rb-container-pad-']) {
+    padding-top: var(--rb-opening-content-clearance, 0px);
+  }
+
+  :where(.theme-scope)
+    :where([data-site-document-overlay-content='true'])
+    :where([data-page-block-position='first'], [data-page-block-position='only'])
+    > :where([data-slot='section'])
+    > .rb-container
+    :where([class*='rb-container-pad-']) {
+    --rb-opening-content-clearance: 0px;
+  }
+
   /* -------------------------------------------------------------------------- */
   /* Header: Mobile nav overlay transitions                                      */
   /* -------------------------------------------------------------------------- */
@@ -8801,7 +9080,7 @@ var containerResponsiveThemeCss = `/*
     border: 1px solid rgb(var(--tb-border) / 0.82);
     background: rgb(var(--tb-surface) / 0.96);
     color: rgb(var(--tb-text));
-    box-shadow: 0 10px 28px rgb(var(--tb-neutral-950) / 0.12);
+    box-shadow: none;
   }
 
   /*
@@ -8976,7 +9255,7 @@ var containerResponsiveThemeCss = `/*
 
   /* Neutral prose uses theme text color by default */
   :where(.theme-scope) .rb-prose-neutral {
-    color: rgb(var(--tb-text));
+    color: var(--section-text-color, rgb(var(--tb-text)));
   }
 
   :where(.theme-scope) .rb-prose p,
@@ -9009,8 +9288,11 @@ var containerResponsiveThemeCss = `/*
   }
 
   :where(.theme-scope) .rb-prose a {
-    /* Global prose link style with theme-level overrides */
-    color: var(--rb-prose-link-color, rgb(var(--tb-primary)));
+    --rb-prose-effective-link-color: var(
+      --section-link-color,
+      var(--rb-prose-link-color, rgb(var(--tb-primary)))
+    );
+    color: var(--rb-prose-effective-link-color);
     text-decoration-line: var(--rb-prose-link-decoration-line, underline);
     text-decoration-style: var(--rb-prose-link-underline-style, solid);
     text-decoration-thickness: var(
@@ -9019,8 +9301,15 @@ var containerResponsiveThemeCss = `/*
     );
     text-underline-offset: var(--rb-prose-link-underline-offset, 0.14em);
     text-decoration-color: var(
-      --rb-prose-link-decoration-color,
-      rgba(var(--tb-primary), 0.3)
+      --section-link-decoration-color,
+      var(
+        --rb-prose-link-decoration-color,
+        color-mix(
+          in srgb,
+          var(--rb-prose-effective-link-color) 35%,
+          transparent
+        )
+      )
     );
     transition:
       color 150ms ease,
@@ -9030,20 +9319,20 @@ var containerResponsiveThemeCss = `/*
   :where(.theme-scope) .rb-prose a:hover {
     color: var(
       --rb-prose-link-hover-color,
-      var(--rb-prose-link-color, rgb(var(--tb-primary)))
+      var(--rb-prose-effective-link-color)
     );
     text-decoration-color: var(
       --rb-prose-link-hover-decoration-color,
       var(
         --rb-prose-link-hover-color,
-        var(--rb-prose-link-color, rgb(var(--tb-primary)))
+        var(--rb-prose-effective-link-color)
       )
     );
   }
 
   :where(.theme-scope) .rb-prose blockquote {
     /* Blockquotes use muted text color */
-    color: rgb(var(--tb-mutedText));
+    color: var(--section-supporting-color, rgb(var(--tb-mutedText)));
     border-left-color: rgb(var(--tb-border));
   }
 
@@ -9680,6 +9969,13 @@ var containerResponsiveThemeCss = `/*
     transition: padding 300ms var(--motion-ease, ease);
   }
 
+  :where(.theme-scope)
+    .header-variant-classic
+    .rb-header-layout:has(.header-logo-accommodation-popout-badge) {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
   /* Vertical variants need more breathing room
    Note: header-variant-* is on Section (ancestor), rb-header-layout on inner div */
   :where(.theme-scope) .header-variant-centered .rb-header-layout {
@@ -9773,17 +10069,46 @@ var containerResponsiveThemeCss = `/*
     background: var(--color-surface, #fff);
     box-shadow: var(--shadow-sm, 0 1px 2px rgb(0 0 0 / 0.08));
     padding: 0.5rem;
+    transition:
+      margin 300ms var(--motion-ease, ease),
+      padding 300ms var(--motion-ease, ease);
   }
 
   :where(.theme-scope) .header-logo-accommodation-popout-badge {
     position: relative;
     z-index: 1;
-    margin-block: -0.35rem -0.9rem;
+    margin-block: 0 -1.25rem;
   }
 
   :where(.theme-scope)
     .header-logo-size-display.header-logo-accommodation-popout-badge {
-    margin-block: -0.75rem -2rem;
+    margin-block: 0 -4rem;
+  }
+
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled.header-variant-classic
+    .header-logo-size-display.header-logo-accommodation-plate,
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled.header-variant-classic
+    .header-logo-size-display.header-logo-accommodation-popout-badge,
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled.header-variant-classic
+    .header-logo-size-display.header-logo-accommodation-centered-masthead,
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled.header-variant-centered
+    .header-logo-size-display.header-logo-accommodation-centered-badge,
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled.header-variant-centered
+    .header-logo-size-display.header-logo-accommodation-centered-masthead {
+    position: relative;
+    z-index: 1;
+    margin-block: 0 -2.75rem;
+  }
+
+  :where(.theme-scope)
+    .rb-header-shrink.header-scrolled.header-variant-centered
+    .rb-header-layout {
+    gap: 0.75rem;
   }
 
   :where(.theme-scope) .header-logo-accommodation-centered-masthead {
@@ -9844,7 +10169,7 @@ var containerResponsiveThemeCss = `/*
   :where(.theme-scope)
     .rb-header-shrink.header-scrolled
     .header-logo-size-display.rb-header-logo-lg {
-    height: 5rem;
+    height: 3.75rem;
   }
   :where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
     font-size: 0.875rem;
@@ -9862,10 +10187,39 @@ var containerResponsiveThemeCss = `/*
       height: 5.5rem;
     }
 
+    :where(.theme-scope)
+      .rb-header-shrink.header-scrolled
+      .header-logo-size-display.rb-header-logo-sm,
+    :where(.theme-scope)
+      .rb-header-shrink.header-scrolled
+      .header-logo-size-display.rb-header-logo-lg {
+      height: 3.5rem;
+    }
+
     :where(.theme-scope) .header-logo-accommodation-popout-badge {
       margin-block: 0;
     }
 
+    :where(.theme-scope)
+      .rb-header-shrink.header-scrolled
+      .header-logo-size-display.header-logo-accommodation-plate,
+    :where(.theme-scope)
+      .rb-header-shrink.header-scrolled
+      .header-logo-size-display.header-logo-accommodation-popout-badge,
+    :where(.theme-scope)
+      .rb-header-shrink.header-scrolled
+      .header-logo-size-display.header-logo-accommodation-centered-masthead,
+    :where(.theme-scope)
+      .rb-header-shrink.header-scrolled
+      .header-logo-size-display.header-logo-accommodation-centered-badge,
+    :where(.theme-scope)
+      .rb-header-shrink.header-scrolled
+      .header-logo-size-display.header-logo-accommodation-centered-masthead {
+      position: relative;
+      z-index: 1;
+      margin-block: 0 -2.75rem;
+    }
+
     :where(.theme-scope) .rb-header-shrink.header-scrolled .header-logo-text {
       font-size: 0.75rem;
     }
@@ -13142,7 +13496,7 @@ var containerResponsiveThemeCss = `/*
 /* Subheadline - supporting text below headline */
 :where(.theme-scope) :where([data-block="hero"]) .hero-subheadline {
   font-size: 1.125rem;
-  color: var(--section-text-color, rgb(var(--tb-text)));
+  color: var(--section-supporting-color, var(--section-text-color, rgb(var(--tb-text))));
 }
 
 @container rb-site (min-width: 640px) {
@@ -13233,7 +13587,7 @@ var containerResponsiveThemeCss = `/*
 
 /* CTA content/body text */
 :where(.theme-scope) :where([data-block="cta-full"]) .cta-content {
-  color: rgb(var(--tb-mutedText));
+  color: var(--section-supporting-color, rgb(var(--tb-mutedText)));
 }
 
 /* CTA button row container */
@@ -13333,7 +13687,7 @@ var containerResponsiveThemeCss = `/*
 /* Form intro text */
 :where(.theme-scope) :where([data-block="form"]) .form-copy-intro {
   font-size: 1rem;
-  color: rgb(var(--tb-text));
+  color: var(--section-text-color, rgb(var(--tb-text)));
 }
 
 /* =============================================================================
@@ -15876,7 +16230,7 @@ var containerResponsiveThemeCss = `/*
 
 :where(.theme-scope) :where([data-block="newsletter-signup"]) .newsletter-copy-subtitle {
   font-size: 1rem;
-  color: rgb(var(--tb-text));
+  color: var(--section-text-color, rgb(var(--tb-text)));
   opacity: 0.85;
 }
 
@@ -15924,7 +16278,7 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) .newsletter-privacy-note {
   margin-top: 0.75rem;
   font-size: 0.75rem;
-  color: rgb(var(--tb-muted-text));
+  color: var(--section-supporting-color, rgb(var(--tb-mutedText)));
   text-align: center;
 }
 
@@ -16191,10 +16545,16 @@ var containerResponsiveThemeCss = `/*
     rgb(var(--tb-border, 229 231 235)),
     rgb(var(--tb-text, 17 24 39)) 4%
   );
+  --event-compact-secondary-text: color-mix(
+    in oklab,
+    rgb(var(--tb-text, 17 24 39)),
+    rgb(var(--tb-background, 255 255 255)) 28%
+  );
 
   width: min(100%, 92rem);
   margin-inline: auto;
   overflow: hidden;
+  container: event-compact-list / inline-size;
   border: 1px solid var(--event-compact-divider-color);
   border-radius: 1rem;
   background: rgb(var(--tb-background, 255 255 255));
@@ -16211,10 +16571,10 @@ var containerResponsiveThemeCss = `/*
 
 :where(.theme-scope) .event-compact-row {
   display: grid;
-  grid-template-columns: clamp(5rem, 7vw, 7rem) minmax(0, 1fr) clamp(15rem, 24vw, 21rem);
+  grid-template-columns: clamp(4.5rem, 6vw, 6.25rem) minmax(0, 1fr);
   align-items: center;
-  min-height: 6.75rem;
-  padding: 1.35rem clamp(1.5rem, 3vw, 2.6rem);
+  min-height: 6rem;
+  padding: 1rem clamp(1.25rem, 2.6vw, 2.25rem);
   border-bottom: 1px solid var(--event-compact-divider-color);
   transition: background-color 150ms ease;
 }
@@ -16231,13 +16591,21 @@ var containerResponsiveThemeCss = `/*
   display: grid;
   grid-template-rows: 1rem minmax(2.7rem, auto) 1rem;
   place-items: center;
-  gap: 0.35rem;
+  gap: 0;
   min-width: 0;
-  padding-right: clamp(1rem, 2vw, 1.75rem);
+  padding-right: clamp(0.8rem, 1.6vw, 1.35rem);
   text-align: center;
   text-decoration: none;
 }
 
+:where(.theme-scope) .event-compact-row-body {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  border-left: 1px solid var(--event-compact-divider-color);
+}
+
 :where(.theme-scope) .event-compact-row-date-weekday,
 :where(.theme-scope) .event-compact-row-date-month {
   display: grid;
@@ -16264,20 +16632,19 @@ var containerResponsiveThemeCss = `/*
 :where(.theme-scope) .event-compact-row-content {
   min-width: 0;
   display: flex;
+  flex: 1 1 18rem;
   flex-direction: column;
-  gap: 1rem;
+  gap: 0.625rem;
   height: 100%;
   justify-content: center;
-  padding-inline: clamp(1.4rem, 3vw, 3.2rem);
-  border-left: 1px solid var(--event-compact-divider-color);
+  padding-inline: clamp(1rem, 2.4vw, 2.4rem);
 }
 
 :where(.theme-scope) .event-compact-row-title {
   margin: 0;
   color: rgb(var(--tb-text, 17 24 39));
   font-family: var(--font-heading, var(--font-body, inherit));
-  /* Row titles sit at the theme's h3 scale so section headings stay dominant */
-  font-size: var(--fs-h3-fluid, clamp(1.1rem, 1rem + 0.7vw, 1.5rem));
+  font-size: clamp(1.05rem, 1rem + 0.35vw, 1.3rem);
   font-weight: 400;
   line-height: 1.2;
   overflow: hidden;
@@ -16290,8 +16657,8 @@ var containerResponsiveThemeCss = `/*
   align-items: center;
   gap: 0.9rem;
   min-width: 0;
-  color: rgb(var(--tb-text, 17 24 39));
-  font-size: clamp(0.9375rem, 1.4vw, 1.0625rem);
+  color: var(--event-compact-secondary-text);
+  font-size: 0.875rem;
   line-height: 1.35;
 }
 
@@ -16324,16 +16691,17 @@ var containerResponsiveThemeCss = `/*
 }
 
 :where(.theme-scope) .event-compact-row-price {
-  color: rgb(var(--tb-secondary, var(--tb-primary, 0 0 0)));
-  font-weight: 600;
+  color: inherit;
+  font-weight: inherit;
 }
 
 :where(.theme-scope) .event-compact-row-action {
   display: grid;
+  flex: 0 1 clamp(14rem, 22vw, 19rem);
   align-content: center;
-  gap: 1rem;
+  gap: 0.75rem;
   height: 100%;
-  padding-left: clamp(1.5rem, 3vw, 3.2rem);
+  padding-left: clamp(1.1rem, 2.4vw, 2.4rem);
   border-left: 1px solid var(--event-compact-divider-color);
 }
 
@@ -16341,8 +16709,8 @@ var containerResponsiveThemeCss = `/*
   display: inline-flex;
   align-items: center;
   gap: 0.65rem;
-  color: rgb(var(--tb-text, 17 24 39));
-  font-size: clamp(0.9375rem, 1.45vw, 1.0625rem);
+  color: var(--event-compact-secondary-text);
+  font-size: 0.875rem;
   line-height: 1.3;
   white-space: nowrap;
 }
@@ -16353,6 +16721,10 @@ var containerResponsiveThemeCss = `/*
   flex-shrink: 0;
 }
 
+:where(.theme-scope) .event-compact-row-action-price {
+  display: none;
+}
+
 :where(.theme-scope) .event-compact-row-status {
   color: rgb(var(--tb-muted, var(--tb-text, 17 24 39)));
   font-weight: 500;
@@ -16381,56 +16753,217 @@ var containerResponsiveThemeCss = `/*
   }
 
   :where(.theme-scope) .event-compact-row {
-    grid-template-columns: 4.75rem minmax(0, 1fr);
+    grid-template-columns: 4.25rem minmax(0, 1fr);
     min-height: 0;
-    padding: 1.25rem;
-    row-gap: 1.1rem;
+    padding: 1rem;
+    row-gap: 0.85rem;
   }
 
   :where(.theme-scope) .event-compact-row-date {
-    padding-right: 0.9rem;
+    align-self: start;
+    grid-row: 1;
+    padding-right: 0.75rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-body {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 0.85rem;
+    height: auto;
+    padding-left: 0.9rem;
   }
 
   :where(.theme-scope) .event-compact-row-date-day {
-    font-size: 1.85rem;
+    font-size: 1.65rem;
   }
 
   :where(.theme-scope) .event-compact-row-content {
-    gap: 0.75rem;
-    padding-left: 1.1rem;
-    padding-right: 0;
+    flex: none;
+    gap: 0.625rem;
+    height: auto;
+    padding-inline: 0;
   }
 
   :where(.theme-scope) .event-compact-row-title {
-    font-size: clamp(1.15rem, 5vw, 1.35rem);
+    font-size: 1.15rem;
+    overflow: visible;
+    text-overflow: clip;
     white-space: normal;
+    overflow-wrap: break-word;
+  }
+
+  :where(.theme-scope) .event-compact-row-venue {
+    max-width: 100%;
+  }
+
+  :where(.theme-scope) .event-compact-row-venue svg {
+    flex-shrink: 0;
   }
 
   :where(.theme-scope) .event-compact-row-meta {
+    flex-direction: column;
+    align-items: flex-start;
     flex-wrap: wrap;
-    gap: 0.5rem 0.8rem;
+    gap: 0.35rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-meta .event-compact-row-price {
+    display: none;
+  }
+
+  :where(.theme-scope) .event-compact-row-teacher::before,
+  :where(.theme-scope) .event-compact-row-price::before {
+    content: none;
   }
 
   :where(.theme-scope) .event-compact-row-action {
-    grid-column: 1 / -1;
+    flex: none;
     grid-template-columns: minmax(0, 1fr);
-    gap: 0.85rem;
+    gap: 0.7rem;
+    height: auto;
+    width: 100%;
     padding-left: 0;
-    padding-top: 1rem;
-    border-left: none;
-    border-top: 1px solid var(--event-compact-divider-color);
+    padding-top: 0;
+    border-left: 0;
+    border-top: 0;
   }
 
   :where(.theme-scope) .event-compact-row-datetime {
+    display: flex;
+    flex-wrap: wrap;
     white-space: normal;
   }
 
+  :where(.theme-scope) .event-compact-row-action-price {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.55rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-action-price::before {
+    content: "\\00b7";
+  }
+
   :where(.theme-scope) .event-compact-row-cta {
-    width: 100%;
+    width: min(100%, 12rem);
+    min-height: 2.65rem;
+    justify-content: space-between;
+    gap: 0.65rem;
+    padding-inline: 1rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-cta span {
+    min-width: 0;
   }
 }
 }
 
+@container event-compact-list (max-width: 48rem) {
+  :where(.theme-scope) .event-compact-row {
+    grid-template-columns: 4.25rem minmax(0, 1fr);
+    min-height: 0;
+    padding: 1rem;
+    row-gap: 0.85rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-date {
+    align-self: start;
+    grid-row: 1;
+    padding-right: 0.75rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-body {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 0.85rem;
+    height: auto;
+    padding-left: 0.9rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-date-day {
+    font-size: 1.65rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-content {
+    flex: none;
+    gap: 0.625rem;
+    height: auto;
+    padding-inline: 0;
+  }
+
+  :where(.theme-scope) .event-compact-row-title {
+    font-size: 1.15rem;
+    overflow: visible;
+    text-overflow: clip;
+    white-space: normal;
+    overflow-wrap: break-word;
+  }
+
+  :where(.theme-scope) .event-compact-row-venue {
+    max-width: 100%;
+  }
+
+  :where(.theme-scope) .event-compact-row-venue svg {
+    flex-shrink: 0;
+  }
+
+  :where(.theme-scope) .event-compact-row-meta {
+    flex-direction: column;
+    align-items: flex-start;
+    flex-wrap: wrap;
+    gap: 0.35rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-meta .event-compact-row-price {
+    display: none;
+  }
+
+  :where(.theme-scope) .event-compact-row-teacher::before,
+  :where(.theme-scope) .event-compact-row-price::before {
+    content: none;
+  }
+
+  :where(.theme-scope) .event-compact-row-action {
+    flex: none;
+    grid-template-columns: minmax(0, 1fr);
+    gap: 0.7rem;
+    height: auto;
+    width: 100%;
+    padding-left: 0;
+    padding-top: 0;
+    border-left: 0;
+    border-top: 0;
+  }
+
+  :where(.theme-scope) .event-compact-row-datetime {
+    display: flex;
+    flex-wrap: wrap;
+    white-space: normal;
+  }
+
+  :where(.theme-scope) .event-compact-row-action-price {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.55rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-action-price::before {
+    content: "\\00b7";
+  }
+
+  :where(.theme-scope) .event-compact-row-cta {
+    width: min(100%, 12rem);
+    min-height: 2.65rem;
+    justify-content: space-between;
+    gap: 0.65rem;
+    padding-inline: 1rem;
+  }
+
+  :where(.theme-scope) .event-compact-row-cta span {
+    min-width: 0;
+  }
+}
+
 :where(.theme-scope) .section-state__callout {
   text-align: center;
   padding: 2rem;
@@ -16490,15 +17023,23 @@ var containerResponsiveThemeCss = `/*
  * is what carries the alignment, and the inline-block mark follows it. Alignment
  * is never configured directly; it follows the heading.
  */
+:where(.theme-scope) .rb-heading-decoration-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+
 :where(.theme-scope) .rb-heading-decoration-row {
   display: block;
   width: 100%;
   margin-top: 0.35rem;
+  line-height: 0;
   pointer-events: none;
 }
 
 :where(.theme-scope) .rb-heading-decoration {
   display: inline-block;
+  vertical-align: top;
 }
 
 :where(.theme-scope) .rb-heading-decoration-organic-squiggle {
@@ -16596,6 +17137,47 @@ var containerResponsiveThemeCss = `/*
   height: 1.5rem;
 }
 
+/* --- Card marker mode (icons / numbers / none) -----------------------------
+ *
+ * The icon zone and the number zone both sit in the DOM; the grid's
+ * \`data-card-marker\` attribute decides which shows. The default (legacy
+ * content with no attribute) shows icons and hides the number zone.
+ */
+:where(.theme-scope) .rb-feature-card-number-zone {
+  display: none; /* shown only in numbers mode */
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 2.5rem;
+  height: 2.5rem;
+  margin-bottom: 0.125rem;
+  border-radius: var(--rb-block-radius, 0.75rem);
+  background-color: rgb(var(--tb-primary) / 10%);
+  color: rgb(var(--tb-primary));
+  counter-increment: rb-feature-card-number;
+}
+:where(.theme-scope) .rb-feature-card-number-zone::before {
+  content: counter(rb-feature-card-number, decimal-leading-zero);
+  font-weight: 700;
+  font-size: 0.95rem;
+  line-height: 1;
+}
+
+:where(.theme-scope) .rb-feature-cards-grid {
+  counter-reset: rb-feature-card-number;
+}
+
+:where(.theme-scope) [data-card-marker="numbers"] .rb-feature-card-number-zone {
+  display: inline-flex;
+}
+:where(.theme-scope) [data-card-marker="numbers"] .rb-feature-card-icon-zone {
+  display: none;
+}
+:where(.theme-scope) [data-card-marker="none"] .rb-feature-card-icon-zone,
+:where(.theme-scope) [data-card-marker="none"] .rb-feature-card-number-zone {
+  display: none;
+}
+
 /* =============================================================================
  * Shared: Card treatments
  *
@@ -16684,6 +17266,96 @@ var containerResponsiveThemeCss = `/*
 
 :where(.theme-scope) .rb-card-treatment-editorial-rule .cta-row .button-ghost {
   padding-inline: 0;
+}
+
+/* --- Colour-blocked --------------------------------------------------------- */
+
+/*
+ * Bold, flat cards that each take a different palette colour by position,
+ * cycled across the grid, with a staggered vertical offset on wider screens.
+ * The background layer (\`.rb-bg-surface\`) is recoloured per card; the card's
+ * text colour is set to the matching on-colour so content stays readable.
+ */
+:where(.theme-scope) .rb-card-treatment-color-blocked {
+  box-shadow: none;
+}
+
+/* Per-card colour cycle. The \`on*\` colours are always derived by the palette
+ * (expandPalette emits onSurface/onSecondary/onPrimary), so no fallback. */
+:where(.theme-scope) .rb-card-treatment-color-blocked:nth-child(3n + 1) > .rb-bg-surface {
+  background: rgb(var(--tb-surface));
+}
+:where(.theme-scope) .rb-card-treatment-color-blocked:nth-child(3n + 1) {
+  color: rgb(var(--tb-onSurface));
+}
+
+:where(.theme-scope) .rb-card-treatment-color-blocked:nth-child(3n + 2) > .rb-bg-surface {
+  background: rgb(var(--tb-secondary));
+}
+:where(.theme-scope) .rb-card-treatment-color-blocked:nth-child(3n + 2) {
+  color: rgb(var(--tb-onSecondary));
+}
+
+:where(.theme-scope) .rb-card-treatment-color-blocked:nth-child(3n + 3) > .rb-bg-surface {
+  background: rgb(var(--tb-primary));
+}
+:where(.theme-scope) .rb-card-treatment-color-blocked:nth-child(3n + 3) {
+  color: rgb(var(--tb-onPrimary));
+}
+
+/* Body copy carries an inline muted colour from the block; force it to the
+ * card's on-colour so it reads on every block (inline style needs !important). */
+:where(.theme-scope) .rb-card-treatment-color-blocked .rb-feature-card-body {
+  color: inherit !important;
+  opacity: 0.9;
+}
+
+/* The number marker defaults to the brand accent, which collides with the
+ * primary-coloured card in the cycle. On colour-blocked cards use the card's
+ * own on-colour (the palette guarantees it's legible on that background) and a
+ * faint tint of it for the badge, so the number always contrasts. */
+:where(.theme-scope) .rb-card-treatment-color-blocked .rb-feature-card-number-zone {
+  color: inherit;
+  background-color: color-mix(in oklab, currentColor, transparent 88%);
+}
+
+/* Staggered offset: drop the middle column on wider screens. Scoped to a 3-up
+ * grid (\`.rb-grid-cols-3\`) so 2-/4-column grids don't get a misaligned stagger;
+ * the colour cycle still reads as a diagonal at any column count. */
+@container rb-site (min-width: 768px) {
+@scope ([data-rb-responsive-mode="container"]) to (:scope [data-rb-responsive-mode]) {
+:where(.theme-scope) .rb-grid-cols-3 .rb-card-treatment-color-blocked:nth-child(3n + 2) {
+    margin-top: 2.75rem;
+    /* Override the card's \`h-full\` so the grid's stretch shrinks the card by the
+     * margin (a genuinely shorter card) instead of keeping full height and
+     * overflowing the section, which clips the rounded bottom corners. */
+    height: auto;
+  }
+}
+}
+
+:where(.theme-scope) [data-block="intro"][data-block-look="intro-portrait-bio"][data-block-variant="media-copy"] .rb-intro-media-wrap {
+  max-width: min(100%, 24rem);
+  margin-inline: auto;
+}
+
+:where(.theme-scope) [data-block="intro"][data-block-look="intro-portrait-bio"][data-block-variant="media-copy"] .rb-intro-media {
+  aspect-ratio: 1 / 1 !important;
+  border-radius: 9999px;
+}
+
+:where(.theme-scope) [data-block="intro"][data-block-look="intro-editorial-statement"] .rb-intro-title {
+  font-size: clamp(2rem, 1.56rem + 1.4vw, 3rem);
+  line-height: 1.14;
+}
+
+:where(.theme-scope) [data-block="intro"][data-block-look="intro-editorial-statement"] .rb-intro-copy {
+  gap: var(--rb-space-5, 1.25rem);
+}
+
+:where(.theme-scope) [data-block="intro"][data-block-look="intro-editorial-statement"] .rb-intro-copy .rb-prose {
+  font-size: clamp(1.125rem, 1.02rem + 0.35vw, 1.375rem);
+  line-height: 1.65;
 }`;
 
 // ../theme-core/src/ThemeScopeCore.tsx