@clay-ds/react 0.2.0 → 0.3.0

package/dist/index.css

@@ -2365,9 +2365,14 @@
     }
   }
 }
+@keyframes _sblFadeIn_1uz4c_1 {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+
 @layer clay.components {
   /* ── Section root ── */
-  ._section_1iihw_3 {
+  ._section_1uz4c_8 {
     box-sizing: border-box;
     width: 100%;
     max-width: 100%;
@@ -2378,7 +2383,7 @@
   }
 
   /* ── Container ── */
-  ._container_1iihw_14 {
+  ._container_1uz4c_19 {
     box-sizing: border-box;
     width: 100%;
     max-width: calc(var(--clay-layout-container-large) * 1px);
@@ -2389,7 +2394,7 @@
   }
 
   /* ── Accordion column ── */
-  ._accordion_1iihw_25 {
+  ._accordion_1uz4c_30 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
@@ -2397,19 +2402,19 @@
   }
 
   /* ── Individual item ── */
-  ._item_1iihw_33 {
+  ._item_1uz4c_38 {
     background-color: var(--clay-color-grey-100);
     border-radius: calc(var(--clay-radius-md) * 1px);
-    padding: calc(var(--clay-size-space-600) * 1px) calc(var(--clay-size-space-400) * 1px);
+    padding: calc(var(--clay-size-space-600) * 1px);
     overflow: hidden;
   }
 
-  ._itemActive_1iihw_40 {
+  ._itemActive_1uz4c_45 {
     border-radius: calc(var(--clay-radius-lg) * 1px);
   }
 
   /* ── Item header (button) ── */
-  ._itemHeader_1iihw_45 {
+  ._itemHeader_1uz4c_50 {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -2423,7 +2428,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._itemHeading_1iihw_59 {
+  ._itemHeading_1uz4c_64 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
     font-weight: var(--clay-web-type-h6-mobile-weight);
@@ -2431,7 +2436,7 @@
     letter-spacing: calc(var(--clay-web-type-h6-mobile-letter-spacing) * 1px);
   }
 
-  ._itemActive_1iihw_40 ._itemHeading_1iihw_59 {
+  ._itemActive_1uz4c_45 ._itemHeading_1uz4c_64 {
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
     line-height: 1.2;
@@ -2439,7 +2444,7 @@
   }
 
   /* ── Chevron icon ── */
-  ._chevron_1iihw_75 {
+  ._chevron_1uz4c_80 {
     flex-shrink: 0;
     width: calc(var(--clay-size-space-800) * 1px);
     height: calc(var(--clay-size-space-800) * 1px);
@@ -2447,17 +2452,27 @@
     transform: rotate(180deg);
   }
 
-  ._chevronOpen_1iihw_83 {
+  ._chevronOpen_1uz4c_88 {
     transform: rotate(0deg);
   }
 
   /* ── Expandable content ── */
-  ._itemContent_1iihw_88 {
+  ._itemContent_1uz4c_93 {
+    display: grid;
+    grid-template-rows: 0fr;
+    transition: grid-template-rows var(--clay-motion-duration-slow) var(--clay-motion-easing-out);
+  }
+
+  ._itemContentOpen_1uz4c_99 {
+    grid-template-rows: 1fr;
+  }
+
+  ._itemContentInner_1uz4c_103 {
     overflow: hidden;
-    transition: height var(--clay-motion-duration-slow) var(--clay-motion-easing-out);
+    min-height: 0;
   }
 
-  ._itemDescription_1iihw_93 {
+  ._itemDescription_1uz4c_108 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -2469,7 +2484,7 @@
   }
 
   /* ── Inline media (visible on mobile, hidden on desktop) ── */
-  ._itemMedia_1iihw_105 {
+  ._itemMedia_1uz4c_120 {
     margin-top: calc(var(--clay-size-space-400) * 1px);
     width: 100%;
     border-radius: calc(var(--clay-radius-md) * 1px);
@@ -2478,11 +2493,11 @@
   }
 
   /* ── Side media panel (hidden on mobile, visible on desktop) ── */
-  ._mediaPanel_1iihw_114 {
+  ._mediaPanel_1uz4c_129 {
     display: none;
   }
 
-  ._mediaFallback_1iihw_118 {
+  ._mediaFallback_1uz4c_133 {
     width: 100%;
     height: 100%;
     background-color: var(--clay-color-grey-500);
@@ -2493,53 +2508,60 @@
      Layout: side-by-side-lines
      ═══════════════════════════════════════════ */
 
-  ._side-by-side-lines_1iihw_129 {
+  ._side-by-side-lines_1uz4c_144 {
     padding: calc(var(--clay-size-space-1600) * 1px) calc(var(--clay-layout-section-padding-x-mobile) * 1px);
   }
 
-  ._side-by-side-lines_1iihw_129 ._container_1iihw_14 {
+  ._side-by-side-lines_1uz4c_144 ._container_1uz4c_19 {
     gap: 0;
   }
 
-  ._side-by-side-lines_1iihw_129 ._accordion_1iihw_25 {
+  ._side-by-side-lines_1uz4c_144 ._accordion_1uz4c_30 {
     gap: 0;
   }
 
-  ._side-by-side-lines_1iihw_129 ._item_1iihw_33,
-  ._itemLines_1iihw_142 {
+  ._side-by-side-lines_1uz4c_144 ._item_1uz4c_38,
+  ._itemLines_1uz4c_157 {
     background-color: transparent;
     border-radius: var(--clay-radius-none);
     padding: calc(var(--clay-size-space-300) * 1px) 0 calc(var(--clay-size-space-600) * 1px);
     border-bottom: 1px solid var(--clay-color-grey-300);
+    opacity: 0.25;
+    transition:
+      opacity var(--clay-motion-duration-slow) var(--clay-motion-easing-out);
+  }
+
+  ._side-by-side-lines_1uz4c_144 ._itemActive_1uz4c_45 {
+    opacity: 1;
   }
 
-  ._side-by-side-lines_1iihw_129 ._item_1iihw_33:first-child {
+  ._side-by-side-lines_1uz4c_144 ._item_1uz4c_38:first-child {
     padding-top: 0;
   }
 
-  ._side-by-side-lines_1iihw_129 ._item_1iihw_33:last-child {
+  ._side-by-side-lines_1uz4c_144 ._item_1uz4c_38:last-child {
     border-bottom: none;
   }
 
-  ._side-by-side-lines_1iihw_129 ._itemHeading_1iihw_59 {
+  ._side-by-side-lines_1uz4c_144 ._itemHeading_1uz4c_64 {
     font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
     line-height: 1.4;
     letter-spacing: 0;
   }
 
-  ._side-by-side-lines_1iihw_129 ._itemActive_1iihw_40 ._itemHeading_1iihw_59 {
+  ._side-by-side-lines_1uz4c_144 ._itemActive_1uz4c_45 ._itemHeading_1uz4c_64 {
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
     line-height: 1.2;
     letter-spacing: 0;
   }
 
-  ._side-by-side-lines_1iihw_129 ._itemDescription_1iihw_93 {
+  ._side-by-side-lines_1uz4c_144 ._itemDescription_1uz4c_108 {
     padding-top: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._side-by-side-lines_1iihw_129 ._mediaPanel_1iihw_114 {
+  ._side-by-side-lines_1uz4c_144 ._mediaPanel_1uz4c_129 {
     display: block;
     width: 100%;
     aspect-ratio: 340 / 195;
@@ -2548,17 +2570,43 @@
     margin-top: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._side-by-side-lines_1iihw_129 ._mediaPanel_1iihw_114 > * {
+  ._side-by-side-lines_1uz4c_144 ._mediaPanel_1uz4c_129 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
+  /* Crossfade wrapper — keyed on activeIndex so React remounts it on tab change */
+  ._mediaPanelInner_1uz4c_213 {
+    width: 100%;
+    height: 100%;
+  }
+
+  ._mediaPanelInner_1uz4c_213 > * {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  ._side-by-side-lines_1uz4c_144 ._mediaPanelInner_1uz4c_213 {
+    animation: _sblFadeIn_1uz4c_1 var(--clay-motion-duration-normal) var(--clay-motion-easing-out) both;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    ._side-by-side-lines_1uz4c_144 ._item_1uz4c_38,
+    ._itemLines_1uz4c_157 {
+      transition: none;
+    }
+    ._side-by-side-lines_1uz4c_144 ._mediaPanelInner_1uz4c_213 {
+      animation: none;
+    }
+  }
+
   /* ═══════════════════════════════════════════
      Layout: tabs-background
      ═══════════════════════════════════════════ */
 
-  ._tabsCard_1iihw_194 {
+  ._tabsCard_1uz4c_242 {
     box-sizing: border-box;
     width: 100%;
     max-width: calc(var(--clay-layout-container-large) * 1px);
@@ -2571,21 +2619,21 @@
     overflow: hidden;
   }
 
-  ._tabContent_1iihw_207 {
+  ._tabContent_1uz4c_255 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
     padding: 0;
   }
 
-  ._tabText_1iihw_214 {
+  ._tabText_1uz4c_262 {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: calc(var(--clay-size-space-500) * 1px);
   }
 
-  ._tabTopic_1iihw_221 {
+  ._tabTopic_1uz4c_269 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -2593,7 +2641,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._tabHeading_1iihw_229 {
+  ._tabHeading_1uz4c_277 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
@@ -2603,7 +2651,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._tabDescription_1iihw_239 {
+  ._tabDescription_1uz4c_287 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -2612,14 +2660,14 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._tabMedia_1iihw_248 {
+  ._tabMedia_1uz4c_296 {
     width: 100%;
     aspect-ratio: 16 / 9;
     border-radius: calc(var(--clay-radius-lg) * 1px);
     overflow: hidden;
   }
 
-  ._tabMedia_1iihw_248 > * {
+  ._tabMedia_1uz4c_296 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
@@ -2629,7 +2677,7 @@
      Layout: tabs-stroke
      ═══════════════════════════════════════════ */
 
-  ._strokeCard_1iihw_265 {
+  ._strokeCard_1uz4c_313 {
     box-sizing: border-box;
     width: 100%;
     background-color: white;
@@ -2644,19 +2692,19 @@
     margin-top: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._strokeText_1iihw_280 {
+  ._strokeText_1uz4c_328 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._strokeTextGroup_1iihw_286 {
+  ._strokeTextGroup_1uz4c_334 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-300) * 1px);
   }
 
-  ._strokeHeading_1iihw_292 {
+  ._strokeHeading_1uz4c_340 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -2666,7 +2714,7 @@
     margin: 0;
   }
 
-  ._strokeDescription_1iihw_302 {
+  ._strokeDescription_1uz4c_350 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -2676,14 +2724,14 @@
     margin: 0;
   }
 
-  ._strokeMedia_1iihw_312 {
+  ._strokeMedia_1uz4c_360 {
     width: 100%;
     aspect-ratio: 16 / 9;
     border-radius: calc(var(--clay-radius-lg) * 1px);
     overflow: hidden;
   }
 
-  ._strokeMedia_1iihw_312 > * {
+  ._strokeMedia_1uz4c_360 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
@@ -2693,20 +2741,20 @@
      Layout: side-by-side-bullets
      ═══════════════════════════════════════════ */
 
-  ._side-by-side-bullets_1iihw_329 {
+  ._side-by-side-bullets_1uz4c_377 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1000) * 1px);
   }
 
   /* Section-level header */
-  ._bulletSectionHeader_1iihw_336 {
+  ._bulletSectionHeader_1uz4c_384 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-300) * 1px);
   }
 
-  ._bulletTopic_1iihw_342 {
+  ._bulletTopic_1uz4c_390 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -2714,7 +2762,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._bulletSectionHeading_1iihw_350 {
+  ._bulletSectionHeading_1uz4c_398 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -2725,18 +2773,18 @@
   }
 
   /* Desktop accordion card: hidden on mobile */
-  ._bulletCard_1iihw_361 {
+  ._bulletCard_1uz4c_409 {
     display: none;
   }
 
   /* Bullet list (desktop only) */
-  ._bulletList_1iihw_366 {
+  ._bulletList_1uz4c_414 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._bulletItemInactive_1iihw_372 {
+  ._bulletItemInactive_1uz4c_420 {
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -2751,7 +2799,7 @@
     width: fit-content;
   }
 
-  ._bulletIcon_1iihw_387 {
+  ._bulletIcon_1uz4c_435 {
     flex-shrink: 0;
     width: calc(var(--clay-size-space-600) * 1px);
     height: calc(var(--clay-size-space-600) * 1px);
@@ -2760,7 +2808,7 @@
     justify-content: center;
   }
 
-  ._bulletInactiveLabel_1iihw_396 {
+  ._bulletInactiveLabel_1uz4c_444 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -2768,7 +2816,7 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._bulletItemActive_1iihw_404 {
+  ._bulletItemActive_1uz4c_452 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-200) * 1px);
@@ -2780,7 +2828,7 @@
     text-align: left;
   }
 
-  ._bulletActiveLabel_1iihw_416 {
+  ._bulletActiveLabel_1uz4c_464 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -2788,7 +2836,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._bulletActiveDesc_1iihw_424 {
+  ._bulletActiveDesc_1uz4c_472 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p4-size) * 1px);
@@ -2797,33 +2845,33 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._bulletMediaPanel_1iihw_433 {
+  ._bulletMediaPanel_1uz4c_481 {
     flex: 1 1 0%;
     min-width: 0;
     border-radius: calc(var(--clay-radius-lg) * 1px);
     overflow: hidden;
   }
 
-  ._bulletMediaPanel_1iihw_433 > * {
+  ._bulletMediaPanel_1uz4c_481 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._bulletMediaFallback_1iihw_446 {
+  ._bulletMediaFallback_1uz4c_494 {
     width: 100%;
     height: 100%;
     background-color: var(--clay-color-grey-300);
   }
 
   /* Mobile carousel */
-  ._bulletCarouselWrapper_1iihw_453 {
+  ._bulletCarouselWrapper_1uz4c_501 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._bulletCarouselTrack_1iihw_459 {
+  ._bulletCarouselTrack_1uz4c_507 {
     display: flex;
     flex-direction: row;
     gap: calc(var(--clay-size-space-300) * 1px);
@@ -2834,11 +2882,11 @@
     scrollbar-width: none;
   }
 
-  ._bulletCarouselTrack_1iihw_459::-webkit-scrollbar {
+  ._bulletCarouselTrack_1uz4c_507::-webkit-scrollbar {
     display: none;
   }
 
-  ._bulletCarouselCard_1iihw_474 {
+  ._bulletCarouselCard_1uz4c_522 {
     flex: 0 0 298px;
     scroll-snap-align: start;
     background-color: var(--clay-color-grey-100);
@@ -2850,13 +2898,13 @@
     box-sizing: border-box;
   }
 
-  ._bulletCarouselText_1iihw_486 {
+  ._bulletCarouselText_1uz4c_534 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._bulletCarouselTitle_1iihw_492 {
+  ._bulletCarouselTitle_1uz4c_540 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -2864,7 +2912,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._bulletCarouselDesc_1iihw_500 {
+  ._bulletCarouselDesc_1uz4c_548 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p4-size) * 1px);
@@ -2873,20 +2921,20 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._bulletCarouselMedia_1iihw_509 {
+  ._bulletCarouselMedia_1uz4c_557 {
     width: 100%;
     aspect-ratio: 343 / 219;
     border-radius: calc(var(--clay-radius-sm) * 1px);
     overflow: hidden;
   }
 
-  ._bulletCarouselMedia_1iihw_509 > * {
+  ._bulletCarouselMedia_1uz4c_557 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._bulletCarouselNav_1iihw_522 {
+  ._bulletCarouselNav_1uz4c_570 {
     display: flex;
     flex-direction: row;
     gap: calc(var(--clay-size-space-300) * 1px);
@@ -2896,14 +2944,14 @@
      Layout: tab-cards-carousel
      ═══════════════════════════════════════════ */
 
-  ._tab-cards-carousel_1iihw_532 {
+  ._tab-cards-carousel_1uz4c_580 {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: calc(var(--clay-size-space-1000) * 1px);
   }
 
-  ._tcSectionText_1iihw_539 {
+  ._tcSectionText_1uz4c_587 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -2912,7 +2960,7 @@
     width: 100%;
   }
 
-  ._tcTopic_1iihw_548 {
+  ._tcTopic_1uz4c_596 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -2920,7 +2968,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._tcSectionHeading_1iihw_556 {
+  ._tcSectionHeading_1uz4c_604 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -2930,7 +2978,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._tcTabBar_1iihw_566 {
+  ._tcTabBar_1uz4c_614 {
     display: flex;
     flex-direction: row;
     gap: calc(var(--clay-size-space-400) * 1px);
@@ -2939,11 +2987,11 @@
     align-self: stretch;
   }
 
-  ._tcTabBar_1iihw_566::-webkit-scrollbar {
+  ._tcTabBar_1uz4c_614::-webkit-scrollbar {
     display: none;
   }
 
-  ._tcTab_1iihw_566 {
+  ._tcTab_1uz4c_614 {
     flex-shrink: 0;
     height: 54px;
     padding: calc(var(--clay-size-space-300) * 1px) calc(var(--clay-size-space-1000) * 1px);
@@ -2959,24 +3007,24 @@
     white-space: nowrap;
   }
 
-  ._tcTabActive_1iihw_595 {
+  ._tcTabActive_1uz4c_643 {
     border-color: var(--clay-foundation-brand-color-iris-300);
     color: var(--clay-foundation-brand-color-iris-300);
   }
 
-  ._tcCarouselOuter_1iihw_600 {
+  ._tcCarouselOuter_1uz4c_648 {
     width: 100%;
     overflow: hidden;
   }
 
-  ._tcCarouselTrack_1iihw_605 {
+  ._tcCarouselTrack_1uz4c_653 {
     display: flex;
     flex-direction: row;
     gap: calc(var(--clay-size-space-600) * 1px);
     transition: transform var(--clay-motion-duration-slow) var(--clay-motion-easing-out);
   }
 
-  ._tcCard_1iihw_612 {
+  ._tcCard_1uz4c_660 {
     flex: 0 0 100%;
     box-sizing: border-box;
     background-color: var(--clay-color-grey-100);
@@ -2989,14 +3037,14 @@
     overflow: hidden;
   }
 
-  ._tcCardHeader_1iihw_625 {
+  ._tcCardHeader_1uz4c_673 {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._tcCardMeta_1iihw_632 {
+  ._tcCardMeta_1uz4c_680 {
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -3004,7 +3052,7 @@
     flex: 1 1 0%;
   }
 
-  ._tcCardIcon_1iihw_640 {
+  ._tcCardIcon_1uz4c_688 {
     flex-shrink: 0;
     width: 54px;
     height: 54px;
@@ -3015,19 +3063,19 @@
     border-radius: calc(var(--clay-radius-sm) * 1px);
   }
 
-  ._tcCardIcon_1iihw_640 > * {
+  ._tcCardIcon_1uz4c_688 > * {
     width: 100%;
     height: 100%;
     object-fit: contain;
   }
 
-  ._tcCardText_1iihw_657 {
+  ._tcCardText_1uz4c_705 {
     display: flex;
     flex-direction: column;
     gap: 0;
   }
 
-  ._tcCardTitle_1iihw_663 {
+  ._tcCardTitle_1uz4c_711 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -3035,7 +3083,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._tcCardSubtitle_1iihw_671 {
+  ._tcCardSubtitle_1uz4c_719 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -3043,15 +3091,15 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._tcCtaDeskWrap_1iihw_679 {
+  ._tcCtaDeskWrap_1uz4c_727 {
     display: none;
   }
 
-  ._tcCtaMobWrap_1iihw_683 {
+  ._tcCtaMobWrap_1uz4c_731 {
     display: block;
   }
 
-  ._tcMedia_1iihw_687 {
+  ._tcMedia_1uz4c_735 {
     width: calc(100% + var(--clay-size-space-400) * 2px);
     margin: 0 calc(var(--clay-size-space-400) * -1px) calc(var(--clay-size-space-400) * -1px);
     height: 280px;
@@ -3059,13 +3107,13 @@
     overflow: hidden;
   }
 
-  ._tcMedia_1iihw_687 > * {
+  ._tcMedia_1uz4c_735 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._tcNav_1iihw_701 {
+  ._tcNav_1uz4c_749 {
     display: flex;
     flex-direction: row;
     gap: calc(var(--clay-size-space-200) * 1px);
@@ -3075,14 +3123,14 @@
      Layout: stacked-rows
      ═══════════════════════════════════════════ */
 
-  ._stacked-rows_1iihw_711 {
+  ._stacked-rows_1uz4c_759 {
     display: flex;
     flex-direction: column;
     align-items: stretch;
     gap: calc(var(--clay-size-space-1000) * 1px);
   }
 
-  ._srHeader_1iihw_718 {
+  ._srHeader_1uz4c_766 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -3090,7 +3138,7 @@
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._srTopic_1iihw_726 {
+  ._srTopic_1uz4c_774 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -3098,7 +3146,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._srSectionHeading_1iihw_734 {
+  ._srSectionHeading_1uz4c_782 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -3109,13 +3157,13 @@
   }
 
   /* Mobile row: stacked column */
-  ._srRow_1iihw_745 {
+  ._srRow_1uz4c_793 {
     display: flex;
     flex-direction: column;
     gap: 0;
   }
 
-  ._srContentCard_1iihw_751 {
+  ._srContentCard_1uz4c_799 {
     background-color: var(--clay-color-grey-100);
     border-radius: calc(var(--clay-radius-lg) * 1px) calc(var(--clay-radius-lg) * 1px) 0 0;
     padding: calc(var(--clay-size-space-600) * 1px) calc(var(--clay-size-space-400) * 1px);
@@ -3124,25 +3172,25 @@
     justify-content: center;
   }
 
-  ._srCardInner_1iihw_760 {
+  ._srCardInner_1uz4c_808 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-800) * 1px);
   }
 
-  ._srTopGroup_1iihw_766 {
+  ._srTopGroup_1uz4c_814 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-500) * 1px);
   }
 
-  ._srTagWrap_1iihw_772 {
+  ._srTagWrap_1uz4c_820 {
     display: flex;
     align-items: center;
     gap: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._srTagDot_1iihw_778 {
+  ._srTagDot_1uz4c_826 {
     flex-shrink: 0;
     width: 18px;
     height: 18px;
@@ -3150,7 +3198,7 @@
     border-radius: calc(var(--clay-radius-sm) * 1px);
   }
 
-  ._srTagLabel_1iihw_786 {
+  ._srTagLabel_1uz4c_834 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -3158,7 +3206,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._srHeading_1iihw_794 {
+  ._srHeading_1uz4c_842 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -3168,7 +3216,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._srDesc_1iihw_804 {
+  ._srDesc_1uz4c_852 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3177,27 +3225,27 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._srBottomGroup_1iihw_813 {
+  ._srBottomGroup_1uz4c_861 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-800) * 1px);
   }
 
-  ._srBullets_1iihw_819 {
+  ._srBullets_1uz4c_867 {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     gap: calc(var(--clay-size-space-300) * 1px);
   }
 
-  ._srBullet_1iihw_819 {
+  ._srBullet_1uz4c_867 {
     display: flex;
     align-items: center;
     gap: calc(var(--clay-size-space-200) * 1px);
     flex-shrink: 0;
   }
 
-  ._srBulletIcon_1iihw_833 {
+  ._srBulletIcon_1uz4c_881 {
     flex-shrink: 0;
     width: calc(var(--clay-size-space-500) * 1px);
     height: calc(var(--clay-size-space-500) * 1px);
@@ -3207,7 +3255,7 @@
     justify-content: center;
   }
 
-  ._srBulletLabel_1iihw_843 {
+  ._srBulletLabel_1uz4c_891 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -3217,14 +3265,14 @@
   }
 
   /* Mobile media: below the card */
-  ._srMedia_1iihw_853 {
+  ._srMedia_1uz4c_901 {
     width: 100%;
     aspect-ratio: 675 / 400;
     border-radius: 0 0 calc(var(--clay-radius-lg) * 1px) calc(var(--clay-radius-lg) * 1px);
     overflow: hidden;
   }
 
-  ._srMedia_1iihw_853 > * {
+  ._srMedia_1uz4c_901 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
@@ -3234,7 +3282,7 @@
      Layout: horizontal-cards
      ═══════════════════════════════════════════ */
 
-  ._horizontal-cards_1iihw_870 {
+  ._horizontal-cards_1uz4c_918 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -3242,7 +3290,7 @@
     width: 100%;
   }
 
-  ._hcHeader_1iihw_878 {
+  ._hcHeader_1uz4c_926 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -3251,7 +3299,7 @@
     width: 100%;
   }
 
-  ._hcTagline_1iihw_887 {
+  ._hcTagline_1uz4c_935 {
     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);
@@ -3259,7 +3307,7 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._hcSectionHeading_1iihw_895 {
+  ._hcSectionHeading_1uz4c_943 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -3268,7 +3316,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._hcSectionDesc_1iihw_904 {
+  ._hcSectionDesc_1uz4c_952 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3278,7 +3326,7 @@
   }
 
   /* Mobile: snap carousel */
-  ._hcGrid_1iihw_914 {
+  ._hcGrid_1uz4c_962 {
     display: flex;
     flex-direction: row;
     gap: calc(var(--clay-size-space-400) * 1px);
@@ -3293,11 +3341,11 @@
     padding-right: calc(var(--clay-layout-section-padding-x-mobile) * 1px);
   }
 
-  ._hcGrid_1iihw_914::-webkit-scrollbar {
+  ._hcGrid_1uz4c_962::-webkit-scrollbar {
     display: none;
   }
 
-  ._hcCard_1iihw_933 {
+  ._hcCard_1uz4c_981 {
     flex: 0 0 calc(100vw - calc(var(--clay-layout-section-padding-x-mobile) * 2px + calc(var(--clay-size-space-800) * 1px)));
     scroll-snap-align: start;
     background: var(--clay-color-bg-primary);
@@ -3309,20 +3357,20 @@
     flex-shrink: 0;
   }
 
-  ._hcMedia_1iihw_945 {
+  ._hcMedia_1uz4c_993 {
     width: 100%;
     aspect-ratio: 16 / 9;
     overflow: hidden;
     flex-shrink: 0;
   }
 
-  ._hcMedia_1iihw_945 > * {
+  ._hcMedia_1uz4c_993 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._hcContent_1iihw_958 {
+  ._hcContent_1uz4c_1006 {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -3331,14 +3379,14 @@
     flex: 1;
   }
 
-  ._hcTextGroup_1iihw_967 {
+  ._hcTextGroup_1uz4c_1015 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
     width: 100%;
   }
 
-  ._hcHeading_1iihw_974 {
+  ._hcHeading_1uz4c_1022 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
@@ -3347,7 +3395,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._hcDesc_1iihw_983 {
+  ._hcDesc_1uz4c_1031 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3356,7 +3404,7 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._hcAction_1iihw_992 {
+  ._hcAction_1uz4c_1040 {
     display: inline-flex;
     align-items: center;
     gap: calc(var(--clay-size-space-200) * 1px);
@@ -3374,11 +3422,11 @@
     align-self: flex-start;
   }
 
-  ._hcAction_1iihw_992:hover {
+  ._hcAction_1uz4c_1040:hover {
     border-bottom-color: var(--clay-color-text-default-default);
   }
 
-  ._hcDots_1iihw_1014 {
+  ._hcDots_1uz4c_1062 {
     display: flex;
     justify-content: center;
   }
@@ -3387,20 +3435,20 @@
      Layout: horizontal-icons
      ═══════════════════════════════════════════ */
 
-  ._horizontal-icons_1iihw_1023 {
+  ._horizontal-icons_1uz4c_1071 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1600) * 1px);
     width: 100%;
   }
 
-  ._hiHeader_1iihw_1030 {
+  ._hiHeader_1uz4c_1078 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-500) * 1px);
   }
 
-  ._hiTagline_1iihw_1036 {
+  ._hiTagline_1uz4c_1084 {
     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);
@@ -3408,7 +3456,7 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._hiSectionHeading_1iihw_1044 {
+  ._hiSectionHeading_1uz4c_1092 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
@@ -3418,7 +3466,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._hiSectionDesc_1iihw_1054 {
+  ._hiSectionDesc_1uz4c_1102 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3427,20 +3475,20 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._hiGrid_1iihw_1063 {
+  ._hiGrid_1uz4c_1111 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1200) * 1px);
     width: 100%;
   }
 
-  ._hiColumn_1iihw_1070 {
+  ._hiColumn_1uz4c_1118 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._hiIconWrap_1iihw_1076 {
+  ._hiIconWrap_1uz4c_1124 {
     width: calc(var(--clay-size-space-1200) * 1px);
     height: calc(var(--clay-size-space-1200) * 1px);
     flex-shrink: 0;
@@ -3449,13 +3497,13 @@
     justify-content: flex-start;
   }
 
-  ._hiTextGroup_1iihw_1085 {
+  ._hiTextGroup_1uz4c_1133 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._hiHeading_1iihw_1091 {
+  ._hiHeading_1uz4c_1139 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
@@ -3465,7 +3513,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._hiDesc_1iihw_1101 {
+  ._hiDesc_1uz4c_1149 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3478,20 +3526,20 @@
      Layout: stacked-media-left
      ═══════════════════════════════════════════ */
 
-  ._stacked-media-left_1iihw_1114 {
+  ._stacked-media-left_1uz4c_1162 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1600) * 1px);
     width: 100%;
   }
 
-  ._smlSectionHeader_1iihw_1121 {
+  ._smlSectionHeader_1uz4c_1169 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._smlSectionTopic_1iihw_1127 {
+  ._smlSectionTopic_1uz4c_1175 {
     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);
@@ -3499,7 +3547,7 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._smlSectionHeading_1iihw_1135 {
+  ._smlSectionHeading_1uz4c_1183 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -3509,13 +3557,13 @@
   }
 
   /* Mobile: content top, media below */
-  ._smlRow_1iihw_1145 {
+  ._smlRow_1uz4c_1193 {
     display: flex;
     flex-direction: column-reverse;
     gap: calc(var(--clay-size-space-800) * 1px);
   }
 
-  ._smlMedia_1iihw_1151 {
+  ._smlMedia_1uz4c_1199 {
     width: 100%;
     aspect-ratio: 4 / 3;
     border-radius: calc(var(--clay-radius-2xl) * 1px);
@@ -3523,20 +3571,20 @@
     flex-shrink: 0;
   }
 
-  ._smlMedia_1iihw_1151 > * {
+  ._smlMedia_1uz4c_1199 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._smlContent_1iihw_1165 {
+  ._smlContent_1uz4c_1213 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
     justify-content: center;
   }
 
-  ._smlTagline_1iihw_1172 {
+  ._smlTagline_1uz4c_1220 {
     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);
@@ -3544,7 +3592,7 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._smlHeading_1iihw_1180 {
+  ._smlHeading_1uz4c_1228 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
@@ -3554,7 +3602,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._smlDesc_1iihw_1190 {
+  ._smlDesc_1uz4c_1238 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3563,7 +3611,7 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._smlActions_1iihw_1199 {
+  ._smlActions_1uz4c_1247 {
     display: flex;
     flex-direction: column;
     align-items: stretch;
@@ -3575,7 +3623,7 @@
      Layout: horizontal-media-top
      ═══════════════════════════════════════════ */
 
-  ._horizontal-media-top_1iihw_1211 {
+  ._horizontal-media-top_1uz4c_1259 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -3583,7 +3631,7 @@
     width: 100%;
   }
 
-  ._hmtHeader_1iihw_1219 {
+  ._hmtHeader_1uz4c_1267 {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -3591,7 +3639,7 @@
     width: 100%;
   }
 
-  ._hmtTopic_1iihw_1227 {
+  ._hmtTopic_1uz4c_1275 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -3599,7 +3647,7 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._hmtSectionHeading_1iihw_1235 {
+  ._hmtSectionHeading_1uz4c_1283 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -3609,20 +3657,20 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._hmtGrid_1iihw_1245 {
+  ._hmtGrid_1uz4c_1293 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1200) * 1px);
     width: 100%;
   }
 
-  ._hmtColumn_1iihw_1252 {
+  ._hmtColumn_1uz4c_1300 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._hmtMedia_1iihw_1258 {
+  ._hmtMedia_1uz4c_1306 {
     width: 100%;
     height: 160px;
     border-radius: calc(var(--clay-radius-sm) * 1px);
@@ -3630,25 +3678,25 @@
     flex-shrink: 0;
   }
 
-  ._hmtMedia_1iihw_1258 > * {
+  ._hmtMedia_1uz4c_1306 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._hmtContent_1iihw_1272 {
+  ._hmtContent_1uz4c_1320 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._hmtTextGroup_1iihw_1278 {
+  ._hmtTextGroup_1uz4c_1326 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._hmtHeading_1iihw_1284 {
+  ._hmtHeading_1uz4c_1332 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
@@ -3658,7 +3706,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._hmtDesc_1iihw_1294 {
+  ._hmtDesc_1uz4c_1342 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3667,7 +3715,7 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._hmtAction_1iihw_1303 {
+  ._hmtAction_1uz4c_1351 {
     display: inline-flex;
     align-items: center;
     gap: calc(var(--clay-size-space-200) * 1px);
@@ -3686,12 +3734,12 @@
     align-self: flex-start;
   }
 
-  ._hmtAction_1iihw_1303:hover {
+  ._hmtAction_1uz4c_1351:hover {
     border-bottom-color: var(--clay-color-text-default-default);
   }
 
   /* ── Stacked Cards Carousel layout ── */
-  ._stacked-cards-carousel_1iihw_1327 {
+  ._stacked-cards-carousel_1uz4c_1375 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-800) * 1px);
@@ -3699,12 +3747,12 @@
   }
 
   /* Desktop stack — hidden on mobile */
-  ._sccDeskStack_1iihw_1335 {
+  ._sccDeskStack_1uz4c_1383 {
     display: none;
   }
 
   /* Mobile scroll carousel */
-  ._sccMobTrack_1iihw_1340 {
+  ._sccMobTrack_1uz4c_1388 {
     display: flex;
     flex-direction: row;
     gap: calc(var(--clay-size-space-400) * 1px);
@@ -3714,11 +3762,11 @@
     width: 100%;
   }
 
-  ._sccMobTrack_1iihw_1340::-webkit-scrollbar {
+  ._sccMobTrack_1uz4c_1388::-webkit-scrollbar {
     display: none;
   }
 
-  ._sccCard_1iihw_1354 {
+  ._sccCard_1uz4c_1402 {
     flex: 0 0 100%;
     scroll-snap-align: start;
     display: flex;
@@ -3728,14 +3776,14 @@
     overflow: hidden;
   }
 
-  ._sccMedia_1iihw_1364 {
+  ._sccMedia_1uz4c_1412 {
     width: 100%;
     aspect-ratio: 4 / 3;
     flex-shrink: 0;
     overflow: hidden;
   }
 
-  ._sccCardContent_1iihw_1371 {
+  ._sccCardContent_1uz4c_1419 {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -3743,13 +3791,13 @@
     padding: calc(var(--clay-size-space-800) * 1px);
   }
 
-  ._sccDotTag_1iihw_1379 {
+  ._sccDotTag_1uz4c_1427 {
     display: flex;
     align-items: center;
     gap: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._sccDot_1iihw_1379 {
+  ._sccDot_1uz4c_1427 {
     width: calc(var(--clay-size-space-300) * 1px);
     height: calc(var(--clay-size-space-300) * 1px);
     border-radius: calc(var(--clay-radius-sm) * 1px);
@@ -3757,13 +3805,13 @@
     flex-shrink: 0;
   }
 
-  ._sccDotLabel_1iihw_1393 {
+  ._sccDotLabel_1uz4c_1441 {
     font-size: calc(var(--clay-web-type-p4-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._sccHeading_1iihw_1399 {
+  ._sccHeading_1uz4c_1447 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h5-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -3772,20 +3820,20 @@
     margin: 0;
   }
 
-  ._sccDesc_1iihw_1408 {
+  ._sccDesc_1uz4c_1456 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: var(--clay-web-type-body-line-height);
     margin: 0;
   }
 
-  ._sccMobDots_1iihw_1415 {
+  ._sccMobDots_1uz4c_1463 {
     display: flex;
     justify-content: flex-start;
   }
 
   /* ── Content Carousel layout ── */
-  ._content-carousel_1iihw_1421 {
+  ._content-carousel_1uz4c_1469 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -3793,7 +3841,7 @@
     width: 100%;
   }
 
-  ._ccHeader_1iihw_1429 {
+  ._ccHeader_1uz4c_1477 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -3802,7 +3850,7 @@
     width: 100%;
   }
 
-  ._ccSectionHeading_1iihw_1438 {
+  ._ccSectionHeading_1uz4c_1486 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -3811,7 +3859,7 @@
     margin: 0;
   }
 
-  ._ccSectionDesc_1iihw_1447 {
+  ._ccSectionDesc_1uz4c_1495 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: var(--clay-web-type-body-line-height);
@@ -3819,7 +3867,7 @@
   }
 
   /* Mobile carousel track */
-  ._ccMobTrack_1iihw_1455 {
+  ._ccMobTrack_1uz4c_1503 {
     display: flex;
     flex-direction: row;
     gap: calc(var(--clay-size-space-400) * 1px);
@@ -3833,16 +3881,16 @@
     padding-right: calc(var(--clay-layout-section-padding-x-mobile) * 1px);
   }
 
-  ._ccMobTrack_1iihw_1455::-webkit-scrollbar {
+  ._ccMobTrack_1uz4c_1503::-webkit-scrollbar {
     display: none;
   }
 
   /* Desktop grid — hidden on mobile */
-  ._ccDeskGrid_1iihw_1474 {
+  ._ccDeskGrid_1uz4c_1522 {
     display: none;
   }
 
-  ._ccCard_1iihw_1478 {
+  ._ccCard_1uz4c_1526 {
     flex: 0 0 calc(100vw - calc(var(--clay-layout-section-padding-x-mobile) * 2px + calc(var(--clay-size-space-800) * 1px)));
     scroll-snap-align: start;
     display: flex;
@@ -3850,7 +3898,7 @@
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._ccMedia_1iihw_1486 {
+  ._ccMedia_1uz4c_1534 {
     width: 100%;
     aspect-ratio: 1 / 1;
     border-radius: calc(var(--clay-radius-lg) * 1px);
@@ -3858,14 +3906,14 @@
     flex-shrink: 0;
   }
 
-  ._ccContent_1iihw_1494 {
+  ._ccContent_1uz4c_1542 {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._ccCardHeading_1iihw_1501 {
+  ._ccCardHeading_1uz4c_1549 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h5-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -3874,14 +3922,14 @@
     margin: 0;
   }
 
-  ._ccCardDesc_1iihw_1510 {
+  ._ccCardDesc_1uz4c_1558 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: var(--clay-web-type-body-line-height);
     margin: 0;
   }
 
-  ._ccLearnMore_1iihw_1517 {
+  ._ccLearnMore_1uz4c_1565 {
     display: inline-flex;
     align-items: center;
     gap: calc(var(--clay-size-space-200) * 1px);
@@ -3895,52 +3943,52 @@
     font-family: var(--clay-web-type-family);
   }
 
-  ._ccNavRow_1iihw_1531 {
+  ._ccNavRow_1uz4c_1579 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
   }
 
-  ._ccArrows_1iihw_1538 {
+  ._ccArrows_1uz4c_1586 {
     display: none;
   }
 
   /* ── List Right Media layout ── */
-  ._list-right-media_1iihw_1543 {
+  ._list-right-media_1uz4c_1591 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1600) * 1px);
     width: 100%;
   }
 
-  ._lrmContainer_1iihw_1550 {
+  ._lrmContainer_1uz4c_1598 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1600) * 1px);
     width: 100%;
   }
 
-  ._lrmLeft_1iihw_1557 {
+  ._lrmLeft_1uz4c_1605 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1200) * 1px);
   }
 
-  ._lrmSectionText_1iihw_1563 {
+  ._lrmSectionText_1uz4c_1611 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._lrmTagline_1iihw_1569 {
+  ._lrmTagline_1uz4c_1617 {
     font-size: calc(var(--clay-web-type-p5-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
     color: var(--clay-color-text-default-secondary);
     letter-spacing: calc(var(--clay-web-type-p5-letter-spacing) * 1px);
   }
 
-  ._lrmSectionHeading_1iihw_1576 {
+  ._lrmSectionHeading_1uz4c_1624 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -3949,19 +3997,19 @@
     margin: 0;
   }
 
-  ._lrmSectionDesc_1iihw_1585 {
+  ._lrmSectionDesc_1uz4c_1633 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: var(--clay-web-type-body-line-height);
     margin: 0;
   }
 
-  ._lrmList_1iihw_1592 {
+  ._lrmList_1uz4c_1640 {
     display: flex;
     flex-direction: column;
   }
 
-  ._lrmItem_1iihw_1597 {
+  ._lrmItem_1uz4c_1645 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
@@ -3969,7 +4017,7 @@
     border-top: 1px solid var(--clay-color-grey-200);
   }
 
-  ._lrmItemHeading_1iihw_1605 {
+  ._lrmItemHeading_1uz4c_1653 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -3978,14 +4026,14 @@
     margin: 0;
   }
 
-  ._lrmItemDesc_1iihw_1614 {
+  ._lrmItemDesc_1uz4c_1662 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: var(--clay-web-type-body-line-height);
     margin: 0;
   }
 
-  ._lrmMedia_1iihw_1621 {
+  ._lrmMedia_1uz4c_1669 {
     width: 100%;
     aspect-ratio: 3 / 4;
     border-radius: calc(var(--clay-radius-2xl) * 1px);
@@ -3994,7 +4042,7 @@
   }
 
   /* ── Tabs Media Right layout ── */
-  ._tabs-media-right_1iihw_1630 {
+  ._tabs-media-right_1uz4c_1678 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -4002,7 +4050,7 @@
     width: 100%;
   }
 
-  ._tmrSectionHeader_1iihw_1638 {
+  ._tmrSectionHeader_1uz4c_1686 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -4011,14 +4059,14 @@
     width: 100%;
   }
 
-  ._tmrTagline_1iihw_1647 {
+  ._tmrTagline_1uz4c_1695 {
     font-size: calc(var(--clay-web-type-p5-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
     color: var(--clay-color-text-default-secondary);
     letter-spacing: calc(var(--clay-web-type-p5-letter-spacing) * 1px);
   }
 
-  ._tmrSectionHeading_1iihw_1654 {
+  ._tmrSectionHeading_1uz4c_1702 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -4027,14 +4075,14 @@
     margin: 0;
   }
 
-  ._tmrSectionDesc_1iihw_1663 {
+  ._tmrSectionDesc_1uz4c_1711 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: var(--clay-web-type-body-line-height);
     margin: 0;
   }
 
-  ._tmrSectionActions_1iihw_1670 {
+  ._tmrSectionActions_1uz4c_1718 {
     display: flex;
     flex-direction: column;
     align-items: stretch;
@@ -4042,7 +4090,7 @@
     gap: calc(var(--clay-size-space-300) * 1px);
   }
 
-  ._tmrPanel_1iihw_1678 {
+  ._tmrPanel_1uz4c_1726 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-800) * 1px);
@@ -4051,20 +4099,20 @@
     overflow: hidden;
   }
 
-  ._tmrPanelText_1iihw_1687 {
+  ._tmrPanelText_1uz4c_1735 {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._tmrDotTag_1iihw_1694 {
+  ._tmrDotTag_1uz4c_1742 {
     display: flex;
     align-items: center;
     gap: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._tmrDot_1iihw_1694 {
+  ._tmrDot_1uz4c_1742 {
     width: calc(var(--clay-size-space-300) * 1px);
     height: calc(var(--clay-size-space-300) * 1px);
     border-radius: calc(var(--clay-radius-sm) * 1px);
@@ -4072,13 +4120,13 @@
     flex-shrink: 0;
   }
 
-  ._tmrDotLabel_1iihw_1708 {
+  ._tmrDotLabel_1uz4c_1756 {
     font-size: calc(var(--clay-web-type-p4-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._tmrPanelHeading_1iihw_1714 {
+  ._tmrPanelHeading_1uz4c_1762 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h5-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -4087,14 +4135,14 @@
     margin: 0;
   }
 
-  ._tmrPanelDesc_1iihw_1723 {
+  ._tmrPanelDesc_1uz4c_1771 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: var(--clay-web-type-body-line-height);
     margin: 0;
   }
 
-  ._tmrPanelMedia_1iihw_1730 {
+  ._tmrPanelMedia_1uz4c_1778 {
     width: 100%;
     aspect-ratio: 4 / 3;
     border-radius: calc(var(--clay-radius-2xl) * 1px);
@@ -4102,13 +4150,13 @@
     flex-shrink: 0;
   }
 
-  ._tmrTabsWrap_1iihw_1738 {
+  ._tmrTabsWrap_1uz4c_1786 {
     width: 100%;
     min-width: 0;
     overflow: hidden;
   }
 
-  ._tabs-media-right_1iihw_1630 [role="tablist"] {
+  ._tabs-media-right_1uz4c_1678 [role="tablist"] {
     overflow-x: auto;
     flex-wrap: nowrap;
     scrollbar-width: none;
@@ -4117,7 +4165,7 @@
     max-width: 100%;
   }
 
-  ._tabs-media-right_1iihw_1630 [role="tablist"]::-webkit-scrollbar {
+  ._tabs-media-right_1uz4c_1678 [role="tablist"]::-webkit-scrollbar {
     display: none;
   }
 
@@ -4126,26 +4174,26 @@
      Desktop (≥900px)
      ═══════════════════════════════════════════ */
   /* ── Accordion Media Right layout ── */
-  ._amrContainer_1iihw_1762 {
+  ._amrContainer_1uz4c_1810 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1600) * 1px);
     width: 100%;
   }
 
-  ._amrLeft_1iihw_1769 {
+  ._amrLeft_1uz4c_1817 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-800) * 1px);
   }
 
-  ._amrSectionText_1iihw_1775 {
+  ._amrSectionText_1uz4c_1823 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._amrSectionHeading_1iihw_1781 {
+  ._amrSectionHeading_1uz4c_1829 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -4155,27 +4203,27 @@
     margin: 0;
   }
 
-  ._amrSectionDesc_1iihw_1791 {
+  ._amrSectionDesc_1uz4c_1839 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: 1.5;
     margin: 0;
   }
 
-  ._amrAccordion_1iihw_1798 {
+  ._amrAccordion_1uz4c_1846 {
     display: flex;
     flex-direction: column;
   }
 
-  ._amrItem_1iihw_1803 {
+  ._amrItem_1uz4c_1851 {
     border-top: 1px solid var(--clay-color-grey-300);
   }
 
-  ._amrItem_1iihw_1803:last-child {
+  ._amrItem_1uz4c_1851:last-child {
     border-bottom: 1px solid var(--clay-color-grey-300);
   }
 
-  ._amrItemTrigger_1iihw_1811 {
+  ._amrItemTrigger_1uz4c_1859 {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -4188,7 +4236,7 @@
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._amrItemTitle_1iihw_1824 {
+  ._amrItemTitle_1uz4c_1872 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h5-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -4196,22 +4244,22 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._amrItemOpen_1iihw_1832 ._amrItemTitle_1iihw_1824 {
+  ._amrItemOpen_1uz4c_1880 ._amrItemTitle_1uz4c_1872 {
     color: var(--clay-color-text-default-default);
   }
 
-  ._amrChevron_1iihw_1836 {
+  ._amrChevron_1uz4c_1884 {
     flex-shrink: 0;
     color: var(--clay-color-text-default-secondary);
     display: flex;
     align-items: center;
   }
 
-  ._amrItemOpen_1iihw_1832 ._amrChevron_1iihw_1836 {
+  ._amrItemOpen_1uz4c_1880 ._amrChevron_1uz4c_1884 {
     color: var(--clay-color-text-default-default);
   }
 
-  ._amrItemContent_1iihw_1847 {
+  ._amrItemContent_1uz4c_1895 {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -4219,14 +4267,14 @@
     padding-bottom: calc(var(--clay-size-space-500) * 1px);
   }
 
-  ._amrItemDesc_1iihw_1855 {
+  ._amrItemDesc_1uz4c_1903 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: 1.5;
     margin: 0;
   }
 
-  ._amrMedia_1iihw_1862 {
+  ._amrMedia_1uz4c_1910 {
     width: 100%;
     aspect-ratio: 1 / 1;
     border-radius: calc(var(--clay-radius-lg) * 1px);
@@ -4235,14 +4283,14 @@
   }
 
   /* ── Numbered Accordion — mobile ── */
-  ._naContainer_1iihw_1871 {
+  ._naContainer_1uz4c_1919 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-2000) * 1px);
     width: 100%;
   }
 
-  ._naSectionHeader_1iihw_1878 {
+  ._naSectionHeader_1uz4c_1926 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
@@ -4250,14 +4298,14 @@
     width: 100%;
   }
 
-  ._naTagline_1iihw_1886 {
+  ._naTagline_1uz4c_1934 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
     color: var(--clay-color-text-default-default);
     line-height: 1.5;
   }
 
-  ._naSectionHeading_1iihw_1893 {
+  ._naSectionHeading_1uz4c_1941 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h1-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -4267,7 +4315,7 @@
     margin: 0;
   }
 
-  ._naSectionDesc_1iihw_1903 {
+  ._naSectionDesc_1uz4c_1951 {
     font-size: calc(var(--clay-web-type-p1-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: 1.5;
@@ -4275,28 +4323,67 @@
   }
 
   /* Desktop row: hidden on mobile */
-  ._naDesktopRow_1iihw_1911 {
+  ._naDesktopRow_1uz4c_1959 {
     display: none;
   }
 
   /* Mobile list */
-  ._naMobileList_1iihw_1916 {
+  ._naMobileList_1uz4c_1964 {
     display: flex;
     flex-direction: column;
-    gap: calc(var(--clay-size-space-200) * 1px);
+    gap: 0;
     width: 100%;
   }
 
-  ._naMobileActiveItem_1iihw_1923 {
+  ._naMobileItem_1uz4c_1971 {
     border: 1px solid var(--clay-color-grey-300);
     border-radius: calc(var(--clay-radius-lg) * 1px);
-    padding: calc(var(--clay-size-space-800) * 1px);
+    overflow: hidden;
+  }
+
+  /* 64px header: number absolute top-left, label centered */
+  ._naMobileItemHeader_1uz4c_1978 {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 64px;
+    width: 100%;
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0 calc(var(--clay-size-space-600) * 1px);
+    box-sizing: border-box;
+  }
+
+  ._naMobileItemBody_1uz4c_1992 {
+    display: grid;
+    grid-template-rows: minmax(0, 0fr);
+    transition: grid-template-rows 0.3s ease-in-out;
+  }
+
+  ._naMobileItemActive_1uz4c_1998 ._naMobileItemBody_1uz4c_1992 {
+    grid-template-rows: 1fr;
+  }
+
+  /* Label hidden when active — number stays in place */
+  ._naMobileItemActive_1uz4c_1998 ._naMobileInactiveLabel_1uz4c_2003 {
+    visibility: hidden;
+  }
+
+  ._naMobileBodyInner_1uz4c_2007 {
+    overflow: hidden;
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
+    padding: 0 calc(var(--clay-size-space-600) * 1px) calc(var(--clay-size-space-800) * 1px);
   }
 
-  ._naMobileNumber_1iihw_1932 {
+  /* Number is absolute top-left within the 64px header */
+  ._naMobileNumber_1uz4c_2016 {
+    position: absolute;
+    left: calc(var(--clay-size-space-600) * 1px);
+    top: 18px;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -4304,68 +4391,57 @@
     line-height: 1.4;
   }
 
-  ._naMobileHeading_1iihw_1940 {
+  ._naMobileHeading_1uz4c_2027 {
     font-family: var(--clay-web-type-family);
-    font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
+    font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
     color: var(--clay-color-text-default-default);
-    line-height: var(--clay-web-type-h4-mobile-line-height);
-    letter-spacing: calc(var(--clay-web-type-h4-mobile-letter-spacing) * 1px);
+    line-height: var(--clay-web-type-h3-mobile-line-height);
+    letter-spacing: calc(var(--clay-web-type-h3-mobile-letter-spacing) * 1px);
     margin: 0;
   }
 
-  ._naMobileDesc_1iihw_1950 {
+  ._naMobileDesc_1uz4c_2037 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: 1.5;
     margin: 0;
   }
 
-  ._naMobileMedia_1iihw_1957 {
+  ._naMobileMedia_1uz4c_2044 {
     width: 100%;
-    aspect-ratio: 2 / 1;
+    aspect-ratio: 8 / 9;
     border-radius: calc(var(--clay-radius-lg) * 1px);
     overflow: hidden;
   }
 
-  ._naMobileInactiveItem_1iihw_1964 {
-    display: flex;
-    align-items: center;
-    gap: calc(var(--clay-size-space-400) * 1px);
-    border: 1px solid var(--clay-color-grey-300);
-    border-radius: calc(var(--clay-radius-lg) * 1px);
-    padding: calc(var(--clay-size-space-400) * 1px) calc(var(--clay-size-space-800) * 1px);
-    background: none;
-    cursor: pointer;
-    text-align: left;
-    width: 100%;
-    box-sizing: border-box;
-  }
-
-  ._naMobileInactiveLabel_1iihw_1978 {
+  /* Centered label text (heading-5/mobile = h6-mobile = 20px) */
+  ._naMobileInactiveLabel_1uz4c_2003 {
     font-family: var(--clay-web-type-family);
-    font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
+    font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
     color: var(--clay-color-text-default-default);
     line-height: 1.4;
+    text-align: center;
+    width: 100%;
   }
 
   /* ── Steps Numbered — mobile ── */
-  ._snContainer_1iihw_1987 {
+  ._snContainer_1uz4c_2063 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1600) * 1px);
     width: 100%;
   }
 
-  ._snRow_1iihw_1994 {
+  ._snRow_1uz4c_2070 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-800) * 1px);
     width: 100%;
   }
 
-  ._snNumber_1iihw_2001 {
+  ._snNumber_1uz4c_2077 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-huge-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -4375,32 +4451,32 @@
     flex-shrink: 0;
   }
 
-  ._snContent_1iihw_2011 {
+  ._snContent_1uz4c_2087 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._snSectionTitle_1iihw_2017 {
+  ._snSectionTitle_1uz4c_2093 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-300) * 1px);
   }
 
-  ._snTagline_1iihw_2023 {
+  ._snTagline_1uz4c_2099 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
     color: var(--clay-color-text-default-default);
     line-height: 1.5;
   }
 
-  ._snHeadingBlock_1iihw_2030 {
+  ._snHeadingBlock_1uz4c_2106 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-500) * 1px);
   }
 
-  ._snHeading_1iihw_2030 {
+  ._snHeading_1uz4c_2106 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -4410,54 +4486,108 @@
     margin: 0;
   }
 
-  ._snDesc_1iihw_2046 {
+  ._snDesc_1uz4c_2122 {
     font-size: calc(var(--clay-web-type-p2-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: 1.5;
     margin: 0;
   }
 
-  ._snActions_1iihw_2053 {
+  ._snActions_1uz4c_2129 {
     display: flex;
     flex-wrap: wrap;
     gap: calc(var(--clay-size-space-300) * 1px);
     align-items: center;
   }
 
+  /* ── Steps Numbered — animated additions ── */
+  ._snSticky_1uz4c_2137 {
+    display: none;
+  }
+
+  ._snNumDisplay_1uz4c_2141 {
+    display: flex;
+    align-items: flex-start;
+    overflow: hidden;
+    height: calc(var(--clay-web-type-huge-desktop-size) * 1px);
+    font-family: var(--clay-web-type-family);
+    font-size: calc(var(--clay-web-type-huge-desktop-size) * 1px);
+    font-weight: var(--clay-web-type-weight-medium);
+    color: var(--clay-color-text-default-default);
+    letter-spacing: calc(var(--clay-web-type-huge-desktop-letter-spacing) * 1px);
+    line-height: 1;
+  }
+
+  ._snDigitZero_1uz4c_2154 {
+    display: block;
+    line-height: 1;
+  }
+
+  ._snDigitCol_1uz4c_2159 {
+    display: flex;
+    flex-direction: column;
+    will-change: transform;
+  }
+
+  ._snDigitItem_1uz4c_2165 {
+    display: block;
+    line-height: 1;
+  }
+
+  ._snRows_1uz4c_2170 {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--clay-size-space-1600) * 1px);
+  }
+
+  ._snBarTrack_1uz4c_2176 {
+    width: 100%;
+    height: 1px;
+    background: var(--clay-color-grey-300);
+    flex-shrink: 0;
+  }
+
+  ._snBarFill_1uz4c_2183 {
+    height: 100%;
+    width: 0%;
+    background: var(--clay-color-text-default-default);
+    will-change: width;
+  }
+
   /* ── Split Icon List — mobile ── */
-  ._silContainer_1iihw_2061 {
+  ._silContainer_1uz4c_2191 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1200) * 1px);
     width: 100%;
   }
 
-  ._silLeft_1iihw_2068 {
+  ._silLeft_1uz4c_2198 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._silSectionTitle_1iihw_2074 {
+  ._silSectionTitle_1uz4c_2204 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-300) * 1px);
   }
 
-  ._silTagline_1iihw_2080 {
+  ._silTagline_1uz4c_2210 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
     color: var(--clay-color-text-default-default);
     line-height: 1.5;
   }
 
-  ._silHeadingBlock_1iihw_2087 {
+  ._silHeadingBlock_1uz4c_2217 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-500) * 1px);
   }
 
-  ._silSectionHeading_1iihw_2093 {
+  ._silSectionHeading_1uz4c_2223 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -4467,27 +4597,27 @@
     margin: 0;
   }
 
-  ._silSectionDesc_1iihw_2103 {
+  ._silSectionDesc_1uz4c_2233 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: 1.5;
     margin: 0;
   }
 
-  ._silActions_1iihw_2110 {
+  ._silActions_1uz4c_2240 {
     display: flex;
     flex-wrap: wrap;
     gap: calc(var(--clay-size-space-300) * 1px);
     align-items: center;
   }
 
-  ._silRight_1iihw_2117 {
+  ._silRight_1uz4c_2247 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._silCard_1iihw_2123 {
+  ._silCard_1uz4c_2253 {
     border: 1px solid var(--clay-color-grey-300);
     border-radius: calc(var(--clay-radius-lg) * 1px);
     padding: calc(var(--clay-size-space-500) * 1px);
@@ -4496,14 +4626,14 @@
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._silIcon_1iihw_2132 {
+  ._silIcon_1uz4c_2262 {
     width: 44px;
     height: 44px;
     overflow: hidden;
     flex-shrink: 0;
   }
 
-  ._silItemHeading_1iihw_2139 {
+  ._silItemHeading_1uz4c_2269 {
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -4512,61 +4642,75 @@
     margin: 0;
   }
 
-  ._silItemDesc_1iihw_2148 {
+  ._silItemDesc_1uz4c_2278 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     color: var(--clay-color-text-default-secondary);
     line-height: 1.5;
     margin: 0;
   }
 
+  @media (min-width: 768px) {
+    /* ── Steps Numbered — tablet+ sticky layout ── */
+    ._snContainer_1uz4c_2063 {
+      display: grid;
+      grid-template-columns: max-content 1fr;
+      align-items: start;
+      column-gap: calc(var(--clay-size-space-2000) * 1px);
+    }
+
+    ._snSticky_1uz4c_2137 {
+      display: flex;
+      position: sticky;
+      top: 20%;
+    }
+
+    ._snNumber_1uz4c_2077 {
+      display: none;
+    }
+  }
+
   @media (min-width: 1200px) {
-    ._section_1iihw_3 {
+    ._section_1uz4c_8 {
       padding: calc(var(--clay-size-space-2400) * 1px) calc(var(--clay-layout-section-padding-x) * 1px);
     }
 
-    ._container_1iihw_14 {
+    ._container_1uz4c_19 {
       flex-direction: row;
       align-items: stretch;
       gap: calc(var(--clay-size-space-500) * 1px);
     }
 
-    ._accordion_1iihw_25 {
+    ._accordion_1uz4c_30 {
       flex: 1 1 0%;
       min-width: 0;
       gap: calc(var(--clay-size-space-500) * 1px);
     }
 
-    ._item_1iihw_33 {
-      padding: calc(var(--clay-size-space-800) * 1px);
+    ._item_1uz4c_38 {
+      padding: calc(var(--clay-size-space-600) * 1px);
       border-radius: calc(var(--clay-radius-2xl) * 1px);
     }
 
-    ._itemActive_1iihw_40 {
+    ._itemActive_1uz4c_45 {
       border-radius: calc(var(--clay-radius-2xl) * 1px);
       flex: 1;
     }
 
-    ._itemHeading_1iihw_59 {
+    ._itemHeading_1uz4c_64,
+    ._itemActive_1uz4c_45 ._itemHeading_1uz4c_64 {
       font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
-      font-weight: var(--clay-web-type-weight-medium);
+      font-weight: var(--clay-web-type-h6-desktop-weight);
       line-height: var(--clay-web-type-h6-desktop-line-height);
       letter-spacing: calc(var(--clay-web-type-h6-desktop-letter-spacing) * 1px);
     }
 
-    ._itemActive_1iihw_40 ._itemHeading_1iihw_59 {
-      font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
-      font-weight: var(--clay-web-type-h4-desktop-weight);
-      line-height: var(--clay-web-type-h4-desktop-line-height);
-      letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
-    }
-
     /* Hide inline media on desktop — shown in panel instead */
-    ._itemMedia_1iihw_105 {
+    ._itemMedia_1uz4c_120 {
       display: none;
     }
 
     /* Show side media panel — never narrower than 1:1 */
-    ._mediaPanel_1iihw_114 {
+    ._mediaPanel_1uz4c_129 {
       display: flex;
       flex: 1 1 0%;
       min-width: 0;
@@ -4575,7 +4719,7 @@
       overflow: hidden;
     }
 
-    ._mediaPanel_1iihw_114 > * {
+    ._mediaPanel_1uz4c_129 > * {
       width: 100%;
       height: 100%;
       object-fit: cover;
@@ -4583,7 +4727,7 @@
 
     /* ── Tabs-stroke desktop ── */
 
-    ._strokeCard_1iihw_265 {
+    ._strokeCard_1uz4c_313 {
       border-radius: calc(var(--clay-foundation-radius-3xl) * 1px);
       padding: calc(var(--clay-size-space-600) * 1px) calc(var(--clay-size-space-600) * 1px)
         calc(var(--clay-size-space-600) * 1px) calc(var(--clay-size-space-1000) * 1px);
@@ -4594,23 +4738,23 @@
       margin-top: calc(var(--clay-size-space-1000) * 1px);
     }
 
-    ._strokeText_1iihw_280 {
+    ._strokeText_1uz4c_328 {
       width: 494px;
       flex-shrink: 0;
       gap: calc(var(--clay-size-space-1000) * 1px);
     }
 
-    ._strokeHeading_1iihw_292 {
+    ._strokeHeading_1uz4c_340 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._strokeDescription_1iihw_302 {
+    ._strokeDescription_1uz4c_350 {
       font-size: calc(var(--clay-web-type-h7-desktop-size) * 1px);
       line-height: 1.5;
     }
 
-    ._strokeMedia_1iihw_312 {
+    ._strokeMedia_1uz4c_360 {
       flex: 1 1 0%;
       min-width: 0;
       aspect-ratio: 3 / 2;
@@ -4619,41 +4763,40 @@
 
     /* ── Side-by-side-lines desktop ── */
 
-    ._side-by-side-lines_1iihw_129 {
+    ._side-by-side-lines_1uz4c_144 {
       padding: calc(var(--clay-size-space-2400) * 1px) calc(var(--clay-layout-section-padding-x) * 1px);
     }
 
-    ._side-by-side-lines_1iihw_129 ._container_1iihw_14 {
+    ._side-by-side-lines_1uz4c_144 ._container_1uz4c_19 {
       flex-direction: row;
       align-items: flex-start;
-      justify-content: space-between;
-      gap: 0;
+      gap: calc(var(--clay-size-space-1600) * 1px);
     }
 
-    ._side-by-side-lines_1iihw_129 ._accordion_1iihw_25 {
-      width: 600px;
-      flex-shrink: 0;
+    ._side-by-side-lines_1uz4c_144 ._accordion_1uz4c_30 {
+      flex: 1 1 0%;
+      min-width: 0;
       gap: 0;
     }
 
-    ._side-by-side-lines_1iihw_129 ._itemHeading_1iihw_59 {
+    ._side-by-side-lines_1uz4c_144 ._itemHeading_1uz4c_64 {
       font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
       font-weight: var(--clay-web-type-weight-medium);
       line-height: 1.4;
       letter-spacing: 0;
     }
 
-    ._side-by-side-lines_1iihw_129 ._itemActive_1iihw_40 ._itemHeading_1iihw_59 {
+    ._side-by-side-lines_1uz4c_144 ._itemActive_1uz4c_45 ._itemHeading_1uz4c_64 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       font-weight: var(--clay-web-type-weight-regular);
       line-height: 1.2;
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._side-by-side-lines_1iihw_129 ._mediaPanel_1iihw_114 {
+    ._side-by-side-lines_1uz4c_144 ._mediaPanel_1uz4c_129 {
       display: block;
-      flex: 0 0 610px;
-      width: 610px;
+      flex: 1 1 0%;
+      min-width: 0;
       aspect-ratio: auto;
       align-self: stretch;
       border-radius: calc(var(--clay-radius-2xl) * 1px);
@@ -4662,7 +4805,7 @@
       background-color: var(--clay-color-grey-300);
     }
 
-    ._side-by-side-lines_1iihw_129 ._mediaPanel_1iihw_114 > * {
+    ._side-by-side-lines_1uz4c_144 ._mediaPanel_1uz4c_129 > * {
       width: 100%;
       height: 100%;
       object-fit: cover;
@@ -4670,12 +4813,12 @@
 
     /* ── Tabs-background desktop ── */
 
-    ._tabsCard_1iihw_194 {
+    ._tabsCard_1uz4c_242 {
       border-radius: calc(var(--clay-foundation-radius-4xl) * 1px);
       padding: calc(var(--clay-size-space-1000) * 1px) 0;
     }
 
-    ._tabContent_1iihw_207 {
+    ._tabContent_1uz4c_255 {
       flex-direction: row;
       align-items: flex-start;
       justify-content: space-between;
@@ -4683,24 +4826,24 @@
       padding: 0 calc(var(--clay-size-space-400) * 1px) 0 calc(var(--clay-size-space-600) * 1px);
     }
 
-    ._tabText_1iihw_214 {
+    ._tabText_1uz4c_262 {
       width: 500px;
       flex-shrink: 0;
       gap: calc(var(--clay-size-space-600) * 1px);
     }
 
-    ._tabHeading_1iihw_229 {
+    ._tabHeading_1uz4c_277 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       font-weight: var(--clay-web-type-weight-regular);
       line-height: 1.1;
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._tabDescription_1iihw_239 {
+    ._tabDescription_1uz4c_287 {
       font-size: calc(var(--clay-web-type-p2-size) * 1px);
     }
 
-    ._tabMedia_1iihw_248 {
+    ._tabMedia_1uz4c_296 {
       flex: 1 1 0%;
       min-width: 0;
       aspect-ratio: 3 / 2;
@@ -4709,24 +4852,24 @@
 
     /* ── Side-by-side-bullets desktop ── */
 
-    ._side-by-side-bullets_1iihw_329 {
+    ._side-by-side-bullets_1uz4c_377 {
       gap: calc(var(--clay-size-space-1600) * 1px);
     }
 
-    ._bulletSectionHeader_1iihw_336 {
+    ._bulletSectionHeader_1uz4c_384 {
       text-align: center;
       align-items: center;
       gap: calc(var(--clay-size-space-600) * 1px);
     }
 
-    ._bulletSectionHeading_1iihw_350 {
+    ._bulletSectionHeading_1uz4c_398 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       font-weight: var(--clay-web-type-weight-regular);
       line-height: 1.2;
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._bulletCard_1iihw_361 {
+    ._bulletCard_1uz4c_409 {
       display: flex;
       flex-direction: row;
       align-items: stretch;
@@ -4737,66 +4880,66 @@
       overflow: hidden;
     }
 
-    ._bulletList_1iihw_366 {
+    ._bulletList_1uz4c_414 {
       width: 380px;
       flex-shrink: 0;
     }
 
-    ._bulletCarouselWrapper_1iihw_453 {
+    ._bulletCarouselWrapper_1uz4c_501 {
       display: none;
     }
 
     /* ── Tab-cards-carousel desktop ── */
 
-    ._tab-cards-carousel_1iihw_532 {
+    ._tab-cards-carousel_1uz4c_580 {
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._tcSectionHeading_1iihw_556 {
+    ._tcSectionHeading_1uz4c_604 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       font-weight: var(--clay-web-type-weight-regular);
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._tcTabBar_1iihw_566 {
+    ._tcTabBar_1uz4c_614 {
       overflow-x: visible;
       align-self: auto;
       justify-content: center;
     }
 
-    ._tcCard_1iihw_612 {
+    ._tcCard_1uz4c_660 {
       flex: 0 0 860px;
       padding: calc(var(--clay-size-space-800) * 1px);
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._tcCardHeader_1iihw_625 {
+    ._tcCardHeader_1uz4c_673 {
       justify-content: space-between;
     }
 
-    ._tcCardMeta_1iihw_632 {
+    ._tcCardMeta_1uz4c_680 {
       flex: none;
     }
 
-    ._tcCardIcon_1iihw_640 {
+    ._tcCardIcon_1uz4c_688 {
       width: 70px;
       height: 70px;
     }
 
-    ._tcCardTitle_1iihw_663 {
+    ._tcCardTitle_1uz4c_711 {
       font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
       font-weight: var(--clay-web-type-weight-regular);
     }
 
-    ._tcCtaDeskWrap_1iihw_679 {
+    ._tcCtaDeskWrap_1uz4c_727 {
       display: block;
     }
 
-    ._tcCtaMobWrap_1iihw_683 {
+    ._tcCtaMobWrap_1uz4c_731 {
       display: none;
     }
 
-    ._tcMedia_1iihw_687 {
+    ._tcMedia_1uz4c_735 {
       width: calc(100% + var(--clay-size-space-800) * 2px);
       margin: 0 calc(var(--clay-size-space-800) * -1px) calc(var(--clay-size-space-800) * -1px);
       height: auto;
@@ -4806,41 +4949,41 @@
 
     /* ── Stacked-rows desktop ── */
 
-    ._stacked-rows_1iihw_711 {
+    ._stacked-rows_1uz4c_759 {
       gap: calc(var(--clay-size-space-1600) * 1px);
     }
 
-    ._srSectionHeading_1iihw_734 {
+    ._srSectionHeading_1uz4c_782 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._srRow_1iihw_745 {
+    ._srRow_1uz4c_793 {
       flex-direction: row;
       align-items: stretch;
     }
 
-    ._srContentCard_1iihw_751 {
+    ._srContentCard_1uz4c_799 {
       flex: 1 0 0;
       border-radius: calc(var(--clay-radius-lg) * 1px);
       padding: 0;
       align-items: center;
     }
 
-    ._srCardInner_1iihw_760 {
+    ._srCardInner_1uz4c_808 {
       width: 395px;
     }
 
-    ._srHeading_1iihw_794 {
+    ._srHeading_1uz4c_842 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._srBottomGroup_1iihw_813 {
+    ._srBottomGroup_1uz4c_861 {
       gap: calc(var(--clay-size-space-1600) * 1px);
     }
 
-    ._srMedia_1iihw_853 {
+    ._srMedia_1uz4c_901 {
       flex: 0 0 675px;
       height: 550px;
       aspect-ratio: auto;
@@ -4849,16 +4992,16 @@
 
     /* ── horizontal-cards desktop ── */
 
-    ._horizontal-cards_1iihw_870 {
+    ._horizontal-cards_1uz4c_918 {
       gap: calc(var(--clay-size-space-2000) * 1px);
     }
 
-    ._hcSectionHeading_1iihw_895 {
+    ._hcSectionHeading_1uz4c_943 {
       font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
     }
 
-    ._hcGrid_1iihw_914 {
+    ._hcGrid_1uz4c_962 {
       overflow-x: visible;
       margin-left: 0;
       margin-right: 0;
@@ -4867,77 +5010,77 @@
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._hcCard_1iihw_933 {
+    ._hcCard_1uz4c_981 {
       flex: 1 0 0;
     }
 
-    ._hcHeading_1iihw_974 {
+    ._hcHeading_1uz4c_1022 {
       font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h6-desktop-letter-spacing) * 1px);
     }
 
-    ._hcDots_1iihw_1014 {
+    ._hcDots_1uz4c_1062 {
       display: none;
     }
 
     /* ── horizontal-icons desktop ── */
 
-    ._horizontal-icons_1iihw_1023 {
+    ._horizontal-icons_1uz4c_1071 {
       gap: calc(var(--clay-size-space-2000) * 1px);
     }
 
-    ._hiHeader_1iihw_1030 {
+    ._hiHeader_1uz4c_1078 {
       max-width: 50%;
       gap: calc(var(--clay-size-space-600) * 1px);
     }
 
-    ._hiSectionHeading_1iihw_1044 {
+    ._hiSectionHeading_1uz4c_1092 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._hiGrid_1iihw_1063 {
+    ._hiGrid_1uz4c_1111 {
       flex-direction: row;
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._hiColumn_1iihw_1070 {
+    ._hiColumn_1uz4c_1118 {
       flex: 1 0 0;
     }
 
-    ._hiHeading_1iihw_1091 {
+    ._hiHeading_1uz4c_1139 {
       font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h6-desktop-letter-spacing) * 1px);
     }
 
     /* ── stacked-media-left desktop ── */
 
-    ._stacked-media-left_1iihw_1114 {
+    ._stacked-media-left_1uz4c_1162 {
       gap: calc(var(--clay-size-space-2000) * 1px);
     }
 
-    ._smlRow_1iihw_1145 {
+    ._smlRow_1uz4c_1193 {
       flex-direction: row;
       align-items: center;
       gap: calc(var(--clay-size-space-1000) * 1px);
     }
 
-    ._smlMedia_1iihw_1151 {
+    ._smlMedia_1uz4c_1199 {
       flex: 1 0 0;
       aspect-ratio: 4 / 3;
     }
 
-    ._smlContent_1iihw_1165 {
+    ._smlContent_1uz4c_1213 {
       flex: 1 0 0;
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._smlHeading_1iihw_1180 {
+    ._smlHeading_1uz4c_1228 {
       font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h5-desktop-letter-spacing) * 1px);
     }
 
-    ._smlActions_1iihw_1199 {
+    ._smlActions_1uz4c_1247 {
       flex-direction: row;
       align-items: center;
       width: auto;
@@ -4945,16 +5088,16 @@
 
     /* ── horizontal-media-top desktop ── */
 
-    ._horizontal-media-top_1iihw_1211 {
+    ._horizontal-media-top_1uz4c_1259 {
       gap: calc(var(--clay-size-space-2000) * 1px);
     }
 
-    ._hmtHeader_1iihw_1219 {
+    ._hmtHeader_1uz4c_1267 {
       align-items: center;
       text-align: center;
     }
 
-    ._hmtSectionHeading_1iihw_1235 {
+    ._hmtSectionHeading_1uz4c_1283 {
       font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
       font-weight: var(--clay-web-type-weight-regular);
       letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
@@ -4962,83 +5105,83 @@
       max-width: 768px;
     }
 
-    ._hmtGrid_1iihw_1245 {
+    ._hmtGrid_1uz4c_1293 {
       flex-direction: row;
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._hmtColumn_1iihw_1252 {
+    ._hmtColumn_1uz4c_1300 {
       flex: 1 0 0;
     }
 
-    ._hmtContent_1iihw_1272 {
+    ._hmtContent_1uz4c_1320 {
       flex: 1;
       justify-content: space-between;
     }
 
-    ._hmtHeading_1iihw_1284 {
+    ._hmtHeading_1uz4c_1332 {
       font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h6-desktop-letter-spacing) * 1px);
     }
 
     /* Stacked Cards Carousel — desktop */
-    ._sccDeskStack_1iihw_1335 {
+    ._sccDeskStack_1uz4c_1383 {
       display: flex;
       flex-direction: column;
       gap: calc(var(--clay-size-space-600) * 1px);
       width: 100%;
     }
 
-    ._sccMobTrack_1iihw_1340 {
+    ._sccMobTrack_1uz4c_1388 {
       display: none;
     }
 
-    ._sccMobDots_1iihw_1415 {
+    ._sccMobDots_1uz4c_1463 {
       display: none;
     }
 
-    ._sccCard_1iihw_1354 {
+    ._sccCard_1uz4c_1402 {
       flex: unset;
       scroll-snap-align: unset;
       flex-direction: row;
       align-items: stretch;
     }
 
-    ._sccCardContent_1iihw_1371 {
+    ._sccCardContent_1uz4c_1419 {
       flex: 0 0 38%;
       padding: calc(var(--clay-size-space-1200) * 1px);
       gap: calc(var(--clay-size-space-600) * 1px);
     }
 
-    ._sccHeading_1iihw_1399 {
+    ._sccHeading_1uz4c_1447 {
       font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h5-desktop-letter-spacing) * 1px);
     }
 
-    ._sccMedia_1iihw_1364 {
+    ._sccMedia_1uz4c_1412 {
       flex: 1 1 0%;
       aspect-ratio: unset;
       height: auto;
     }
 
     /* Content Carousel — desktop */
-    ._ccSectionHeading_1iihw_1438 {
+    ._ccSectionHeading_1uz4c_1486 {
       font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
     }
 
-    ._ccDeskGrid_1iihw_1474 {
+    ._ccDeskGrid_1uz4c_1522 {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: calc(var(--clay-size-space-800) * 1px);
       width: 100%;
     }
 
-    ._ccMobTrack_1iihw_1455 {
+    ._ccMobTrack_1uz4c_1503 {
       display: none;
     }
 
-    ._ccCard_1iihw_1478 {
+    ._ccCard_1uz4c_1526 {
       flex: unset;
       scroll-snap-align: unset;
       display: flex;
@@ -5046,140 +5189,179 @@
       gap: calc(var(--clay-size-space-600) * 1px);
     }
 
-    ._ccCardHeading_1iihw_1501 {
+    ._ccCardHeading_1uz4c_1549 {
       font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h5-desktop-letter-spacing) * 1px);
     }
 
-    ._ccArrows_1iihw_1538 {
+    ._ccArrows_1uz4c_1586 {
       display: flex;
       gap: calc(var(--clay-size-space-400) * 1px);
     }
 
     /* List Right Media — desktop */
-    ._lrmContainer_1iihw_1550 {
+    ._lrmContainer_1uz4c_1598 {
       flex-direction: row;
       align-items: flex-start;
       gap: calc(var(--clay-size-space-2000) * 1px);
     }
 
-    ._lrmLeft_1iihw_1557 {
+    ._lrmLeft_1uz4c_1605 {
       flex: 0 0 44%;
     }
 
-    ._lrmSectionHeading_1iihw_1576 {
+    ._lrmSectionHeading_1uz4c_1624 {
       font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
     }
 
-    ._lrmItemHeading_1iihw_1605 {
+    ._lrmItemHeading_1uz4c_1653 {
       font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h6-desktop-letter-spacing) * 1px);
     }
 
-    ._lrmMedia_1iihw_1621 {
+    ._lrmMedia_1uz4c_1669 {
       flex: 1 1 0%;
       aspect-ratio: 3 / 4;
     }
 
     /* Tabs Media Right — desktop */
-    ._tabs-media-right_1iihw_1630 {
+    ._tabs-media-right_1uz4c_1678 {
       gap: calc(var(--clay-size-space-2000) * 1px);
     }
 
-    ._tabs-media-right_1iihw_1630 [role="tablist"] {
+    ._tabs-media-right_1uz4c_1678 [role="tablist"] {
       overflow-x: visible;
       flex-wrap: wrap;
     }
 
-    ._tmrTabsWrap_1iihw_1738 {
+    ._tmrTabsWrap_1uz4c_1786 {
       overflow: visible;
     }
 
-    ._tmrSectionHeading_1iihw_1654 {
+    ._tmrSectionHeading_1uz4c_1702 {
       font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
       max-width: 768px;
     }
 
-    ._tmrSectionActions_1iihw_1670 {
+    ._tmrSectionActions_1uz4c_1718 {
       flex-direction: row;
       align-items: center;
       width: auto;
     }
 
-    ._tmrPanel_1iihw_1678 {
+    ._tmrPanel_1uz4c_1726 {
       flex-direction: row;
       align-items: center;
       gap: calc(var(--clay-size-space-2000) * 1px);
     }
 
-    ._tmrPanelText_1iihw_1687 {
+    ._tmrPanelText_1uz4c_1735 {
       flex: 0 0 40%;
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._tmrPanelHeading_1iihw_1714 {
+    ._tmrPanelHeading_1uz4c_1762 {
       font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h5-desktop-letter-spacing) * 1px);
     }
 
-    ._tmrPanelMedia_1iihw_1730 {
+    ._tmrPanelMedia_1uz4c_1778 {
       flex: 1 1 0%;
       aspect-ratio: 1 / 1;
     }
 
     /* ── Accordion Media Right — desktop ── */
-    ._amrContainer_1iihw_1762 {
+    ._amrContainer_1uz4c_1810 {
       flex-direction: row;
       align-items: flex-start;
       gap: calc(var(--clay-size-space-2000) * 1px);
     }
 
-    ._amrLeft_1iihw_1769 {
+    ._amrLeft_1uz4c_1817 {
       flex: 1 0 0;
       min-width: 0;
     }
 
-    ._amrMedia_1iihw_1862 {
+    ._amrMedia_1uz4c_1910 {
       flex: 1 0 0;
       min-width: 0;
       aspect-ratio: 1 / 1;
     }
 
-    ._amrSectionHeading_1iihw_1781 {
+    ._amrSectionHeading_1uz4c_1829 {
       font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
     }
 
-    ._amrItemTitle_1iihw_1824 {
+    ._amrItemTitle_1uz4c_1872 {
       font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
     }
 
-    ._amrItemTrigger_1iihw_1811 {
+    ._amrItemTrigger_1uz4c_1859 {
       padding: calc(var(--clay-size-space-400) * 1px) 0;
     }
 
     /* ── Numbered Accordion — desktop ── */
-    ._naDesktopRow_1iihw_1911 {
+    ._naDesktopRow_1uz4c_1959 {
       display: flex;
       flex-direction: row;
       align-items: stretch;
       width: 100%;
     }
 
-    ._naMobileList_1iihw_1916 {
+    ._naMobileList_1uz4c_1964 {
       display: none;
     }
 
-    ._naActivePanel_1iihw_2808 {
-      flex: 1 0 0;
-      min-width: 0;
+    /* Unified panel — collapses to 82px, expands to fill remaining space */
+    ._naPanel_1uz4c_2952 {
+      flex: 0 0 82px;
+      align-self: stretch;
       border: 1px solid var(--clay-color-grey-300);
       border-radius: calc(var(--clay-radius-lg) * 1px);
+      overflow: hidden;
+      display: flex;
+      flex-direction: row;
+      transition: flex 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+      box-sizing: border-box;
+    }
+
+    ._naPanelActive_1uz4c_2964 {
+      flex: 1 0 0;
+    }
+
+    /* Always-visible side tab (number + vertical label) */
+    ._naPanelSide_1uz4c_2969 {
+      flex: 0 0 82px;
+      min-width: 82px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: space-between;
+      padding: calc(var(--clay-size-space-800) * 1px) calc(var(--clay-size-space-600) * 1px);
+      box-sizing: border-box;
+      background: none;
+      border: none;
+      cursor: pointer;
+    }
+
+    /* Expanding body content */
+    ._naPanelBody_1uz4c_2984 {
+      flex: 1 1 0;
+      min-width: 0;
+      overflow: hidden;
+      opacity: 0;
+      transition: opacity 0.1s ease-in-out;
+    }
+
+    ._naPanelActive_1uz4c_2964 ._naPanelBody_1uz4c_2984 {
+      opacity: 1;
+      transition: opacity 0.25s 0.2s ease-in-out;
     }
 
-    ._naActivePanelContent_1iihw_2815 {
+    ._naActivePanelContent_1uz4c_2997 {
       display: flex;
       flex-direction: column;
       gap: calc(var(--clay-size-space-1200) * 1px);
@@ -5188,13 +5370,13 @@
       box-sizing: border-box;
     }
 
-    ._naActivePanelHeader_1iihw_2824 {
+    ._naActivePanelHeader_1uz4c_3006 {
       display: flex;
       flex-direction: column;
       gap: calc(var(--clay-size-space-600) * 1px);
     }
 
-    ._naNumber_1iihw_2830 {
+    ._naNumber_1uz4c_3012 {
       font-family: var(--clay-web-type-family);
       font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
       font-weight: var(--clay-web-type-weight-medium);
@@ -5202,7 +5384,7 @@
       line-height: 1.4;
     }
 
-    ._naPanelHeading_1iihw_2838 {
+    ._naPanelHeading_1uz4c_3020 {
       font-family: var(--clay-web-type-family);
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       font-weight: var(--clay-web-type-weight-regular);
@@ -5212,14 +5394,14 @@
       margin: 0;
     }
 
-    ._naPanelDesc_1iihw_2848 {
+    ._naPanelDesc_1uz4c_3030 {
       font-size: calc(var(--clay-web-type-p2-size) * 1px);
       color: var(--clay-color-text-default-secondary);
       line-height: 1.5;
       margin: 0;
     }
 
-    ._naMedia_1iihw_2855 {
+    ._naMedia_1uz4c_3037 {
       width: 100%;
       aspect-ratio: 2 / 1;
       border-radius: calc(var(--clay-radius-lg) * 1px);
@@ -5227,33 +5409,7 @@
       flex-shrink: 0;
     }
 
-    ._naInactivePanel_1iihw_2863 {
-      flex-shrink: 0;
-      width: 82px;
-      align-self: stretch;
-      border: 1px solid var(--clay-color-grey-300);
-      border-radius: calc(var(--clay-radius-lg) * 1px);
-      background: none;
-      cursor: pointer;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: space-between;
-      overflow: hidden;
-      padding: calc(var(--clay-size-space-800) * 1px) calc(var(--clay-size-space-600) * 1px);
-      box-sizing: border-box;
-    }
-
-    ._naInactiveNumber_1iihw_2880 {
-      font-family: var(--clay-web-type-family);
-      font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
-      font-weight: var(--clay-web-type-weight-medium);
-      color: var(--clay-color-text-default-default);
-      line-height: 1.4;
-      text-align: center;
-    }
-
-    ._naLabelWrap_1iihw_2889 {
+    ._naLabelWrap_1uz4c_3045 {
       flex: 1;
       display: flex;
       align-items: flex-end;
@@ -5262,7 +5418,7 @@
       width: 34px;
     }
 
-    ._naLabel_1iihw_2889 {
+    ._naLabel_1uz4c_3045 {
       writing-mode: vertical-rl;
       transform: rotate(180deg);
       white-space: nowrap;
@@ -5273,103 +5429,88 @@
       line-height: 1.4;
     }
 
-    ._naSectionHeading_1iihw_1893 {
+    ._naSectionHeading_1uz4c_1941 {
       font-size: calc(var(--clay-web-type-h1-desktop-size) * 1px);
     }
 
     /* ── Steps Numbered — desktop ── */
-    ._snContainer_1iihw_1987 {
+    ._snRows_1uz4c_2170 {
       gap: calc(calc(var(--clay-size-space-2400) * 1px) + calc(var(--clay-size-space-600) * 1px));
     }
 
-    ._snRow_1iihw_1994 {
-      flex-direction: row;
-      gap: calc(var(--clay-size-space-2000) * 1px);
-      align-items: center;
-    }
-
-    ._snNumber_1iihw_2001 {
-      font-size: calc(var(--clay-web-type-huge-desktop-size) * 1px);
-      line-height: 1;
-      letter-spacing: calc(var(--clay-web-type-huge-desktop-letter-spacing) * 1px);
-      flex-shrink: 0;
-    }
-
-    ._snContent_1iihw_2011 {
-      flex: 1 0 0;
-      min-width: 0;
+    ._snContent_1uz4c_2087 {
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._snSectionTitle_1iihw_2017 {
+    ._snSectionTitle_1uz4c_2093 {
       gap: calc(var(--clay-size-space-400) * 1px);
     }
 
-    ._snHeadingBlock_1iihw_2030 {
+    ._snHeadingBlock_1uz4c_2106 {
       gap: calc(var(--clay-size-space-600) * 1px);
     }
 
-    ._snHeading_1iihw_2030 {
+    ._snHeading_1uz4c_2106 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._snDesc_1iihw_2046 {
+    ._snDesc_1uz4c_2122 {
       font-size: calc(var(--clay-web-type-p2-size) * 1px);
     }
 
     /* ── Split Icon List — desktop ── */
-    ._silContainer_1iihw_2061 {
+    ._silContainer_1uz4c_2191 {
       flex-direction: row;
       gap: calc(var(--clay-size-space-2000) * 1px);
       align-items: flex-start;
     }
 
-    ._silLeft_1iihw_2068 {
+    ._silLeft_1uz4c_2198 {
       flex: 1 0 0;
       min-width: 0;
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._silRight_1iihw_2117 {
+    ._silRight_1uz4c_2247 {
       flex: 1 0 0;
       min-width: 0;
     }
 
-    ._silSectionTitle_1iihw_2074 {
+    ._silSectionTitle_1uz4c_2204 {
       gap: calc(var(--clay-size-space-400) * 1px);
     }
 
-    ._silHeadingBlock_1iihw_2087 {
+    ._silHeadingBlock_1uz4c_2217 {
       gap: calc(var(--clay-size-space-600) * 1px);
     }
 
-    ._silSectionHeading_1iihw_2093 {
+    ._silSectionHeading_1uz4c_2223 {
       font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
       letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
     }
 
-    ._silSectionDesc_1iihw_2103 {
+    ._silSectionDesc_1uz4c_2233 {
       font-size: calc(var(--clay-web-type-p1-size) * 1px);
     }
 
-    ._silCard_1iihw_2123 {
+    ._silCard_1uz4c_2253 {
       padding: calc(var(--clay-size-space-800) * 1px);
     }
   }
 
-  ._containerWide_1iihw_2994 {
+  ._containerWide_1uz4c_3135 {
     max-width: calc(var(--clay-layout-container-wide) * 1px);
   }
 
-  ._containerFull_1iihw_2998 {
+  ._containerFull_1uz4c_3139 {
     max-width: none;
   }
 }
 @layer clay.components {
   /* ── Base (mobile-first) ── */
 
-  ._section_1q7wf_4 {
+  ._section_1t4uf_4 {
     box-sizing: border-box;
     width: 100%;
     max-width: 100%;
@@ -5378,7 +5519,7 @@
       calc(var(--clay-layout-section-padding-x-mobile) * 1px);
   }
 
-  ._container_1q7wf_13 {
+  ._container_1t4uf_13 {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
@@ -5388,7 +5529,7 @@
     margin: 0 auto;
   }
 
-  ._card_1q7wf_23 {
+  ._card_1t4uf_23 {
     box-sizing: border-box;
     width: 100%;
     background: var(--clay-color-grey-100);
@@ -5397,7 +5538,7 @@
     overflow: clip;
   }
 
-  ._inner_1q7wf_32 {
+  ._inner_1t4uf_32 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1000) * 1px);
@@ -5405,14 +5546,14 @@
     width: 100%;
   }
 
-  ._textContent_1q7wf_40 {
+  ._textContent_1t4uf_40 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-500) * 1px);
     width: 100%;
   }
 
-  ._textBlock_1q7wf_47 {
+  ._textBlock_1t4uf_47 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-200) * 1px);
@@ -5420,13 +5561,13 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._titleGroup_1q7wf_55 {
+  ._titleGroup_1t4uf_55 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._miniTitle_1q7wf_61 {
+  ._miniTitle_1t4uf_61 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -5435,7 +5576,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._heading_1q7wf_70 {
+  ._heading_1t4uf_70 {
     margin: 0;
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-h3-mobile-weight);
@@ -5443,7 +5584,7 @@
     letter-spacing: calc(var(--clay-web-type-h3-mobile-letter-spacing) * 1px);
   }
 
-  ._description_1q7wf_78 {
+  ._description_1t4uf_78 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -5451,96 +5592,126 @@
     letter-spacing: calc(var(--clay-web-type-p-letter-spacing) * 1px);
   }
 
-  ._actions_1q7wf_86 {
+  ._actions_1t4uf_86 {
     display: flex;
     flex-wrap: wrap;
     gap: calc(var(--clay-size-space-300) * 1px);
   }
 
-  ._media_1q7wf_92 {
+  ._media_1t4uf_92 {
     width: 100%;
     border-radius: calc(var(--clay-radius-lg) * 1px);
     overflow: hidden;
     aspect-ratio: 16 / 9;
   }
 
-  ._media_1q7wf_92 > * {
+  ._media_1t4uf_92 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  /* ── Desktop (≥1200px) — ensures media never goes narrower than 1:1 ── */
+  /* ── Desktop (≥1200px) — sticky stacking + horizontal split ── */
 
   @media (min-width: 1200px) {
-    ._section_1q7wf_4 {
+    ._section_1t4uf_4 {
       padding: calc(var(--clay-size-space-2400) * 1px)
         calc(var(--clay-layout-section-padding-x) * 1px);
     }
 
-    ._card_1q7wf_23 {
+    ._card_1t4uf_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_1q7wf_32 {
+    ._inner_1t4uf_32 {
       flex-direction: row;
       align-items: center;
       justify-content: space-between;
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._textContent_1q7wf_40 {
+    ._textContent_1t4uf_40 {
       flex: 1;
       min-width: 0;
       gap: calc(var(--clay-size-space-1000) * 1px);
     }
 
-    ._textBlock_1q7wf_47 {
+    ._textBlock_1t4uf_47 {
       gap: calc(var(--clay-size-space-600) * 1px);
       max-width: 540px;
     }
 
-    ._miniTitle_1q7wf_61 {
+    ._miniTitle_1t4uf_61 {
       font-size: calc(var(--clay-web-type-p3-size) * 1px);
     }
 
-    ._heading_1q7wf_70 {
+    ._heading_1t4uf_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_1q7wf_78 {
+    ._description_1t4uf_78 {
       font-size: calc(var(--clay-web-type-p2-size) * 1px);
     }
 
-    ._media_1q7wf_92 {
+    ._media_1t4uf_92 {
       flex: 0 1 50%;
       min-width: 0;
       aspect-ratio: 1 / 1;
       border-radius: calc(var(--clay-radius-lg) * 1px);
     }
+
+    /* ── Sticky stacking ── */
+
+    ._side-by-side_1t4uf_161 ._container_1t4uf_13 {
+      gap: 0;
+    }
+
+    ._side-by-side_1t4uf_161 ._card_1t4uf_23 {
+      position: sticky;
+      top: var(--clay-sticky-top, 15%);
+      height: 70vh;
+      margin-bottom: 15vh;
+      overflow: clip;
+    }
+
+    ._side-by-side_1t4uf_161 ._card_1t4uf_23:last-child {
+      margin-bottom: 0;
+    }
+
+    ._side-by-side_1t4uf_161 ._inner_1t4uf_32 {
+      height: 100%;
+      align-items: stretch;
+    }
+
+    ._side-by-side_1t4uf_161 ._media_1t4uf_92 {
+      flex: 0 0 50%;
+      align-self: stretch;
+      aspect-ratio: unset;
+      height: auto;
+    }
   }
 
   /* ══════════════════════════════════════════════
      Layout: grid
      ══════════════════════════════════════════════ */
 
-  ._grid_1q7wf_164 ._container_1q7wf_13 {
+  ._grid_1t4uf_194 ._container_1t4uf_13 {
     gap: calc(var(--clay-size-space-800) * 1px);
   }
 
-  ._gridWrapper_1q7wf_168 {
+  ._gridWrapper_1t4uf_198 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-800) * 1px);
     width: 100%;
   }
 
-  ._gridCard_1q7wf_175 {
+  ._gridCard_1t4uf_205 {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
@@ -5550,27 +5721,27 @@
     overflow: clip;
   }
 
-  ._gridMedia_1q7wf_185 {
+  ._gridMedia_1t4uf_215 {
     width: 100%;
     height: 280px;
     background: var(--clay-color-grey-300);
     overflow: hidden;
   }
 
-  ._gridMedia_1q7wf_185 > * {
+  ._gridMedia_1t4uf_215 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._gridContent_1q7wf_198 {
+  ._gridContent_1t4uf_228 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1200) * 1px);
     padding: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._gridTexts_1q7wf_205 {
+  ._gridTexts_1t4uf_235 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
@@ -5578,7 +5749,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._gridHeading_1q7wf_213 {
+  ._gridHeading_1t4uf_243 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p1-size) * 1px);
     font-weight: var(--clay-web-type-weight-semi);
@@ -5586,7 +5757,7 @@
     letter-spacing: calc(var(--clay-web-type-p-letter-spacing) * 1px);
   }
 
-  ._gridDescription_1q7wf_221 {
+  ._gridDescription_1t4uf_251 {
     margin: 0;
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     font-weight: var(--clay-web-type-weight-regular);
@@ -5594,29 +5765,29 @@
     letter-spacing: calc(var(--clay-web-type-p-letter-spacing) * 1px);
   }
 
-  ._gridActions_1q7wf_229 {
+  ._gridActions_1t4uf_259 {
     display: flex;
     align-items: center;
   }
 
   /* Grid desktop */
   @media (min-width: 1200px) {
-    ._grid_1q7wf_164 ._container_1q7wf_13 {
+    ._grid_1t4uf_194 ._container_1t4uf_13 {
       gap: calc(var(--clay-size-space-500) * 1px);
     }
 
-    ._gridWrapper_1q7wf_168 {
+    ._gridWrapper_1t4uf_198 {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: calc(var(--clay-size-space-500) * 1px);
     }
 
-    ._gridCard_1q7wf_175 {
+    ._gridCard_1t4uf_205 {
       flex-direction: row;
       height: 332px;
     }
 
-    ._gridMedia_1q7wf_185 {
+    ._gridMedia_1t4uf_215 {
       width: 315px;
       min-width: 315px;
       flex-shrink: 0;
@@ -5624,7 +5795,7 @@
       order: 2;
     }
 
-    ._gridContent_1q7wf_198 {
+    ._gridContent_1t4uf_228 {
       flex: 1;
       min-width: 0;
       justify-content: space-between;
@@ -5637,18 +5808,18 @@
      ══════════════════════════════════════════════ */
 
   /* Section overrides */
-  ._value-cards_1q7wf_272 {
+  ._value-cards_1t4uf_302 {
     padding-left: calc(var(--clay-size-space-1000) * 1px);
     padding-right: calc(var(--clay-size-space-1000) * 1px);
   }
 
-  ._value-cards_1q7wf_272 ._container_1q7wf_13 {
+  ._value-cards_1t4uf_302 ._container_1t4uf_13 {
     gap: calc(var(--clay-size-space-1200) * 1px);
     align-items: center;
   }
 
   /* Section heading */
-  ._vcHeading_1q7wf_283 {
+  ._vcHeading_1t4uf_313 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -5660,7 +5831,7 @@
   }
 
   /* Cards row — single column on mobile */
-  ._vcRow_1q7wf_295 {
+  ._vcRow_1t4uf_325 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-500) * 1px);
@@ -5668,7 +5839,7 @@
   }
 
   /* Individual card */
-  ._vcCard_1q7wf_303 {
+  ._vcCard_1t4uf_333 {
     box-sizing: border-box;
     width: 100%;
     background: var(--clay-color-grey-200);
@@ -5676,25 +5847,25 @@
     padding: calc(var(--clay-size-space-600) * 1px);
   }
 
-  ._vcCardInner_1q7wf_311 {
+  ._vcCardInner_1t4uf_341 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-1600) * 1px);
   }
 
-  ._vcTextGroup_1q7wf_317 {
+  ._vcTextGroup_1t4uf_347 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._vcIcon_1q7wf_323 {
+  ._vcIcon_1t4uf_353 {
     width: 40px;
     height: 40px;
     flex-shrink: 0;
   }
 
-  ._vcTexts_1q7wf_329 {
+  ._vcTexts_1t4uf_359 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-300) * 1px);
@@ -5702,7 +5873,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._vcCardHeading_1q7wf_337 {
+  ._vcCardHeading_1t4uf_367 {
     margin: 0;
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
     font-weight: var(--clay-web-type-h3-mobile-weight);
@@ -5710,20 +5881,20 @@
     letter-spacing: calc(var(--clay-web-type-h3-mobile-letter-spacing) * 1px);
   }
 
-  ._vcCardDescription_1q7wf_345 {
+  ._vcCardDescription_1t4uf_375 {
     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_1q7wf_352 {
+  ._vcFooter_1t4uf_382 {
     display: flex;
     justify-content: flex-end;
     width: 100%;
   }
 
-  ._vcPlusBtn_1q7wf_358 {
+  ._vcPlusBtn_1t4uf_388 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -5738,24 +5909,24 @@
 
   /* Desktop overrides for value-cards */
   @media (min-width: 900px) {
-    ._value-cards_1q7wf_272 {
+    ._value-cards_1t4uf_302 {
       padding-left: calc(var(--clay-size-space-1000) * 1px);
       padding-right: calc(var(--clay-size-space-1000) * 1px);
     }
 
-    ._vcHeading_1q7wf_283 {
+    ._vcHeading_1t4uf_313 {
       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_1q7wf_295 {
+    ._vcRow_1t4uf_325 {
       flex-direction: row;
       align-items: stretch;
     }
 
-    ._vcCard_1q7wf_303 {
+    ._vcCard_1t4uf_333 {
       flex: 1;
       min-width: 0;
       padding-top: calc(var(--clay-size-space-2000) * 1px);
@@ -5764,23 +5935,23 @@
       padding-right: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._vcCardInner_1q7wf_311 {
+    ._vcCardInner_1t4uf_341 {
       gap: calc(var(--clay-size-space-1000) * 1px);
       height: 100%;
     }
 
-    ._vcTextGroup_1q7wf_317 {
+    ._vcTextGroup_1t4uf_347 {
       flex: 1;
     }
 
-    ._vcCardHeading_1q7wf_337 {
+    ._vcCardHeading_1t4uf_367 {
       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_1q7wf_345 {
+    ._vcCardDescription_1t4uf_375 {
       font-size: calc(var(--clay-web-type-p2-size) * 1px);
     }
   }
@@ -5789,12 +5960,12 @@
      Layout: one-media
      ══════════════════════════════════════════════ */
 
-  ._one-media_1q7wf_424 ._container_1q7wf_13 {
+  ._one-media_1t4uf_454 ._container_1t4uf_13 {
     gap: calc(var(--clay-size-space-1200) * 1px);
     align-items: center;
   }
 
-  ._mmHeading_1q7wf_429 {
+  ._mmHeading_1t4uf_459 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -5805,13 +5976,13 @@
     text-align: center;
   }
 
-  ._mmRow_1q7wf_440 {
+  ._mmRow_1t4uf_470 {
     display: flex;
     flex-direction: column;
     width: 100%;
   }
 
-  ._mmFeatureCard_1q7wf_446 {
+  ._mmFeatureCard_1t4uf_476 {
     box-sizing: border-box;
     width: 100%;
     border: 1px solid var(--clay-color-grey-300);
@@ -5826,13 +5997,13 @@
     margin-bottom: -1px;
   }
 
-  ._mmIcon_1q7wf_461 {
+  ._mmIcon_1t4uf_491 {
     width: calc(var(--clay-size-space-1000) * 1px);
     height: calc(var(--clay-size-space-1000) * 1px);
     flex-shrink: 0;
   }
 
-  ._mmTexts_1q7wf_467 {
+  ._mmTexts_1t4uf_497 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-300) * 1px);
@@ -5840,7 +6011,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._mmCardHeading_1q7wf_475 {
+  ._mmCardHeading_1t4uf_505 {
     margin: 0;
     font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -5848,14 +6019,14 @@
     letter-spacing: calc(var(--clay-web-type-h4-mobile-letter-spacing) * 1px);
   }
 
-  ._mmCardDescription_1q7wf_483 {
+  ._mmCardDescription_1t4uf_513 {
     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_1q7wf_490 {
+  ._mmMediaCard_1t4uf_520 {
     box-sizing: border-box;
     width: 100%;
     height: 272px;
@@ -5865,26 +6036,26 @@
     flex-shrink: 0;
   }
 
-  ._mmMediaCard_1q7wf_490 > * {
+  ._mmMediaCard_1t4uf_520 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
   @media (min-width: 992px) {
-    ._mmHeading_1q7wf_429 {
+    ._mmHeading_1t4uf_459 {
       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_1q7wf_440 {
+    ._mmRow_1t4uf_470 {
       flex-direction: row;
       align-items: flex-start;
     }
 
-    ._mmFeatureCard_1q7wf_446 {
+    ._mmFeatureCard_1t4uf_476 {
       flex: 1;
       min-width: 0;
       padding-top: calc(var(--clay-size-space-800) * 1px);
@@ -5895,18 +6066,18 @@
       margin-right: -1px;
     }
 
-    ._mmCardHeading_1q7wf_475 {
+    ._mmCardHeading_1t4uf_505 {
       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_1q7wf_483 {
+    ._mmCardDescription_1t4uf_513 {
       font-size: calc(var(--clay-web-type-p2-size) * 1px);
     }
 
-    ._mmMediaCard_1q7wf_490 {
+    ._mmMediaCard_1t4uf_520 {
       flex: 1;
       min-width: 0;
       height: 330px;
@@ -5917,27 +6088,27 @@
      Layout: media-top
      ══════════════════════════════════════════════ */
 
-  ._media-top_1q7wf_552 ._container_1q7wf_13 {
+  ._media-top_1t4uf_582 ._container_1t4uf_13 {
     gap: calc(var(--clay-size-space-2000) * 1px);
     align-items: center;
   }
 
   /* Cards row — stacked on mobile */
-  ._mtRow_1q7wf_558 {
+  ._mtRow_1t4uf_588 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
     width: 100%;
   }
 
-  ._mtCard_1q7wf_565 {
+  ._mtCard_1t4uf_595 {
     display: flex;
     flex-direction: column;
     width: 100%;
   }
 
   /* Top image area */
-  ._mtMediaArea_1q7wf_572 {
+  ._mtMediaArea_1t4uf_602 {
     width: 100%;
     height: 240px;
     overflow: hidden;
@@ -5946,14 +6117,14 @@
     flex-shrink: 0;
   }
 
-  ._mtMediaArea_1q7wf_572 > * {
+  ._mtMediaArea_1t4uf_602 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
   /* Bottom content area */
-  ._mtContent_1q7wf_588 {
+  ._mtContent_1t4uf_618 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-800) * 1px);
@@ -5965,14 +6136,14 @@
     border-radius: 0 0 calc(var(--clay-radius-lg) * 1px) calc(var(--clay-radius-lg) * 1px);
   }
 
-  ._mtContentTop_1q7wf_600 {
+  ._mtContentTop_1t4uf_630 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
   }
 
   /* Tagline pill badge */
-  ._mtTag_1q7wf_607 {
+  ._mtTag_1t4uf_637 {
     display: inline-flex;
     align-items: center;
     align-self: flex-start;
@@ -5988,7 +6159,7 @@
     white-space: nowrap;
   }
 
-  ._mtTexts_1q7wf_623 {
+  ._mtTexts_1t4uf_653 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-300) * 1px);
@@ -5996,7 +6167,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._mtCardHeading_1q7wf_631 {
+  ._mtCardHeading_1t4uf_661 {
     margin: 0;
     font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -6004,14 +6175,14 @@
     letter-spacing: 0;
   }
 
-  ._mtCardDescription_1q7wf_639 {
+  ._mtCardDescription_1t4uf_669 {
     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_1q7wf_646 {
+  ._mtActions_1t4uf_676 {
     display: flex;
     align-items: center;
     align-self: flex-start;
@@ -6019,34 +6190,34 @@
 
   /* Desktop overrides */
   @media (min-width: 768px) {
-    ._mtRow_1q7wf_558 {
+    ._mtRow_1t4uf_588 {
       flex-direction: row;
       align-items: stretch;
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._mtCard_1q7wf_565 {
+    ._mtCard_1t4uf_595 {
       flex: 1;
       min-width: 0;
     }
   }
 
   @media (min-width: 1200px) {
-    ._mtMediaArea_1q7wf_572 {
+    ._mtMediaArea_1t4uf_602 {
       height: 360px;
     }
 
-    ._mtContent_1q7wf_588 {
+    ._mtContent_1t4uf_618 {
       padding: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._mtCardHeading_1q7wf_631 {
+    ._mtCardHeading_1t4uf_661 {
       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_1q7wf_639 {
+    ._mtCardDescription_1t4uf_669 {
       font-size: calc(var(--clay-web-type-p3-size) * 1px);
     }
   }
@@ -6055,12 +6226,12 @@
      Layout: icon-with-link
      ══════════════════════════════════════════════ */
 
-  ._icon-with-link_1q7wf_690 ._container_1q7wf_13 {
+  ._icon-with-link_1t4uf_720 ._container_1t4uf_13 {
     gap: calc(var(--clay-size-space-2000) * 1px);
     align-items: center;
   }
 
-  ._fgHeading_1q7wf_695 {
+  ._fgHeading_1t4uf_725 {
     margin: 0;
     font-family: var(--clay-web-type-family);
     font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -6071,14 +6242,14 @@
     text-align: center;
   }
 
-  ._fgRow_1q7wf_706 {
+  ._fgRow_1t4uf_736 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-600) * 1px);
     width: 100%;
   }
 
-  ._fgCard_1q7wf_713 {
+  ._fgCard_1t4uf_743 {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
@@ -6093,21 +6264,21 @@
     padding-right: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._fgTop_1q7wf_728 {
+  ._fgTop_1t4uf_758 {
     display: flex;
     flex-direction: column;
     gap: calc(var(--clay-size-space-400) * 1px);
     width: 100%;
   }
 
-  ._fgIcon_1q7wf_735 {
+  ._fgIcon_1t4uf_765 {
     width: calc(var(--clay-size-space-1200) * 1px);
     height: calc(var(--clay-size-space-1200) * 1px);
     flex-shrink: 0;
     overflow: hidden;
   }
 
-  ._fgContent_1q7wf_742 {
+  ._fgContent_1t4uf_772 {
     display: flex;
     flex-direction: column;
     width: 100%;
@@ -6115,11 +6286,11 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._fgHeadline_1q7wf_750 {
+  ._fgHeadline_1t4uf_780 {
     padding-bottom: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._fgCardHeading_1q7wf_754 {
+  ._fgCardHeading_1t4uf_784 {
     margin: 0;
     font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
     font-weight: var(--clay-web-type-weight-medium);
@@ -6127,14 +6298,14 @@
     letter-spacing: 0;
   }
 
-  ._fgCardDescription_1q7wf_762 {
+  ._fgCardDescription_1t4uf_792 {
     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_1q7wf_769 {
+  ._fgLink_1t4uf_799 {
     display: inline-flex;
     align-items: center;
     align-self: flex-start;
@@ -6153,31 +6324,31 @@
     white-space: nowrap;
   }
 
-  ._fgLinkText_1q7wf_788 {
+  ._fgLinkText_1t4uf_818 {
     /* inherits from fgLink */
   }
 
   @media (min-width: 992px) {
-    ._fgHeading_1q7wf_695 {
+    ._fgHeading_1t4uf_725 {
       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_1q7wf_706 {
+    ._fgRow_1t4uf_736 {
       flex-direction: row;
       align-items: stretch;
       gap: calc(var(--clay-size-space-800) * 1px);
     }
 
-    ._fgCard_1q7wf_713 {
+    ._fgCard_1t4uf_743 {
       flex: 1;
       min-width: 0;
       justify-content: space-between;
     }
 
-    ._fgCardHeading_1q7wf_754 {
+    ._fgCardHeading_1t4uf_784 {
       font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
     }
   }
@@ -6186,16 +6357,16 @@
      Layout: horizontal-reveal
      ══════════════════════════════════════════════ */
 
-  ._horizontal-reveal_1q7wf_821 {
+  ._horizontal-reveal_1t4uf_851 {
     overflow: clip;
   }
 
-  ._horizontal-reveal_1q7wf_821 ._container_1q7wf_13 {
+  ._horizontal-reveal_1t4uf_851 ._container_1t4uf_13 {
     align-items: center;
     gap: calc(var(--clay-size-space-1200) * 1px);
   }
 
-  ._sectionHeader_1q7wf_830 {
+  ._sectionHeader_1t4uf_860 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -6203,7 +6374,7 @@
     max-width: 768px;
   }
 
-  ._sectionHeaderInner_1q7wf_838 {
+  ._sectionHeaderInner_1t4uf_868 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -6214,14 +6385,14 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._tagline_1q7wf_849 {
+  ._tagline_1t4uf_879 {
     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_1q7wf_821 ._heading_1q7wf_70 {
+  ._horizontal-reveal_1t4uf_851 ._heading_1t4uf_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);
@@ -6229,14 +6400,14 @@
     text-align: center;
   }
 
-  ._horizontal-reveal_1q7wf_821 ._description_1q7wf_78 {
+  ._horizontal-reveal_1t4uf_851 ._description_1t4uf_78 {
     font-size: calc(var(--clay-web-type-p3-size) * 1px);
     text-align: center;
   }
 
   /* ── Card row ── */
 
-  ._cardRow_1q7wf_871 {
+  ._cardRow_1t4uf_901 {
     display: flex;
     gap: calc(var(--clay-size-space-600) * 1px);
     width: 100%;
@@ -6246,36 +6417,36 @@
     scrollbar-width: none;
   }
 
-  ._cardRow_1q7wf_871::-webkit-scrollbar {
+  ._cardRow_1t4uf_901::-webkit-scrollbar {
     display: none;
   }
 
   /* ── Auto-scroll marquee ── */
 
-  ._marqueeWrapper_1q7wf_887 {
+  ._marqueeWrapper_1t4uf_917 {
     width: 100vw;
     margin-left: calc(-50vw + 50%);
     overflow: visible;
   }
 
-  ._cardRowMarquee_1q7wf_893 {
+  ._cardRowMarquee_1t4uf_923 {
     display: flex;
     width: max-content;
-    animation: _marquee_1q7wf_887 var(--marquee-duration, 30s) linear infinite;
+    animation: _marquee_1t4uf_917 var(--marquee-duration, 30s) linear infinite;
   }
 
-  ._cardRowMarquee_1q7wf_893:hover {
+  ._cardRowMarquee_1t4uf_923:hover {
     animation-play-state: paused;
   }
 
-  ._marqueeTrack_1q7wf_903 {
+  ._marqueeTrack_1t4uf_933 {
     display: flex;
     flex-shrink: 0;
     gap: calc(var(--clay-size-space-600) * 1px);
     padding-right: calc(var(--clay-size-space-600) * 1px);
   }
 
-  @keyframes _marquee_1q7wf_887 {
+  @keyframes _marquee_1t4uf_917 {
     0% {
       transform: translateX(0);
     }
@@ -6286,7 +6457,7 @@
 
   /* ── Individual reveal card ── */
 
-  ._revealCard_1q7wf_921 {
+  ._revealCard_1t4uf_951 {
     position: relative;
     box-sizing: border-box;
     display: flex;
@@ -6305,15 +6476,15 @@
     transition: box-shadow 0.2s ease;
   }
 
-  ._revealCard_1q7wf_921:hover,
-  ._revealCard_1q7wf_921:focus-within,
-  ._revealCard_1q7wf_921._revealed_1q7wf_942 {
+  ._revealCard_1t4uf_951:hover,
+  ._revealCard_1t4uf_951:focus-within,
+  ._revealCard_1t4uf_951._revealed_1t4uf_972 {
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
   }
 
   /* ── Front state (default) ── */
 
-  ._revealFront_1q7wf_948 {
+  ._revealFront_1t4uf_978 {
     flex: 1;
     min-height: 0;
     border-radius: calc(var(--clay-radius-lg) * 1px);
@@ -6321,53 +6492,53 @@
     background: var(--clay-color-stone-100, #f7f3ea);
   }
 
-  ._revealMedia_1q7wf_956 {
+  ._revealMedia_1t4uf_986 {
     width: 100%;
     height: 100%;
     overflow: hidden;
     border-radius: calc(var(--clay-radius-lg) * 1px);
   }
 
-  ._revealMedia_1q7wf_956 > * {
+  ._revealMedia_1t4uf_986 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._revealCard_1q7wf_921._revealed_1q7wf_942 ._revealFront_1q7wf_948,
-  ._revealCard_1q7wf_921:hover ._revealFront_1q7wf_948,
-  ._revealCard_1q7wf_921:focus-within ._revealFront_1q7wf_948 {
+  ._revealCard_1t4uf_951._revealed_1t4uf_972 ._revealFront_1t4uf_978,
+  ._revealCard_1t4uf_951:hover ._revealFront_1t4uf_978,
+  ._revealCard_1t4uf_951:focus-within ._revealFront_1t4uf_978 {
     display: none;
   }
 
-  ._revealCard_1q7wf_921._revealed_1q7wf_942,
-  ._revealCard_1q7wf_921:hover,
-  ._revealCard_1q7wf_921:focus-within {
+  ._revealCard_1t4uf_951._revealed_1t4uf_972,
+  ._revealCard_1t4uf_951:hover,
+  ._revealCard_1t4uf_951:focus-within {
     gap: 0;
   }
 
   /* ── Back state (hover/focus) ── */
 
-  ._revealBack_1q7wf_983 {
+  ._revealBack_1t4uf_1013 {
     display: none;
     flex-direction: column;
     gap: calc(var(--clay-size-space-500) * 1px);
     width: 100%;
   }
 
-  ._revealCard_1q7wf_921._revealed_1q7wf_942 ._revealBack_1q7wf_983,
-  ._revealCard_1q7wf_921:hover ._revealBack_1q7wf_983,
-  ._revealCard_1q7wf_921:focus-within ._revealBack_1q7wf_983 {
+  ._revealCard_1t4uf_951._revealed_1t4uf_972 ._revealBack_1t4uf_1013,
+  ._revealCard_1t4uf_951:hover ._revealBack_1t4uf_1013,
+  ._revealCard_1t4uf_951:focus-within ._revealBack_1t4uf_1013 {
     display: flex;
   }
 
-  ._revealHeader_1q7wf_996 {
+  ._revealHeader_1t4uf_1026 {
     display: flex;
     align-items: center;
     gap: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._revealAvatar_1q7wf_1002 {
+  ._revealAvatar_1t4uf_1032 {
     width: 64px;
     height: 64px;
     min-width: 64px;
@@ -6376,13 +6547,13 @@
     background: var(--clay-color-stone-100, #f7f3ea);
   }
 
-  ._revealAvatar_1q7wf_1002 > * {
+  ._revealAvatar_1t4uf_1032 > * {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
 
-  ._revealName_1q7wf_1017 {
+  ._revealName_1t4uf_1047 {
     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);
@@ -6390,7 +6561,7 @@
     color: var(--clay-color-text-default-default);
   }
 
-  ._revealList_1q7wf_1025 {
+  ._revealList_1t4uf_1055 {
     list-style: none;
     margin: 0;
     padding: 0;
@@ -6399,7 +6570,7 @@
     gap: calc(var(--clay-size-space-400) * 1px);
   }
 
-  ._revealListItem_1q7wf_1034 {
+  ._revealListItem_1t4uf_1064 {
     display: flex;
     align-items: flex-start;
     gap: calc(var(--clay-size-space-200) * 1px);
@@ -6410,7 +6581,7 @@
     color: var(--clay-color-text-default-secondary);
   }
 
-  ._bulletIcon_1q7wf_1045 {
+  ._bulletIcon_1t4uf_1075 {
     display: inline-block;
     width: 6px;
     height: 6px;
@@ -6422,7 +6593,7 @@
 
   /* ── Footer ── */
 
-  ._revealFooter_1q7wf_1057 {
+  ._revealFooter_1t4uf_1087 {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -6430,14 +6601,14 @@
     margin-top: auto;
   }
 
-  ._revealFooterContent_1q7wf_1065 {
+  ._revealFooterContent_1t4uf_1095 {
     display: flex;
     align-items: center;
     gap: calc(var(--clay-size-space-200) * 1px);
     min-width: 0;
   }
 
-  ._revealFooterName_1q7wf_1072 {
+  ._revealFooterName_1t4uf_1102 {
     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);
@@ -6447,13 +6618,13 @@
     padding-left: calc(var(--clay-size-space-200) * 1px);
   }
 
-  ._revealTags_1q7wf_1082 {
+  ._revealTags_1t4uf_1112 {
     display: flex;
     gap: calc(var(--clay-size-space-200) * 1px);
     flex-wrap: wrap;
   }
 
-  ._revealTag_1q7wf_1082 {
+  ._revealTag_1t4uf_1112 {
     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);
@@ -6465,7 +6636,7 @@
     white-space: nowrap;
   }
 
-  ._revealToggle_1q7wf_1100 {
+  ._revealToggle_1t4uf_1130 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -6481,15 +6652,15 @@
     flex-shrink: 0;
   }
 
-  ._revealCard_1q7wf_921._revealed_1q7wf_942 ._revealToggle_1q7wf_1100,
-  ._revealCard_1q7wf_921:hover ._revealToggle_1q7wf_1100,
-  ._revealCard_1q7wf_921:focus-within ._revealToggle_1q7wf_1100 {
+  ._revealCard_1t4uf_951._revealed_1t4uf_972 ._revealToggle_1t4uf_1130,
+  ._revealCard_1t4uf_951:hover ._revealToggle_1t4uf_1130,
+  ._revealCard_1t4uf_951:focus-within ._revealToggle_1t4uf_1130 {
     transform: rotate(45deg);
   }
 
   /* ── Navigation dots (mobile) ── */
 
-  ._navDots_1q7wf_1124 {
+  ._navDots_1t4uf_1154 {
     display: flex;
     justify-content: center;
   }
@@ -6497,40 +6668,40 @@
   /* ── Desktop overrides for horizontal-reveal ── */
 
   @media (min-width: 900px) {
-    ._horizontal-reveal_1q7wf_821 ._container_1q7wf_13 {
+    ._horizontal-reveal_1t4uf_851 ._container_1t4uf_13 {
       gap: 80px;
     }
 
-    ._sectionHeaderInner_1q7wf_838 {
+    ._sectionHeaderInner_1t4uf_868 {
       gap: calc(var(--clay-size-space-400) * 1px);
     }
 
-    ._horizontal-reveal_1q7wf_821 ._heading_1q7wf_70 {
+    ._horizontal-reveal_1t4uf_851 ._heading_1t4uf_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_1q7wf_821 ._description_1q7wf_78 {
+    ._horizontal-reveal_1t4uf_851 ._description_1t4uf_78 {
       font-size: calc(var(--clay-web-type-p2-size) * 1px);
     }
 
-    ._cardRow_1q7wf_871 {
+    ._cardRow_1t4uf_901 {
       justify-content: center;
       overflow: visible;
     }
 
-    ._navDots_1q7wf_1124 {
+    ._navDots_1t4uf_1154 {
       display: none;
     }
   }
 
-  ._containerWide_1q7wf_1161 {
+  ._containerWide_1t4uf_1191 {
     max-width: calc(var(--clay-layout-container-wide) * 1px);
   }
 
-  ._containerFull_1q7wf_1165 {
+  ._containerFull_1t4uf_1195 {
     max-width: none;
   }
 }