@clay-ds/react 0.3.0 → 0.3.1

package/dist/index.css

@@ -5510,7 +5510,7 @@
 @layer clay.components {
   /* ── Base (mobile-first) ── */
 
-  ._section_1t4uf_4 {
+  ._section_14jny_4 {
     box-sizing: border-box;
     width: 100%;
     max-width: 100%;
@@ -5519,7 +5519,7 @@
       calc(var(--clay-layout-section-padding-x-mobile) * 1px);
   }
 
-  ._container_1t4uf_13 {
+  ._container_14jny_13 {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
@@ -5529,7 +5529,7 @@
     margin: 0 auto;
   }
 
-  ._card_1t4uf_23 {
+  ._card_14jny_23 {
     box-sizing: border-box;
     width: 100%;
     background: var(--clay-color-grey-100);
@@ -5538,7 +5538,7 @@
     overflow: clip;
   }
 
-  ._inner_1t4uf_32 {
+  ._inner_14jny_32 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1000) * 1px);
@@ -5546,14 +5546,14 @@
     width: 100%;
   }
 
-  ._textContent_1t4uf_40 {
+  ._textContent_14jny_40 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-500) * 1px);
     width: 100%;
   }
 
-  ._textBlock_1t4uf_47 {
+  ._textBlock_14jny_47 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-200) * 1px);
@@ -5561,13 +5561,13 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._titleGroup_1t4uf_55 {
+  ._titleGroup_14jny_55 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._miniTitle_1t4uf_61 {
+  ._miniTitle_14jny_61 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -5576,7 +5576,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._heading_1t4uf_70 {
+  ._heading_14jny_70 {
     margin: 0;
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-h3-mobile-weight);
@@ -5584,7 +5584,7 @@
     letter-spacing: calc(var(--clay-web-type-h3-mobile-letter-spacing) * 1px);
   }
 
-  ._description_1t4uf_78 {
+  ._description_14jny_78 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -5592,73 +5592,101 @@
     letter-spacing: calc(var(--clay-web-type-p-letter-spacing) * 1px);
   }
 
-  ._actions_1t4uf_86 {
+  ._actions_14jny_86 {
     display: flex;
     flex-wrap: wrap;
     gap: calc(var(--clay-size-space-300) * 1px);
   }
 
-  ._media_1t4uf_92 {
+  ._media_14jny_92 {
     width: 100%;
     border-radius: calc(var(--clay-radius-lg) * 1px);
     overflow: hidden;
     aspect-ratio: 16 / 9;
   }
 
-  ._media_1t4uf_92 > * {
+  ._media_14jny_92 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
+  /* ── Mobile/tablet (<1200px) — sticky stacking (full-cover deck) ── */
+
+  ._side-by-side_14jny_107 ._container_14jny_13 {
+    gap: 0;
+  }
+
+  ._side-by-side_14jny_107 ._card_14jny_23 {
+    position: sticky;
+    top: var(--clay-sticky-top, 15%);
+    /* Fixed equal height so each incoming card fully covers the one before it
+       (matches the desktop full-cover behaviour, tuned for portrait viewports). */
+    height: 78vh;
+    margin-bottom: 12vh;
+    overflow: clip;
+  }
+
+  ._side-by-side_14jny_107 ._inner_14jny_32 {
+    height: 100%;
+  }
+
+  /* Media flex-fills the remaining height instead of holding a 16/9 box, so the
+     card reaches its fixed height without leaving a gap below the content. */
+  ._side-by-side_14jny_107 ._media_14jny_92 {
+    flex: 1 1 auto;
+    min-height: 0;
+    aspect-ratio: auto;
+  }
+
   /* ── Desktop (≥1200px) — sticky stacking + horizontal split ── */
 
   @media (min-width: 1200px) {
-    ._section_1t4uf_4 {
+    ._section_14jny_4 {
       padding: calc(var(--clay-size-space-2400) * 1px)
         calc(var(--clay-layout-section-padding-x) * 1px);
     }
 
-    ._card_1t4uf_23 {
+    ._card_14jny_23 {
       border-radius: calc(var(--clay-size-space-800) * 1px);
       padding: calc(var(--clay-size-space-800) * 1px);
       padding-left: calc(var(--clay-size-space-1200) * 1px);
     }
 
-    ._inner_1t4uf_32 {
+    ._inner_14jny_32 {
       flex-direction: row;
       align-items: center;
       justify-content: space-between;
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._textContent_1t4uf_40 {
+    ._textContent_14jny_40 {
       flex: 1;
       min-width: 0;
       gap: calc(var(--clay-size-space-1000) * 1px);
     }
 
-    ._textBlock_1t4uf_47 {
+    ._textBlock_14jny_47 {
       gap: calc(var(--clay-size-space-600) * 1px);
       max-width: 540px;
     }
 
-    ._miniTitle_1t4uf_61 {
+    ._miniTitle_14jny_61 {
       font-size: calc(var(--clay-web-type-p3-size) * 1px);
     }
 
-    ._heading_1t4uf_70 {
+    ._heading_14jny_70 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       font-weight: var(--clay-web-type-h4-desktop-weight);
       line-height: 1.2;
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._description_1t4uf_78 {
+    ._description_14jny_78 {
       font-size: calc(var(--clay-web-type-p2-size) * 1px);
     }
 
-    ._media_1t4uf_92 {
+    ._media_14jny_92 {
       flex: 0 1 50%;
       min-width: 0;
       aspect-ratio: 1 / 1;
@@ -5667,11 +5695,11 @@
 
     /* ── Sticky stacking ── */
 
-    ._side-by-side_1t4uf_161 ._container_1t4uf_13 {
+    ._side-by-side_14jny_107 ._container_14jny_13 {
       gap: 0;
     }
 
-    ._side-by-side_1t4uf_161 ._card_1t4uf_23 {
+    ._side-by-side_14jny_107 ._card_14jny_23 {
       position: sticky;
       top: var(--clay-sticky-top, 15%);
       height: 70vh;
@@ -5679,16 +5707,15 @@
       overflow: clip;
     }
 
-    ._side-by-side_1t4uf_161 ._card_1t4uf_23:last-child {
-      margin-bottom: 0;
-    }
+    /* Keep trailing runway on the last card so the incoming card can scroll
+       all the way to the shared sticky position and fully cover the one before it. */
 
-    ._side-by-side_1t4uf_161 ._inner_1t4uf_32 {
+    ._side-by-side_14jny_107 ._inner_14jny_32 {
       height: 100%;
       align-items: stretch;
     }
 
-    ._side-by-side_1t4uf_161 ._media_1t4uf_92 {
+    ._side-by-side_14jny_107 ._media_14jny_92 {
       flex: 0 0 50%;
       align-self: stretch;
       aspect-ratio: unset;
@@ -5700,18 +5727,18 @@
      Layout: grid
      ══════════════════════════════════════════════ */
 
-  ._grid_1t4uf_194 ._container_1t4uf_13 {
+  ._grid_14jny_221 ._container_14jny_13 {
     gap: calc(var(--clay-size-space-800) * 1px);
   }
 
-  ._gridWrapper_1t4uf_198 {
+  ._gridWrapper_14jny_225 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-800) * 1px);
     width: 100%;
   }
 
-  ._gridCard_1t4uf_205 {
+  ._gridCard_14jny_232 {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
@@ -5721,27 +5748,27 @@
     overflow: clip;
   }
 
-  ._gridMedia_1t4uf_215 {
+  ._gridMedia_14jny_242 {
     width: 100%;
     height: 280px;
     background: var(--clay-color-grey-300);
     overflow: hidden;
   }
 
-  ._gridMedia_1t4uf_215 > * {
+  ._gridMedia_14jny_242 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._gridContent_1t4uf_228 {
+  ._gridContent_14jny_255 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1200) * 1px);
     padding: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._gridTexts_1t4uf_235 {
+  ._gridTexts_14jny_262 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
@@ -5749,7 +5776,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._gridHeading_1t4uf_243 {
+  ._gridHeading_14jny_270 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p1-size) * 1px);
     font-weight: var(--clay-web-type-weight-semi);
@@ -5757,7 +5784,7 @@
     letter-spacing: calc(var(--clay-web-type-p-letter-spacing) * 1px);
   }
 
-  ._gridDescription_1t4uf_251 {
+  ._gridDescription_14jny_278 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -5765,29 +5792,29 @@
     letter-spacing: calc(var(--clay-web-type-p-letter-spacing) * 1px);
   }
 
-  ._gridActions_1t4uf_259 {
+  ._gridActions_14jny_286 {
     display: flex;
     align-items: center;
   }
 
   /* Grid desktop */
   @media (min-width: 1200px) {
-    ._grid_1t4uf_194 ._container_1t4uf_13 {
+    ._grid_14jny_221 ._container_14jny_13 {
       gap: calc(var(--clay-size-space-500) * 1px);
     }
 
-    ._gridWrapper_1t4uf_198 {
+    ._gridWrapper_14jny_225 {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: calc(var(--clay-size-space-500) * 1px);
     }
 
-    ._gridCard_1t4uf_205 {
+    ._gridCard_14jny_232 {
       flex-direction: row;
       height: 332px;
     }
 
-    ._gridMedia_1t4uf_215 {
+    ._gridMedia_14jny_242 {
       width: 315px;
       min-width: 315px;
       flex-shrink: 0;
@@ -5795,7 +5822,7 @@
       order: 2;
     }
 
-    ._gridContent_1t4uf_228 {
+    ._gridContent_14jny_255 {
       flex: 1;
       min-width: 0;
       justify-content: space-between;
@@ -5808,18 +5835,18 @@
      ══════════════════════════════════════════════ */
 
   /* Section overrides */
-  ._value-cards_1t4uf_302 {
+  ._value-cards_14jny_329 {
     padding-left: calc(var(--clay-size-space-1000) * 1px);
     padding-right: calc(var(--clay-size-space-1000) * 1px);
   }
 
-  ._value-cards_1t4uf_302 ._container_1t4uf_13 {
+  ._value-cards_14jny_329 ._container_14jny_13 {
     gap: calc(var(--clay-size-space-1200) * 1px);
     align-items: center;
   }
 
   /* Section heading */
-  ._vcHeading_1t4uf_313 {
+  ._vcHeading_14jny_340 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -5831,7 +5858,7 @@
   }
 
   /* Cards row — single column on mobile */
-  ._vcRow_1t4uf_325 {
+  ._vcRow_14jny_352 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-500) * 1px);
@@ -5839,7 +5866,7 @@
   }
 
   /* Individual card */
-  ._vcCard_1t4uf_333 {
+  ._vcCard_14jny_360 {
     box-sizing: border-box;
     width: 100%;
     background: var(--clay-color-grey-200);
@@ -5847,25 +5874,25 @@
     padding: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._vcCardInner_1t4uf_341 {
+  ._vcCardInner_14jny_368 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1600) * 1px);
   }
 
-  ._vcTextGroup_1t4uf_347 {
+  ._vcTextGroup_14jny_374 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._vcIcon_1t4uf_353 {
+  ._vcIcon_14jny_380 {
     width: 40px;
     height: 40px;
     flex-shrink: 0;
   }
 
-  ._vcTexts_1t4uf_359 {
+  ._vcTexts_14jny_386 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-300) * 1px);
@@ -5873,7 +5900,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._vcCardHeading_1t4uf_367 {
+  ._vcCardHeading_14jny_394 {
     margin: 0;
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-h3-mobile-weight);
@@ -5881,20 +5908,20 @@
     letter-spacing: calc(var(--clay-web-type-h3-mobile-letter-spacing) * 1px);
   }
 
-  ._vcCardDescription_1t4uf_375 {
+  ._vcCardDescription_14jny_402 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
     line-height: var(--clay-web-type-p-line-height);
   }
 
-  ._vcFooter_1t4uf_382 {
+  ._vcFooter_14jny_409 {
     display: flex;
     justify-content: flex-end;
     width: 100%;
   }
 
-  ._vcPlusBtn_1t4uf_388 {
+  ._vcPlusBtn_14jny_415 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -5909,24 +5936,24 @@
 
   /* Desktop overrides for value-cards */
   @media (min-width: 900px) {
-    ._value-cards_1t4uf_302 {
+    ._value-cards_14jny_329 {
       padding-left: calc(var(--clay-size-space-1000) * 1px);
       padding-right: calc(var(--clay-size-space-1000) * 1px);
     }
 
-    ._vcHeading_1t4uf_313 {
+    ._vcHeading_14jny_340 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       font-weight: var(--clay-web-type-h4-desktop-weight);
       line-height: 1.2;
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._vcRow_1t4uf_325 {
+    ._vcRow_14jny_352 {
       flex-direction: row;
       align-items: stretch;
     }
 
-    ._vcCard_1t4uf_333 {
+    ._vcCard_14jny_360 {
       flex: 1;
       min-width: 0;
       padding-top: calc(var(--clay-size-space-2000) * 1px);
@@ -5935,23 +5962,23 @@
       padding-right: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._vcCardInner_1t4uf_341 {
+    ._vcCardInner_14jny_368 {
       gap: calc(var(--clay-size-space-1000) * 1px);
       height: 100%;
     }
 
-    ._vcTextGroup_1t4uf_347 {
+    ._vcTextGroup_14jny_374 {
       flex: 1;
     }
 
-    ._vcCardHeading_1t4uf_367 {
+    ._vcCardHeading_14jny_394 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       font-weight: var(--clay-web-type-h4-desktop-weight);
       line-height: 1.2;
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._vcCardDescription_1t4uf_375 {
+    ._vcCardDescription_14jny_402 {
       font-size: calc(var(--clay-web-type-p2-size) * 1px);
     }
   }
@@ -5960,12 +5987,12 @@
      Layout: one-media
      ══════════════════════════════════════════════ */
 
-  ._one-media_1t4uf_454 ._container_1t4uf_13 {
+  ._one-media_14jny_481 ._container_14jny_13 {
     gap: calc(var(--clay-size-space-1200) * 1px);
     align-items: center;
   }
 
-  ._mmHeading_1t4uf_459 {
+  ._mmHeading_14jny_486 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -5976,13 +6003,13 @@
     text-align: center;
   }
 
-  ._mmRow_1t4uf_470 {
+  ._mmRow_14jny_497 {
     display: flex;
     flex-direction: column;
     width: 100%;
   }
 
-  ._mmFeatureCard_1t4uf_476 {
+  ._mmFeatureCard_14jny_503 {
     box-sizing: border-box;
     width: 100%;
     border: 1px solid var(--clay-color-grey-300);
@@ -5997,13 +6024,13 @@
     margin-bottom: -1px;
   }
 
-  ._mmIcon_1t4uf_491 {
+  ._mmIcon_14jny_518 {
     width: calc(var(--clay-size-space-1000) * 1px);
     height: calc(var(--clay-size-space-1000) * 1px);
     flex-shrink: 0;
   }
 
-  ._mmTexts_1t4uf_497 {
+  ._mmTexts_14jny_524 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-300) * 1px);
@@ -6011,7 +6038,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._mmCardHeading_1t4uf_505 {
+  ._mmCardHeading_14jny_532 {
     margin: 0;
     font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -6019,14 +6046,14 @@
     letter-spacing: calc(var(--clay-web-type-h4-mobile-letter-spacing) * 1px);
   }
 
-  ._mmCardDescription_1t4uf_513 {
+  ._mmCardDescription_14jny_540 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
     line-height: var(--clay-web-type-p-line-height);
   }
 
-  ._mmMediaCard_1t4uf_520 {
+  ._mmMediaCard_14jny_547 {
     box-sizing: border-box;
     width: 100%;
     height: 272px;
@@ -6036,26 +6063,26 @@
     flex-shrink: 0;
   }
 
-  ._mmMediaCard_1t4uf_520 > * {
+  ._mmMediaCard_14jny_547 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
   @media (min-width: 992px) {
-    ._mmHeading_1t4uf_459 {
+    ._mmHeading_14jny_486 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       font-weight: var(--clay-web-type-h4-desktop-weight);
       line-height: 1.2;
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._mmRow_1t4uf_470 {
+    ._mmRow_14jny_497 {
       flex-direction: row;
       align-items: flex-start;
     }
 
-    ._mmFeatureCard_1t4uf_476 {
+    ._mmFeatureCard_14jny_503 {
       flex: 1;
       min-width: 0;
       padding-top: calc(var(--clay-size-space-800) * 1px);
@@ -6066,18 +6093,18 @@
       margin-right: -1px;
     }
 
-    ._mmCardHeading_1t4uf_505 {
+    ._mmCardHeading_14jny_532 {
       font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
       font-weight: var(--clay-web-type-h5-desktop-weight);
       line-height: 1.2;
       letter-spacing: calc(var(--clay-web-type-h5-desktop-letter-spacing) * 1px);
     }
 
-    ._mmCardDescription_1t4uf_513 {
+    ._mmCardDescription_14jny_540 {
       font-size: calc(var(--clay-web-type-p2-size) * 1px);
     }
 
-    ._mmMediaCard_1t4uf_520 {
+    ._mmMediaCard_14jny_547 {
       flex: 1;
       min-width: 0;
       height: 330px;
@@ -6088,27 +6115,27 @@
      Layout: media-top
      ══════════════════════════════════════════════ */
 
-  ._media-top_1t4uf_582 ._container_1t4uf_13 {
+  ._media-top_14jny_609 ._container_14jny_13 {
     gap: calc(var(--clay-size-space-2000) * 1px);
     align-items: center;
   }
 
   /* Cards row — stacked on mobile */
-  ._mtRow_1t4uf_588 {
+  ._mtRow_14jny_615 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
     width: 100%;
   }
 
-  ._mtCard_1t4uf_595 {
+  ._mtCard_14jny_622 {
     display: flex;
     flex-direction: column;
     width: 100%;
   }
 
   /* Top image area */
-  ._mtMediaArea_1t4uf_602 {
+  ._mtMediaArea_14jny_629 {
     width: 100%;
     height: 240px;
     overflow: hidden;
@@ -6117,14 +6144,14 @@
     flex-shrink: 0;
   }
 
-  ._mtMediaArea_1t4uf_602 > * {
+  ._mtMediaArea_14jny_629 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
   /* Bottom content area */
-  ._mtContent_1t4uf_618 {
+  ._mtContent_14jny_645 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-800) * 1px);
@@ -6136,14 +6163,14 @@
     border-radius: 0 0 calc(var(--clay-radius-lg) * 1px) calc(var(--clay-radius-lg) * 1px);
   }
 
-  ._mtContentTop_1t4uf_630 {
+  ._mtContentTop_14jny_657 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
   /* Tagline pill badge */
-  ._mtTag_1t4uf_637 {
+  ._mtTag_14jny_664 {
     display: inline-flex;
     align-items: center;
     align-self: flex-start;
@@ -6159,7 +6186,7 @@
     white-space: nowrap;
   }
 
-  ._mtTexts_1t4uf_653 {
+  ._mtTexts_14jny_680 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-300) * 1px);
@@ -6167,7 +6194,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._mtCardHeading_1t4uf_661 {
+  ._mtCardHeading_14jny_688 {
     margin: 0;
     font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -6175,14 +6202,14 @@
     letter-spacing: 0;
   }
 
-  ._mtCardDescription_1t4uf_669 {
+  ._mtCardDescription_14jny_696 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
     line-height: var(--clay-web-type-p-line-height);
   }
 
-  ._mtActions_1t4uf_676 {
+  ._mtActions_14jny_703 {
     display: flex;
     align-items: center;
     align-self: flex-start;
@@ -6190,34 +6217,34 @@
 
   /* Desktop overrides */
   @media (min-width: 768px) {
-    ._mtRow_1t4uf_588 {
+    ._mtRow_14jny_615 {
       flex-direction: row;
       align-items: stretch;
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._mtCard_1t4uf_595 {
+    ._mtCard_14jny_622 {
       flex: 1;
       min-width: 0;
     }
   }
 
   @media (min-width: 1200px) {
-    ._mtMediaArea_1t4uf_602 {
+    ._mtMediaArea_14jny_629 {
       height: 360px;
     }
 
-    ._mtContent_1t4uf_618 {
+    ._mtContent_14jny_645 {
       padding: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._mtCardHeading_1t4uf_661 {
+    ._mtCardHeading_14jny_688 {
       font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
       font-weight: var(--clay-web-type-h5-desktop-weight);
       line-height: 1.2;
     }
 
-    ._mtCardDescription_1t4uf_669 {
+    ._mtCardDescription_14jny_696 {
       font-size: calc(var(--clay-web-type-p3-size) * 1px);
     }
   }
@@ -6226,12 +6253,12 @@
      Layout: icon-with-link
      ══════════════════════════════════════════════ */
 
-  ._icon-with-link_1t4uf_720 ._container_1t4uf_13 {
+  ._icon-with-link_14jny_747 ._container_14jny_13 {
     gap: calc(var(--clay-size-space-2000) * 1px);
     align-items: center;
   }
 
-  ._fgHeading_1t4uf_725 {
+  ._fgHeading_14jny_752 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -6242,14 +6269,14 @@
     text-align: center;
   }
 
-  ._fgRow_1t4uf_736 {
+  ._fgRow_14jny_763 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
     width: 100%;
   }
 
-  ._fgCard_1t4uf_743 {
+  ._fgCard_14jny_770 {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
@@ -6264,21 +6291,21 @@
     padding-right: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._fgTop_1t4uf_758 {
+  ._fgTop_14jny_785 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
     width: 100%;
   }
 
-  ._fgIcon_1t4uf_765 {
+  ._fgIcon_14jny_792 {
     width: calc(var(--clay-size-space-1200) * 1px);
     height: calc(var(--clay-size-space-1200) * 1px);
     flex-shrink: 0;
     overflow: hidden;
   }
 
-  ._fgContent_1t4uf_772 {
+  ._fgContent_14jny_799 {
     display: flex;
     flex-direction: column;
     width: 100%;
@@ -6286,11 +6313,11 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._fgHeadline_1t4uf_780 {
+  ._fgHeadline_14jny_807 {
     padding-bottom: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._fgCardHeading_1t4uf_784 {
+  ._fgCardHeading_14jny_811 {
     margin: 0;
     font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -6298,14 +6325,14 @@
     letter-spacing: 0;
   }
 
-  ._fgCardDescription_1t4uf_792 {
+  ._fgCardDescription_14jny_819 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
     line-height: var(--clay-web-type-p-line-height);
   }
 
-  ._fgLink_1t4uf_799 {
+  ._fgLink_14jny_826 {
     display: inline-flex;
     align-items: center;
     align-self: flex-start;
@@ -6324,31 +6351,31 @@
     white-space: nowrap;
   }
 
-  ._fgLinkText_1t4uf_818 {
+  ._fgLinkText_14jny_845 {
     /* inherits from fgLink */
   }
 
   @media (min-width: 992px) {
-    ._fgHeading_1t4uf_725 {
+    ._fgHeading_14jny_752 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       font-weight: var(--clay-web-type-h4-desktop-weight);
       line-height: 1.2;
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._fgRow_1t4uf_736 {
+    ._fgRow_14jny_763 {
       flex-direction: row;
       align-items: stretch;
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._fgCard_1t4uf_743 {
+    ._fgCard_14jny_770 {
       flex: 1;
       min-width: 0;
       justify-content: space-between;
     }
 
-    ._fgCardHeading_1t4uf_784 {
+    ._fgCardHeading_14jny_811 {
       font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
     }
   }
@@ -6357,16 +6384,16 @@
      Layout: horizontal-reveal
      ══════════════════════════════════════════════ */
 
-  ._horizontal-reveal_1t4uf_851 {
+  ._horizontal-reveal_14jny_878 {
     overflow: clip;
   }
 
-  ._horizontal-reveal_1t4uf_851 ._container_1t4uf_13 {
+  ._horizontal-reveal_14jny_878 ._container_14jny_13 {
     align-items: center;
     gap: calc(var(--clay-size-space-1200) * 1px);
   }
 
-  ._sectionHeader_1t4uf_860 {
+  ._sectionHeader_14jny_887 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -6374,7 +6401,7 @@
     max-width: 768px;
   }
 
-  ._sectionHeaderInner_1t4uf_868 {
+  ._sectionHeaderInner_14jny_895 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -6385,14 +6412,14 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._tagline_1t4uf_879 {
+  ._tagline_14jny_906 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
     line-height: var(--clay-web-type-p-line-height);
   }
 
-  ._horizontal-reveal_1t4uf_851 ._heading_1t4uf_70 {
+  ._horizontal-reveal_14jny_878 ._heading_14jny_70 {
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-h3-mobile-weight);
     line-height: var(--clay-web-type-h3-mobile-line-height);
@@ -6400,14 +6427,14 @@
     text-align: center;
   }
 
-  ._horizontal-reveal_1t4uf_851 ._description_1t4uf_78 {
+  ._horizontal-reveal_14jny_878 ._description_14jny_78 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     text-align: center;
   }
 
   /* ── Card row ── */
 
-  ._cardRow_1t4uf_901 {
+  ._cardRow_14jny_928 {
     display: flex;
     gap: calc(var(--clay-size-space-600) * 1px);
     width: 100%;
@@ -6417,36 +6444,36 @@
     scrollbar-width: none;
   }
 
-  ._cardRow_1t4uf_901::-webkit-scrollbar {
+  ._cardRow_14jny_928::-webkit-scrollbar {
     display: none;
   }
 
   /* ── Auto-scroll marquee ── */
 
-  ._marqueeWrapper_1t4uf_917 {
+  ._marqueeWrapper_14jny_944 {
     width: 100vw;
     margin-left: calc(-50vw + 50%);
     overflow: visible;
   }
 
-  ._cardRowMarquee_1t4uf_923 {
+  ._cardRowMarquee_14jny_950 {
     display: flex;
     width: max-content;
-    animation: _marquee_1t4uf_917 var(--marquee-duration, 30s) linear infinite;
+    animation: _marquee_14jny_944 var(--marquee-duration, 30s) linear infinite;
   }
 
-  ._cardRowMarquee_1t4uf_923:hover {
+  ._cardRowMarquee_14jny_950:hover {
     animation-play-state: paused;
   }
 
-  ._marqueeTrack_1t4uf_933 {
+  ._marqueeTrack_14jny_960 {
     display: flex;
     flex-shrink: 0;
     gap: calc(var(--clay-size-space-600) * 1px);
     padding-right: calc(var(--clay-size-space-600) * 1px);
   }
 
-  @keyframes _marquee_1t4uf_917 {
+  @keyframes _marquee_14jny_944 {
     0% {
       transform: translateX(0);
     }
@@ -6457,7 +6484,7 @@
 
   /* ── Individual reveal card ── */
 
-  ._revealCard_1t4uf_951 {
+  ._revealCard_14jny_978 {
     position: relative;
     box-sizing: border-box;
     display: flex;
@@ -6476,15 +6503,15 @@
     transition: box-shadow 0.2s ease;
   }
 
-  ._revealCard_1t4uf_951:hover,
-  ._revealCard_1t4uf_951:focus-within,
-  ._revealCard_1t4uf_951._revealed_1t4uf_972 {
+  ._revealCard_14jny_978:hover,
+  ._revealCard_14jny_978:focus-within,
+  ._revealCard_14jny_978._revealed_14jny_999 {
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
   }
 
   /* ── Front state (default) ── */
 
-  ._revealFront_1t4uf_978 {
+  ._revealFront_14jny_1005 {
     flex: 1;
     min-height: 0;
     border-radius: calc(var(--clay-radius-lg) * 1px);
@@ -6492,53 +6519,53 @@
     background: var(--clay-color-stone-100, #f7f3ea);
   }
 
-  ._revealMedia_1t4uf_986 {
+  ._revealMedia_14jny_1013 {
     width: 100%;
     height: 100%;
     overflow: hidden;
     border-radius: calc(var(--clay-radius-lg) * 1px);
   }
 
-  ._revealMedia_1t4uf_986 > * {
+  ._revealMedia_14jny_1013 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._revealCard_1t4uf_951._revealed_1t4uf_972 ._revealFront_1t4uf_978,
-  ._revealCard_1t4uf_951:hover ._revealFront_1t4uf_978,
-  ._revealCard_1t4uf_951:focus-within ._revealFront_1t4uf_978 {
+  ._revealCard_14jny_978._revealed_14jny_999 ._revealFront_14jny_1005,
+  ._revealCard_14jny_978:hover ._revealFront_14jny_1005,
+  ._revealCard_14jny_978:focus-within ._revealFront_14jny_1005 {
     display: none;
   }
 
-  ._revealCard_1t4uf_951._revealed_1t4uf_972,
-  ._revealCard_1t4uf_951:hover,
-  ._revealCard_1t4uf_951:focus-within {
+  ._revealCard_14jny_978._revealed_14jny_999,
+  ._revealCard_14jny_978:hover,
+  ._revealCard_14jny_978:focus-within {
     gap: 0;
   }
 
   /* ── Back state (hover/focus) ── */
 
-  ._revealBack_1t4uf_1013 {
+  ._revealBack_14jny_1040 {
     display: none;
     flex-direction: column;
     gap: calc(var(--clay-size-space-500) * 1px);
     width: 100%;
   }
 
-  ._revealCard_1t4uf_951._revealed_1t4uf_972 ._revealBack_1t4uf_1013,
-  ._revealCard_1t4uf_951:hover ._revealBack_1t4uf_1013,
-  ._revealCard_1t4uf_951:focus-within ._revealBack_1t4uf_1013 {
+  ._revealCard_14jny_978._revealed_14jny_999 ._revealBack_14jny_1040,
+  ._revealCard_14jny_978:hover ._revealBack_14jny_1040,
+  ._revealCard_14jny_978:focus-within ._revealBack_14jny_1040 {
     display: flex;
   }
 
-  ._revealHeader_1t4uf_1026 {
+  ._revealHeader_14jny_1053 {
     display: flex;
     align-items: center;
     gap: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._revealAvatar_1t4uf_1032 {
+  ._revealAvatar_14jny_1059 {
     width: 64px;
     height: 64px;
     min-width: 64px;
@@ -6547,13 +6574,13 @@
     background: var(--clay-color-stone-100, #f7f3ea);
   }
 
-  ._revealAvatar_1t4uf_1032 > * {
+  ._revealAvatar_14jny_1059 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._revealName_1t4uf_1047 {
+  ._revealName_14jny_1074 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -6561,7 +6588,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._revealList_1t4uf_1055 {
+  ._revealList_14jny_1082 {
     list-style: none;
     margin: 0;
     padding: 0;
@@ -6570,7 +6597,7 @@
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._revealListItem_1t4uf_1064 {
+  ._revealListItem_14jny_1091 {
     display: flex;
     align-items: flex-start;
     gap: calc(var(--clay-size-space-200) * 1px);
@@ -6581,7 +6608,7 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._bulletIcon_1t4uf_1075 {
+  ._bulletIcon_14jny_1102 {
     display: inline-block;
     width: 6px;
     height: 6px;
@@ -6593,7 +6620,7 @@
 
   /* ── Footer ── */
 
-  ._revealFooter_1t4uf_1087 {
+  ._revealFooter_14jny_1114 {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -6601,14 +6628,14 @@
     margin-top: auto;
   }
 
-  ._revealFooterContent_1t4uf_1095 {
+  ._revealFooterContent_14jny_1122 {
     display: flex;
     align-items: center;
     gap: calc(var(--clay-size-space-200) * 1px);
     min-width: 0;
   }
 
-  ._revealFooterName_1t4uf_1102 {
+  ._revealFooterName_14jny_1129 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -6618,13 +6645,13 @@
     padding-left: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._revealTags_1t4uf_1112 {
+  ._revealTags_14jny_1139 {
     display: flex;
     gap: calc(var(--clay-size-space-200) * 1px);
     flex-wrap: wrap;
   }
 
-  ._revealTag_1t4uf_1112 {
+  ._revealTag_14jny_1139 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p4-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -6636,7 +6663,7 @@
     white-space: nowrap;
   }
 
-  ._revealToggle_1t4uf_1130 {
+  ._revealToggle_14jny_1157 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -6652,15 +6679,15 @@
     flex-shrink: 0;
   }
 
-  ._revealCard_1t4uf_951._revealed_1t4uf_972 ._revealToggle_1t4uf_1130,
-  ._revealCard_1t4uf_951:hover ._revealToggle_1t4uf_1130,
-  ._revealCard_1t4uf_951:focus-within ._revealToggle_1t4uf_1130 {
+  ._revealCard_14jny_978._revealed_14jny_999 ._revealToggle_14jny_1157,
+  ._revealCard_14jny_978:hover ._revealToggle_14jny_1157,
+  ._revealCard_14jny_978:focus-within ._revealToggle_14jny_1157 {
     transform: rotate(45deg);
   }
 
   /* ── Navigation dots (mobile) ── */
 
-  ._navDots_1t4uf_1154 {
+  ._navDots_14jny_1181 {
     display: flex;
     justify-content: center;
   }
@@ -6668,40 +6695,40 @@
   /* ── Desktop overrides for horizontal-reveal ── */
 
   @media (min-width: 900px) {
-    ._horizontal-reveal_1t4uf_851 ._container_1t4uf_13 {
+    ._horizontal-reveal_14jny_878 ._container_14jny_13 {
       gap: 80px;
     }
 
-    ._sectionHeaderInner_1t4uf_868 {
+    ._sectionHeaderInner_14jny_895 {
       gap: calc(var(--clay-size-space-400) * 1px);
     }
 
-    ._horizontal-reveal_1t4uf_851 ._heading_1t4uf_70 {
+    ._horizontal-reveal_14jny_878 ._heading_14jny_70 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       font-weight: var(--clay-web-type-h4-desktop-weight);
       line-height: 1.2;
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._horizontal-reveal_1t4uf_851 ._description_1t4uf_78 {
+    ._horizontal-reveal_14jny_878 ._description_14jny_78 {
       font-size: calc(var(--clay-web-type-p2-size) * 1px);
     }
 
-    ._cardRow_1t4uf_901 {
+    ._cardRow_14jny_928 {
       justify-content: center;
       overflow: visible;
     }
 
-    ._navDots_1t4uf_1154 {
+    ._navDots_14jny_1181 {
       display: none;
     }
   }
 
-  ._containerWide_1t4uf_1191 {
+  ._containerWide_14jny_1218 {
     max-width: calc(var(--clay-layout-container-wide) * 1px);
   }
 
-  ._containerFull_1t4uf_1195 {
+  ._containerFull_14jny_1222 {
     max-width: none;
   }
 }
@@ -10271,15 +10298,15 @@
 }
 @layer clay.components {
   /* ── Base (mobile-first) ── */
-  ._footer_183rd_3 {
+  ._footer_17cq5_3 {
     box-sizing: border-box;
     width: 100%;
     max-width: 100%;
     background: var(--clay-color-background-default-default, #fff);
   }
 
-  ._dividerTop_183rd_10,
-  ._dividerBottom_183rd_11 {
+  ._dividerTop_17cq5_10,
+  ._dividerBottom_17cq5_11 {
     height: 0;
     border-top: 1px solid var(--clay-color-border-neutral-tertiary, #dcdfec);
     max-width: 100%;
@@ -10287,7 +10314,7 @@
   }
 
   /* ── Navigation Grid ── */
-  ._navContainer_183rd_19 {
+  ._navContainer_17cq5_19 {
     box-sizing: border-box;
     width: 100%;
     max-width: 100%;
@@ -10295,28 +10322,28 @@
     padding: 32px 24px 0;
   }
 
-  ._navGrid_183rd_27 {
+  ._navGrid_17cq5_27 {
     display: flex;
     flex-wrap: wrap;
     gap: 0;
   }
 
-  ._column_183rd_33 {
+  ._column_17cq5_33 {
     box-sizing: border-box;
     width: 50%;
     padding-bottom: 35px;
     padding-right: 16px;
   }
 
-  ._columnBrand_183rd_40 {
+  ._columnBrand_17cq5_40 {
     padding-top: 10px;
   }
 
-  ._brand_183rd_44 {
+  ._brand_17cq5_44 {
     margin-bottom: 4px;
   }
 
-  ._logoImg_183rd_48 {
+  ._logoImg_17cq5_48 {
     display: block;
     height: 26px;
     width: auto;
@@ -10324,7 +10351,7 @@
     object-fit: contain;
   }
 
-  ._heading_183rd_56 {
+  ._heading_17cq5_56 {
     font-family: var(--clay-web-type-family, 'Poppins', sans-serif);
     font-size: 14px;
     font-weight: 500;
@@ -10335,7 +10362,7 @@
     padding: 0;
   }
 
-  ._links_183rd_67 {
+  ._links_17cq5_67 {
     list-style: none;
     margin: 0;
     padding: 0;
@@ -10344,13 +10371,13 @@
     gap: 15.5px;
   }
 
-  ._linkItem_183rd_76 {
+  ._linkItem_17cq5_76 {
     display: flex;
     align-items: center;
     gap: 8px;
   }
 
-  ._linkIcon_183rd_82 {
+  ._linkIcon_17cq5_82 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -10359,14 +10386,14 @@
     flex-shrink: 0;
   }
 
-  ._linkIcon_183rd_82 img,
-  ._linkIcon_183rd_82 svg {
+  ._linkIcon_17cq5_82 img,
+  ._linkIcon_17cq5_82 svg {
     width: 100%;
     height: 100%;
     object-fit: contain;
   }
 
-  ._link_183rd_67 {
+  ._link_17cq5_67 {
     font-family: var(--clay-web-type-family, 'Poppins', sans-serif);
     font-size: 13px;
     font-weight: 400;
@@ -10377,16 +10404,16 @@
     transition: color 0.15s ease;
   }
 
-  ._link_183rd_67:hover {
+  ._link_17cq5_67:hover {
     color: var(--clay-color-text-default-default, #1c1d21);
   }
 
-  ._subGroup_183rd_113 {
+  ._subGroup_17cq5_113 {
     margin-top: 38px;
   }
 
   /* ── Bottom Section ── */
-  ._bottomContainer_183rd_118 {
+  ._bottomContainer_17cq5_118 {
     box-sizing: border-box;
     width: 100%;
     max-width: 100%;
@@ -10394,32 +10421,32 @@
     padding: 0 24px 20px;
   }
 
-  ._bottomContent_183rd_126 {
+  ._bottomContent_17cq5_126 {
     display: flex;
     flex-direction: column;
     gap: 0;
   }
 
   /* Left: language + compliance */
-  ._bottomLeft_183rd_133 {
+  ._bottomLeft_17cq5_133 {
     display: flex;
     flex-direction: column;
     gap: 16px;
     order: 3;
   }
 
-  ._languageSelector_183rd_140 {
+  ._languageSelector_17cq5_140 {
     display: none;
   }
 
-  ._complianceBadges_183rd_144 {
+  ._complianceBadges_17cq5_144 {
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 12px 0;
   }
 
-  ._complianceBadge_183rd_144 {
+  ._complianceBadge_17cq5_144 {
     display: block;
     height: 32px;
     width: auto;
@@ -10427,21 +10454,21 @@
   }
 
   /* Center: social + legal + copyright */
-  ._bottomCenter_183rd_159 {
+  ._bottomCenter_17cq5_159 {
     display: flex;
     flex-direction: column;
     gap: 5px;
     order: 1;
   }
 
-  ._socialLinks_183rd_166 {
+  ._socialLinks_17cq5_166 {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 8px 0;
   }
 
-  ._socialLink_183rd_166 {
+  ._socialLink_17cq5_166 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -10451,37 +10478,37 @@
     transition: opacity 0.15s ease;
   }
 
-  ._socialLink_183rd_166:hover {
+  ._socialLink_17cq5_166:hover {
     opacity: 0.7;
   }
 
-  ._socialLink_183rd_166 img,
-  ._socialLink_183rd_166 svg {
+  ._socialLink_17cq5_166 img,
+  ._socialLink_17cq5_166 svg {
     width: 100%;
     height: 100%;
     object-fit: contain;
   }
 
-  ._legalBlock_183rd_194 {
+  ._legalBlock_17cq5_194 {
     display: flex;
     flex-direction: column;
     gap: 8px;
   }
 
-  ._legalLinks_183rd_200 {
+  ._legalLinks_17cq5_200 {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     align-items: center;
   }
 
-  ._legalItem_183rd_207 {
+  ._legalItem_17cq5_207 {
     display: flex;
     align-items: center;
     gap: 12px;
   }
 
-  ._legalLink_183rd_200 {
+  ._legalLink_17cq5_200 {
     font-family: var(--clay-web-type-family, 'Poppins', sans-serif);
     font-size: 13px;
     font-weight: 400;
@@ -10490,15 +10517,15 @@
     text-decoration: underline;
   }
 
-  ._legalLink_183rd_200:hover {
+  ._legalLink_17cq5_200:hover {
     color: var(--clay-color-text-default-default, #1c1d21);
   }
 
-  ._pipe_183rd_226 {
+  ._pipe_17cq5_226 {
     display: none;
   }
 
-  ._copyright_183rd_230 {
+  ._copyright_17cq5_230 {
     font-family: var(--clay-web-type-family, 'Poppins', sans-serif);
     font-size: 13px;
     font-weight: 400;
@@ -10508,31 +10535,31 @@
   }
 
   /* Right: app store + accessibility */
-  ._bottomRight_183rd_240 {
+  ._bottomRight_17cq5_240 {
     display: flex;
     flex-direction: column;
     gap: 16px;
     order: 2;
   }
 
-  ._appStoreBadges_183rd_247 {
+  ._appStoreBadges_17cq5_247 {
     display: none;
   }
 
-  ._appStoreBadge_183rd_247 {
+  ._appStoreBadge_17cq5_247 {
     display: block;
     height: 40px;
     width: auto;
     object-fit: contain;
   }
 
-  ._accessibility_183rd_258 {
+  ._accessibility_17cq5_258 {
     display: flex;
     align-items: center;
     gap: 8px;
   }
 
-  ._accessibilityIcon_183rd_264 {
+  ._accessibilityIcon_17cq5_264 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -10541,14 +10568,14 @@
     flex-shrink: 0;
   }
 
-  ._accessibilityIcon_183rd_264 img,
-  ._accessibilityIcon_183rd_264 svg {
+  ._accessibilityIcon_17cq5_264 img,
+  ._accessibilityIcon_17cq5_264 svg {
     width: 100%;
     height: 100%;
     object-fit: contain;
   }
 
-  ._accessibilityLink_183rd_280 {
+  ._accessibilityLink_17cq5_280 {
     font-family: var(--clay-web-type-family, 'Poppins', sans-serif);
     font-size: 12px;
     font-weight: 400;
@@ -10559,66 +10586,66 @@
 
   /* ── Desktop (>=900px) ── */
   @media (min-width: 900px) {
-    ._navContainer_183rd_19 {
+    ._navContainer_17cq5_19 {
       padding: 80px 64px 0;
     }
 
-    ._navGrid_183rd_27 {
+    ._navGrid_17cq5_27 {
       flex-wrap: nowrap;
       justify-content: space-between;
     }
 
-    ._column_183rd_33 {
+    ._column_17cq5_33 {
       width: auto;
       flex: 1 1 0;
       min-width: 0;
       padding-bottom: 48px;
     }
 
-    ._column_183rd_33:first-child {
+    ._column_17cq5_33:first-child {
       flex: 0 0 160px;
     }
 
-    ._columnBrand_183rd_40 {
+    ._columnBrand_17cq5_40 {
       padding-top: 0;
     }
 
-    ._brand_183rd_44 {
+    ._brand_17cq5_44 {
       margin-bottom: 12px;
     }
 
-    ._logoImg_183rd_48 {
+    ._logoImg_17cq5_48 {
       height: 32px;
     }
 
-    ._heading_183rd_56 {
+    ._heading_17cq5_56 {
       font-size: calc(var(--clay-web-type-p4-size, 14) * 1px);
       letter-spacing: 0;
       color: var(--clay-color-text-default-secondary, #535768);
       margin: 12px 0 24px;
     }
 
-    ._links_183rd_67 {
+    ._links_17cq5_67 {
       gap: calc(var(--clay-layout-footer-link-gap, 16) * 1px);
     }
 
-    ._link_183rd_67 {
+    ._link_17cq5_67 {
       font-size: calc(var(--clay-web-type-p4-size, 14) * 1px);
       line-height: 1.5;
       letter-spacing: 0;
       color: var(--clay-color-text-default-secondary, #7c7b7b);
     }
 
-    ._dividerBottom_183rd_11 {
+    ._dividerBottom_17cq5_11 {
       max-width: 100%;
     }
 
     /* Bottom section: horizontal layout */
-    ._bottomContainer_183rd_118 {
+    ._bottomContainer_17cq5_118 {
       padding: 40px 64px 48px;
     }
 
-    ._bottomContent_183rd_126 {
+    ._bottomContent_17cq5_126 {
       flex-direction: row;
       align-items: flex-start;
       justify-content: space-between;
@@ -10626,21 +10653,21 @@
       gap: 24px;
     }
 
-    ._bottomLeft_183rd_133 {
+    ._bottomLeft_17cq5_133 {
       order: 0;
       justify-content: space-between;
       height: 92px;
     }
 
-    ._languageSelector_183rd_140 {
+    ._languageSelector_17cq5_140 {
       display: flex;
     }
 
-    ._complianceBadges_183rd_144 {
+    ._complianceBadges_17cq5_144 {
       padding: 0;
     }
 
-    ._bottomCenter_183rd_159 {
+    ._bottomCenter_17cq5_159 {
       order: 0;
       flex: 1;
       padding-left: 32px;
@@ -10648,31 +10675,31 @@
       height: 92px;
     }
 
-    ._socialLinks_183rd_166 {
+    ._socialLinks_17cq5_166 {
       padding: 0;
     }
 
-    ._legalBlock_183rd_194 {
+    ._legalBlock_17cq5_194 {
       gap: 8px;
     }
 
-    ._legalLinks_183rd_200 {
+    ._legalLinks_17cq5_200 {
       gap: 0;
       flex-wrap: nowrap;
     }
 
-    ._legalItem_183rd_207 {
+    ._legalItem_17cq5_207 {
       gap: 0;
     }
 
-    ._legalLink_183rd_200 {
+    ._legalLink_17cq5_200 {
       font-size: calc(var(--clay-web-type-p5-size, 12) * 1px);
       line-height: 1.5;
       color: var(--clay-color-text-default-secondary, #7c7b7b);
       text-decoration: none;
     }
 
-    ._pipe_183rd_226 {
+    ._pipe_17cq5_226 {
       display: inline-block;
       width: 1px;
       height: 14px;
@@ -10681,34 +10708,85 @@
       vertical-align: middle;
     }
 
-    ._copyright_183rd_230 {
+    ._copyright_17cq5_230 {
       font-size: calc(var(--clay-web-type-p5-size, 12) * 1px);
       line-height: 1.5;
       color: var(--clay-color-text-default-secondary, #7c7b7b);
       margin: 0;
     }
 
-    ._bottomRight_183rd_240 {
+    ._bottomRight_17cq5_240 {
       order: 0;
       align-items: flex-end;
       justify-content: space-between;
       height: 92px;
     }
 
-    ._appStoreBadges_183rd_247 {
+    ._appStoreBadges_17cq5_247 {
       display: flex;
       gap: 16px;
       align-items: center;
     }
 
-    ._accessibility_183rd_258 {
+    ._accessibility_17cq5_258 {
       padding-bottom: 4px;
     }
 
-    ._accessibilityLink_183rd_280 {
+    ._accessibilityLink_17cq5_280 {
       text-decoration: none;
     }
   }
+
+  /* ── Short variant ──────────────────────────────────────────
+     Compact footer: logo + a single row of link columns (each with
+     a couple of links, no headings). Shares the bottom bar with the
+     default (full) variant. */
+
+  /* Base (mobile): logo full-width, link columns wrap 2-up. */
+  ._short_17cq5_448 ._columnBrand_17cq5_40 {
+    width: 100%;
+    flex-basis: 100%;
+  }
+
+  ._short_17cq5_448 ._column_17cq5_33 {
+    padding-bottom: 24px;
+  }
+
+  /* Short link columns hold ~2 links — give them breathing room. */
+  ._short_17cq5_448 ._links_17cq5_67 {
+    gap: 16px;
+  }
+
+  @media (min-width: 900px) {
+    /* Compact nav: less top padding than the full mega footer. */
+    ._short_17cq5_448 ._navContainer_17cq5_19 {
+      padding-top: 48px;
+    }
+
+    ._short_17cq5_448 ._navGrid_17cq5_27 {
+      flex-wrap: nowrap;
+      justify-content: space-between;
+      gap: 16px;
+    }
+
+    /* Logo cell is intrinsic width, link columns share the rest evenly. */
+    ._short_17cq5_448 ._columnBrand_17cq5_40 {
+      flex: 0 0 220px;
+      width: auto;
+    }
+
+    ._short_17cq5_448 ._column_17cq5_33 {
+      flex: 1 1 0;
+      min-width: 0;
+      max-width: 222px;
+      padding-bottom: 48px;
+    }
+
+    /* The logo column must not inherit the full footer's narrow first-col rule. */
+    ._short_17cq5_448 ._column_17cq5_33:first-child {
+      flex: 0 0 220px;
+    }
+  }
 }
 @layer clay.components {
   ._icon_171j1_2 {