@kolkrabbi/kol-theme 0.60.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.60.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",