@kolkrabbi/kol-theme 0.59.0 → 0.61.0

package/kol-components-molecules.css

@@ -1039,6 +1039,37 @@
   .group:hover .kol-media-zoom > video {
     transform: scale(1.06);
   }
+  /* the HERO rung (StackCardHover, 2026-08-27 — user: "that is TOO MUCH
+   * ZOOM"): 1.06 on a ~1500px featured thumb is 90px of travel where the
+   * 500px list thumbs move 30. 1.02 on the hero is the same pixel travel.
+   * `ListingCard size="hero"` wears it; ContentMedia takes zoom="hero". */
+  .group:hover .kol-media-zoom.is-hero > img,
+  .group:hover .kol-media-zoom.is-hero > video {
+    transform: scale(1.02);
+  }
+}
+
+/* ─────────────────────────────────────────────────────────────────────
+ * ContentText — the title dim (StackCardHover, 2026-08-27)
+ *
+ * The article card's title dims to 70% on card hover, the way ListingCard's
+ * always has (`group-hover:opacity-70`, 200ms) — so the featured hero and
+ * the filtered cards under it hover the same way (user: "shouldn't it also
+ * do it to the cards in the content filter?"). Keyed off the CARD / ROW
+ * root, not any `.group` ancestor. ContentText stamps the hook on the
+ * article title in both forms.
+ * ───────────────────────────────────────────────────────────────────── */
+.kol-content-title-dim {
+  transition: opacity 200ms var(--kol-ease-house);
+}
+@media (hover: hover) {
+  .kol-card:hover .kol-content-title-dim,
+  .kol-row:hover .kol-content-title-dim {
+    opacity: 0.7;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .kol-content-title-dim { transition: none; }
 }
 
 @media (prefers-reduced-motion: reduce) {

package/kol-components-organisms.css

@@ -321,13 +321,19 @@
   color: var(--kol-accent-primary);
 }
 
+/* the section family's body voice is MONO (SectionTextBodyMono, kol-website
+ * 2026-08-27 — user: "I don't want the sans anywhere, I want the text on the
+ * cards to default mono, with props to change it if I feel like it"). Was
+ * sans 16 / 1.6; now the mono-16 rung (16 / 22) — the section scale, where the
+ * Stack hero's lede already sat. Sans is opt-in through `bodyClass` /
+ * `slotClass`. The 72% ink is unchanged. */
 .kol-feature-split-body,
 .kol-section-text-body {
   margin: 0;
-  font-family: var(--kol-font-family-sans);
+  font-family: var(--kol-font-family-mono);
   font-weight: 400;
   font-size: 16px;
-  line-height: 1.6;
+  line-height: 22px;
   color: color-mix(in srgb, var(--kol-surface-on-primary) 72%, transparent);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.59.0",
+  "version": "0.61.0",
   "description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
   "license": "MIT",
   "type": "module",