@clay-ds/react 0.2.1 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -2365,9 +2365,14 @@
2365
2365
  }
2366
2366
  }
2367
2367
  }
2368
+ @keyframes _sblFadeIn_1uz4c_1 {
2369
+ from { opacity: 0; }
2370
+ to { opacity: 1; }
2371
+ }
2372
+
2368
2373
  @layer clay.components {
2369
2374
  /* ── Section root ── */
2370
- ._section_1iihw_3 {
2375
+ ._section_1uz4c_8 {
2371
2376
  box-sizing: border-box;
2372
2377
  width: 100%;
2373
2378
  max-width: 100%;
@@ -2378,7 +2383,7 @@
2378
2383
  }
2379
2384
 
2380
2385
  /* ── Container ── */
2381
- ._container_1iihw_14 {
2386
+ ._container_1uz4c_19 {
2382
2387
  box-sizing: border-box;
2383
2388
  width: 100%;
2384
2389
  max-width: calc(var(--clay-layout-container-large) * 1px);
@@ -2389,7 +2394,7 @@
2389
2394
  }
2390
2395
 
2391
2396
  /* ── Accordion column ── */
2392
- ._accordion_1iihw_25 {
2397
+ ._accordion_1uz4c_30 {
2393
2398
  display: flex;
2394
2399
  flex-direction: column;
2395
2400
  gap: calc(var(--clay-size-space-400) * 1px);
@@ -2397,19 +2402,19 @@
2397
2402
  }
2398
2403
 
2399
2404
  /* ── Individual item ── */
2400
- ._item_1iihw_33 {
2405
+ ._item_1uz4c_38 {
2401
2406
  background-color: var(--clay-color-grey-100);
2402
2407
  border-radius: calc(var(--clay-radius-md) * 1px);
2403
- padding: calc(var(--clay-size-space-600) * 1px) calc(var(--clay-size-space-400) * 1px);
2408
+ padding: calc(var(--clay-size-space-600) * 1px);
2404
2409
  overflow: hidden;
2405
2410
  }
2406
2411
 
2407
- ._itemActive_1iihw_40 {
2412
+ ._itemActive_1uz4c_45 {
2408
2413
  border-radius: calc(var(--clay-radius-lg) * 1px);
2409
2414
  }
2410
2415
 
2411
2416
  /* ── Item header (button) ── */
2412
- ._itemHeader_1iihw_45 {
2417
+ ._itemHeader_1uz4c_50 {
2413
2418
  display: flex;
2414
2419
  align-items: center;
2415
2420
  justify-content: space-between;
@@ -2423,7 +2428,7 @@
2423
2428
  color: var(--clay-color-text-default-default);
2424
2429
  }
2425
2430
 
2426
- ._itemHeading_1iihw_59 {
2431
+ ._itemHeading_1uz4c_64 {
2427
2432
  font-family: var(--clay-web-type-family);
2428
2433
  font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
2429
2434
  font-weight: var(--clay-web-type-h6-mobile-weight);
@@ -2431,7 +2436,7 @@
2431
2436
  letter-spacing: calc(var(--clay-web-type-h6-mobile-letter-spacing) * 1px);
2432
2437
  }
2433
2438
 
2434
- ._itemActive_1iihw_40 ._itemHeading_1iihw_59 {
2439
+ ._itemActive_1uz4c_45 ._itemHeading_1uz4c_64 {
2435
2440
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
2436
2441
  font-weight: var(--clay-web-type-weight-regular);
2437
2442
  line-height: 1.2;
@@ -2439,7 +2444,7 @@
2439
2444
  }
2440
2445
 
2441
2446
  /* ── Chevron icon ── */
2442
- ._chevron_1iihw_75 {
2447
+ ._chevron_1uz4c_80 {
2443
2448
  flex-shrink: 0;
2444
2449
  width: calc(var(--clay-size-space-800) * 1px);
2445
2450
  height: calc(var(--clay-size-space-800) * 1px);
@@ -2447,17 +2452,27 @@
2447
2452
  transform: rotate(180deg);
2448
2453
  }
2449
2454
 
2450
- ._chevronOpen_1iihw_83 {
2455
+ ._chevronOpen_1uz4c_88 {
2451
2456
  transform: rotate(0deg);
2452
2457
  }
2453
2458
 
2454
2459
  /* ── Expandable content ── */
2455
- ._itemContent_1iihw_88 {
2460
+ ._itemContent_1uz4c_93 {
2461
+ display: grid;
2462
+ grid-template-rows: 0fr;
2463
+ transition: grid-template-rows var(--clay-motion-duration-slow) var(--clay-motion-easing-out);
2464
+ }
2465
+
2466
+ ._itemContentOpen_1uz4c_99 {
2467
+ grid-template-rows: 1fr;
2468
+ }
2469
+
2470
+ ._itemContentInner_1uz4c_103 {
2456
2471
  overflow: hidden;
2457
- transition: height var(--clay-motion-duration-slow) var(--clay-motion-easing-out);
2472
+ min-height: 0;
2458
2473
  }
2459
2474
 
2460
- ._itemDescription_1iihw_93 {
2475
+ ._itemDescription_1uz4c_108 {
2461
2476
  font-family: var(--clay-web-type-family);
2462
2477
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
2463
2478
  font-weight: var(--clay-web-type-weight-regular);
@@ -2469,7 +2484,7 @@
2469
2484
  }
2470
2485
 
2471
2486
  /* ── Inline media (visible on mobile, hidden on desktop) ── */
2472
- ._itemMedia_1iihw_105 {
2487
+ ._itemMedia_1uz4c_120 {
2473
2488
  margin-top: calc(var(--clay-size-space-400) * 1px);
2474
2489
  width: 100%;
2475
2490
  border-radius: calc(var(--clay-radius-md) * 1px);
@@ -2478,11 +2493,11 @@
2478
2493
  }
2479
2494
 
2480
2495
  /* ── Side media panel (hidden on mobile, visible on desktop) ── */
2481
- ._mediaPanel_1iihw_114 {
2496
+ ._mediaPanel_1uz4c_129 {
2482
2497
  display: none;
2483
2498
  }
2484
2499
 
2485
- ._mediaFallback_1iihw_118 {
2500
+ ._mediaFallback_1uz4c_133 {
2486
2501
  width: 100%;
2487
2502
  height: 100%;
2488
2503
  background-color: var(--clay-color-grey-500);
@@ -2493,53 +2508,60 @@
2493
2508
  Layout: side-by-side-lines
2494
2509
  ═══════════════════════════════════════════ */
2495
2510
 
2496
- ._side-by-side-lines_1iihw_129 {
2511
+ ._side-by-side-lines_1uz4c_144 {
2497
2512
  padding: calc(var(--clay-size-space-1600) * 1px) calc(var(--clay-layout-section-padding-x-mobile) * 1px);
2498
2513
  }
2499
2514
 
2500
- ._side-by-side-lines_1iihw_129 ._container_1iihw_14 {
2515
+ ._side-by-side-lines_1uz4c_144 ._container_1uz4c_19 {
2501
2516
  gap: 0;
2502
2517
  }
2503
2518
 
2504
- ._side-by-side-lines_1iihw_129 ._accordion_1iihw_25 {
2519
+ ._side-by-side-lines_1uz4c_144 ._accordion_1uz4c_30 {
2505
2520
  gap: 0;
2506
2521
  }
2507
2522
 
2508
- ._side-by-side-lines_1iihw_129 ._item_1iihw_33,
2509
- ._itemLines_1iihw_142 {
2523
+ ._side-by-side-lines_1uz4c_144 ._item_1uz4c_38,
2524
+ ._itemLines_1uz4c_157 {
2510
2525
  background-color: transparent;
2511
2526
  border-radius: var(--clay-radius-none);
2512
2527
  padding: calc(var(--clay-size-space-300) * 1px) 0 calc(var(--clay-size-space-600) * 1px);
2513
2528
  border-bottom: 1px solid var(--clay-color-grey-300);
2529
+ opacity: 0.25;
2530
+ transition:
2531
+ opacity var(--clay-motion-duration-slow) var(--clay-motion-easing-out);
2532
+ }
2533
+
2534
+ ._side-by-side-lines_1uz4c_144 ._itemActive_1uz4c_45 {
2535
+ opacity: 1;
2514
2536
  }
2515
2537
 
2516
- ._side-by-side-lines_1iihw_129 ._item_1iihw_33:first-child {
2538
+ ._side-by-side-lines_1uz4c_144 ._item_1uz4c_38:first-child {
2517
2539
  padding-top: 0;
2518
2540
  }
2519
2541
 
2520
- ._side-by-side-lines_1iihw_129 ._item_1iihw_33:last-child {
2542
+ ._side-by-side-lines_1uz4c_144 ._item_1uz4c_38:last-child {
2521
2543
  border-bottom: none;
2522
2544
  }
2523
2545
 
2524
- ._side-by-side-lines_1iihw_129 ._itemHeading_1iihw_59 {
2546
+ ._side-by-side-lines_1uz4c_144 ._itemHeading_1uz4c_64 {
2525
2547
  font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
2526
2548
  font-weight: var(--clay-web-type-weight-medium);
2527
2549
  line-height: 1.4;
2528
2550
  letter-spacing: 0;
2529
2551
  }
2530
2552
 
2531
- ._side-by-side-lines_1iihw_129 ._itemActive_1iihw_40 ._itemHeading_1iihw_59 {
2553
+ ._side-by-side-lines_1uz4c_144 ._itemActive_1uz4c_45 ._itemHeading_1uz4c_64 {
2532
2554
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
2533
2555
  font-weight: var(--clay-web-type-weight-regular);
2534
2556
  line-height: 1.2;
2535
2557
  letter-spacing: 0;
2536
2558
  }
2537
2559
 
2538
- ._side-by-side-lines_1iihw_129 ._itemDescription_1iihw_93 {
2560
+ ._side-by-side-lines_1uz4c_144 ._itemDescription_1uz4c_108 {
2539
2561
  padding-top: calc(var(--clay-size-space-400) * 1px);
2540
2562
  }
2541
2563
 
2542
- ._side-by-side-lines_1iihw_129 ._mediaPanel_1iihw_114 {
2564
+ ._side-by-side-lines_1uz4c_144 ._mediaPanel_1uz4c_129 {
2543
2565
  display: block;
2544
2566
  width: 100%;
2545
2567
  aspect-ratio: 340 / 195;
@@ -2548,17 +2570,43 @@
2548
2570
  margin-top: calc(var(--clay-size-space-600) * 1px);
2549
2571
  }
2550
2572
 
2551
- ._side-by-side-lines_1iihw_129 ._mediaPanel_1iihw_114 > * {
2573
+ ._side-by-side-lines_1uz4c_144 ._mediaPanel_1uz4c_129 > * {
2574
+ width: 100%;
2575
+ height: 100%;
2576
+ object-fit: cover;
2577
+ }
2578
+
2579
+ /* Crossfade wrapper — keyed on activeIndex so React remounts it on tab change */
2580
+ ._mediaPanelInner_1uz4c_213 {
2581
+ width: 100%;
2582
+ height: 100%;
2583
+ }
2584
+
2585
+ ._mediaPanelInner_1uz4c_213 > * {
2552
2586
  width: 100%;
2553
2587
  height: 100%;
2554
2588
  object-fit: cover;
2555
2589
  }
2556
2590
 
2591
+ ._side-by-side-lines_1uz4c_144 ._mediaPanelInner_1uz4c_213 {
2592
+ animation: _sblFadeIn_1uz4c_1 var(--clay-motion-duration-normal) var(--clay-motion-easing-out) both;
2593
+ }
2594
+
2595
+ @media (prefers-reduced-motion: reduce) {
2596
+ ._side-by-side-lines_1uz4c_144 ._item_1uz4c_38,
2597
+ ._itemLines_1uz4c_157 {
2598
+ transition: none;
2599
+ }
2600
+ ._side-by-side-lines_1uz4c_144 ._mediaPanelInner_1uz4c_213 {
2601
+ animation: none;
2602
+ }
2603
+ }
2604
+
2557
2605
  /* ═══════════════════════════════════════════
2558
2606
  Layout: tabs-background
2559
2607
  ═══════════════════════════════════════════ */
2560
2608
 
2561
- ._tabsCard_1iihw_194 {
2609
+ ._tabsCard_1uz4c_242 {
2562
2610
  box-sizing: border-box;
2563
2611
  width: 100%;
2564
2612
  max-width: calc(var(--clay-layout-container-large) * 1px);
@@ -2571,21 +2619,21 @@
2571
2619
  overflow: hidden;
2572
2620
  }
2573
2621
 
2574
- ._tabContent_1iihw_207 {
2622
+ ._tabContent_1uz4c_255 {
2575
2623
  display: flex;
2576
2624
  flex-direction: column;
2577
2625
  gap: calc(var(--clay-size-space-600) * 1px);
2578
2626
  padding: 0;
2579
2627
  }
2580
2628
 
2581
- ._tabText_1iihw_214 {
2629
+ ._tabText_1uz4c_262 {
2582
2630
  display: flex;
2583
2631
  flex-direction: column;
2584
2632
  align-items: flex-start;
2585
2633
  gap: calc(var(--clay-size-space-500) * 1px);
2586
2634
  }
2587
2635
 
2588
- ._tabTopic_1iihw_221 {
2636
+ ._tabTopic_1uz4c_269 {
2589
2637
  font-family: var(--clay-web-type-family);
2590
2638
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
2591
2639
  font-weight: var(--clay-web-type-weight-regular);
@@ -2593,7 +2641,7 @@
2593
2641
  color: var(--clay-color-text-default-default);
2594
2642
  }
2595
2643
 
2596
- ._tabHeading_1iihw_229 {
2644
+ ._tabHeading_1uz4c_277 {
2597
2645
  margin: 0;
2598
2646
  font-family: var(--clay-web-type-family);
2599
2647
  font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
@@ -2603,7 +2651,7 @@
2603
2651
  color: var(--clay-color-text-default-default);
2604
2652
  }
2605
2653
 
2606
- ._tabDescription_1iihw_239 {
2654
+ ._tabDescription_1uz4c_287 {
2607
2655
  margin: 0;
2608
2656
  font-family: var(--clay-web-type-family);
2609
2657
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -2612,14 +2660,14 @@
2612
2660
  color: var(--clay-color-text-default-default);
2613
2661
  }
2614
2662
 
2615
- ._tabMedia_1iihw_248 {
2663
+ ._tabMedia_1uz4c_296 {
2616
2664
  width: 100%;
2617
2665
  aspect-ratio: 16 / 9;
2618
2666
  border-radius: calc(var(--clay-radius-lg) * 1px);
2619
2667
  overflow: hidden;
2620
2668
  }
2621
2669
 
2622
- ._tabMedia_1iihw_248 > * {
2670
+ ._tabMedia_1uz4c_296 > * {
2623
2671
  width: 100%;
2624
2672
  height: 100%;
2625
2673
  object-fit: cover;
@@ -2629,7 +2677,7 @@
2629
2677
  Layout: tabs-stroke
2630
2678
  ═══════════════════════════════════════════ */
2631
2679
 
2632
- ._strokeCard_1iihw_265 {
2680
+ ._strokeCard_1uz4c_313 {
2633
2681
  box-sizing: border-box;
2634
2682
  width: 100%;
2635
2683
  background-color: white;
@@ -2644,19 +2692,19 @@
2644
2692
  margin-top: calc(var(--clay-size-space-400) * 1px);
2645
2693
  }
2646
2694
 
2647
- ._strokeText_1iihw_280 {
2695
+ ._strokeText_1uz4c_328 {
2648
2696
  display: flex;
2649
2697
  flex-direction: column;
2650
2698
  gap: calc(var(--clay-size-space-600) * 1px);
2651
2699
  }
2652
2700
 
2653
- ._strokeTextGroup_1iihw_286 {
2701
+ ._strokeTextGroup_1uz4c_334 {
2654
2702
  display: flex;
2655
2703
  flex-direction: column;
2656
2704
  gap: calc(var(--clay-size-space-300) * 1px);
2657
2705
  }
2658
2706
 
2659
- ._strokeHeading_1iihw_292 {
2707
+ ._strokeHeading_1uz4c_340 {
2660
2708
  font-family: var(--clay-web-type-family);
2661
2709
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
2662
2710
  font-weight: var(--clay-web-type-weight-regular);
@@ -2666,7 +2714,7 @@
2666
2714
  margin: 0;
2667
2715
  }
2668
2716
 
2669
- ._strokeDescription_1iihw_302 {
2717
+ ._strokeDescription_1uz4c_350 {
2670
2718
  font-family: var(--clay-web-type-family);
2671
2719
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
2672
2720
  font-weight: var(--clay-web-type-weight-regular);
@@ -2676,14 +2724,14 @@
2676
2724
  margin: 0;
2677
2725
  }
2678
2726
 
2679
- ._strokeMedia_1iihw_312 {
2727
+ ._strokeMedia_1uz4c_360 {
2680
2728
  width: 100%;
2681
2729
  aspect-ratio: 16 / 9;
2682
2730
  border-radius: calc(var(--clay-radius-lg) * 1px);
2683
2731
  overflow: hidden;
2684
2732
  }
2685
2733
 
2686
- ._strokeMedia_1iihw_312 > * {
2734
+ ._strokeMedia_1uz4c_360 > * {
2687
2735
  width: 100%;
2688
2736
  height: 100%;
2689
2737
  object-fit: cover;
@@ -2693,20 +2741,20 @@
2693
2741
  Layout: side-by-side-bullets
2694
2742
  ═══════════════════════════════════════════ */
2695
2743
 
2696
- ._side-by-side-bullets_1iihw_329 {
2744
+ ._side-by-side-bullets_1uz4c_377 {
2697
2745
  display: flex;
2698
2746
  flex-direction: column;
2699
2747
  gap: calc(var(--clay-size-space-1000) * 1px);
2700
2748
  }
2701
2749
 
2702
2750
  /* Section-level header */
2703
- ._bulletSectionHeader_1iihw_336 {
2751
+ ._bulletSectionHeader_1uz4c_384 {
2704
2752
  display: flex;
2705
2753
  flex-direction: column;
2706
2754
  gap: calc(var(--clay-size-space-300) * 1px);
2707
2755
  }
2708
2756
 
2709
- ._bulletTopic_1iihw_342 {
2757
+ ._bulletTopic_1uz4c_390 {
2710
2758
  font-family: var(--clay-web-type-family);
2711
2759
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
2712
2760
  font-weight: var(--clay-web-type-weight-regular);
@@ -2714,7 +2762,7 @@
2714
2762
  color: var(--clay-color-text-default-default);
2715
2763
  }
2716
2764
 
2717
- ._bulletSectionHeading_1iihw_350 {
2765
+ ._bulletSectionHeading_1uz4c_398 {
2718
2766
  margin: 0;
2719
2767
  font-family: var(--clay-web-type-family);
2720
2768
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -2725,18 +2773,18 @@
2725
2773
  }
2726
2774
 
2727
2775
  /* Desktop accordion card: hidden on mobile */
2728
- ._bulletCard_1iihw_361 {
2776
+ ._bulletCard_1uz4c_409 {
2729
2777
  display: none;
2730
2778
  }
2731
2779
 
2732
2780
  /* Bullet list (desktop only) */
2733
- ._bulletList_1iihw_366 {
2781
+ ._bulletList_1uz4c_414 {
2734
2782
  display: flex;
2735
2783
  flex-direction: column;
2736
2784
  gap: calc(var(--clay-size-space-400) * 1px);
2737
2785
  }
2738
2786
 
2739
- ._bulletItemInactive_1iihw_372 {
2787
+ ._bulletItemInactive_1uz4c_420 {
2740
2788
  display: flex;
2741
2789
  flex-direction: row;
2742
2790
  align-items: center;
@@ -2751,7 +2799,7 @@
2751
2799
  width: fit-content;
2752
2800
  }
2753
2801
 
2754
- ._bulletIcon_1iihw_387 {
2802
+ ._bulletIcon_1uz4c_435 {
2755
2803
  flex-shrink: 0;
2756
2804
  width: calc(var(--clay-size-space-600) * 1px);
2757
2805
  height: calc(var(--clay-size-space-600) * 1px);
@@ -2760,7 +2808,7 @@
2760
2808
  justify-content: center;
2761
2809
  }
2762
2810
 
2763
- ._bulletInactiveLabel_1iihw_396 {
2811
+ ._bulletInactiveLabel_1uz4c_444 {
2764
2812
  font-family: var(--clay-web-type-family);
2765
2813
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
2766
2814
  font-weight: var(--clay-web-type-weight-regular);
@@ -2768,7 +2816,7 @@
2768
2816
  color: var(--clay-color-text-default-secondary);
2769
2817
  }
2770
2818
 
2771
- ._bulletItemActive_1iihw_404 {
2819
+ ._bulletItemActive_1uz4c_452 {
2772
2820
  display: flex;
2773
2821
  flex-direction: column;
2774
2822
  gap: calc(var(--clay-size-space-200) * 1px);
@@ -2780,7 +2828,7 @@
2780
2828
  text-align: left;
2781
2829
  }
2782
2830
 
2783
- ._bulletActiveLabel_1iihw_416 {
2831
+ ._bulletActiveLabel_1uz4c_464 {
2784
2832
  font-family: var(--clay-web-type-family);
2785
2833
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
2786
2834
  font-weight: var(--clay-web-type-weight-regular);
@@ -2788,7 +2836,7 @@
2788
2836
  color: var(--clay-color-text-default-default);
2789
2837
  }
2790
2838
 
2791
- ._bulletActiveDesc_1iihw_424 {
2839
+ ._bulletActiveDesc_1uz4c_472 {
2792
2840
  margin: 0;
2793
2841
  font-family: var(--clay-web-type-family);
2794
2842
  font-size: calc(var(--clay-web-type-p4-size) * 1px);
@@ -2797,33 +2845,33 @@
2797
2845
  color: var(--clay-color-text-default-secondary);
2798
2846
  }
2799
2847
 
2800
- ._bulletMediaPanel_1iihw_433 {
2848
+ ._bulletMediaPanel_1uz4c_481 {
2801
2849
  flex: 1 1 0%;
2802
2850
  min-width: 0;
2803
2851
  border-radius: calc(var(--clay-radius-lg) * 1px);
2804
2852
  overflow: hidden;
2805
2853
  }
2806
2854
 
2807
- ._bulletMediaPanel_1iihw_433 > * {
2855
+ ._bulletMediaPanel_1uz4c_481 > * {
2808
2856
  width: 100%;
2809
2857
  height: 100%;
2810
2858
  object-fit: cover;
2811
2859
  }
2812
2860
 
2813
- ._bulletMediaFallback_1iihw_446 {
2861
+ ._bulletMediaFallback_1uz4c_494 {
2814
2862
  width: 100%;
2815
2863
  height: 100%;
2816
2864
  background-color: var(--clay-color-grey-300);
2817
2865
  }
2818
2866
 
2819
2867
  /* Mobile carousel */
2820
- ._bulletCarouselWrapper_1iihw_453 {
2868
+ ._bulletCarouselWrapper_1uz4c_501 {
2821
2869
  display: flex;
2822
2870
  flex-direction: column;
2823
2871
  gap: calc(var(--clay-size-space-400) * 1px);
2824
2872
  }
2825
2873
 
2826
- ._bulletCarouselTrack_1iihw_459 {
2874
+ ._bulletCarouselTrack_1uz4c_507 {
2827
2875
  display: flex;
2828
2876
  flex-direction: row;
2829
2877
  gap: calc(var(--clay-size-space-300) * 1px);
@@ -2834,11 +2882,11 @@
2834
2882
  scrollbar-width: none;
2835
2883
  }
2836
2884
 
2837
- ._bulletCarouselTrack_1iihw_459::-webkit-scrollbar {
2885
+ ._bulletCarouselTrack_1uz4c_507::-webkit-scrollbar {
2838
2886
  display: none;
2839
2887
  }
2840
2888
 
2841
- ._bulletCarouselCard_1iihw_474 {
2889
+ ._bulletCarouselCard_1uz4c_522 {
2842
2890
  flex: 0 0 298px;
2843
2891
  scroll-snap-align: start;
2844
2892
  background-color: var(--clay-color-grey-100);
@@ -2850,13 +2898,13 @@
2850
2898
  box-sizing: border-box;
2851
2899
  }
2852
2900
 
2853
- ._bulletCarouselText_1iihw_486 {
2901
+ ._bulletCarouselText_1uz4c_534 {
2854
2902
  display: flex;
2855
2903
  flex-direction: column;
2856
2904
  gap: calc(var(--clay-size-space-200) * 1px);
2857
2905
  }
2858
2906
 
2859
- ._bulletCarouselTitle_1iihw_492 {
2907
+ ._bulletCarouselTitle_1uz4c_540 {
2860
2908
  font-family: var(--clay-web-type-family);
2861
2909
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
2862
2910
  font-weight: var(--clay-web-type-weight-regular);
@@ -2864,7 +2912,7 @@
2864
2912
  color: var(--clay-color-text-default-default);
2865
2913
  }
2866
2914
 
2867
- ._bulletCarouselDesc_1iihw_500 {
2915
+ ._bulletCarouselDesc_1uz4c_548 {
2868
2916
  margin: 0;
2869
2917
  font-family: var(--clay-web-type-family);
2870
2918
  font-size: calc(var(--clay-web-type-p4-size) * 1px);
@@ -2873,20 +2921,20 @@
2873
2921
  color: var(--clay-color-text-default-secondary);
2874
2922
  }
2875
2923
 
2876
- ._bulletCarouselMedia_1iihw_509 {
2924
+ ._bulletCarouselMedia_1uz4c_557 {
2877
2925
  width: 100%;
2878
2926
  aspect-ratio: 343 / 219;
2879
2927
  border-radius: calc(var(--clay-radius-sm) * 1px);
2880
2928
  overflow: hidden;
2881
2929
  }
2882
2930
 
2883
- ._bulletCarouselMedia_1iihw_509 > * {
2931
+ ._bulletCarouselMedia_1uz4c_557 > * {
2884
2932
  width: 100%;
2885
2933
  height: 100%;
2886
2934
  object-fit: cover;
2887
2935
  }
2888
2936
 
2889
- ._bulletCarouselNav_1iihw_522 {
2937
+ ._bulletCarouselNav_1uz4c_570 {
2890
2938
  display: flex;
2891
2939
  flex-direction: row;
2892
2940
  gap: calc(var(--clay-size-space-300) * 1px);
@@ -2896,14 +2944,14 @@
2896
2944
  Layout: tab-cards-carousel
2897
2945
  ═══════════════════════════════════════════ */
2898
2946
 
2899
- ._tab-cards-carousel_1iihw_532 {
2947
+ ._tab-cards-carousel_1uz4c_580 {
2900
2948
  display: flex;
2901
2949
  flex-direction: column;
2902
2950
  align-items: center;
2903
2951
  gap: calc(var(--clay-size-space-1000) * 1px);
2904
2952
  }
2905
2953
 
2906
- ._tcSectionText_1iihw_539 {
2954
+ ._tcSectionText_1uz4c_587 {
2907
2955
  display: flex;
2908
2956
  flex-direction: column;
2909
2957
  align-items: center;
@@ -2912,7 +2960,7 @@
2912
2960
  width: 100%;
2913
2961
  }
2914
2962
 
2915
- ._tcTopic_1iihw_548 {
2963
+ ._tcTopic_1uz4c_596 {
2916
2964
  font-family: var(--clay-web-type-family);
2917
2965
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
2918
2966
  font-weight: var(--clay-web-type-weight-regular);
@@ -2920,7 +2968,7 @@
2920
2968
  color: var(--clay-color-text-default-default);
2921
2969
  }
2922
2970
 
2923
- ._tcSectionHeading_1iihw_556 {
2971
+ ._tcSectionHeading_1uz4c_604 {
2924
2972
  margin: 0;
2925
2973
  font-family: var(--clay-web-type-family);
2926
2974
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -2930,7 +2978,7 @@
2930
2978
  color: var(--clay-color-text-default-default);
2931
2979
  }
2932
2980
 
2933
- ._tcTabBar_1iihw_566 {
2981
+ ._tcTabBar_1uz4c_614 {
2934
2982
  display: flex;
2935
2983
  flex-direction: row;
2936
2984
  gap: calc(var(--clay-size-space-400) * 1px);
@@ -2939,11 +2987,11 @@
2939
2987
  align-self: stretch;
2940
2988
  }
2941
2989
 
2942
- ._tcTabBar_1iihw_566::-webkit-scrollbar {
2990
+ ._tcTabBar_1uz4c_614::-webkit-scrollbar {
2943
2991
  display: none;
2944
2992
  }
2945
2993
 
2946
- ._tcTab_1iihw_566 {
2994
+ ._tcTab_1uz4c_614 {
2947
2995
  flex-shrink: 0;
2948
2996
  height: 54px;
2949
2997
  padding: calc(var(--clay-size-space-300) * 1px) calc(var(--clay-size-space-1000) * 1px);
@@ -2959,24 +3007,24 @@
2959
3007
  white-space: nowrap;
2960
3008
  }
2961
3009
 
2962
- ._tcTabActive_1iihw_595 {
3010
+ ._tcTabActive_1uz4c_643 {
2963
3011
  border-color: var(--clay-foundation-brand-color-iris-300);
2964
3012
  color: var(--clay-foundation-brand-color-iris-300);
2965
3013
  }
2966
3014
 
2967
- ._tcCarouselOuter_1iihw_600 {
3015
+ ._tcCarouselOuter_1uz4c_648 {
2968
3016
  width: 100%;
2969
3017
  overflow: hidden;
2970
3018
  }
2971
3019
 
2972
- ._tcCarouselTrack_1iihw_605 {
3020
+ ._tcCarouselTrack_1uz4c_653 {
2973
3021
  display: flex;
2974
3022
  flex-direction: row;
2975
3023
  gap: calc(var(--clay-size-space-600) * 1px);
2976
3024
  transition: transform var(--clay-motion-duration-slow) var(--clay-motion-easing-out);
2977
3025
  }
2978
3026
 
2979
- ._tcCard_1iihw_612 {
3027
+ ._tcCard_1uz4c_660 {
2980
3028
  flex: 0 0 100%;
2981
3029
  box-sizing: border-box;
2982
3030
  background-color: var(--clay-color-grey-100);
@@ -2989,14 +3037,14 @@
2989
3037
  overflow: hidden;
2990
3038
  }
2991
3039
 
2992
- ._tcCardHeader_1iihw_625 {
3040
+ ._tcCardHeader_1uz4c_673 {
2993
3041
  display: flex;
2994
3042
  flex-direction: row;
2995
3043
  align-items: center;
2996
3044
  gap: calc(var(--clay-size-space-400) * 1px);
2997
3045
  }
2998
3046
 
2999
- ._tcCardMeta_1iihw_632 {
3047
+ ._tcCardMeta_1uz4c_680 {
3000
3048
  display: flex;
3001
3049
  flex-direction: row;
3002
3050
  align-items: center;
@@ -3004,7 +3052,7 @@
3004
3052
  flex: 1 1 0%;
3005
3053
  }
3006
3054
 
3007
- ._tcCardIcon_1iihw_640 {
3055
+ ._tcCardIcon_1uz4c_688 {
3008
3056
  flex-shrink: 0;
3009
3057
  width: 54px;
3010
3058
  height: 54px;
@@ -3015,19 +3063,19 @@
3015
3063
  border-radius: calc(var(--clay-radius-sm) * 1px);
3016
3064
  }
3017
3065
 
3018
- ._tcCardIcon_1iihw_640 > * {
3066
+ ._tcCardIcon_1uz4c_688 > * {
3019
3067
  width: 100%;
3020
3068
  height: 100%;
3021
3069
  object-fit: contain;
3022
3070
  }
3023
3071
 
3024
- ._tcCardText_1iihw_657 {
3072
+ ._tcCardText_1uz4c_705 {
3025
3073
  display: flex;
3026
3074
  flex-direction: column;
3027
3075
  gap: 0;
3028
3076
  }
3029
3077
 
3030
- ._tcCardTitle_1iihw_663 {
3078
+ ._tcCardTitle_1uz4c_711 {
3031
3079
  font-family: var(--clay-web-type-family);
3032
3080
  font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
3033
3081
  font-weight: var(--clay-web-type-weight-medium);
@@ -3035,7 +3083,7 @@
3035
3083
  color: var(--clay-color-text-default-default);
3036
3084
  }
3037
3085
 
3038
- ._tcCardSubtitle_1iihw_671 {
3086
+ ._tcCardSubtitle_1uz4c_719 {
3039
3087
  font-family: var(--clay-web-type-family);
3040
3088
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
3041
3089
  font-weight: var(--clay-web-type-weight-regular);
@@ -3043,15 +3091,15 @@
3043
3091
  color: var(--clay-color-text-default-default);
3044
3092
  }
3045
3093
 
3046
- ._tcCtaDeskWrap_1iihw_679 {
3094
+ ._tcCtaDeskWrap_1uz4c_727 {
3047
3095
  display: none;
3048
3096
  }
3049
3097
 
3050
- ._tcCtaMobWrap_1iihw_683 {
3098
+ ._tcCtaMobWrap_1uz4c_731 {
3051
3099
  display: block;
3052
3100
  }
3053
3101
 
3054
- ._tcMedia_1iihw_687 {
3102
+ ._tcMedia_1uz4c_735 {
3055
3103
  width: calc(100% + var(--clay-size-space-400) * 2px);
3056
3104
  margin: 0 calc(var(--clay-size-space-400) * -1px) calc(var(--clay-size-space-400) * -1px);
3057
3105
  height: 280px;
@@ -3059,13 +3107,13 @@
3059
3107
  overflow: hidden;
3060
3108
  }
3061
3109
 
3062
- ._tcMedia_1iihw_687 > * {
3110
+ ._tcMedia_1uz4c_735 > * {
3063
3111
  width: 100%;
3064
3112
  height: 100%;
3065
3113
  object-fit: cover;
3066
3114
  }
3067
3115
 
3068
- ._tcNav_1iihw_701 {
3116
+ ._tcNav_1uz4c_749 {
3069
3117
  display: flex;
3070
3118
  flex-direction: row;
3071
3119
  gap: calc(var(--clay-size-space-200) * 1px);
@@ -3075,14 +3123,14 @@
3075
3123
  Layout: stacked-rows
3076
3124
  ═══════════════════════════════════════════ */
3077
3125
 
3078
- ._stacked-rows_1iihw_711 {
3126
+ ._stacked-rows_1uz4c_759 {
3079
3127
  display: flex;
3080
3128
  flex-direction: column;
3081
3129
  align-items: stretch;
3082
3130
  gap: calc(var(--clay-size-space-1000) * 1px);
3083
3131
  }
3084
3132
 
3085
- ._srHeader_1iihw_718 {
3133
+ ._srHeader_1uz4c_766 {
3086
3134
  display: flex;
3087
3135
  flex-direction: column;
3088
3136
  align-items: center;
@@ -3090,7 +3138,7 @@
3090
3138
  gap: calc(var(--clay-size-space-600) * 1px);
3091
3139
  }
3092
3140
 
3093
- ._srTopic_1iihw_726 {
3141
+ ._srTopic_1uz4c_774 {
3094
3142
  font-family: var(--clay-web-type-family);
3095
3143
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
3096
3144
  font-weight: var(--clay-web-type-weight-regular);
@@ -3098,7 +3146,7 @@
3098
3146
  color: var(--clay-color-text-default-default);
3099
3147
  }
3100
3148
 
3101
- ._srSectionHeading_1iihw_734 {
3149
+ ._srSectionHeading_1uz4c_782 {
3102
3150
  margin: 0;
3103
3151
  font-family: var(--clay-web-type-family);
3104
3152
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -3109,13 +3157,13 @@
3109
3157
  }
3110
3158
 
3111
3159
  /* Mobile row: stacked column */
3112
- ._srRow_1iihw_745 {
3160
+ ._srRow_1uz4c_793 {
3113
3161
  display: flex;
3114
3162
  flex-direction: column;
3115
3163
  gap: 0;
3116
3164
  }
3117
3165
 
3118
- ._srContentCard_1iihw_751 {
3166
+ ._srContentCard_1uz4c_799 {
3119
3167
  background-color: var(--clay-color-grey-100);
3120
3168
  border-radius: calc(var(--clay-radius-lg) * 1px) calc(var(--clay-radius-lg) * 1px) 0 0;
3121
3169
  padding: calc(var(--clay-size-space-600) * 1px) calc(var(--clay-size-space-400) * 1px);
@@ -3124,25 +3172,25 @@
3124
3172
  justify-content: center;
3125
3173
  }
3126
3174
 
3127
- ._srCardInner_1iihw_760 {
3175
+ ._srCardInner_1uz4c_808 {
3128
3176
  display: flex;
3129
3177
  flex-direction: column;
3130
3178
  gap: calc(var(--clay-size-space-800) * 1px);
3131
3179
  }
3132
3180
 
3133
- ._srTopGroup_1iihw_766 {
3181
+ ._srTopGroup_1uz4c_814 {
3134
3182
  display: flex;
3135
3183
  flex-direction: column;
3136
3184
  gap: calc(var(--clay-size-space-500) * 1px);
3137
3185
  }
3138
3186
 
3139
- ._srTagWrap_1iihw_772 {
3187
+ ._srTagWrap_1uz4c_820 {
3140
3188
  display: flex;
3141
3189
  align-items: center;
3142
3190
  gap: calc(var(--clay-size-space-200) * 1px);
3143
3191
  }
3144
3192
 
3145
- ._srTagDot_1iihw_778 {
3193
+ ._srTagDot_1uz4c_826 {
3146
3194
  flex-shrink: 0;
3147
3195
  width: 18px;
3148
3196
  height: 18px;
@@ -3150,7 +3198,7 @@
3150
3198
  border-radius: calc(var(--clay-radius-sm) * 1px);
3151
3199
  }
3152
3200
 
3153
- ._srTagLabel_1iihw_786 {
3201
+ ._srTagLabel_1uz4c_834 {
3154
3202
  font-family: var(--clay-web-type-family);
3155
3203
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
3156
3204
  font-weight: var(--clay-web-type-weight-regular);
@@ -3158,7 +3206,7 @@
3158
3206
  color: var(--clay-color-text-default-default);
3159
3207
  }
3160
3208
 
3161
- ._srHeading_1iihw_794 {
3209
+ ._srHeading_1uz4c_842 {
3162
3210
  margin: 0;
3163
3211
  font-family: var(--clay-web-type-family);
3164
3212
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -3168,7 +3216,7 @@
3168
3216
  color: var(--clay-color-text-default-default);
3169
3217
  }
3170
3218
 
3171
- ._srDesc_1iihw_804 {
3219
+ ._srDesc_1uz4c_852 {
3172
3220
  margin: 0;
3173
3221
  font-family: var(--clay-web-type-family);
3174
3222
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3177,27 +3225,27 @@
3177
3225
  color: var(--clay-color-text-default-default);
3178
3226
  }
3179
3227
 
3180
- ._srBottomGroup_1iihw_813 {
3228
+ ._srBottomGroup_1uz4c_861 {
3181
3229
  display: flex;
3182
3230
  flex-direction: column;
3183
3231
  gap: calc(var(--clay-size-space-800) * 1px);
3184
3232
  }
3185
3233
 
3186
- ._srBullets_1iihw_819 {
3234
+ ._srBullets_1uz4c_867 {
3187
3235
  display: flex;
3188
3236
  flex-direction: row;
3189
3237
  flex-wrap: wrap;
3190
3238
  gap: calc(var(--clay-size-space-300) * 1px);
3191
3239
  }
3192
3240
 
3193
- ._srBullet_1iihw_819 {
3241
+ ._srBullet_1uz4c_867 {
3194
3242
  display: flex;
3195
3243
  align-items: center;
3196
3244
  gap: calc(var(--clay-size-space-200) * 1px);
3197
3245
  flex-shrink: 0;
3198
3246
  }
3199
3247
 
3200
- ._srBulletIcon_1iihw_833 {
3248
+ ._srBulletIcon_1uz4c_881 {
3201
3249
  flex-shrink: 0;
3202
3250
  width: calc(var(--clay-size-space-500) * 1px);
3203
3251
  height: calc(var(--clay-size-space-500) * 1px);
@@ -3207,7 +3255,7 @@
3207
3255
  justify-content: center;
3208
3256
  }
3209
3257
 
3210
- ._srBulletLabel_1iihw_843 {
3258
+ ._srBulletLabel_1uz4c_891 {
3211
3259
  font-family: var(--clay-web-type-family);
3212
3260
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
3213
3261
  font-weight: var(--clay-web-type-weight-regular);
@@ -3217,14 +3265,14 @@
3217
3265
  }
3218
3266
 
3219
3267
  /* Mobile media: below the card */
3220
- ._srMedia_1iihw_853 {
3268
+ ._srMedia_1uz4c_901 {
3221
3269
  width: 100%;
3222
3270
  aspect-ratio: 675 / 400;
3223
3271
  border-radius: 0 0 calc(var(--clay-radius-lg) * 1px) calc(var(--clay-radius-lg) * 1px);
3224
3272
  overflow: hidden;
3225
3273
  }
3226
3274
 
3227
- ._srMedia_1iihw_853 > * {
3275
+ ._srMedia_1uz4c_901 > * {
3228
3276
  width: 100%;
3229
3277
  height: 100%;
3230
3278
  object-fit: cover;
@@ -3234,7 +3282,7 @@
3234
3282
  Layout: horizontal-cards
3235
3283
  ═══════════════════════════════════════════ */
3236
3284
 
3237
- ._horizontal-cards_1iihw_870 {
3285
+ ._horizontal-cards_1uz4c_918 {
3238
3286
  display: flex;
3239
3287
  flex-direction: column;
3240
3288
  align-items: center;
@@ -3242,7 +3290,7 @@
3242
3290
  width: 100%;
3243
3291
  }
3244
3292
 
3245
- ._hcHeader_1iihw_878 {
3293
+ ._hcHeader_1uz4c_926 {
3246
3294
  display: flex;
3247
3295
  flex-direction: column;
3248
3296
  align-items: center;
@@ -3251,7 +3299,7 @@
3251
3299
  width: 100%;
3252
3300
  }
3253
3301
 
3254
- ._hcTagline_1iihw_887 {
3302
+ ._hcTagline_1uz4c_935 {
3255
3303
  font-family: var(--clay-web-type-family);
3256
3304
  font-size: calc(var(--clay-web-type-p4-size) * 1px);
3257
3305
  font-weight: var(--clay-web-type-weight-regular);
@@ -3259,7 +3307,7 @@
3259
3307
  color: var(--clay-color-text-default-secondary);
3260
3308
  }
3261
3309
 
3262
- ._hcSectionHeading_1iihw_895 {
3310
+ ._hcSectionHeading_1uz4c_943 {
3263
3311
  margin: 0;
3264
3312
  font-family: var(--clay-web-type-family);
3265
3313
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -3268,7 +3316,7 @@
3268
3316
  color: var(--clay-color-text-default-default);
3269
3317
  }
3270
3318
 
3271
- ._hcSectionDesc_1iihw_904 {
3319
+ ._hcSectionDesc_1uz4c_952 {
3272
3320
  margin: 0;
3273
3321
  font-family: var(--clay-web-type-family);
3274
3322
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3278,7 +3326,7 @@
3278
3326
  }
3279
3327
 
3280
3328
  /* Mobile: snap carousel */
3281
- ._hcGrid_1iihw_914 {
3329
+ ._hcGrid_1uz4c_962 {
3282
3330
  display: flex;
3283
3331
  flex-direction: row;
3284
3332
  gap: calc(var(--clay-size-space-400) * 1px);
@@ -3293,11 +3341,11 @@
3293
3341
  padding-right: calc(var(--clay-layout-section-padding-x-mobile) * 1px);
3294
3342
  }
3295
3343
 
3296
- ._hcGrid_1iihw_914::-webkit-scrollbar {
3344
+ ._hcGrid_1uz4c_962::-webkit-scrollbar {
3297
3345
  display: none;
3298
3346
  }
3299
3347
 
3300
- ._hcCard_1iihw_933 {
3348
+ ._hcCard_1uz4c_981 {
3301
3349
  flex: 0 0 calc(100vw - calc(var(--clay-layout-section-padding-x-mobile) * 2px + calc(var(--clay-size-space-800) * 1px)));
3302
3350
  scroll-snap-align: start;
3303
3351
  background: var(--clay-color-bg-primary);
@@ -3309,20 +3357,20 @@
3309
3357
  flex-shrink: 0;
3310
3358
  }
3311
3359
 
3312
- ._hcMedia_1iihw_945 {
3360
+ ._hcMedia_1uz4c_993 {
3313
3361
  width: 100%;
3314
3362
  aspect-ratio: 16 / 9;
3315
3363
  overflow: hidden;
3316
3364
  flex-shrink: 0;
3317
3365
  }
3318
3366
 
3319
- ._hcMedia_1iihw_945 > * {
3367
+ ._hcMedia_1uz4c_993 > * {
3320
3368
  width: 100%;
3321
3369
  height: 100%;
3322
3370
  object-fit: cover;
3323
3371
  }
3324
3372
 
3325
- ._hcContent_1iihw_958 {
3373
+ ._hcContent_1uz4c_1006 {
3326
3374
  display: flex;
3327
3375
  flex-direction: column;
3328
3376
  align-items: flex-start;
@@ -3331,14 +3379,14 @@
3331
3379
  flex: 1;
3332
3380
  }
3333
3381
 
3334
- ._hcTextGroup_1iihw_967 {
3382
+ ._hcTextGroup_1uz4c_1015 {
3335
3383
  display: flex;
3336
3384
  flex-direction: column;
3337
3385
  gap: calc(var(--clay-size-space-400) * 1px);
3338
3386
  width: 100%;
3339
3387
  }
3340
3388
 
3341
- ._hcHeading_1iihw_974 {
3389
+ ._hcHeading_1uz4c_1022 {
3342
3390
  margin: 0;
3343
3391
  font-family: var(--clay-web-type-family);
3344
3392
  font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
@@ -3347,7 +3395,7 @@
3347
3395
  color: var(--clay-color-text-default-default);
3348
3396
  }
3349
3397
 
3350
- ._hcDesc_1iihw_983 {
3398
+ ._hcDesc_1uz4c_1031 {
3351
3399
  margin: 0;
3352
3400
  font-family: var(--clay-web-type-family);
3353
3401
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3356,7 +3404,7 @@
3356
3404
  color: var(--clay-color-text-default-secondary);
3357
3405
  }
3358
3406
 
3359
- ._hcAction_1iihw_992 {
3407
+ ._hcAction_1uz4c_1040 {
3360
3408
  display: inline-flex;
3361
3409
  align-items: center;
3362
3410
  gap: calc(var(--clay-size-space-200) * 1px);
@@ -3374,11 +3422,11 @@
3374
3422
  align-self: flex-start;
3375
3423
  }
3376
3424
 
3377
- ._hcAction_1iihw_992:hover {
3425
+ ._hcAction_1uz4c_1040:hover {
3378
3426
  border-bottom-color: var(--clay-color-text-default-default);
3379
3427
  }
3380
3428
 
3381
- ._hcDots_1iihw_1014 {
3429
+ ._hcDots_1uz4c_1062 {
3382
3430
  display: flex;
3383
3431
  justify-content: center;
3384
3432
  }
@@ -3387,20 +3435,20 @@
3387
3435
  Layout: horizontal-icons
3388
3436
  ═══════════════════════════════════════════ */
3389
3437
 
3390
- ._horizontal-icons_1iihw_1023 {
3438
+ ._horizontal-icons_1uz4c_1071 {
3391
3439
  display: flex;
3392
3440
  flex-direction: column;
3393
3441
  gap: calc(var(--clay-size-space-1600) * 1px);
3394
3442
  width: 100%;
3395
3443
  }
3396
3444
 
3397
- ._hiHeader_1iihw_1030 {
3445
+ ._hiHeader_1uz4c_1078 {
3398
3446
  display: flex;
3399
3447
  flex-direction: column;
3400
3448
  gap: calc(var(--clay-size-space-500) * 1px);
3401
3449
  }
3402
3450
 
3403
- ._hiTagline_1iihw_1036 {
3451
+ ._hiTagline_1uz4c_1084 {
3404
3452
  font-family: var(--clay-web-type-family);
3405
3453
  font-size: calc(var(--clay-web-type-p4-size) * 1px);
3406
3454
  font-weight: var(--clay-web-type-weight-regular);
@@ -3408,7 +3456,7 @@
3408
3456
  color: var(--clay-color-text-default-secondary);
3409
3457
  }
3410
3458
 
3411
- ._hiSectionHeading_1iihw_1044 {
3459
+ ._hiSectionHeading_1uz4c_1092 {
3412
3460
  margin: 0;
3413
3461
  font-family: var(--clay-web-type-family);
3414
3462
  font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
@@ -3418,7 +3466,7 @@
3418
3466
  color: var(--clay-color-text-default-default);
3419
3467
  }
3420
3468
 
3421
- ._hiSectionDesc_1iihw_1054 {
3469
+ ._hiSectionDesc_1uz4c_1102 {
3422
3470
  margin: 0;
3423
3471
  font-family: var(--clay-web-type-family);
3424
3472
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3427,20 +3475,20 @@
3427
3475
  color: var(--clay-color-text-default-secondary);
3428
3476
  }
3429
3477
 
3430
- ._hiGrid_1iihw_1063 {
3478
+ ._hiGrid_1uz4c_1111 {
3431
3479
  display: flex;
3432
3480
  flex-direction: column;
3433
3481
  gap: calc(var(--clay-size-space-1200) * 1px);
3434
3482
  width: 100%;
3435
3483
  }
3436
3484
 
3437
- ._hiColumn_1iihw_1070 {
3485
+ ._hiColumn_1uz4c_1118 {
3438
3486
  display: flex;
3439
3487
  flex-direction: column;
3440
3488
  gap: calc(var(--clay-size-space-600) * 1px);
3441
3489
  }
3442
3490
 
3443
- ._hiIconWrap_1iihw_1076 {
3491
+ ._hiIconWrap_1uz4c_1124 {
3444
3492
  width: calc(var(--clay-size-space-1200) * 1px);
3445
3493
  height: calc(var(--clay-size-space-1200) * 1px);
3446
3494
  flex-shrink: 0;
@@ -3449,13 +3497,13 @@
3449
3497
  justify-content: flex-start;
3450
3498
  }
3451
3499
 
3452
- ._hiTextGroup_1iihw_1085 {
3500
+ ._hiTextGroup_1uz4c_1133 {
3453
3501
  display: flex;
3454
3502
  flex-direction: column;
3455
3503
  gap: calc(var(--clay-size-space-400) * 1px);
3456
3504
  }
3457
3505
 
3458
- ._hiHeading_1iihw_1091 {
3506
+ ._hiHeading_1uz4c_1139 {
3459
3507
  margin: 0;
3460
3508
  font-family: var(--clay-web-type-family);
3461
3509
  font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
@@ -3465,7 +3513,7 @@
3465
3513
  color: var(--clay-color-text-default-default);
3466
3514
  }
3467
3515
 
3468
- ._hiDesc_1iihw_1101 {
3516
+ ._hiDesc_1uz4c_1149 {
3469
3517
  margin: 0;
3470
3518
  font-family: var(--clay-web-type-family);
3471
3519
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3478,20 +3526,20 @@
3478
3526
  Layout: stacked-media-left
3479
3527
  ═══════════════════════════════════════════ */
3480
3528
 
3481
- ._stacked-media-left_1iihw_1114 {
3529
+ ._stacked-media-left_1uz4c_1162 {
3482
3530
  display: flex;
3483
3531
  flex-direction: column;
3484
3532
  gap: calc(var(--clay-size-space-1600) * 1px);
3485
3533
  width: 100%;
3486
3534
  }
3487
3535
 
3488
- ._smlSectionHeader_1iihw_1121 {
3536
+ ._smlSectionHeader_1uz4c_1169 {
3489
3537
  display: flex;
3490
3538
  flex-direction: column;
3491
3539
  gap: calc(var(--clay-size-space-400) * 1px);
3492
3540
  }
3493
3541
 
3494
- ._smlSectionTopic_1iihw_1127 {
3542
+ ._smlSectionTopic_1uz4c_1175 {
3495
3543
  font-family: var(--clay-web-type-family);
3496
3544
  font-size: calc(var(--clay-web-type-p4-size) * 1px);
3497
3545
  font-weight: var(--clay-web-type-weight-regular);
@@ -3499,7 +3547,7 @@
3499
3547
  color: var(--clay-color-text-default-secondary);
3500
3548
  }
3501
3549
 
3502
- ._smlSectionHeading_1iihw_1135 {
3550
+ ._smlSectionHeading_1uz4c_1183 {
3503
3551
  margin: 0;
3504
3552
  font-family: var(--clay-web-type-family);
3505
3553
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -3509,13 +3557,13 @@
3509
3557
  }
3510
3558
 
3511
3559
  /* Mobile: content top, media below */
3512
- ._smlRow_1iihw_1145 {
3560
+ ._smlRow_1uz4c_1193 {
3513
3561
  display: flex;
3514
3562
  flex-direction: column-reverse;
3515
3563
  gap: calc(var(--clay-size-space-800) * 1px);
3516
3564
  }
3517
3565
 
3518
- ._smlMedia_1iihw_1151 {
3566
+ ._smlMedia_1uz4c_1199 {
3519
3567
  width: 100%;
3520
3568
  aspect-ratio: 4 / 3;
3521
3569
  border-radius: calc(var(--clay-radius-2xl) * 1px);
@@ -3523,20 +3571,20 @@
3523
3571
  flex-shrink: 0;
3524
3572
  }
3525
3573
 
3526
- ._smlMedia_1iihw_1151 > * {
3574
+ ._smlMedia_1uz4c_1199 > * {
3527
3575
  width: 100%;
3528
3576
  height: 100%;
3529
3577
  object-fit: cover;
3530
3578
  }
3531
3579
 
3532
- ._smlContent_1iihw_1165 {
3580
+ ._smlContent_1uz4c_1213 {
3533
3581
  display: flex;
3534
3582
  flex-direction: column;
3535
3583
  gap: calc(var(--clay-size-space-600) * 1px);
3536
3584
  justify-content: center;
3537
3585
  }
3538
3586
 
3539
- ._smlTagline_1iihw_1172 {
3587
+ ._smlTagline_1uz4c_1220 {
3540
3588
  font-family: var(--clay-web-type-family);
3541
3589
  font-size: calc(var(--clay-web-type-p4-size) * 1px);
3542
3590
  font-weight: var(--clay-web-type-weight-regular);
@@ -3544,7 +3592,7 @@
3544
3592
  color: var(--clay-color-text-default-secondary);
3545
3593
  }
3546
3594
 
3547
- ._smlHeading_1iihw_1180 {
3595
+ ._smlHeading_1uz4c_1228 {
3548
3596
  margin: 0;
3549
3597
  font-family: var(--clay-web-type-family);
3550
3598
  font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
@@ -3554,7 +3602,7 @@
3554
3602
  color: var(--clay-color-text-default-default);
3555
3603
  }
3556
3604
 
3557
- ._smlDesc_1iihw_1190 {
3605
+ ._smlDesc_1uz4c_1238 {
3558
3606
  margin: 0;
3559
3607
  font-family: var(--clay-web-type-family);
3560
3608
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3563,7 +3611,7 @@
3563
3611
  color: var(--clay-color-text-default-secondary);
3564
3612
  }
3565
3613
 
3566
- ._smlActions_1iihw_1199 {
3614
+ ._smlActions_1uz4c_1247 {
3567
3615
  display: flex;
3568
3616
  flex-direction: column;
3569
3617
  align-items: stretch;
@@ -3575,7 +3623,7 @@
3575
3623
  Layout: horizontal-media-top
3576
3624
  ═══════════════════════════════════════════ */
3577
3625
 
3578
- ._horizontal-media-top_1iihw_1211 {
3626
+ ._horizontal-media-top_1uz4c_1259 {
3579
3627
  display: flex;
3580
3628
  flex-direction: column;
3581
3629
  align-items: center;
@@ -3583,7 +3631,7 @@
3583
3631
  width: 100%;
3584
3632
  }
3585
3633
 
3586
- ._hmtHeader_1iihw_1219 {
3634
+ ._hmtHeader_1uz4c_1267 {
3587
3635
  display: flex;
3588
3636
  flex-direction: column;
3589
3637
  align-items: flex-start;
@@ -3591,7 +3639,7 @@
3591
3639
  width: 100%;
3592
3640
  }
3593
3641
 
3594
- ._hmtTopic_1iihw_1227 {
3642
+ ._hmtTopic_1uz4c_1275 {
3595
3643
  font-family: var(--clay-web-type-family);
3596
3644
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
3597
3645
  font-weight: var(--clay-web-type-weight-regular);
@@ -3599,7 +3647,7 @@
3599
3647
  color: var(--clay-color-text-default-secondary);
3600
3648
  }
3601
3649
 
3602
- ._hmtSectionHeading_1iihw_1235 {
3650
+ ._hmtSectionHeading_1uz4c_1283 {
3603
3651
  margin: 0;
3604
3652
  font-family: var(--clay-web-type-family);
3605
3653
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -3609,20 +3657,20 @@
3609
3657
  color: var(--clay-color-text-default-default);
3610
3658
  }
3611
3659
 
3612
- ._hmtGrid_1iihw_1245 {
3660
+ ._hmtGrid_1uz4c_1293 {
3613
3661
  display: flex;
3614
3662
  flex-direction: column;
3615
3663
  gap: calc(var(--clay-size-space-1200) * 1px);
3616
3664
  width: 100%;
3617
3665
  }
3618
3666
 
3619
- ._hmtColumn_1iihw_1252 {
3667
+ ._hmtColumn_1uz4c_1300 {
3620
3668
  display: flex;
3621
3669
  flex-direction: column;
3622
3670
  gap: calc(var(--clay-size-space-600) * 1px);
3623
3671
  }
3624
3672
 
3625
- ._hmtMedia_1iihw_1258 {
3673
+ ._hmtMedia_1uz4c_1306 {
3626
3674
  width: 100%;
3627
3675
  height: 160px;
3628
3676
  border-radius: calc(var(--clay-radius-sm) * 1px);
@@ -3630,25 +3678,25 @@
3630
3678
  flex-shrink: 0;
3631
3679
  }
3632
3680
 
3633
- ._hmtMedia_1iihw_1258 > * {
3681
+ ._hmtMedia_1uz4c_1306 > * {
3634
3682
  width: 100%;
3635
3683
  height: 100%;
3636
3684
  object-fit: cover;
3637
3685
  }
3638
3686
 
3639
- ._hmtContent_1iihw_1272 {
3687
+ ._hmtContent_1uz4c_1320 {
3640
3688
  display: flex;
3641
3689
  flex-direction: column;
3642
3690
  gap: calc(var(--clay-size-space-600) * 1px);
3643
3691
  }
3644
3692
 
3645
- ._hmtTextGroup_1iihw_1278 {
3693
+ ._hmtTextGroup_1uz4c_1326 {
3646
3694
  display: flex;
3647
3695
  flex-direction: column;
3648
3696
  gap: calc(var(--clay-size-space-400) * 1px);
3649
3697
  }
3650
3698
 
3651
- ._hmtHeading_1iihw_1284 {
3699
+ ._hmtHeading_1uz4c_1332 {
3652
3700
  margin: 0;
3653
3701
  font-family: var(--clay-web-type-family);
3654
3702
  font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
@@ -3658,7 +3706,7 @@
3658
3706
  color: var(--clay-color-text-default-default);
3659
3707
  }
3660
3708
 
3661
- ._hmtDesc_1iihw_1294 {
3709
+ ._hmtDesc_1uz4c_1342 {
3662
3710
  margin: 0;
3663
3711
  font-family: var(--clay-web-type-family);
3664
3712
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
@@ -3667,7 +3715,7 @@
3667
3715
  color: var(--clay-color-text-default-secondary);
3668
3716
  }
3669
3717
 
3670
- ._hmtAction_1iihw_1303 {
3718
+ ._hmtAction_1uz4c_1351 {
3671
3719
  display: inline-flex;
3672
3720
  align-items: center;
3673
3721
  gap: calc(var(--clay-size-space-200) * 1px);
@@ -3686,12 +3734,12 @@
3686
3734
  align-self: flex-start;
3687
3735
  }
3688
3736
 
3689
- ._hmtAction_1iihw_1303:hover {
3737
+ ._hmtAction_1uz4c_1351:hover {
3690
3738
  border-bottom-color: var(--clay-color-text-default-default);
3691
3739
  }
3692
3740
 
3693
3741
  /* ── Stacked Cards Carousel layout ── */
3694
- ._stacked-cards-carousel_1iihw_1327 {
3742
+ ._stacked-cards-carousel_1uz4c_1375 {
3695
3743
  display: flex;
3696
3744
  flex-direction: column;
3697
3745
  gap: calc(var(--clay-size-space-800) * 1px);
@@ -3699,12 +3747,12 @@
3699
3747
  }
3700
3748
 
3701
3749
  /* Desktop stack — hidden on mobile */
3702
- ._sccDeskStack_1iihw_1335 {
3750
+ ._sccDeskStack_1uz4c_1383 {
3703
3751
  display: none;
3704
3752
  }
3705
3753
 
3706
3754
  /* Mobile scroll carousel */
3707
- ._sccMobTrack_1iihw_1340 {
3755
+ ._sccMobTrack_1uz4c_1388 {
3708
3756
  display: flex;
3709
3757
  flex-direction: row;
3710
3758
  gap: calc(var(--clay-size-space-400) * 1px);
@@ -3714,11 +3762,11 @@
3714
3762
  width: 100%;
3715
3763
  }
3716
3764
 
3717
- ._sccMobTrack_1iihw_1340::-webkit-scrollbar {
3765
+ ._sccMobTrack_1uz4c_1388::-webkit-scrollbar {
3718
3766
  display: none;
3719
3767
  }
3720
3768
 
3721
- ._sccCard_1iihw_1354 {
3769
+ ._sccCard_1uz4c_1402 {
3722
3770
  flex: 0 0 100%;
3723
3771
  scroll-snap-align: start;
3724
3772
  display: flex;
@@ -3728,14 +3776,14 @@
3728
3776
  overflow: hidden;
3729
3777
  }
3730
3778
 
3731
- ._sccMedia_1iihw_1364 {
3779
+ ._sccMedia_1uz4c_1412 {
3732
3780
  width: 100%;
3733
3781
  aspect-ratio: 4 / 3;
3734
3782
  flex-shrink: 0;
3735
3783
  overflow: hidden;
3736
3784
  }
3737
3785
 
3738
- ._sccCardContent_1iihw_1371 {
3786
+ ._sccCardContent_1uz4c_1419 {
3739
3787
  display: flex;
3740
3788
  flex-direction: column;
3741
3789
  align-items: flex-start;
@@ -3743,13 +3791,13 @@
3743
3791
  padding: calc(var(--clay-size-space-800) * 1px);
3744
3792
  }
3745
3793
 
3746
- ._sccDotTag_1iihw_1379 {
3794
+ ._sccDotTag_1uz4c_1427 {
3747
3795
  display: flex;
3748
3796
  align-items: center;
3749
3797
  gap: calc(var(--clay-size-space-200) * 1px);
3750
3798
  }
3751
3799
 
3752
- ._sccDot_1iihw_1379 {
3800
+ ._sccDot_1uz4c_1427 {
3753
3801
  width: calc(var(--clay-size-space-300) * 1px);
3754
3802
  height: calc(var(--clay-size-space-300) * 1px);
3755
3803
  border-radius: calc(var(--clay-radius-sm) * 1px);
@@ -3757,13 +3805,13 @@
3757
3805
  flex-shrink: 0;
3758
3806
  }
3759
3807
 
3760
- ._sccDotLabel_1iihw_1393 {
3808
+ ._sccDotLabel_1uz4c_1441 {
3761
3809
  font-size: calc(var(--clay-web-type-p4-size) * 1px);
3762
3810
  font-weight: var(--clay-web-type-weight-medium);
3763
3811
  color: var(--clay-color-text-default-secondary);
3764
3812
  }
3765
3813
 
3766
- ._sccHeading_1iihw_1399 {
3814
+ ._sccHeading_1uz4c_1447 {
3767
3815
  font-family: var(--clay-web-type-family);
3768
3816
  font-size: calc(var(--clay-web-type-h5-mobile-size) * 1px);
3769
3817
  font-weight: var(--clay-web-type-weight-regular);
@@ -3772,20 +3820,20 @@
3772
3820
  margin: 0;
3773
3821
  }
3774
3822
 
3775
- ._sccDesc_1iihw_1408 {
3823
+ ._sccDesc_1uz4c_1456 {
3776
3824
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
3777
3825
  color: var(--clay-color-text-default-secondary);
3778
3826
  line-height: var(--clay-web-type-body-line-height);
3779
3827
  margin: 0;
3780
3828
  }
3781
3829
 
3782
- ._sccMobDots_1iihw_1415 {
3830
+ ._sccMobDots_1uz4c_1463 {
3783
3831
  display: flex;
3784
3832
  justify-content: flex-start;
3785
3833
  }
3786
3834
 
3787
3835
  /* ── Content Carousel layout ── */
3788
- ._content-carousel_1iihw_1421 {
3836
+ ._content-carousel_1uz4c_1469 {
3789
3837
  display: flex;
3790
3838
  flex-direction: column;
3791
3839
  align-items: center;
@@ -3793,7 +3841,7 @@
3793
3841
  width: 100%;
3794
3842
  }
3795
3843
 
3796
- ._ccHeader_1iihw_1429 {
3844
+ ._ccHeader_1uz4c_1477 {
3797
3845
  display: flex;
3798
3846
  flex-direction: column;
3799
3847
  align-items: center;
@@ -3802,7 +3850,7 @@
3802
3850
  width: 100%;
3803
3851
  }
3804
3852
 
3805
- ._ccSectionHeading_1iihw_1438 {
3853
+ ._ccSectionHeading_1uz4c_1486 {
3806
3854
  font-family: var(--clay-web-type-family);
3807
3855
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
3808
3856
  font-weight: var(--clay-web-type-weight-regular);
@@ -3811,7 +3859,7 @@
3811
3859
  margin: 0;
3812
3860
  }
3813
3861
 
3814
- ._ccSectionDesc_1iihw_1447 {
3862
+ ._ccSectionDesc_1uz4c_1495 {
3815
3863
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
3816
3864
  color: var(--clay-color-text-default-secondary);
3817
3865
  line-height: var(--clay-web-type-body-line-height);
@@ -3819,7 +3867,7 @@
3819
3867
  }
3820
3868
 
3821
3869
  /* Mobile carousel track */
3822
- ._ccMobTrack_1iihw_1455 {
3870
+ ._ccMobTrack_1uz4c_1503 {
3823
3871
  display: flex;
3824
3872
  flex-direction: row;
3825
3873
  gap: calc(var(--clay-size-space-400) * 1px);
@@ -3833,16 +3881,16 @@
3833
3881
  padding-right: calc(var(--clay-layout-section-padding-x-mobile) * 1px);
3834
3882
  }
3835
3883
 
3836
- ._ccMobTrack_1iihw_1455::-webkit-scrollbar {
3884
+ ._ccMobTrack_1uz4c_1503::-webkit-scrollbar {
3837
3885
  display: none;
3838
3886
  }
3839
3887
 
3840
3888
  /* Desktop grid — hidden on mobile */
3841
- ._ccDeskGrid_1iihw_1474 {
3889
+ ._ccDeskGrid_1uz4c_1522 {
3842
3890
  display: none;
3843
3891
  }
3844
3892
 
3845
- ._ccCard_1iihw_1478 {
3893
+ ._ccCard_1uz4c_1526 {
3846
3894
  flex: 0 0 calc(100vw - calc(var(--clay-layout-section-padding-x-mobile) * 2px + calc(var(--clay-size-space-800) * 1px)));
3847
3895
  scroll-snap-align: start;
3848
3896
  display: flex;
@@ -3850,7 +3898,7 @@
3850
3898
  gap: calc(var(--clay-size-space-600) * 1px);
3851
3899
  }
3852
3900
 
3853
- ._ccMedia_1iihw_1486 {
3901
+ ._ccMedia_1uz4c_1534 {
3854
3902
  width: 100%;
3855
3903
  aspect-ratio: 1 / 1;
3856
3904
  border-radius: calc(var(--clay-radius-lg) * 1px);
@@ -3858,14 +3906,14 @@
3858
3906
  flex-shrink: 0;
3859
3907
  }
3860
3908
 
3861
- ._ccContent_1iihw_1494 {
3909
+ ._ccContent_1uz4c_1542 {
3862
3910
  display: flex;
3863
3911
  flex-direction: column;
3864
3912
  align-items: flex-start;
3865
3913
  gap: calc(var(--clay-size-space-400) * 1px);
3866
3914
  }
3867
3915
 
3868
- ._ccCardHeading_1iihw_1501 {
3916
+ ._ccCardHeading_1uz4c_1549 {
3869
3917
  font-family: var(--clay-web-type-family);
3870
3918
  font-size: calc(var(--clay-web-type-h5-mobile-size) * 1px);
3871
3919
  font-weight: var(--clay-web-type-weight-regular);
@@ -3874,14 +3922,14 @@
3874
3922
  margin: 0;
3875
3923
  }
3876
3924
 
3877
- ._ccCardDesc_1iihw_1510 {
3925
+ ._ccCardDesc_1uz4c_1558 {
3878
3926
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
3879
3927
  color: var(--clay-color-text-default-secondary);
3880
3928
  line-height: var(--clay-web-type-body-line-height);
3881
3929
  margin: 0;
3882
3930
  }
3883
3931
 
3884
- ._ccLearnMore_1iihw_1517 {
3932
+ ._ccLearnMore_1uz4c_1565 {
3885
3933
  display: inline-flex;
3886
3934
  align-items: center;
3887
3935
  gap: calc(var(--clay-size-space-200) * 1px);
@@ -3895,52 +3943,52 @@
3895
3943
  font-family: var(--clay-web-type-family);
3896
3944
  }
3897
3945
 
3898
- ._ccNavRow_1iihw_1531 {
3946
+ ._ccNavRow_1uz4c_1579 {
3899
3947
  display: flex;
3900
3948
  align-items: center;
3901
3949
  justify-content: space-between;
3902
3950
  width: 100%;
3903
3951
  }
3904
3952
 
3905
- ._ccArrows_1iihw_1538 {
3953
+ ._ccArrows_1uz4c_1586 {
3906
3954
  display: none;
3907
3955
  }
3908
3956
 
3909
3957
  /* ── List Right Media layout ── */
3910
- ._list-right-media_1iihw_1543 {
3958
+ ._list-right-media_1uz4c_1591 {
3911
3959
  display: flex;
3912
3960
  flex-direction: column;
3913
3961
  gap: calc(var(--clay-size-space-1600) * 1px);
3914
3962
  width: 100%;
3915
3963
  }
3916
3964
 
3917
- ._lrmContainer_1iihw_1550 {
3965
+ ._lrmContainer_1uz4c_1598 {
3918
3966
  display: flex;
3919
3967
  flex-direction: column;
3920
3968
  gap: calc(var(--clay-size-space-1600) * 1px);
3921
3969
  width: 100%;
3922
3970
  }
3923
3971
 
3924
- ._lrmLeft_1iihw_1557 {
3972
+ ._lrmLeft_1uz4c_1605 {
3925
3973
  display: flex;
3926
3974
  flex-direction: column;
3927
3975
  gap: calc(var(--clay-size-space-1200) * 1px);
3928
3976
  }
3929
3977
 
3930
- ._lrmSectionText_1iihw_1563 {
3978
+ ._lrmSectionText_1uz4c_1611 {
3931
3979
  display: flex;
3932
3980
  flex-direction: column;
3933
3981
  gap: calc(var(--clay-size-space-600) * 1px);
3934
3982
  }
3935
3983
 
3936
- ._lrmTagline_1iihw_1569 {
3984
+ ._lrmTagline_1uz4c_1617 {
3937
3985
  font-size: calc(var(--clay-web-type-p5-size) * 1px);
3938
3986
  font-weight: var(--clay-web-type-weight-medium);
3939
3987
  color: var(--clay-color-text-default-secondary);
3940
3988
  letter-spacing: calc(var(--clay-web-type-p5-letter-spacing) * 1px);
3941
3989
  }
3942
3990
 
3943
- ._lrmSectionHeading_1iihw_1576 {
3991
+ ._lrmSectionHeading_1uz4c_1624 {
3944
3992
  font-family: var(--clay-web-type-family);
3945
3993
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
3946
3994
  font-weight: var(--clay-web-type-weight-regular);
@@ -3949,19 +3997,19 @@
3949
3997
  margin: 0;
3950
3998
  }
3951
3999
 
3952
- ._lrmSectionDesc_1iihw_1585 {
4000
+ ._lrmSectionDesc_1uz4c_1633 {
3953
4001
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
3954
4002
  color: var(--clay-color-text-default-secondary);
3955
4003
  line-height: var(--clay-web-type-body-line-height);
3956
4004
  margin: 0;
3957
4005
  }
3958
4006
 
3959
- ._lrmList_1iihw_1592 {
4007
+ ._lrmList_1uz4c_1640 {
3960
4008
  display: flex;
3961
4009
  flex-direction: column;
3962
4010
  }
3963
4011
 
3964
- ._lrmItem_1iihw_1597 {
4012
+ ._lrmItem_1uz4c_1645 {
3965
4013
  display: flex;
3966
4014
  flex-direction: column;
3967
4015
  gap: calc(var(--clay-size-space-400) * 1px);
@@ -3969,7 +4017,7 @@
3969
4017
  border-top: 1px solid var(--clay-color-grey-200);
3970
4018
  }
3971
4019
 
3972
- ._lrmItemHeading_1iihw_1605 {
4020
+ ._lrmItemHeading_1uz4c_1653 {
3973
4021
  font-family: var(--clay-web-type-family);
3974
4022
  font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
3975
4023
  font-weight: var(--clay-web-type-weight-medium);
@@ -3978,14 +4026,14 @@
3978
4026
  margin: 0;
3979
4027
  }
3980
4028
 
3981
- ._lrmItemDesc_1iihw_1614 {
4029
+ ._lrmItemDesc_1uz4c_1662 {
3982
4030
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
3983
4031
  color: var(--clay-color-text-default-secondary);
3984
4032
  line-height: var(--clay-web-type-body-line-height);
3985
4033
  margin: 0;
3986
4034
  }
3987
4035
 
3988
- ._lrmMedia_1iihw_1621 {
4036
+ ._lrmMedia_1uz4c_1669 {
3989
4037
  width: 100%;
3990
4038
  aspect-ratio: 3 / 4;
3991
4039
  border-radius: calc(var(--clay-radius-2xl) * 1px);
@@ -3994,7 +4042,7 @@
3994
4042
  }
3995
4043
 
3996
4044
  /* ── Tabs Media Right layout ── */
3997
- ._tabs-media-right_1iihw_1630 {
4045
+ ._tabs-media-right_1uz4c_1678 {
3998
4046
  display: flex;
3999
4047
  flex-direction: column;
4000
4048
  align-items: center;
@@ -4002,7 +4050,7 @@
4002
4050
  width: 100%;
4003
4051
  }
4004
4052
 
4005
- ._tmrSectionHeader_1iihw_1638 {
4053
+ ._tmrSectionHeader_1uz4c_1686 {
4006
4054
  display: flex;
4007
4055
  flex-direction: column;
4008
4056
  align-items: center;
@@ -4011,14 +4059,14 @@
4011
4059
  width: 100%;
4012
4060
  }
4013
4061
 
4014
- ._tmrTagline_1iihw_1647 {
4062
+ ._tmrTagline_1uz4c_1695 {
4015
4063
  font-size: calc(var(--clay-web-type-p5-size) * 1px);
4016
4064
  font-weight: var(--clay-web-type-weight-medium);
4017
4065
  color: var(--clay-color-text-default-secondary);
4018
4066
  letter-spacing: calc(var(--clay-web-type-p5-letter-spacing) * 1px);
4019
4067
  }
4020
4068
 
4021
- ._tmrSectionHeading_1iihw_1654 {
4069
+ ._tmrSectionHeading_1uz4c_1702 {
4022
4070
  font-family: var(--clay-web-type-family);
4023
4071
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
4024
4072
  font-weight: var(--clay-web-type-weight-regular);
@@ -4027,14 +4075,14 @@
4027
4075
  margin: 0;
4028
4076
  }
4029
4077
 
4030
- ._tmrSectionDesc_1iihw_1663 {
4078
+ ._tmrSectionDesc_1uz4c_1711 {
4031
4079
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
4032
4080
  color: var(--clay-color-text-default-secondary);
4033
4081
  line-height: var(--clay-web-type-body-line-height);
4034
4082
  margin: 0;
4035
4083
  }
4036
4084
 
4037
- ._tmrSectionActions_1iihw_1670 {
4085
+ ._tmrSectionActions_1uz4c_1718 {
4038
4086
  display: flex;
4039
4087
  flex-direction: column;
4040
4088
  align-items: stretch;
@@ -4042,7 +4090,7 @@
4042
4090
  gap: calc(var(--clay-size-space-300) * 1px);
4043
4091
  }
4044
4092
 
4045
- ._tmrPanel_1iihw_1678 {
4093
+ ._tmrPanel_1uz4c_1726 {
4046
4094
  display: flex;
4047
4095
  flex-direction: column;
4048
4096
  gap: calc(var(--clay-size-space-800) * 1px);
@@ -4051,20 +4099,20 @@
4051
4099
  overflow: hidden;
4052
4100
  }
4053
4101
 
4054
- ._tmrPanelText_1iihw_1687 {
4102
+ ._tmrPanelText_1uz4c_1735 {
4055
4103
  display: flex;
4056
4104
  flex-direction: column;
4057
4105
  align-items: flex-start;
4058
4106
  gap: calc(var(--clay-size-space-600) * 1px);
4059
4107
  }
4060
4108
 
4061
- ._tmrDotTag_1iihw_1694 {
4109
+ ._tmrDotTag_1uz4c_1742 {
4062
4110
  display: flex;
4063
4111
  align-items: center;
4064
4112
  gap: calc(var(--clay-size-space-200) * 1px);
4065
4113
  }
4066
4114
 
4067
- ._tmrDot_1iihw_1694 {
4115
+ ._tmrDot_1uz4c_1742 {
4068
4116
  width: calc(var(--clay-size-space-300) * 1px);
4069
4117
  height: calc(var(--clay-size-space-300) * 1px);
4070
4118
  border-radius: calc(var(--clay-radius-sm) * 1px);
@@ -4072,13 +4120,13 @@
4072
4120
  flex-shrink: 0;
4073
4121
  }
4074
4122
 
4075
- ._tmrDotLabel_1iihw_1708 {
4123
+ ._tmrDotLabel_1uz4c_1756 {
4076
4124
  font-size: calc(var(--clay-web-type-p4-size) * 1px);
4077
4125
  font-weight: var(--clay-web-type-weight-medium);
4078
4126
  color: var(--clay-color-text-default-secondary);
4079
4127
  }
4080
4128
 
4081
- ._tmrPanelHeading_1iihw_1714 {
4129
+ ._tmrPanelHeading_1uz4c_1762 {
4082
4130
  font-family: var(--clay-web-type-family);
4083
4131
  font-size: calc(var(--clay-web-type-h5-mobile-size) * 1px);
4084
4132
  font-weight: var(--clay-web-type-weight-medium);
@@ -4087,14 +4135,14 @@
4087
4135
  margin: 0;
4088
4136
  }
4089
4137
 
4090
- ._tmrPanelDesc_1iihw_1723 {
4138
+ ._tmrPanelDesc_1uz4c_1771 {
4091
4139
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
4092
4140
  color: var(--clay-color-text-default-secondary);
4093
4141
  line-height: var(--clay-web-type-body-line-height);
4094
4142
  margin: 0;
4095
4143
  }
4096
4144
 
4097
- ._tmrPanelMedia_1iihw_1730 {
4145
+ ._tmrPanelMedia_1uz4c_1778 {
4098
4146
  width: 100%;
4099
4147
  aspect-ratio: 4 / 3;
4100
4148
  border-radius: calc(var(--clay-radius-2xl) * 1px);
@@ -4102,13 +4150,13 @@
4102
4150
  flex-shrink: 0;
4103
4151
  }
4104
4152
 
4105
- ._tmrTabsWrap_1iihw_1738 {
4153
+ ._tmrTabsWrap_1uz4c_1786 {
4106
4154
  width: 100%;
4107
4155
  min-width: 0;
4108
4156
  overflow: hidden;
4109
4157
  }
4110
4158
 
4111
- ._tabs-media-right_1iihw_1630 [role="tablist"] {
4159
+ ._tabs-media-right_1uz4c_1678 [role="tablist"] {
4112
4160
  overflow-x: auto;
4113
4161
  flex-wrap: nowrap;
4114
4162
  scrollbar-width: none;
@@ -4117,7 +4165,7 @@
4117
4165
  max-width: 100%;
4118
4166
  }
4119
4167
 
4120
- ._tabs-media-right_1iihw_1630 [role="tablist"]::-webkit-scrollbar {
4168
+ ._tabs-media-right_1uz4c_1678 [role="tablist"]::-webkit-scrollbar {
4121
4169
  display: none;
4122
4170
  }
4123
4171
 
@@ -4126,26 +4174,26 @@
4126
4174
  Desktop (≥900px)
4127
4175
  ═══════════════════════════════════════════ */
4128
4176
  /* ── Accordion Media Right layout ── */
4129
- ._amrContainer_1iihw_1762 {
4177
+ ._amrContainer_1uz4c_1810 {
4130
4178
  display: flex;
4131
4179
  flex-direction: column;
4132
4180
  gap: calc(var(--clay-size-space-1600) * 1px);
4133
4181
  width: 100%;
4134
4182
  }
4135
4183
 
4136
- ._amrLeft_1iihw_1769 {
4184
+ ._amrLeft_1uz4c_1817 {
4137
4185
  display: flex;
4138
4186
  flex-direction: column;
4139
4187
  gap: calc(var(--clay-size-space-800) * 1px);
4140
4188
  }
4141
4189
 
4142
- ._amrSectionText_1iihw_1775 {
4190
+ ._amrSectionText_1uz4c_1823 {
4143
4191
  display: flex;
4144
4192
  flex-direction: column;
4145
4193
  gap: calc(var(--clay-size-space-600) * 1px);
4146
4194
  }
4147
4195
 
4148
- ._amrSectionHeading_1iihw_1781 {
4196
+ ._amrSectionHeading_1uz4c_1829 {
4149
4197
  font-family: var(--clay-web-type-family);
4150
4198
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
4151
4199
  font-weight: var(--clay-web-type-weight-regular);
@@ -4155,27 +4203,27 @@
4155
4203
  margin: 0;
4156
4204
  }
4157
4205
 
4158
- ._amrSectionDesc_1iihw_1791 {
4206
+ ._amrSectionDesc_1uz4c_1839 {
4159
4207
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
4160
4208
  color: var(--clay-color-text-default-secondary);
4161
4209
  line-height: 1.5;
4162
4210
  margin: 0;
4163
4211
  }
4164
4212
 
4165
- ._amrAccordion_1iihw_1798 {
4213
+ ._amrAccordion_1uz4c_1846 {
4166
4214
  display: flex;
4167
4215
  flex-direction: column;
4168
4216
  }
4169
4217
 
4170
- ._amrItem_1iihw_1803 {
4218
+ ._amrItem_1uz4c_1851 {
4171
4219
  border-top: 1px solid var(--clay-color-grey-300);
4172
4220
  }
4173
4221
 
4174
- ._amrItem_1iihw_1803:last-child {
4222
+ ._amrItem_1uz4c_1851:last-child {
4175
4223
  border-bottom: 1px solid var(--clay-color-grey-300);
4176
4224
  }
4177
4225
 
4178
- ._amrItemTrigger_1iihw_1811 {
4226
+ ._amrItemTrigger_1uz4c_1859 {
4179
4227
  display: flex;
4180
4228
  align-items: center;
4181
4229
  justify-content: space-between;
@@ -4188,7 +4236,7 @@
4188
4236
  gap: calc(var(--clay-size-space-400) * 1px);
4189
4237
  }
4190
4238
 
4191
- ._amrItemTitle_1iihw_1824 {
4239
+ ._amrItemTitle_1uz4c_1872 {
4192
4240
  font-family: var(--clay-web-type-family);
4193
4241
  font-size: calc(var(--clay-web-type-h5-mobile-size) * 1px);
4194
4242
  font-weight: var(--clay-web-type-weight-regular);
@@ -4196,22 +4244,22 @@
4196
4244
  color: var(--clay-color-text-default-secondary);
4197
4245
  }
4198
4246
 
4199
- ._amrItemOpen_1iihw_1832 ._amrItemTitle_1iihw_1824 {
4247
+ ._amrItemOpen_1uz4c_1880 ._amrItemTitle_1uz4c_1872 {
4200
4248
  color: var(--clay-color-text-default-default);
4201
4249
  }
4202
4250
 
4203
- ._amrChevron_1iihw_1836 {
4251
+ ._amrChevron_1uz4c_1884 {
4204
4252
  flex-shrink: 0;
4205
4253
  color: var(--clay-color-text-default-secondary);
4206
4254
  display: flex;
4207
4255
  align-items: center;
4208
4256
  }
4209
4257
 
4210
- ._amrItemOpen_1iihw_1832 ._amrChevron_1iihw_1836 {
4258
+ ._amrItemOpen_1uz4c_1880 ._amrChevron_1uz4c_1884 {
4211
4259
  color: var(--clay-color-text-default-default);
4212
4260
  }
4213
4261
 
4214
- ._amrItemContent_1iihw_1847 {
4262
+ ._amrItemContent_1uz4c_1895 {
4215
4263
  display: flex;
4216
4264
  flex-direction: column;
4217
4265
  align-items: flex-start;
@@ -4219,14 +4267,14 @@
4219
4267
  padding-bottom: calc(var(--clay-size-space-500) * 1px);
4220
4268
  }
4221
4269
 
4222
- ._amrItemDesc_1iihw_1855 {
4270
+ ._amrItemDesc_1uz4c_1903 {
4223
4271
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
4224
4272
  color: var(--clay-color-text-default-secondary);
4225
4273
  line-height: 1.5;
4226
4274
  margin: 0;
4227
4275
  }
4228
4276
 
4229
- ._amrMedia_1iihw_1862 {
4277
+ ._amrMedia_1uz4c_1910 {
4230
4278
  width: 100%;
4231
4279
  aspect-ratio: 1 / 1;
4232
4280
  border-radius: calc(var(--clay-radius-lg) * 1px);
@@ -4235,14 +4283,14 @@
4235
4283
  }
4236
4284
 
4237
4285
  /* ── Numbered Accordion — mobile ── */
4238
- ._naContainer_1iihw_1871 {
4286
+ ._naContainer_1uz4c_1919 {
4239
4287
  display: flex;
4240
4288
  flex-direction: column;
4241
4289
  gap: calc(var(--clay-size-space-2000) * 1px);
4242
4290
  width: 100%;
4243
4291
  }
4244
4292
 
4245
- ._naSectionHeader_1iihw_1878 {
4293
+ ._naSectionHeader_1uz4c_1926 {
4246
4294
  display: flex;
4247
4295
  flex-direction: column;
4248
4296
  gap: calc(var(--clay-size-space-400) * 1px);
@@ -4250,14 +4298,14 @@
4250
4298
  width: 100%;
4251
4299
  }
4252
4300
 
4253
- ._naTagline_1iihw_1886 {
4301
+ ._naTagline_1uz4c_1934 {
4254
4302
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
4255
4303
  font-weight: var(--clay-web-type-weight-regular);
4256
4304
  color: var(--clay-color-text-default-default);
4257
4305
  line-height: 1.5;
4258
4306
  }
4259
4307
 
4260
- ._naSectionHeading_1iihw_1893 {
4308
+ ._naSectionHeading_1uz4c_1941 {
4261
4309
  font-family: var(--clay-web-type-family);
4262
4310
  font-size: calc(var(--clay-web-type-h1-mobile-size) * 1px);
4263
4311
  font-weight: var(--clay-web-type-weight-regular);
@@ -4267,7 +4315,7 @@
4267
4315
  margin: 0;
4268
4316
  }
4269
4317
 
4270
- ._naSectionDesc_1iihw_1903 {
4318
+ ._naSectionDesc_1uz4c_1951 {
4271
4319
  font-size: calc(var(--clay-web-type-p1-size) * 1px);
4272
4320
  color: var(--clay-color-text-default-secondary);
4273
4321
  line-height: 1.5;
@@ -4275,28 +4323,67 @@
4275
4323
  }
4276
4324
 
4277
4325
  /* Desktop row: hidden on mobile */
4278
- ._naDesktopRow_1iihw_1911 {
4326
+ ._naDesktopRow_1uz4c_1959 {
4279
4327
  display: none;
4280
4328
  }
4281
4329
 
4282
4330
  /* Mobile list */
4283
- ._naMobileList_1iihw_1916 {
4331
+ ._naMobileList_1uz4c_1964 {
4284
4332
  display: flex;
4285
4333
  flex-direction: column;
4286
- gap: calc(var(--clay-size-space-200) * 1px);
4334
+ gap: 0;
4287
4335
  width: 100%;
4288
4336
  }
4289
4337
 
4290
- ._naMobileActiveItem_1iihw_1923 {
4338
+ ._naMobileItem_1uz4c_1971 {
4291
4339
  border: 1px solid var(--clay-color-grey-300);
4292
4340
  border-radius: calc(var(--clay-radius-lg) * 1px);
4293
- padding: calc(var(--clay-size-space-800) * 1px);
4341
+ overflow: hidden;
4342
+ }
4343
+
4344
+ /* 64px header: number absolute top-left, label centered */
4345
+ ._naMobileItemHeader_1uz4c_1978 {
4346
+ position: relative;
4347
+ display: flex;
4348
+ align-items: center;
4349
+ justify-content: center;
4350
+ height: 64px;
4351
+ width: 100%;
4352
+ background: none;
4353
+ border: none;
4354
+ cursor: pointer;
4355
+ padding: 0 calc(var(--clay-size-space-600) * 1px);
4356
+ box-sizing: border-box;
4357
+ }
4358
+
4359
+ ._naMobileItemBody_1uz4c_1992 {
4360
+ display: grid;
4361
+ grid-template-rows: minmax(0, 0fr);
4362
+ transition: grid-template-rows 0.3s ease-in-out;
4363
+ }
4364
+
4365
+ ._naMobileItemActive_1uz4c_1998 ._naMobileItemBody_1uz4c_1992 {
4366
+ grid-template-rows: 1fr;
4367
+ }
4368
+
4369
+ /* Label hidden when active — number stays in place */
4370
+ ._naMobileItemActive_1uz4c_1998 ._naMobileInactiveLabel_1uz4c_2003 {
4371
+ visibility: hidden;
4372
+ }
4373
+
4374
+ ._naMobileBodyInner_1uz4c_2007 {
4375
+ overflow: hidden;
4294
4376
  display: flex;
4295
4377
  flex-direction: column;
4296
4378
  gap: calc(var(--clay-size-space-600) * 1px);
4379
+ padding: 0 calc(var(--clay-size-space-600) * 1px) calc(var(--clay-size-space-800) * 1px);
4297
4380
  }
4298
4381
 
4299
- ._naMobileNumber_1iihw_1932 {
4382
+ /* Number is absolute top-left within the 64px header */
4383
+ ._naMobileNumber_1uz4c_2016 {
4384
+ position: absolute;
4385
+ left: calc(var(--clay-size-space-600) * 1px);
4386
+ top: 18px;
4300
4387
  font-family: var(--clay-web-type-family);
4301
4388
  font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
4302
4389
  font-weight: var(--clay-web-type-weight-medium);
@@ -4304,68 +4391,57 @@
4304
4391
  line-height: 1.4;
4305
4392
  }
4306
4393
 
4307
- ._naMobileHeading_1iihw_1940 {
4394
+ ._naMobileHeading_1uz4c_2027 {
4308
4395
  font-family: var(--clay-web-type-family);
4309
- font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
4396
+ font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
4310
4397
  font-weight: var(--clay-web-type-weight-regular);
4311
4398
  color: var(--clay-color-text-default-default);
4312
- line-height: var(--clay-web-type-h4-mobile-line-height);
4313
- letter-spacing: calc(var(--clay-web-type-h4-mobile-letter-spacing) * 1px);
4399
+ line-height: var(--clay-web-type-h3-mobile-line-height);
4400
+ letter-spacing: calc(var(--clay-web-type-h3-mobile-letter-spacing) * 1px);
4314
4401
  margin: 0;
4315
4402
  }
4316
4403
 
4317
- ._naMobileDesc_1iihw_1950 {
4404
+ ._naMobileDesc_1uz4c_2037 {
4318
4405
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
4319
4406
  color: var(--clay-color-text-default-secondary);
4320
4407
  line-height: 1.5;
4321
4408
  margin: 0;
4322
4409
  }
4323
4410
 
4324
- ._naMobileMedia_1iihw_1957 {
4411
+ ._naMobileMedia_1uz4c_2044 {
4325
4412
  width: 100%;
4326
- aspect-ratio: 2 / 1;
4413
+ aspect-ratio: 8 / 9;
4327
4414
  border-radius: calc(var(--clay-radius-lg) * 1px);
4328
4415
  overflow: hidden;
4329
4416
  }
4330
4417
 
4331
- ._naMobileInactiveItem_1iihw_1964 {
4332
- display: flex;
4333
- align-items: center;
4334
- gap: calc(var(--clay-size-space-400) * 1px);
4335
- border: 1px solid var(--clay-color-grey-300);
4336
- border-radius: calc(var(--clay-radius-lg) * 1px);
4337
- padding: calc(var(--clay-size-space-400) * 1px) calc(var(--clay-size-space-800) * 1px);
4338
- background: none;
4339
- cursor: pointer;
4340
- text-align: left;
4341
- width: 100%;
4342
- box-sizing: border-box;
4343
- }
4344
-
4345
- ._naMobileInactiveLabel_1iihw_1978 {
4418
+ /* Centered label text (heading-5/mobile = h6-mobile = 20px) */
4419
+ ._naMobileInactiveLabel_1uz4c_2003 {
4346
4420
  font-family: var(--clay-web-type-family);
4347
- font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
4421
+ font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
4348
4422
  font-weight: var(--clay-web-type-weight-medium);
4349
4423
  color: var(--clay-color-text-default-default);
4350
4424
  line-height: 1.4;
4425
+ text-align: center;
4426
+ width: 100%;
4351
4427
  }
4352
4428
 
4353
4429
  /* ── Steps Numbered — mobile ── */
4354
- ._snContainer_1iihw_1987 {
4430
+ ._snContainer_1uz4c_2063 {
4355
4431
  display: flex;
4356
4432
  flex-direction: column;
4357
4433
  gap: calc(var(--clay-size-space-1600) * 1px);
4358
4434
  width: 100%;
4359
4435
  }
4360
4436
 
4361
- ._snRow_1iihw_1994 {
4437
+ ._snRow_1uz4c_2070 {
4362
4438
  display: flex;
4363
4439
  flex-direction: column;
4364
4440
  gap: calc(var(--clay-size-space-800) * 1px);
4365
4441
  width: 100%;
4366
4442
  }
4367
4443
 
4368
- ._snNumber_1iihw_2001 {
4444
+ ._snNumber_1uz4c_2077 {
4369
4445
  font-family: var(--clay-web-type-family);
4370
4446
  font-size: calc(var(--clay-web-type-huge-mobile-size) * 1px);
4371
4447
  font-weight: var(--clay-web-type-weight-medium);
@@ -4375,32 +4451,32 @@
4375
4451
  flex-shrink: 0;
4376
4452
  }
4377
4453
 
4378
- ._snContent_1iihw_2011 {
4454
+ ._snContent_1uz4c_2087 {
4379
4455
  display: flex;
4380
4456
  flex-direction: column;
4381
4457
  gap: calc(var(--clay-size-space-600) * 1px);
4382
4458
  }
4383
4459
 
4384
- ._snSectionTitle_1iihw_2017 {
4460
+ ._snSectionTitle_1uz4c_2093 {
4385
4461
  display: flex;
4386
4462
  flex-direction: column;
4387
4463
  gap: calc(var(--clay-size-space-300) * 1px);
4388
4464
  }
4389
4465
 
4390
- ._snTagline_1iihw_2023 {
4466
+ ._snTagline_1uz4c_2099 {
4391
4467
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
4392
4468
  font-weight: var(--clay-web-type-weight-regular);
4393
4469
  color: var(--clay-color-text-default-default);
4394
4470
  line-height: 1.5;
4395
4471
  }
4396
4472
 
4397
- ._snHeadingBlock_1iihw_2030 {
4473
+ ._snHeadingBlock_1uz4c_2106 {
4398
4474
  display: flex;
4399
4475
  flex-direction: column;
4400
4476
  gap: calc(var(--clay-size-space-500) * 1px);
4401
4477
  }
4402
4478
 
4403
- ._snHeading_1iihw_2030 {
4479
+ ._snHeading_1uz4c_2106 {
4404
4480
  font-family: var(--clay-web-type-family);
4405
4481
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
4406
4482
  font-weight: var(--clay-web-type-weight-regular);
@@ -4410,54 +4486,108 @@
4410
4486
  margin: 0;
4411
4487
  }
4412
4488
 
4413
- ._snDesc_1iihw_2046 {
4489
+ ._snDesc_1uz4c_2122 {
4414
4490
  font-size: calc(var(--clay-web-type-p2-size) * 1px);
4415
4491
  color: var(--clay-color-text-default-secondary);
4416
4492
  line-height: 1.5;
4417
4493
  margin: 0;
4418
4494
  }
4419
4495
 
4420
- ._snActions_1iihw_2053 {
4496
+ ._snActions_1uz4c_2129 {
4421
4497
  display: flex;
4422
4498
  flex-wrap: wrap;
4423
4499
  gap: calc(var(--clay-size-space-300) * 1px);
4424
4500
  align-items: center;
4425
4501
  }
4426
4502
 
4503
+ /* ── Steps Numbered — animated additions ── */
4504
+ ._snSticky_1uz4c_2137 {
4505
+ display: none;
4506
+ }
4507
+
4508
+ ._snNumDisplay_1uz4c_2141 {
4509
+ display: flex;
4510
+ align-items: flex-start;
4511
+ overflow: hidden;
4512
+ height: calc(var(--clay-web-type-huge-desktop-size) * 1px);
4513
+ font-family: var(--clay-web-type-family);
4514
+ font-size: calc(var(--clay-web-type-huge-desktop-size) * 1px);
4515
+ font-weight: var(--clay-web-type-weight-medium);
4516
+ color: var(--clay-color-text-default-default);
4517
+ letter-spacing: calc(var(--clay-web-type-huge-desktop-letter-spacing) * 1px);
4518
+ line-height: 1;
4519
+ }
4520
+
4521
+ ._snDigitZero_1uz4c_2154 {
4522
+ display: block;
4523
+ line-height: 1;
4524
+ }
4525
+
4526
+ ._snDigitCol_1uz4c_2159 {
4527
+ display: flex;
4528
+ flex-direction: column;
4529
+ will-change: transform;
4530
+ }
4531
+
4532
+ ._snDigitItem_1uz4c_2165 {
4533
+ display: block;
4534
+ line-height: 1;
4535
+ }
4536
+
4537
+ ._snRows_1uz4c_2170 {
4538
+ display: flex;
4539
+ flex-direction: column;
4540
+ gap: calc(var(--clay-size-space-1600) * 1px);
4541
+ }
4542
+
4543
+ ._snBarTrack_1uz4c_2176 {
4544
+ width: 100%;
4545
+ height: 1px;
4546
+ background: var(--clay-color-grey-300);
4547
+ flex-shrink: 0;
4548
+ }
4549
+
4550
+ ._snBarFill_1uz4c_2183 {
4551
+ height: 100%;
4552
+ width: 0%;
4553
+ background: var(--clay-color-text-default-default);
4554
+ will-change: width;
4555
+ }
4556
+
4427
4557
  /* ── Split Icon List — mobile ── */
4428
- ._silContainer_1iihw_2061 {
4558
+ ._silContainer_1uz4c_2191 {
4429
4559
  display: flex;
4430
4560
  flex-direction: column;
4431
4561
  gap: calc(var(--clay-size-space-1200) * 1px);
4432
4562
  width: 100%;
4433
4563
  }
4434
4564
 
4435
- ._silLeft_1iihw_2068 {
4565
+ ._silLeft_1uz4c_2198 {
4436
4566
  display: flex;
4437
4567
  flex-direction: column;
4438
4568
  gap: calc(var(--clay-size-space-600) * 1px);
4439
4569
  }
4440
4570
 
4441
- ._silSectionTitle_1iihw_2074 {
4571
+ ._silSectionTitle_1uz4c_2204 {
4442
4572
  display: flex;
4443
4573
  flex-direction: column;
4444
4574
  gap: calc(var(--clay-size-space-300) * 1px);
4445
4575
  }
4446
4576
 
4447
- ._silTagline_1iihw_2080 {
4577
+ ._silTagline_1uz4c_2210 {
4448
4578
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
4449
4579
  font-weight: var(--clay-web-type-weight-regular);
4450
4580
  color: var(--clay-color-text-default-default);
4451
4581
  line-height: 1.5;
4452
4582
  }
4453
4583
 
4454
- ._silHeadingBlock_1iihw_2087 {
4584
+ ._silHeadingBlock_1uz4c_2217 {
4455
4585
  display: flex;
4456
4586
  flex-direction: column;
4457
4587
  gap: calc(var(--clay-size-space-500) * 1px);
4458
4588
  }
4459
4589
 
4460
- ._silSectionHeading_1iihw_2093 {
4590
+ ._silSectionHeading_1uz4c_2223 {
4461
4591
  font-family: var(--clay-web-type-family);
4462
4592
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
4463
4593
  font-weight: var(--clay-web-type-weight-regular);
@@ -4467,27 +4597,27 @@
4467
4597
  margin: 0;
4468
4598
  }
4469
4599
 
4470
- ._silSectionDesc_1iihw_2103 {
4600
+ ._silSectionDesc_1uz4c_2233 {
4471
4601
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
4472
4602
  color: var(--clay-color-text-default-secondary);
4473
4603
  line-height: 1.5;
4474
4604
  margin: 0;
4475
4605
  }
4476
4606
 
4477
- ._silActions_1iihw_2110 {
4607
+ ._silActions_1uz4c_2240 {
4478
4608
  display: flex;
4479
4609
  flex-wrap: wrap;
4480
4610
  gap: calc(var(--clay-size-space-300) * 1px);
4481
4611
  align-items: center;
4482
4612
  }
4483
4613
 
4484
- ._silRight_1iihw_2117 {
4614
+ ._silRight_1uz4c_2247 {
4485
4615
  display: flex;
4486
4616
  flex-direction: column;
4487
4617
  gap: calc(var(--clay-size-space-600) * 1px);
4488
4618
  }
4489
4619
 
4490
- ._silCard_1iihw_2123 {
4620
+ ._silCard_1uz4c_2253 {
4491
4621
  border: 1px solid var(--clay-color-grey-300);
4492
4622
  border-radius: calc(var(--clay-radius-lg) * 1px);
4493
4623
  padding: calc(var(--clay-size-space-500) * 1px);
@@ -4496,14 +4626,14 @@
4496
4626
  gap: calc(var(--clay-size-space-400) * 1px);
4497
4627
  }
4498
4628
 
4499
- ._silIcon_1iihw_2132 {
4629
+ ._silIcon_1uz4c_2262 {
4500
4630
  width: 44px;
4501
4631
  height: 44px;
4502
4632
  overflow: hidden;
4503
4633
  flex-shrink: 0;
4504
4634
  }
4505
4635
 
4506
- ._silItemHeading_1iihw_2139 {
4636
+ ._silItemHeading_1uz4c_2269 {
4507
4637
  font-family: var(--clay-web-type-family);
4508
4638
  font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
4509
4639
  font-weight: var(--clay-web-type-weight-medium);
@@ -4512,61 +4642,75 @@
4512
4642
  margin: 0;
4513
4643
  }
4514
4644
 
4515
- ._silItemDesc_1iihw_2148 {
4645
+ ._silItemDesc_1uz4c_2278 {
4516
4646
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
4517
4647
  color: var(--clay-color-text-default-secondary);
4518
4648
  line-height: 1.5;
4519
4649
  margin: 0;
4520
4650
  }
4521
4651
 
4652
+ @media (min-width: 768px) {
4653
+ /* ── Steps Numbered — tablet+ sticky layout ── */
4654
+ ._snContainer_1uz4c_2063 {
4655
+ display: grid;
4656
+ grid-template-columns: max-content 1fr;
4657
+ align-items: start;
4658
+ column-gap: calc(var(--clay-size-space-2000) * 1px);
4659
+ }
4660
+
4661
+ ._snSticky_1uz4c_2137 {
4662
+ display: flex;
4663
+ position: sticky;
4664
+ top: 20%;
4665
+ }
4666
+
4667
+ ._snNumber_1uz4c_2077 {
4668
+ display: none;
4669
+ }
4670
+ }
4671
+
4522
4672
  @media (min-width: 1200px) {
4523
- ._section_1iihw_3 {
4673
+ ._section_1uz4c_8 {
4524
4674
  padding: calc(var(--clay-size-space-2400) * 1px) calc(var(--clay-layout-section-padding-x) * 1px);
4525
4675
  }
4526
4676
 
4527
- ._container_1iihw_14 {
4677
+ ._container_1uz4c_19 {
4528
4678
  flex-direction: row;
4529
4679
  align-items: stretch;
4530
4680
  gap: calc(var(--clay-size-space-500) * 1px);
4531
4681
  }
4532
4682
 
4533
- ._accordion_1iihw_25 {
4683
+ ._accordion_1uz4c_30 {
4534
4684
  flex: 1 1 0%;
4535
4685
  min-width: 0;
4536
4686
  gap: calc(var(--clay-size-space-500) * 1px);
4537
4687
  }
4538
4688
 
4539
- ._item_1iihw_33 {
4540
- padding: calc(var(--clay-size-space-800) * 1px);
4689
+ ._item_1uz4c_38 {
4690
+ padding: calc(var(--clay-size-space-600) * 1px);
4541
4691
  border-radius: calc(var(--clay-radius-2xl) * 1px);
4542
4692
  }
4543
4693
 
4544
- ._itemActive_1iihw_40 {
4694
+ ._itemActive_1uz4c_45 {
4545
4695
  border-radius: calc(var(--clay-radius-2xl) * 1px);
4546
4696
  flex: 1;
4547
4697
  }
4548
4698
 
4549
- ._itemHeading_1iihw_59 {
4699
+ ._itemHeading_1uz4c_64,
4700
+ ._itemActive_1uz4c_45 ._itemHeading_1uz4c_64 {
4550
4701
  font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
4551
- font-weight: var(--clay-web-type-weight-medium);
4702
+ font-weight: var(--clay-web-type-h6-desktop-weight);
4552
4703
  line-height: var(--clay-web-type-h6-desktop-line-height);
4553
4704
  letter-spacing: calc(var(--clay-web-type-h6-desktop-letter-spacing) * 1px);
4554
4705
  }
4555
4706
 
4556
- ._itemActive_1iihw_40 ._itemHeading_1iihw_59 {
4557
- font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
4558
- font-weight: var(--clay-web-type-h4-desktop-weight);
4559
- line-height: var(--clay-web-type-h4-desktop-line-height);
4560
- letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
4561
- }
4562
-
4563
4707
  /* Hide inline media on desktop — shown in panel instead */
4564
- ._itemMedia_1iihw_105 {
4708
+ ._itemMedia_1uz4c_120 {
4565
4709
  display: none;
4566
4710
  }
4567
4711
 
4568
4712
  /* Show side media panel — never narrower than 1:1 */
4569
- ._mediaPanel_1iihw_114 {
4713
+ ._mediaPanel_1uz4c_129 {
4570
4714
  display: flex;
4571
4715
  flex: 1 1 0%;
4572
4716
  min-width: 0;
@@ -4575,7 +4719,7 @@
4575
4719
  overflow: hidden;
4576
4720
  }
4577
4721
 
4578
- ._mediaPanel_1iihw_114 > * {
4722
+ ._mediaPanel_1uz4c_129 > * {
4579
4723
  width: 100%;
4580
4724
  height: 100%;
4581
4725
  object-fit: cover;
@@ -4583,7 +4727,7 @@
4583
4727
 
4584
4728
  /* ── Tabs-stroke desktop ── */
4585
4729
 
4586
- ._strokeCard_1iihw_265 {
4730
+ ._strokeCard_1uz4c_313 {
4587
4731
  border-radius: calc(var(--clay-foundation-radius-3xl) * 1px);
4588
4732
  padding: calc(var(--clay-size-space-600) * 1px) calc(var(--clay-size-space-600) * 1px)
4589
4733
  calc(var(--clay-size-space-600) * 1px) calc(var(--clay-size-space-1000) * 1px);
@@ -4594,23 +4738,23 @@
4594
4738
  margin-top: calc(var(--clay-size-space-1000) * 1px);
4595
4739
  }
4596
4740
 
4597
- ._strokeText_1iihw_280 {
4741
+ ._strokeText_1uz4c_328 {
4598
4742
  width: 494px;
4599
4743
  flex-shrink: 0;
4600
4744
  gap: calc(var(--clay-size-space-1000) * 1px);
4601
4745
  }
4602
4746
 
4603
- ._strokeHeading_1iihw_292 {
4747
+ ._strokeHeading_1uz4c_340 {
4604
4748
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
4605
4749
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
4606
4750
  }
4607
4751
 
4608
- ._strokeDescription_1iihw_302 {
4752
+ ._strokeDescription_1uz4c_350 {
4609
4753
  font-size: calc(var(--clay-web-type-h7-desktop-size) * 1px);
4610
4754
  line-height: 1.5;
4611
4755
  }
4612
4756
 
4613
- ._strokeMedia_1iihw_312 {
4757
+ ._strokeMedia_1uz4c_360 {
4614
4758
  flex: 1 1 0%;
4615
4759
  min-width: 0;
4616
4760
  aspect-ratio: 3 / 2;
@@ -4619,41 +4763,40 @@
4619
4763
 
4620
4764
  /* ── Side-by-side-lines desktop ── */
4621
4765
 
4622
- ._side-by-side-lines_1iihw_129 {
4766
+ ._side-by-side-lines_1uz4c_144 {
4623
4767
  padding: calc(var(--clay-size-space-2400) * 1px) calc(var(--clay-layout-section-padding-x) * 1px);
4624
4768
  }
4625
4769
 
4626
- ._side-by-side-lines_1iihw_129 ._container_1iihw_14 {
4770
+ ._side-by-side-lines_1uz4c_144 ._container_1uz4c_19 {
4627
4771
  flex-direction: row;
4628
4772
  align-items: flex-start;
4629
- justify-content: space-between;
4630
- gap: 0;
4773
+ gap: calc(var(--clay-size-space-1600) * 1px);
4631
4774
  }
4632
4775
 
4633
- ._side-by-side-lines_1iihw_129 ._accordion_1iihw_25 {
4634
- width: 600px;
4635
- flex-shrink: 0;
4776
+ ._side-by-side-lines_1uz4c_144 ._accordion_1uz4c_30 {
4777
+ flex: 1 1 0%;
4778
+ min-width: 0;
4636
4779
  gap: 0;
4637
4780
  }
4638
4781
 
4639
- ._side-by-side-lines_1iihw_129 ._itemHeading_1iihw_59 {
4782
+ ._side-by-side-lines_1uz4c_144 ._itemHeading_1uz4c_64 {
4640
4783
  font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
4641
4784
  font-weight: var(--clay-web-type-weight-medium);
4642
4785
  line-height: 1.4;
4643
4786
  letter-spacing: 0;
4644
4787
  }
4645
4788
 
4646
- ._side-by-side-lines_1iihw_129 ._itemActive_1iihw_40 ._itemHeading_1iihw_59 {
4789
+ ._side-by-side-lines_1uz4c_144 ._itemActive_1uz4c_45 ._itemHeading_1uz4c_64 {
4647
4790
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
4648
4791
  font-weight: var(--clay-web-type-weight-regular);
4649
4792
  line-height: 1.2;
4650
4793
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
4651
4794
  }
4652
4795
 
4653
- ._side-by-side-lines_1iihw_129 ._mediaPanel_1iihw_114 {
4796
+ ._side-by-side-lines_1uz4c_144 ._mediaPanel_1uz4c_129 {
4654
4797
  display: block;
4655
- flex: 0 0 610px;
4656
- width: 610px;
4798
+ flex: 1 1 0%;
4799
+ min-width: 0;
4657
4800
  aspect-ratio: auto;
4658
4801
  align-self: stretch;
4659
4802
  border-radius: calc(var(--clay-radius-2xl) * 1px);
@@ -4662,7 +4805,7 @@
4662
4805
  background-color: var(--clay-color-grey-300);
4663
4806
  }
4664
4807
 
4665
- ._side-by-side-lines_1iihw_129 ._mediaPanel_1iihw_114 > * {
4808
+ ._side-by-side-lines_1uz4c_144 ._mediaPanel_1uz4c_129 > * {
4666
4809
  width: 100%;
4667
4810
  height: 100%;
4668
4811
  object-fit: cover;
@@ -4670,12 +4813,12 @@
4670
4813
 
4671
4814
  /* ── Tabs-background desktop ── */
4672
4815
 
4673
- ._tabsCard_1iihw_194 {
4816
+ ._tabsCard_1uz4c_242 {
4674
4817
  border-radius: calc(var(--clay-foundation-radius-4xl) * 1px);
4675
4818
  padding: calc(var(--clay-size-space-1000) * 1px) 0;
4676
4819
  }
4677
4820
 
4678
- ._tabContent_1iihw_207 {
4821
+ ._tabContent_1uz4c_255 {
4679
4822
  flex-direction: row;
4680
4823
  align-items: flex-start;
4681
4824
  justify-content: space-between;
@@ -4683,24 +4826,24 @@
4683
4826
  padding: 0 calc(var(--clay-size-space-400) * 1px) 0 calc(var(--clay-size-space-600) * 1px);
4684
4827
  }
4685
4828
 
4686
- ._tabText_1iihw_214 {
4829
+ ._tabText_1uz4c_262 {
4687
4830
  width: 500px;
4688
4831
  flex-shrink: 0;
4689
4832
  gap: calc(var(--clay-size-space-600) * 1px);
4690
4833
  }
4691
4834
 
4692
- ._tabHeading_1iihw_229 {
4835
+ ._tabHeading_1uz4c_277 {
4693
4836
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
4694
4837
  font-weight: var(--clay-web-type-weight-regular);
4695
4838
  line-height: 1.1;
4696
4839
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
4697
4840
  }
4698
4841
 
4699
- ._tabDescription_1iihw_239 {
4842
+ ._tabDescription_1uz4c_287 {
4700
4843
  font-size: calc(var(--clay-web-type-p2-size) * 1px);
4701
4844
  }
4702
4845
 
4703
- ._tabMedia_1iihw_248 {
4846
+ ._tabMedia_1uz4c_296 {
4704
4847
  flex: 1 1 0%;
4705
4848
  min-width: 0;
4706
4849
  aspect-ratio: 3 / 2;
@@ -4709,24 +4852,24 @@
4709
4852
 
4710
4853
  /* ── Side-by-side-bullets desktop ── */
4711
4854
 
4712
- ._side-by-side-bullets_1iihw_329 {
4855
+ ._side-by-side-bullets_1uz4c_377 {
4713
4856
  gap: calc(var(--clay-size-space-1600) * 1px);
4714
4857
  }
4715
4858
 
4716
- ._bulletSectionHeader_1iihw_336 {
4859
+ ._bulletSectionHeader_1uz4c_384 {
4717
4860
  text-align: center;
4718
4861
  align-items: center;
4719
4862
  gap: calc(var(--clay-size-space-600) * 1px);
4720
4863
  }
4721
4864
 
4722
- ._bulletSectionHeading_1iihw_350 {
4865
+ ._bulletSectionHeading_1uz4c_398 {
4723
4866
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
4724
4867
  font-weight: var(--clay-web-type-weight-regular);
4725
4868
  line-height: 1.2;
4726
4869
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
4727
4870
  }
4728
4871
 
4729
- ._bulletCard_1iihw_361 {
4872
+ ._bulletCard_1uz4c_409 {
4730
4873
  display: flex;
4731
4874
  flex-direction: row;
4732
4875
  align-items: stretch;
@@ -4737,66 +4880,66 @@
4737
4880
  overflow: hidden;
4738
4881
  }
4739
4882
 
4740
- ._bulletList_1iihw_366 {
4883
+ ._bulletList_1uz4c_414 {
4741
4884
  width: 380px;
4742
4885
  flex-shrink: 0;
4743
4886
  }
4744
4887
 
4745
- ._bulletCarouselWrapper_1iihw_453 {
4888
+ ._bulletCarouselWrapper_1uz4c_501 {
4746
4889
  display: none;
4747
4890
  }
4748
4891
 
4749
4892
  /* ── Tab-cards-carousel desktop ── */
4750
4893
 
4751
- ._tab-cards-carousel_1iihw_532 {
4894
+ ._tab-cards-carousel_1uz4c_580 {
4752
4895
  gap: calc(var(--clay-size-space-800) * 1px);
4753
4896
  }
4754
4897
 
4755
- ._tcSectionHeading_1iihw_556 {
4898
+ ._tcSectionHeading_1uz4c_604 {
4756
4899
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
4757
4900
  font-weight: var(--clay-web-type-weight-regular);
4758
4901
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
4759
4902
  }
4760
4903
 
4761
- ._tcTabBar_1iihw_566 {
4904
+ ._tcTabBar_1uz4c_614 {
4762
4905
  overflow-x: visible;
4763
4906
  align-self: auto;
4764
4907
  justify-content: center;
4765
4908
  }
4766
4909
 
4767
- ._tcCard_1iihw_612 {
4910
+ ._tcCard_1uz4c_660 {
4768
4911
  flex: 0 0 860px;
4769
4912
  padding: calc(var(--clay-size-space-800) * 1px);
4770
4913
  gap: calc(var(--clay-size-space-800) * 1px);
4771
4914
  }
4772
4915
 
4773
- ._tcCardHeader_1iihw_625 {
4916
+ ._tcCardHeader_1uz4c_673 {
4774
4917
  justify-content: space-between;
4775
4918
  }
4776
4919
 
4777
- ._tcCardMeta_1iihw_632 {
4920
+ ._tcCardMeta_1uz4c_680 {
4778
4921
  flex: none;
4779
4922
  }
4780
4923
 
4781
- ._tcCardIcon_1iihw_640 {
4924
+ ._tcCardIcon_1uz4c_688 {
4782
4925
  width: 70px;
4783
4926
  height: 70px;
4784
4927
  }
4785
4928
 
4786
- ._tcCardTitle_1iihw_663 {
4929
+ ._tcCardTitle_1uz4c_711 {
4787
4930
  font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
4788
4931
  font-weight: var(--clay-web-type-weight-regular);
4789
4932
  }
4790
4933
 
4791
- ._tcCtaDeskWrap_1iihw_679 {
4934
+ ._tcCtaDeskWrap_1uz4c_727 {
4792
4935
  display: block;
4793
4936
  }
4794
4937
 
4795
- ._tcCtaMobWrap_1iihw_683 {
4938
+ ._tcCtaMobWrap_1uz4c_731 {
4796
4939
  display: none;
4797
4940
  }
4798
4941
 
4799
- ._tcMedia_1iihw_687 {
4942
+ ._tcMedia_1uz4c_735 {
4800
4943
  width: calc(100% + var(--clay-size-space-800) * 2px);
4801
4944
  margin: 0 calc(var(--clay-size-space-800) * -1px) calc(var(--clay-size-space-800) * -1px);
4802
4945
  height: auto;
@@ -4806,41 +4949,41 @@
4806
4949
 
4807
4950
  /* ── Stacked-rows desktop ── */
4808
4951
 
4809
- ._stacked-rows_1iihw_711 {
4952
+ ._stacked-rows_1uz4c_759 {
4810
4953
  gap: calc(var(--clay-size-space-1600) * 1px);
4811
4954
  }
4812
4955
 
4813
- ._srSectionHeading_1iihw_734 {
4956
+ ._srSectionHeading_1uz4c_782 {
4814
4957
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
4815
4958
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
4816
4959
  }
4817
4960
 
4818
- ._srRow_1iihw_745 {
4961
+ ._srRow_1uz4c_793 {
4819
4962
  flex-direction: row;
4820
4963
  align-items: stretch;
4821
4964
  }
4822
4965
 
4823
- ._srContentCard_1iihw_751 {
4966
+ ._srContentCard_1uz4c_799 {
4824
4967
  flex: 1 0 0;
4825
4968
  border-radius: calc(var(--clay-radius-lg) * 1px);
4826
4969
  padding: 0;
4827
4970
  align-items: center;
4828
4971
  }
4829
4972
 
4830
- ._srCardInner_1iihw_760 {
4973
+ ._srCardInner_1uz4c_808 {
4831
4974
  width: 395px;
4832
4975
  }
4833
4976
 
4834
- ._srHeading_1iihw_794 {
4977
+ ._srHeading_1uz4c_842 {
4835
4978
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
4836
4979
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
4837
4980
  }
4838
4981
 
4839
- ._srBottomGroup_1iihw_813 {
4982
+ ._srBottomGroup_1uz4c_861 {
4840
4983
  gap: calc(var(--clay-size-space-1600) * 1px);
4841
4984
  }
4842
4985
 
4843
- ._srMedia_1iihw_853 {
4986
+ ._srMedia_1uz4c_901 {
4844
4987
  flex: 0 0 675px;
4845
4988
  height: 550px;
4846
4989
  aspect-ratio: auto;
@@ -4849,16 +4992,16 @@
4849
4992
 
4850
4993
  /* ── horizontal-cards desktop ── */
4851
4994
 
4852
- ._horizontal-cards_1iihw_870 {
4995
+ ._horizontal-cards_1uz4c_918 {
4853
4996
  gap: calc(var(--clay-size-space-2000) * 1px);
4854
4997
  }
4855
4998
 
4856
- ._hcSectionHeading_1iihw_895 {
4999
+ ._hcSectionHeading_1uz4c_943 {
4857
5000
  font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
4858
5001
  letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
4859
5002
  }
4860
5003
 
4861
- ._hcGrid_1iihw_914 {
5004
+ ._hcGrid_1uz4c_962 {
4862
5005
  overflow-x: visible;
4863
5006
  margin-left: 0;
4864
5007
  margin-right: 0;
@@ -4867,77 +5010,77 @@
4867
5010
  gap: calc(var(--clay-size-space-800) * 1px);
4868
5011
  }
4869
5012
 
4870
- ._hcCard_1iihw_933 {
5013
+ ._hcCard_1uz4c_981 {
4871
5014
  flex: 1 0 0;
4872
5015
  }
4873
5016
 
4874
- ._hcHeading_1iihw_974 {
5017
+ ._hcHeading_1uz4c_1022 {
4875
5018
  font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
4876
5019
  letter-spacing: calc(var(--clay-web-type-h6-desktop-letter-spacing) * 1px);
4877
5020
  }
4878
5021
 
4879
- ._hcDots_1iihw_1014 {
5022
+ ._hcDots_1uz4c_1062 {
4880
5023
  display: none;
4881
5024
  }
4882
5025
 
4883
5026
  /* ── horizontal-icons desktop ── */
4884
5027
 
4885
- ._horizontal-icons_1iihw_1023 {
5028
+ ._horizontal-icons_1uz4c_1071 {
4886
5029
  gap: calc(var(--clay-size-space-2000) * 1px);
4887
5030
  }
4888
5031
 
4889
- ._hiHeader_1iihw_1030 {
5032
+ ._hiHeader_1uz4c_1078 {
4890
5033
  max-width: 50%;
4891
5034
  gap: calc(var(--clay-size-space-600) * 1px);
4892
5035
  }
4893
5036
 
4894
- ._hiSectionHeading_1iihw_1044 {
5037
+ ._hiSectionHeading_1uz4c_1092 {
4895
5038
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
4896
5039
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
4897
5040
  }
4898
5041
 
4899
- ._hiGrid_1iihw_1063 {
5042
+ ._hiGrid_1uz4c_1111 {
4900
5043
  flex-direction: row;
4901
5044
  gap: calc(var(--clay-size-space-800) * 1px);
4902
5045
  }
4903
5046
 
4904
- ._hiColumn_1iihw_1070 {
5047
+ ._hiColumn_1uz4c_1118 {
4905
5048
  flex: 1 0 0;
4906
5049
  }
4907
5050
 
4908
- ._hiHeading_1iihw_1091 {
5051
+ ._hiHeading_1uz4c_1139 {
4909
5052
  font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
4910
5053
  letter-spacing: calc(var(--clay-web-type-h6-desktop-letter-spacing) * 1px);
4911
5054
  }
4912
5055
 
4913
5056
  /* ── stacked-media-left desktop ── */
4914
5057
 
4915
- ._stacked-media-left_1iihw_1114 {
5058
+ ._stacked-media-left_1uz4c_1162 {
4916
5059
  gap: calc(var(--clay-size-space-2000) * 1px);
4917
5060
  }
4918
5061
 
4919
- ._smlRow_1iihw_1145 {
5062
+ ._smlRow_1uz4c_1193 {
4920
5063
  flex-direction: row;
4921
5064
  align-items: center;
4922
5065
  gap: calc(var(--clay-size-space-1000) * 1px);
4923
5066
  }
4924
5067
 
4925
- ._smlMedia_1iihw_1151 {
5068
+ ._smlMedia_1uz4c_1199 {
4926
5069
  flex: 1 0 0;
4927
5070
  aspect-ratio: 4 / 3;
4928
5071
  }
4929
5072
 
4930
- ._smlContent_1iihw_1165 {
5073
+ ._smlContent_1uz4c_1213 {
4931
5074
  flex: 1 0 0;
4932
5075
  gap: calc(var(--clay-size-space-800) * 1px);
4933
5076
  }
4934
5077
 
4935
- ._smlHeading_1iihw_1180 {
5078
+ ._smlHeading_1uz4c_1228 {
4936
5079
  font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
4937
5080
  letter-spacing: calc(var(--clay-web-type-h5-desktop-letter-spacing) * 1px);
4938
5081
  }
4939
5082
 
4940
- ._smlActions_1iihw_1199 {
5083
+ ._smlActions_1uz4c_1247 {
4941
5084
  flex-direction: row;
4942
5085
  align-items: center;
4943
5086
  width: auto;
@@ -4945,16 +5088,16 @@
4945
5088
 
4946
5089
  /* ── horizontal-media-top desktop ── */
4947
5090
 
4948
- ._horizontal-media-top_1iihw_1211 {
5091
+ ._horizontal-media-top_1uz4c_1259 {
4949
5092
  gap: calc(var(--clay-size-space-2000) * 1px);
4950
5093
  }
4951
5094
 
4952
- ._hmtHeader_1iihw_1219 {
5095
+ ._hmtHeader_1uz4c_1267 {
4953
5096
  align-items: center;
4954
5097
  text-align: center;
4955
5098
  }
4956
5099
 
4957
- ._hmtSectionHeading_1iihw_1235 {
5100
+ ._hmtSectionHeading_1uz4c_1283 {
4958
5101
  font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
4959
5102
  font-weight: var(--clay-web-type-weight-regular);
4960
5103
  letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
@@ -4962,83 +5105,83 @@
4962
5105
  max-width: 768px;
4963
5106
  }
4964
5107
 
4965
- ._hmtGrid_1iihw_1245 {
5108
+ ._hmtGrid_1uz4c_1293 {
4966
5109
  flex-direction: row;
4967
5110
  gap: calc(var(--clay-size-space-800) * 1px);
4968
5111
  }
4969
5112
 
4970
- ._hmtColumn_1iihw_1252 {
5113
+ ._hmtColumn_1uz4c_1300 {
4971
5114
  flex: 1 0 0;
4972
5115
  }
4973
5116
 
4974
- ._hmtContent_1iihw_1272 {
5117
+ ._hmtContent_1uz4c_1320 {
4975
5118
  flex: 1;
4976
5119
  justify-content: space-between;
4977
5120
  }
4978
5121
 
4979
- ._hmtHeading_1iihw_1284 {
5122
+ ._hmtHeading_1uz4c_1332 {
4980
5123
  font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
4981
5124
  letter-spacing: calc(var(--clay-web-type-h6-desktop-letter-spacing) * 1px);
4982
5125
  }
4983
5126
 
4984
5127
  /* Stacked Cards Carousel — desktop */
4985
- ._sccDeskStack_1iihw_1335 {
5128
+ ._sccDeskStack_1uz4c_1383 {
4986
5129
  display: flex;
4987
5130
  flex-direction: column;
4988
5131
  gap: calc(var(--clay-size-space-600) * 1px);
4989
5132
  width: 100%;
4990
5133
  }
4991
5134
 
4992
- ._sccMobTrack_1iihw_1340 {
5135
+ ._sccMobTrack_1uz4c_1388 {
4993
5136
  display: none;
4994
5137
  }
4995
5138
 
4996
- ._sccMobDots_1iihw_1415 {
5139
+ ._sccMobDots_1uz4c_1463 {
4997
5140
  display: none;
4998
5141
  }
4999
5142
 
5000
- ._sccCard_1iihw_1354 {
5143
+ ._sccCard_1uz4c_1402 {
5001
5144
  flex: unset;
5002
5145
  scroll-snap-align: unset;
5003
5146
  flex-direction: row;
5004
5147
  align-items: stretch;
5005
5148
  }
5006
5149
 
5007
- ._sccCardContent_1iihw_1371 {
5150
+ ._sccCardContent_1uz4c_1419 {
5008
5151
  flex: 0 0 38%;
5009
5152
  padding: calc(var(--clay-size-space-1200) * 1px);
5010
5153
  gap: calc(var(--clay-size-space-600) * 1px);
5011
5154
  }
5012
5155
 
5013
- ._sccHeading_1iihw_1399 {
5156
+ ._sccHeading_1uz4c_1447 {
5014
5157
  font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
5015
5158
  letter-spacing: calc(var(--clay-web-type-h5-desktop-letter-spacing) * 1px);
5016
5159
  }
5017
5160
 
5018
- ._sccMedia_1iihw_1364 {
5161
+ ._sccMedia_1uz4c_1412 {
5019
5162
  flex: 1 1 0%;
5020
5163
  aspect-ratio: unset;
5021
5164
  height: auto;
5022
5165
  }
5023
5166
 
5024
5167
  /* Content Carousel — desktop */
5025
- ._ccSectionHeading_1iihw_1438 {
5168
+ ._ccSectionHeading_1uz4c_1486 {
5026
5169
  font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
5027
5170
  letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
5028
5171
  }
5029
5172
 
5030
- ._ccDeskGrid_1iihw_1474 {
5173
+ ._ccDeskGrid_1uz4c_1522 {
5031
5174
  display: grid;
5032
5175
  grid-template-columns: repeat(3, 1fr);
5033
5176
  gap: calc(var(--clay-size-space-800) * 1px);
5034
5177
  width: 100%;
5035
5178
  }
5036
5179
 
5037
- ._ccMobTrack_1iihw_1455 {
5180
+ ._ccMobTrack_1uz4c_1503 {
5038
5181
  display: none;
5039
5182
  }
5040
5183
 
5041
- ._ccCard_1iihw_1478 {
5184
+ ._ccCard_1uz4c_1526 {
5042
5185
  flex: unset;
5043
5186
  scroll-snap-align: unset;
5044
5187
  display: flex;
@@ -5046,140 +5189,179 @@
5046
5189
  gap: calc(var(--clay-size-space-600) * 1px);
5047
5190
  }
5048
5191
 
5049
- ._ccCardHeading_1iihw_1501 {
5192
+ ._ccCardHeading_1uz4c_1549 {
5050
5193
  font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
5051
5194
  letter-spacing: calc(var(--clay-web-type-h5-desktop-letter-spacing) * 1px);
5052
5195
  }
5053
5196
 
5054
- ._ccArrows_1iihw_1538 {
5197
+ ._ccArrows_1uz4c_1586 {
5055
5198
  display: flex;
5056
5199
  gap: calc(var(--clay-size-space-400) * 1px);
5057
5200
  }
5058
5201
 
5059
5202
  /* List Right Media — desktop */
5060
- ._lrmContainer_1iihw_1550 {
5203
+ ._lrmContainer_1uz4c_1598 {
5061
5204
  flex-direction: row;
5062
5205
  align-items: flex-start;
5063
5206
  gap: calc(var(--clay-size-space-2000) * 1px);
5064
5207
  }
5065
5208
 
5066
- ._lrmLeft_1iihw_1557 {
5209
+ ._lrmLeft_1uz4c_1605 {
5067
5210
  flex: 0 0 44%;
5068
5211
  }
5069
5212
 
5070
- ._lrmSectionHeading_1iihw_1576 {
5213
+ ._lrmSectionHeading_1uz4c_1624 {
5071
5214
  font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
5072
5215
  letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
5073
5216
  }
5074
5217
 
5075
- ._lrmItemHeading_1iihw_1605 {
5218
+ ._lrmItemHeading_1uz4c_1653 {
5076
5219
  font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
5077
5220
  letter-spacing: calc(var(--clay-web-type-h6-desktop-letter-spacing) * 1px);
5078
5221
  }
5079
5222
 
5080
- ._lrmMedia_1iihw_1621 {
5223
+ ._lrmMedia_1uz4c_1669 {
5081
5224
  flex: 1 1 0%;
5082
5225
  aspect-ratio: 3 / 4;
5083
5226
  }
5084
5227
 
5085
5228
  /* Tabs Media Right — desktop */
5086
- ._tabs-media-right_1iihw_1630 {
5229
+ ._tabs-media-right_1uz4c_1678 {
5087
5230
  gap: calc(var(--clay-size-space-2000) * 1px);
5088
5231
  }
5089
5232
 
5090
- ._tabs-media-right_1iihw_1630 [role="tablist"] {
5233
+ ._tabs-media-right_1uz4c_1678 [role="tablist"] {
5091
5234
  overflow-x: visible;
5092
5235
  flex-wrap: wrap;
5093
5236
  }
5094
5237
 
5095
- ._tmrTabsWrap_1iihw_1738 {
5238
+ ._tmrTabsWrap_1uz4c_1786 {
5096
5239
  overflow: visible;
5097
5240
  }
5098
5241
 
5099
- ._tmrSectionHeading_1iihw_1654 {
5242
+ ._tmrSectionHeading_1uz4c_1702 {
5100
5243
  font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
5101
5244
  letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
5102
5245
  max-width: 768px;
5103
5246
  }
5104
5247
 
5105
- ._tmrSectionActions_1iihw_1670 {
5248
+ ._tmrSectionActions_1uz4c_1718 {
5106
5249
  flex-direction: row;
5107
5250
  align-items: center;
5108
5251
  width: auto;
5109
5252
  }
5110
5253
 
5111
- ._tmrPanel_1iihw_1678 {
5254
+ ._tmrPanel_1uz4c_1726 {
5112
5255
  flex-direction: row;
5113
5256
  align-items: center;
5114
5257
  gap: calc(var(--clay-size-space-2000) * 1px);
5115
5258
  }
5116
5259
 
5117
- ._tmrPanelText_1iihw_1687 {
5260
+ ._tmrPanelText_1uz4c_1735 {
5118
5261
  flex: 0 0 40%;
5119
5262
  gap: calc(var(--clay-size-space-800) * 1px);
5120
5263
  }
5121
5264
 
5122
- ._tmrPanelHeading_1iihw_1714 {
5265
+ ._tmrPanelHeading_1uz4c_1762 {
5123
5266
  font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
5124
5267
  letter-spacing: calc(var(--clay-web-type-h5-desktop-letter-spacing) * 1px);
5125
5268
  }
5126
5269
 
5127
- ._tmrPanelMedia_1iihw_1730 {
5270
+ ._tmrPanelMedia_1uz4c_1778 {
5128
5271
  flex: 1 1 0%;
5129
5272
  aspect-ratio: 1 / 1;
5130
5273
  }
5131
5274
 
5132
5275
  /* ── Accordion Media Right — desktop ── */
5133
- ._amrContainer_1iihw_1762 {
5276
+ ._amrContainer_1uz4c_1810 {
5134
5277
  flex-direction: row;
5135
5278
  align-items: flex-start;
5136
5279
  gap: calc(var(--clay-size-space-2000) * 1px);
5137
5280
  }
5138
5281
 
5139
- ._amrLeft_1iihw_1769 {
5282
+ ._amrLeft_1uz4c_1817 {
5140
5283
  flex: 1 0 0;
5141
5284
  min-width: 0;
5142
5285
  }
5143
5286
 
5144
- ._amrMedia_1iihw_1862 {
5287
+ ._amrMedia_1uz4c_1910 {
5145
5288
  flex: 1 0 0;
5146
5289
  min-width: 0;
5147
5290
  aspect-ratio: 1 / 1;
5148
5291
  }
5149
5292
 
5150
- ._amrSectionHeading_1iihw_1781 {
5293
+ ._amrSectionHeading_1uz4c_1829 {
5151
5294
  font-size: calc(var(--clay-web-type-h3-desktop-size) * 1px);
5152
5295
  letter-spacing: calc(var(--clay-web-type-h3-desktop-letter-spacing) * 1px);
5153
5296
  }
5154
5297
 
5155
- ._amrItemTitle_1iihw_1824 {
5298
+ ._amrItemTitle_1uz4c_1872 {
5156
5299
  font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
5157
5300
  }
5158
5301
 
5159
- ._amrItemTrigger_1iihw_1811 {
5302
+ ._amrItemTrigger_1uz4c_1859 {
5160
5303
  padding: calc(var(--clay-size-space-400) * 1px) 0;
5161
5304
  }
5162
5305
 
5163
5306
  /* ── Numbered Accordion — desktop ── */
5164
- ._naDesktopRow_1iihw_1911 {
5307
+ ._naDesktopRow_1uz4c_1959 {
5165
5308
  display: flex;
5166
5309
  flex-direction: row;
5167
5310
  align-items: stretch;
5168
5311
  width: 100%;
5169
5312
  }
5170
5313
 
5171
- ._naMobileList_1iihw_1916 {
5314
+ ._naMobileList_1uz4c_1964 {
5172
5315
  display: none;
5173
5316
  }
5174
5317
 
5175
- ._naActivePanel_1iihw_2808 {
5176
- flex: 1 0 0;
5177
- min-width: 0;
5318
+ /* Unified panel — collapses to 82px, expands to fill remaining space */
5319
+ ._naPanel_1uz4c_2952 {
5320
+ flex: 0 0 82px;
5321
+ align-self: stretch;
5178
5322
  border: 1px solid var(--clay-color-grey-300);
5179
5323
  border-radius: calc(var(--clay-radius-lg) * 1px);
5324
+ overflow: hidden;
5325
+ display: flex;
5326
+ flex-direction: row;
5327
+ transition: flex 0.3s cubic-bezier(0.4, 0, 0.2, 1);
5328
+ box-sizing: border-box;
5329
+ }
5330
+
5331
+ ._naPanelActive_1uz4c_2964 {
5332
+ flex: 1 0 0;
5333
+ }
5334
+
5335
+ /* Always-visible side tab (number + vertical label) */
5336
+ ._naPanelSide_1uz4c_2969 {
5337
+ flex: 0 0 82px;
5338
+ min-width: 82px;
5339
+ display: flex;
5340
+ flex-direction: column;
5341
+ align-items: center;
5342
+ justify-content: space-between;
5343
+ padding: calc(var(--clay-size-space-800) * 1px) calc(var(--clay-size-space-600) * 1px);
5344
+ box-sizing: border-box;
5345
+ background: none;
5346
+ border: none;
5347
+ cursor: pointer;
5180
5348
  }
5181
5349
 
5182
- ._naActivePanelContent_1iihw_2815 {
5350
+ /* Expanding body content */
5351
+ ._naPanelBody_1uz4c_2984 {
5352
+ flex: 1 1 0;
5353
+ min-width: 0;
5354
+ overflow: hidden;
5355
+ opacity: 0;
5356
+ transition: opacity 0.1s ease-in-out;
5357
+ }
5358
+
5359
+ ._naPanelActive_1uz4c_2964 ._naPanelBody_1uz4c_2984 {
5360
+ opacity: 1;
5361
+ transition: opacity 0.25s 0.2s ease-in-out;
5362
+ }
5363
+
5364
+ ._naActivePanelContent_1uz4c_2997 {
5183
5365
  display: flex;
5184
5366
  flex-direction: column;
5185
5367
  gap: calc(var(--clay-size-space-1200) * 1px);
@@ -5188,13 +5370,13 @@
5188
5370
  box-sizing: border-box;
5189
5371
  }
5190
5372
 
5191
- ._naActivePanelHeader_1iihw_2824 {
5373
+ ._naActivePanelHeader_1uz4c_3006 {
5192
5374
  display: flex;
5193
5375
  flex-direction: column;
5194
5376
  gap: calc(var(--clay-size-space-600) * 1px);
5195
5377
  }
5196
5378
 
5197
- ._naNumber_1iihw_2830 {
5379
+ ._naNumber_1uz4c_3012 {
5198
5380
  font-family: var(--clay-web-type-family);
5199
5381
  font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
5200
5382
  font-weight: var(--clay-web-type-weight-medium);
@@ -5202,7 +5384,7 @@
5202
5384
  line-height: 1.4;
5203
5385
  }
5204
5386
 
5205
- ._naPanelHeading_1iihw_2838 {
5387
+ ._naPanelHeading_1uz4c_3020 {
5206
5388
  font-family: var(--clay-web-type-family);
5207
5389
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
5208
5390
  font-weight: var(--clay-web-type-weight-regular);
@@ -5212,14 +5394,14 @@
5212
5394
  margin: 0;
5213
5395
  }
5214
5396
 
5215
- ._naPanelDesc_1iihw_2848 {
5397
+ ._naPanelDesc_1uz4c_3030 {
5216
5398
  font-size: calc(var(--clay-web-type-p2-size) * 1px);
5217
5399
  color: var(--clay-color-text-default-secondary);
5218
5400
  line-height: 1.5;
5219
5401
  margin: 0;
5220
5402
  }
5221
5403
 
5222
- ._naMedia_1iihw_2855 {
5404
+ ._naMedia_1uz4c_3037 {
5223
5405
  width: 100%;
5224
5406
  aspect-ratio: 2 / 1;
5225
5407
  border-radius: calc(var(--clay-radius-lg) * 1px);
@@ -5227,33 +5409,7 @@
5227
5409
  flex-shrink: 0;
5228
5410
  }
5229
5411
 
5230
- ._naInactivePanel_1iihw_2863 {
5231
- flex-shrink: 0;
5232
- width: 82px;
5233
- align-self: stretch;
5234
- border: 1px solid var(--clay-color-grey-300);
5235
- border-radius: calc(var(--clay-radius-lg) * 1px);
5236
- background: none;
5237
- cursor: pointer;
5238
- display: flex;
5239
- flex-direction: column;
5240
- align-items: center;
5241
- justify-content: space-between;
5242
- overflow: hidden;
5243
- padding: calc(var(--clay-size-space-800) * 1px) calc(var(--clay-size-space-600) * 1px);
5244
- box-sizing: border-box;
5245
- }
5246
-
5247
- ._naInactiveNumber_1iihw_2880 {
5248
- font-family: var(--clay-web-type-family);
5249
- font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
5250
- font-weight: var(--clay-web-type-weight-medium);
5251
- color: var(--clay-color-text-default-default);
5252
- line-height: 1.4;
5253
- text-align: center;
5254
- }
5255
-
5256
- ._naLabelWrap_1iihw_2889 {
5412
+ ._naLabelWrap_1uz4c_3045 {
5257
5413
  flex: 1;
5258
5414
  display: flex;
5259
5415
  align-items: flex-end;
@@ -5262,7 +5418,7 @@
5262
5418
  width: 34px;
5263
5419
  }
5264
5420
 
5265
- ._naLabel_1iihw_2889 {
5421
+ ._naLabel_1uz4c_3045 {
5266
5422
  writing-mode: vertical-rl;
5267
5423
  transform: rotate(180deg);
5268
5424
  white-space: nowrap;
@@ -5273,103 +5429,88 @@
5273
5429
  line-height: 1.4;
5274
5430
  }
5275
5431
 
5276
- ._naSectionHeading_1iihw_1893 {
5432
+ ._naSectionHeading_1uz4c_1941 {
5277
5433
  font-size: calc(var(--clay-web-type-h1-desktop-size) * 1px);
5278
5434
  }
5279
5435
 
5280
5436
  /* ── Steps Numbered — desktop ── */
5281
- ._snContainer_1iihw_1987 {
5437
+ ._snRows_1uz4c_2170 {
5282
5438
  gap: calc(calc(var(--clay-size-space-2400) * 1px) + calc(var(--clay-size-space-600) * 1px));
5283
5439
  }
5284
5440
 
5285
- ._snRow_1iihw_1994 {
5286
- flex-direction: row;
5287
- gap: calc(var(--clay-size-space-2000) * 1px);
5288
- align-items: center;
5289
- }
5290
-
5291
- ._snNumber_1iihw_2001 {
5292
- font-size: calc(var(--clay-web-type-huge-desktop-size) * 1px);
5293
- line-height: 1;
5294
- letter-spacing: calc(var(--clay-web-type-huge-desktop-letter-spacing) * 1px);
5295
- flex-shrink: 0;
5296
- }
5297
-
5298
- ._snContent_1iihw_2011 {
5299
- flex: 1 0 0;
5300
- min-width: 0;
5441
+ ._snContent_1uz4c_2087 {
5301
5442
  gap: calc(var(--clay-size-space-800) * 1px);
5302
5443
  }
5303
5444
 
5304
- ._snSectionTitle_1iihw_2017 {
5445
+ ._snSectionTitle_1uz4c_2093 {
5305
5446
  gap: calc(var(--clay-size-space-400) * 1px);
5306
5447
  }
5307
5448
 
5308
- ._snHeadingBlock_1iihw_2030 {
5449
+ ._snHeadingBlock_1uz4c_2106 {
5309
5450
  gap: calc(var(--clay-size-space-600) * 1px);
5310
5451
  }
5311
5452
 
5312
- ._snHeading_1iihw_2030 {
5453
+ ._snHeading_1uz4c_2106 {
5313
5454
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
5314
5455
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
5315
5456
  }
5316
5457
 
5317
- ._snDesc_1iihw_2046 {
5458
+ ._snDesc_1uz4c_2122 {
5318
5459
  font-size: calc(var(--clay-web-type-p2-size) * 1px);
5319
5460
  }
5320
5461
 
5321
5462
  /* ── Split Icon List — desktop ── */
5322
- ._silContainer_1iihw_2061 {
5463
+ ._silContainer_1uz4c_2191 {
5323
5464
  flex-direction: row;
5324
5465
  gap: calc(var(--clay-size-space-2000) * 1px);
5325
5466
  align-items: flex-start;
5326
5467
  }
5327
5468
 
5328
- ._silLeft_1iihw_2068 {
5469
+ ._silLeft_1uz4c_2198 {
5329
5470
  flex: 1 0 0;
5330
5471
  min-width: 0;
5331
5472
  gap: calc(var(--clay-size-space-800) * 1px);
5332
5473
  }
5333
5474
 
5334
- ._silRight_1iihw_2117 {
5475
+ ._silRight_1uz4c_2247 {
5335
5476
  flex: 1 0 0;
5336
5477
  min-width: 0;
5337
5478
  }
5338
5479
 
5339
- ._silSectionTitle_1iihw_2074 {
5480
+ ._silSectionTitle_1uz4c_2204 {
5340
5481
  gap: calc(var(--clay-size-space-400) * 1px);
5341
5482
  }
5342
5483
 
5343
- ._silHeadingBlock_1iihw_2087 {
5484
+ ._silHeadingBlock_1uz4c_2217 {
5344
5485
  gap: calc(var(--clay-size-space-600) * 1px);
5345
5486
  }
5346
5487
 
5347
- ._silSectionHeading_1iihw_2093 {
5488
+ ._silSectionHeading_1uz4c_2223 {
5348
5489
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
5349
5490
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
5350
5491
  }
5351
5492
 
5352
- ._silSectionDesc_1iihw_2103 {
5493
+ ._silSectionDesc_1uz4c_2233 {
5353
5494
  font-size: calc(var(--clay-web-type-p1-size) * 1px);
5354
5495
  }
5355
5496
 
5356
- ._silCard_1iihw_2123 {
5497
+ ._silCard_1uz4c_2253 {
5357
5498
  padding: calc(var(--clay-size-space-800) * 1px);
5358
5499
  }
5359
5500
  }
5360
5501
 
5361
- ._containerWide_1iihw_2994 {
5502
+ ._containerWide_1uz4c_3135 {
5362
5503
  max-width: calc(var(--clay-layout-container-wide) * 1px);
5363
5504
  }
5364
5505
 
5365
- ._containerFull_1iihw_2998 {
5506
+ ._containerFull_1uz4c_3139 {
5366
5507
  max-width: none;
5367
5508
  }
5368
5509
  }
5369
5510
  @layer clay.components {
5370
5511
  /* ── Base (mobile-first) ── */
5371
5512
 
5372
- ._section_1q7wf_4 {
5513
+ ._section_14jny_4 {
5373
5514
  box-sizing: border-box;
5374
5515
  width: 100%;
5375
5516
  max-width: 100%;
@@ -5378,7 +5519,7 @@
5378
5519
  calc(var(--clay-layout-section-padding-x-mobile) * 1px);
5379
5520
  }
5380
5521
 
5381
- ._container_1q7wf_13 {
5522
+ ._container_14jny_13 {
5382
5523
  box-sizing: border-box;
5383
5524
  display: flex;
5384
5525
  flex-direction: column;
@@ -5388,7 +5529,7 @@
5388
5529
  margin: 0 auto;
5389
5530
  }
5390
5531
 
5391
- ._card_1q7wf_23 {
5532
+ ._card_14jny_23 {
5392
5533
  box-sizing: border-box;
5393
5534
  width: 100%;
5394
5535
  background: var(--clay-color-grey-100);
@@ -5397,7 +5538,7 @@
5397
5538
  overflow: clip;
5398
5539
  }
5399
5540
 
5400
- ._inner_1q7wf_32 {
5541
+ ._inner_14jny_32 {
5401
5542
  display: flex;
5402
5543
  flex-direction: column;
5403
5544
  gap: calc(var(--clay-size-space-1000) * 1px);
@@ -5405,14 +5546,14 @@
5405
5546
  width: 100%;
5406
5547
  }
5407
5548
 
5408
- ._textContent_1q7wf_40 {
5549
+ ._textContent_14jny_40 {
5409
5550
  display: flex;
5410
5551
  flex-direction: column;
5411
5552
  gap: calc(var(--clay-size-space-500) * 1px);
5412
5553
  width: 100%;
5413
5554
  }
5414
5555
 
5415
- ._textBlock_1q7wf_47 {
5556
+ ._textBlock_14jny_47 {
5416
5557
  display: flex;
5417
5558
  flex-direction: column;
5418
5559
  gap: calc(var(--clay-size-space-200) * 1px);
@@ -5420,13 +5561,13 @@
5420
5561
  color: var(--clay-color-text-default-default);
5421
5562
  }
5422
5563
 
5423
- ._titleGroup_1q7wf_55 {
5564
+ ._titleGroup_14jny_55 {
5424
5565
  display: flex;
5425
5566
  flex-direction: column;
5426
5567
  gap: calc(var(--clay-size-space-200) * 1px);
5427
5568
  }
5428
5569
 
5429
- ._miniTitle_1q7wf_61 {
5570
+ ._miniTitle_14jny_61 {
5430
5571
  margin: 0;
5431
5572
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
5432
5573
  font-weight: var(--clay-web-type-weight-regular);
@@ -5435,7 +5576,7 @@
5435
5576
  color: var(--clay-color-text-default-default);
5436
5577
  }
5437
5578
 
5438
- ._heading_1q7wf_70 {
5579
+ ._heading_14jny_70 {
5439
5580
  margin: 0;
5440
5581
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
5441
5582
  font-weight: var(--clay-web-type-h3-mobile-weight);
@@ -5443,7 +5584,7 @@
5443
5584
  letter-spacing: calc(var(--clay-web-type-h3-mobile-letter-spacing) * 1px);
5444
5585
  }
5445
5586
 
5446
- ._description_1q7wf_78 {
5587
+ ._description_14jny_78 {
5447
5588
  margin: 0;
5448
5589
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
5449
5590
  font-weight: var(--clay-web-type-weight-regular);
@@ -5451,96 +5592,153 @@
5451
5592
  letter-spacing: calc(var(--clay-web-type-p-letter-spacing) * 1px);
5452
5593
  }
5453
5594
 
5454
- ._actions_1q7wf_86 {
5595
+ ._actions_14jny_86 {
5455
5596
  display: flex;
5456
5597
  flex-wrap: wrap;
5457
5598
  gap: calc(var(--clay-size-space-300) * 1px);
5458
5599
  }
5459
5600
 
5460
- ._media_1q7wf_92 {
5601
+ ._media_14jny_92 {
5461
5602
  width: 100%;
5462
5603
  border-radius: calc(var(--clay-radius-lg) * 1px);
5463
5604
  overflow: hidden;
5464
5605
  aspect-ratio: 16 / 9;
5465
5606
  }
5466
5607
 
5467
- ._media_1q7wf_92 > * {
5608
+ ._media_14jny_92 > * {
5468
5609
  width: 100%;
5469
5610
  height: 100%;
5470
5611
  object-fit: cover;
5471
5612
  }
5472
5613
 
5473
- /* ── Desktop (1200px) — ensures media never goes narrower than 1:1 ── */
5614
+ /* ── Mobile/tablet (<1200px) — sticky stacking (full-cover deck) ── */
5615
+
5616
+ ._side-by-side_14jny_107 ._container_14jny_13 {
5617
+ gap: 0;
5618
+ }
5619
+
5620
+ ._side-by-side_14jny_107 ._card_14jny_23 {
5621
+ position: sticky;
5622
+ top: var(--clay-sticky-top, 15%);
5623
+ /* Fixed equal height so each incoming card fully covers the one before it
5624
+ (matches the desktop full-cover behaviour, tuned for portrait viewports). */
5625
+ height: 78vh;
5626
+ margin-bottom: 12vh;
5627
+ overflow: clip;
5628
+ }
5629
+
5630
+ ._side-by-side_14jny_107 ._inner_14jny_32 {
5631
+ height: 100%;
5632
+ }
5633
+
5634
+ /* Media flex-fills the remaining height instead of holding a 16/9 box, so the
5635
+ card reaches its fixed height without leaving a gap below the content. */
5636
+ ._side-by-side_14jny_107 ._media_14jny_92 {
5637
+ flex: 1 1 auto;
5638
+ min-height: 0;
5639
+ aspect-ratio: auto;
5640
+ }
5641
+
5642
+ /* ── Desktop (≥1200px) — sticky stacking + horizontal split ── */
5474
5643
 
5475
5644
  @media (min-width: 1200px) {
5476
- ._section_1q7wf_4 {
5645
+ ._section_14jny_4 {
5477
5646
  padding: calc(var(--clay-size-space-2400) * 1px)
5478
5647
  calc(var(--clay-layout-section-padding-x) * 1px);
5479
5648
  }
5480
5649
 
5481
- ._card_1q7wf_23 {
5650
+ ._card_14jny_23 {
5482
5651
  border-radius: calc(var(--clay-size-space-800) * 1px);
5483
5652
  padding: calc(var(--clay-size-space-800) * 1px);
5484
5653
  padding-left: calc(var(--clay-size-space-1200) * 1px);
5485
5654
  }
5486
5655
 
5487
- ._inner_1q7wf_32 {
5656
+ ._inner_14jny_32 {
5488
5657
  flex-direction: row;
5489
5658
  align-items: center;
5490
5659
  justify-content: space-between;
5491
5660
  gap: calc(var(--clay-size-space-800) * 1px);
5492
5661
  }
5493
5662
 
5494
- ._textContent_1q7wf_40 {
5663
+ ._textContent_14jny_40 {
5495
5664
  flex: 1;
5496
5665
  min-width: 0;
5497
5666
  gap: calc(var(--clay-size-space-1000) * 1px);
5498
5667
  }
5499
5668
 
5500
- ._textBlock_1q7wf_47 {
5669
+ ._textBlock_14jny_47 {
5501
5670
  gap: calc(var(--clay-size-space-600) * 1px);
5502
5671
  max-width: 540px;
5503
5672
  }
5504
5673
 
5505
- ._miniTitle_1q7wf_61 {
5674
+ ._miniTitle_14jny_61 {
5506
5675
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
5507
5676
  }
5508
5677
 
5509
- ._heading_1q7wf_70 {
5678
+ ._heading_14jny_70 {
5510
5679
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
5511
5680
  font-weight: var(--clay-web-type-h4-desktop-weight);
5512
5681
  line-height: 1.2;
5513
5682
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
5514
5683
  }
5515
5684
 
5516
- ._description_1q7wf_78 {
5685
+ ._description_14jny_78 {
5517
5686
  font-size: calc(var(--clay-web-type-p2-size) * 1px);
5518
5687
  }
5519
5688
 
5520
- ._media_1q7wf_92 {
5689
+ ._media_14jny_92 {
5521
5690
  flex: 0 1 50%;
5522
5691
  min-width: 0;
5523
5692
  aspect-ratio: 1 / 1;
5524
5693
  border-radius: calc(var(--clay-radius-lg) * 1px);
5525
5694
  }
5695
+
5696
+ /* ── Sticky stacking ── */
5697
+
5698
+ ._side-by-side_14jny_107 ._container_14jny_13 {
5699
+ gap: 0;
5700
+ }
5701
+
5702
+ ._side-by-side_14jny_107 ._card_14jny_23 {
5703
+ position: sticky;
5704
+ top: var(--clay-sticky-top, 15%);
5705
+ height: 70vh;
5706
+ margin-bottom: 15vh;
5707
+ overflow: clip;
5708
+ }
5709
+
5710
+ /* Keep trailing runway on the last card so the incoming card can scroll
5711
+ all the way to the shared sticky position and fully cover the one before it. */
5712
+
5713
+ ._side-by-side_14jny_107 ._inner_14jny_32 {
5714
+ height: 100%;
5715
+ align-items: stretch;
5716
+ }
5717
+
5718
+ ._side-by-side_14jny_107 ._media_14jny_92 {
5719
+ flex: 0 0 50%;
5720
+ align-self: stretch;
5721
+ aspect-ratio: unset;
5722
+ height: auto;
5723
+ }
5526
5724
  }
5527
5725
 
5528
5726
  /* ══════════════════════════════════════════════
5529
5727
  Layout: grid
5530
5728
  ══════════════════════════════════════════════ */
5531
5729
 
5532
- ._grid_1q7wf_164 ._container_1q7wf_13 {
5730
+ ._grid_14jny_221 ._container_14jny_13 {
5533
5731
  gap: calc(var(--clay-size-space-800) * 1px);
5534
5732
  }
5535
5733
 
5536
- ._gridWrapper_1q7wf_168 {
5734
+ ._gridWrapper_14jny_225 {
5537
5735
  display: flex;
5538
5736
  flex-direction: column;
5539
5737
  gap: calc(var(--clay-size-space-800) * 1px);
5540
5738
  width: 100%;
5541
5739
  }
5542
5740
 
5543
- ._gridCard_1q7wf_175 {
5741
+ ._gridCard_14jny_232 {
5544
5742
  box-sizing: border-box;
5545
5743
  display: flex;
5546
5744
  flex-direction: column;
@@ -5550,27 +5748,27 @@
5550
5748
  overflow: clip;
5551
5749
  }
5552
5750
 
5553
- ._gridMedia_1q7wf_185 {
5751
+ ._gridMedia_14jny_242 {
5554
5752
  width: 100%;
5555
5753
  height: 280px;
5556
5754
  background: var(--clay-color-grey-300);
5557
5755
  overflow: hidden;
5558
5756
  }
5559
5757
 
5560
- ._gridMedia_1q7wf_185 > * {
5758
+ ._gridMedia_14jny_242 > * {
5561
5759
  width: 100%;
5562
5760
  height: 100%;
5563
5761
  object-fit: cover;
5564
5762
  }
5565
5763
 
5566
- ._gridContent_1q7wf_198 {
5764
+ ._gridContent_14jny_255 {
5567
5765
  display: flex;
5568
5766
  flex-direction: column;
5569
5767
  gap: calc(var(--clay-size-space-1200) * 1px);
5570
5768
  padding: calc(var(--clay-size-space-600) * 1px);
5571
5769
  }
5572
5770
 
5573
- ._gridTexts_1q7wf_205 {
5771
+ ._gridTexts_14jny_262 {
5574
5772
  display: flex;
5575
5773
  flex-direction: column;
5576
5774
  gap: calc(var(--clay-size-space-400) * 1px);
@@ -5578,7 +5776,7 @@
5578
5776
  color: var(--clay-color-text-default-default);
5579
5777
  }
5580
5778
 
5581
- ._gridHeading_1q7wf_213 {
5779
+ ._gridHeading_14jny_270 {
5582
5780
  margin: 0;
5583
5781
  font-size: calc(var(--clay-web-type-p1-size) * 1px);
5584
5782
  font-weight: var(--clay-web-type-weight-semi);
@@ -5586,7 +5784,7 @@
5586
5784
  letter-spacing: calc(var(--clay-web-type-p-letter-spacing) * 1px);
5587
5785
  }
5588
5786
 
5589
- ._gridDescription_1q7wf_221 {
5787
+ ._gridDescription_14jny_278 {
5590
5788
  margin: 0;
5591
5789
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
5592
5790
  font-weight: var(--clay-web-type-weight-regular);
@@ -5594,29 +5792,29 @@
5594
5792
  letter-spacing: calc(var(--clay-web-type-p-letter-spacing) * 1px);
5595
5793
  }
5596
5794
 
5597
- ._gridActions_1q7wf_229 {
5795
+ ._gridActions_14jny_286 {
5598
5796
  display: flex;
5599
5797
  align-items: center;
5600
5798
  }
5601
5799
 
5602
5800
  /* Grid desktop */
5603
5801
  @media (min-width: 1200px) {
5604
- ._grid_1q7wf_164 ._container_1q7wf_13 {
5802
+ ._grid_14jny_221 ._container_14jny_13 {
5605
5803
  gap: calc(var(--clay-size-space-500) * 1px);
5606
5804
  }
5607
5805
 
5608
- ._gridWrapper_1q7wf_168 {
5806
+ ._gridWrapper_14jny_225 {
5609
5807
  display: grid;
5610
5808
  grid-template-columns: 1fr 1fr;
5611
5809
  gap: calc(var(--clay-size-space-500) * 1px);
5612
5810
  }
5613
5811
 
5614
- ._gridCard_1q7wf_175 {
5812
+ ._gridCard_14jny_232 {
5615
5813
  flex-direction: row;
5616
5814
  height: 332px;
5617
5815
  }
5618
5816
 
5619
- ._gridMedia_1q7wf_185 {
5817
+ ._gridMedia_14jny_242 {
5620
5818
  width: 315px;
5621
5819
  min-width: 315px;
5622
5820
  flex-shrink: 0;
@@ -5624,7 +5822,7 @@
5624
5822
  order: 2;
5625
5823
  }
5626
5824
 
5627
- ._gridContent_1q7wf_198 {
5825
+ ._gridContent_14jny_255 {
5628
5826
  flex: 1;
5629
5827
  min-width: 0;
5630
5828
  justify-content: space-between;
@@ -5637,18 +5835,18 @@
5637
5835
  ══════════════════════════════════════════════ */
5638
5836
 
5639
5837
  /* Section overrides */
5640
- ._value-cards_1q7wf_272 {
5838
+ ._value-cards_14jny_329 {
5641
5839
  padding-left: calc(var(--clay-size-space-1000) * 1px);
5642
5840
  padding-right: calc(var(--clay-size-space-1000) * 1px);
5643
5841
  }
5644
5842
 
5645
- ._value-cards_1q7wf_272 ._container_1q7wf_13 {
5843
+ ._value-cards_14jny_329 ._container_14jny_13 {
5646
5844
  gap: calc(var(--clay-size-space-1200) * 1px);
5647
5845
  align-items: center;
5648
5846
  }
5649
5847
 
5650
5848
  /* Section heading */
5651
- ._vcHeading_1q7wf_283 {
5849
+ ._vcHeading_14jny_340 {
5652
5850
  margin: 0;
5653
5851
  font-family: var(--clay-web-type-family);
5654
5852
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -5660,7 +5858,7 @@
5660
5858
  }
5661
5859
 
5662
5860
  /* Cards row — single column on mobile */
5663
- ._vcRow_1q7wf_295 {
5861
+ ._vcRow_14jny_352 {
5664
5862
  display: flex;
5665
5863
  flex-direction: column;
5666
5864
  gap: calc(var(--clay-size-space-500) * 1px);
@@ -5668,7 +5866,7 @@
5668
5866
  }
5669
5867
 
5670
5868
  /* Individual card */
5671
- ._vcCard_1q7wf_303 {
5869
+ ._vcCard_14jny_360 {
5672
5870
  box-sizing: border-box;
5673
5871
  width: 100%;
5674
5872
  background: var(--clay-color-grey-200);
@@ -5676,25 +5874,25 @@
5676
5874
  padding: calc(var(--clay-size-space-600) * 1px);
5677
5875
  }
5678
5876
 
5679
- ._vcCardInner_1q7wf_311 {
5877
+ ._vcCardInner_14jny_368 {
5680
5878
  display: flex;
5681
5879
  flex-direction: column;
5682
5880
  gap: calc(var(--clay-size-space-1600) * 1px);
5683
5881
  }
5684
5882
 
5685
- ._vcTextGroup_1q7wf_317 {
5883
+ ._vcTextGroup_14jny_374 {
5686
5884
  display: flex;
5687
5885
  flex-direction: column;
5688
5886
  gap: calc(var(--clay-size-space-400) * 1px);
5689
5887
  }
5690
5888
 
5691
- ._vcIcon_1q7wf_323 {
5889
+ ._vcIcon_14jny_380 {
5692
5890
  width: 40px;
5693
5891
  height: 40px;
5694
5892
  flex-shrink: 0;
5695
5893
  }
5696
5894
 
5697
- ._vcTexts_1q7wf_329 {
5895
+ ._vcTexts_14jny_386 {
5698
5896
  display: flex;
5699
5897
  flex-direction: column;
5700
5898
  gap: calc(var(--clay-size-space-300) * 1px);
@@ -5702,7 +5900,7 @@
5702
5900
  color: var(--clay-color-text-default-default);
5703
5901
  }
5704
5902
 
5705
- ._vcCardHeading_1q7wf_337 {
5903
+ ._vcCardHeading_14jny_394 {
5706
5904
  margin: 0;
5707
5905
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
5708
5906
  font-weight: var(--clay-web-type-h3-mobile-weight);
@@ -5710,20 +5908,20 @@
5710
5908
  letter-spacing: calc(var(--clay-web-type-h3-mobile-letter-spacing) * 1px);
5711
5909
  }
5712
5910
 
5713
- ._vcCardDescription_1q7wf_345 {
5911
+ ._vcCardDescription_14jny_402 {
5714
5912
  margin: 0;
5715
5913
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
5716
5914
  font-weight: var(--clay-web-type-weight-regular);
5717
5915
  line-height: var(--clay-web-type-p-line-height);
5718
5916
  }
5719
5917
 
5720
- ._vcFooter_1q7wf_352 {
5918
+ ._vcFooter_14jny_409 {
5721
5919
  display: flex;
5722
5920
  justify-content: flex-end;
5723
5921
  width: 100%;
5724
5922
  }
5725
5923
 
5726
- ._vcPlusBtn_1q7wf_358 {
5924
+ ._vcPlusBtn_14jny_415 {
5727
5925
  display: flex;
5728
5926
  align-items: center;
5729
5927
  justify-content: center;
@@ -5738,24 +5936,24 @@
5738
5936
 
5739
5937
  /* Desktop overrides for value-cards */
5740
5938
  @media (min-width: 900px) {
5741
- ._value-cards_1q7wf_272 {
5939
+ ._value-cards_14jny_329 {
5742
5940
  padding-left: calc(var(--clay-size-space-1000) * 1px);
5743
5941
  padding-right: calc(var(--clay-size-space-1000) * 1px);
5744
5942
  }
5745
5943
 
5746
- ._vcHeading_1q7wf_283 {
5944
+ ._vcHeading_14jny_340 {
5747
5945
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
5748
5946
  font-weight: var(--clay-web-type-h4-desktop-weight);
5749
5947
  line-height: 1.2;
5750
5948
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
5751
5949
  }
5752
5950
 
5753
- ._vcRow_1q7wf_295 {
5951
+ ._vcRow_14jny_352 {
5754
5952
  flex-direction: row;
5755
5953
  align-items: stretch;
5756
5954
  }
5757
5955
 
5758
- ._vcCard_1q7wf_303 {
5956
+ ._vcCard_14jny_360 {
5759
5957
  flex: 1;
5760
5958
  min-width: 0;
5761
5959
  padding-top: calc(var(--clay-size-space-2000) * 1px);
@@ -5764,23 +5962,23 @@
5764
5962
  padding-right: calc(var(--clay-size-space-800) * 1px);
5765
5963
  }
5766
5964
 
5767
- ._vcCardInner_1q7wf_311 {
5965
+ ._vcCardInner_14jny_368 {
5768
5966
  gap: calc(var(--clay-size-space-1000) * 1px);
5769
5967
  height: 100%;
5770
5968
  }
5771
5969
 
5772
- ._vcTextGroup_1q7wf_317 {
5970
+ ._vcTextGroup_14jny_374 {
5773
5971
  flex: 1;
5774
5972
  }
5775
5973
 
5776
- ._vcCardHeading_1q7wf_337 {
5974
+ ._vcCardHeading_14jny_394 {
5777
5975
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
5778
5976
  font-weight: var(--clay-web-type-h4-desktop-weight);
5779
5977
  line-height: 1.2;
5780
5978
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
5781
5979
  }
5782
5980
 
5783
- ._vcCardDescription_1q7wf_345 {
5981
+ ._vcCardDescription_14jny_402 {
5784
5982
  font-size: calc(var(--clay-web-type-p2-size) * 1px);
5785
5983
  }
5786
5984
  }
@@ -5789,12 +5987,12 @@
5789
5987
  Layout: one-media
5790
5988
  ══════════════════════════════════════════════ */
5791
5989
 
5792
- ._one-media_1q7wf_424 ._container_1q7wf_13 {
5990
+ ._one-media_14jny_481 ._container_14jny_13 {
5793
5991
  gap: calc(var(--clay-size-space-1200) * 1px);
5794
5992
  align-items: center;
5795
5993
  }
5796
5994
 
5797
- ._mmHeading_1q7wf_429 {
5995
+ ._mmHeading_14jny_486 {
5798
5996
  margin: 0;
5799
5997
  font-family: var(--clay-web-type-family);
5800
5998
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -5805,13 +6003,13 @@
5805
6003
  text-align: center;
5806
6004
  }
5807
6005
 
5808
- ._mmRow_1q7wf_440 {
6006
+ ._mmRow_14jny_497 {
5809
6007
  display: flex;
5810
6008
  flex-direction: column;
5811
6009
  width: 100%;
5812
6010
  }
5813
6011
 
5814
- ._mmFeatureCard_1q7wf_446 {
6012
+ ._mmFeatureCard_14jny_503 {
5815
6013
  box-sizing: border-box;
5816
6014
  width: 100%;
5817
6015
  border: 1px solid var(--clay-color-grey-300);
@@ -5826,13 +6024,13 @@
5826
6024
  margin-bottom: -1px;
5827
6025
  }
5828
6026
 
5829
- ._mmIcon_1q7wf_461 {
6027
+ ._mmIcon_14jny_518 {
5830
6028
  width: calc(var(--clay-size-space-1000) * 1px);
5831
6029
  height: calc(var(--clay-size-space-1000) * 1px);
5832
6030
  flex-shrink: 0;
5833
6031
  }
5834
6032
 
5835
- ._mmTexts_1q7wf_467 {
6033
+ ._mmTexts_14jny_524 {
5836
6034
  display: flex;
5837
6035
  flex-direction: column;
5838
6036
  gap: calc(var(--clay-size-space-300) * 1px);
@@ -5840,7 +6038,7 @@
5840
6038
  color: var(--clay-color-text-default-default);
5841
6039
  }
5842
6040
 
5843
- ._mmCardHeading_1q7wf_475 {
6041
+ ._mmCardHeading_14jny_532 {
5844
6042
  margin: 0;
5845
6043
  font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
5846
6044
  font-weight: var(--clay-web-type-weight-medium);
@@ -5848,14 +6046,14 @@
5848
6046
  letter-spacing: calc(var(--clay-web-type-h4-mobile-letter-spacing) * 1px);
5849
6047
  }
5850
6048
 
5851
- ._mmCardDescription_1q7wf_483 {
6049
+ ._mmCardDescription_14jny_540 {
5852
6050
  margin: 0;
5853
6051
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
5854
6052
  font-weight: var(--clay-web-type-weight-regular);
5855
6053
  line-height: var(--clay-web-type-p-line-height);
5856
6054
  }
5857
6055
 
5858
- ._mmMediaCard_1q7wf_490 {
6056
+ ._mmMediaCard_14jny_547 {
5859
6057
  box-sizing: border-box;
5860
6058
  width: 100%;
5861
6059
  height: 272px;
@@ -5865,26 +6063,26 @@
5865
6063
  flex-shrink: 0;
5866
6064
  }
5867
6065
 
5868
- ._mmMediaCard_1q7wf_490 > * {
6066
+ ._mmMediaCard_14jny_547 > * {
5869
6067
  width: 100%;
5870
6068
  height: 100%;
5871
6069
  object-fit: cover;
5872
6070
  }
5873
6071
 
5874
6072
  @media (min-width: 992px) {
5875
- ._mmHeading_1q7wf_429 {
6073
+ ._mmHeading_14jny_486 {
5876
6074
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
5877
6075
  font-weight: var(--clay-web-type-h4-desktop-weight);
5878
6076
  line-height: 1.2;
5879
6077
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
5880
6078
  }
5881
6079
 
5882
- ._mmRow_1q7wf_440 {
6080
+ ._mmRow_14jny_497 {
5883
6081
  flex-direction: row;
5884
6082
  align-items: flex-start;
5885
6083
  }
5886
6084
 
5887
- ._mmFeatureCard_1q7wf_446 {
6085
+ ._mmFeatureCard_14jny_503 {
5888
6086
  flex: 1;
5889
6087
  min-width: 0;
5890
6088
  padding-top: calc(var(--clay-size-space-800) * 1px);
@@ -5895,18 +6093,18 @@
5895
6093
  margin-right: -1px;
5896
6094
  }
5897
6095
 
5898
- ._mmCardHeading_1q7wf_475 {
6096
+ ._mmCardHeading_14jny_532 {
5899
6097
  font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
5900
6098
  font-weight: var(--clay-web-type-h5-desktop-weight);
5901
6099
  line-height: 1.2;
5902
6100
  letter-spacing: calc(var(--clay-web-type-h5-desktop-letter-spacing) * 1px);
5903
6101
  }
5904
6102
 
5905
- ._mmCardDescription_1q7wf_483 {
6103
+ ._mmCardDescription_14jny_540 {
5906
6104
  font-size: calc(var(--clay-web-type-p2-size) * 1px);
5907
6105
  }
5908
6106
 
5909
- ._mmMediaCard_1q7wf_490 {
6107
+ ._mmMediaCard_14jny_547 {
5910
6108
  flex: 1;
5911
6109
  min-width: 0;
5912
6110
  height: 330px;
@@ -5917,27 +6115,27 @@
5917
6115
  Layout: media-top
5918
6116
  ══════════════════════════════════════════════ */
5919
6117
 
5920
- ._media-top_1q7wf_552 ._container_1q7wf_13 {
6118
+ ._media-top_14jny_609 ._container_14jny_13 {
5921
6119
  gap: calc(var(--clay-size-space-2000) * 1px);
5922
6120
  align-items: center;
5923
6121
  }
5924
6122
 
5925
6123
  /* Cards row — stacked on mobile */
5926
- ._mtRow_1q7wf_558 {
6124
+ ._mtRow_14jny_615 {
5927
6125
  display: flex;
5928
6126
  flex-direction: column;
5929
6127
  gap: calc(var(--clay-size-space-600) * 1px);
5930
6128
  width: 100%;
5931
6129
  }
5932
6130
 
5933
- ._mtCard_1q7wf_565 {
6131
+ ._mtCard_14jny_622 {
5934
6132
  display: flex;
5935
6133
  flex-direction: column;
5936
6134
  width: 100%;
5937
6135
  }
5938
6136
 
5939
6137
  /* Top image area */
5940
- ._mtMediaArea_1q7wf_572 {
6138
+ ._mtMediaArea_14jny_629 {
5941
6139
  width: 100%;
5942
6140
  height: 240px;
5943
6141
  overflow: hidden;
@@ -5946,14 +6144,14 @@
5946
6144
  flex-shrink: 0;
5947
6145
  }
5948
6146
 
5949
- ._mtMediaArea_1q7wf_572 > * {
6147
+ ._mtMediaArea_14jny_629 > * {
5950
6148
  width: 100%;
5951
6149
  height: 100%;
5952
6150
  object-fit: cover;
5953
6151
  }
5954
6152
 
5955
6153
  /* Bottom content area */
5956
- ._mtContent_1q7wf_588 {
6154
+ ._mtContent_14jny_645 {
5957
6155
  display: flex;
5958
6156
  flex-direction: column;
5959
6157
  gap: calc(var(--clay-size-space-800) * 1px);
@@ -5965,14 +6163,14 @@
5965
6163
  border-radius: 0 0 calc(var(--clay-radius-lg) * 1px) calc(var(--clay-radius-lg) * 1px);
5966
6164
  }
5967
6165
 
5968
- ._mtContentTop_1q7wf_600 {
6166
+ ._mtContentTop_14jny_657 {
5969
6167
  display: flex;
5970
6168
  flex-direction: column;
5971
6169
  gap: calc(var(--clay-size-space-600) * 1px);
5972
6170
  }
5973
6171
 
5974
6172
  /* Tagline pill badge */
5975
- ._mtTag_1q7wf_607 {
6173
+ ._mtTag_14jny_664 {
5976
6174
  display: inline-flex;
5977
6175
  align-items: center;
5978
6176
  align-self: flex-start;
@@ -5988,7 +6186,7 @@
5988
6186
  white-space: nowrap;
5989
6187
  }
5990
6188
 
5991
- ._mtTexts_1q7wf_623 {
6189
+ ._mtTexts_14jny_680 {
5992
6190
  display: flex;
5993
6191
  flex-direction: column;
5994
6192
  gap: calc(var(--clay-size-space-300) * 1px);
@@ -5996,7 +6194,7 @@
5996
6194
  color: var(--clay-color-text-default-default);
5997
6195
  }
5998
6196
 
5999
- ._mtCardHeading_1q7wf_631 {
6197
+ ._mtCardHeading_14jny_688 {
6000
6198
  margin: 0;
6001
6199
  font-size: calc(var(--clay-web-type-h4-mobile-size) * 1px);
6002
6200
  font-weight: var(--clay-web-type-weight-medium);
@@ -6004,14 +6202,14 @@
6004
6202
  letter-spacing: 0;
6005
6203
  }
6006
6204
 
6007
- ._mtCardDescription_1q7wf_639 {
6205
+ ._mtCardDescription_14jny_696 {
6008
6206
  margin: 0;
6009
6207
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
6010
6208
  font-weight: var(--clay-web-type-weight-regular);
6011
6209
  line-height: var(--clay-web-type-p-line-height);
6012
6210
  }
6013
6211
 
6014
- ._mtActions_1q7wf_646 {
6212
+ ._mtActions_14jny_703 {
6015
6213
  display: flex;
6016
6214
  align-items: center;
6017
6215
  align-self: flex-start;
@@ -6019,34 +6217,34 @@
6019
6217
 
6020
6218
  /* Desktop overrides */
6021
6219
  @media (min-width: 768px) {
6022
- ._mtRow_1q7wf_558 {
6220
+ ._mtRow_14jny_615 {
6023
6221
  flex-direction: row;
6024
6222
  align-items: stretch;
6025
6223
  gap: calc(var(--clay-size-space-800) * 1px);
6026
6224
  }
6027
6225
 
6028
- ._mtCard_1q7wf_565 {
6226
+ ._mtCard_14jny_622 {
6029
6227
  flex: 1;
6030
6228
  min-width: 0;
6031
6229
  }
6032
6230
  }
6033
6231
 
6034
6232
  @media (min-width: 1200px) {
6035
- ._mtMediaArea_1q7wf_572 {
6233
+ ._mtMediaArea_14jny_629 {
6036
6234
  height: 360px;
6037
6235
  }
6038
6236
 
6039
- ._mtContent_1q7wf_588 {
6237
+ ._mtContent_14jny_645 {
6040
6238
  padding: calc(var(--clay-size-space-800) * 1px);
6041
6239
  }
6042
6240
 
6043
- ._mtCardHeading_1q7wf_631 {
6241
+ ._mtCardHeading_14jny_688 {
6044
6242
  font-size: calc(var(--clay-web-type-h5-desktop-size) * 1px);
6045
6243
  font-weight: var(--clay-web-type-h5-desktop-weight);
6046
6244
  line-height: 1.2;
6047
6245
  }
6048
6246
 
6049
- ._mtCardDescription_1q7wf_639 {
6247
+ ._mtCardDescription_14jny_696 {
6050
6248
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
6051
6249
  }
6052
6250
  }
@@ -6055,12 +6253,12 @@
6055
6253
  Layout: icon-with-link
6056
6254
  ══════════════════════════════════════════════ */
6057
6255
 
6058
- ._icon-with-link_1q7wf_690 ._container_1q7wf_13 {
6256
+ ._icon-with-link_14jny_747 ._container_14jny_13 {
6059
6257
  gap: calc(var(--clay-size-space-2000) * 1px);
6060
6258
  align-items: center;
6061
6259
  }
6062
6260
 
6063
- ._fgHeading_1q7wf_695 {
6261
+ ._fgHeading_14jny_752 {
6064
6262
  margin: 0;
6065
6263
  font-family: var(--clay-web-type-family);
6066
6264
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
@@ -6071,14 +6269,14 @@
6071
6269
  text-align: center;
6072
6270
  }
6073
6271
 
6074
- ._fgRow_1q7wf_706 {
6272
+ ._fgRow_14jny_763 {
6075
6273
  display: flex;
6076
6274
  flex-direction: column;
6077
6275
  gap: calc(var(--clay-size-space-600) * 1px);
6078
6276
  width: 100%;
6079
6277
  }
6080
6278
 
6081
- ._fgCard_1q7wf_713 {
6279
+ ._fgCard_14jny_770 {
6082
6280
  box-sizing: border-box;
6083
6281
  display: flex;
6084
6282
  flex-direction: column;
@@ -6093,21 +6291,21 @@
6093
6291
  padding-right: calc(var(--clay-size-space-400) * 1px);
6094
6292
  }
6095
6293
 
6096
- ._fgTop_1q7wf_728 {
6294
+ ._fgTop_14jny_785 {
6097
6295
  display: flex;
6098
6296
  flex-direction: column;
6099
6297
  gap: calc(var(--clay-size-space-400) * 1px);
6100
6298
  width: 100%;
6101
6299
  }
6102
6300
 
6103
- ._fgIcon_1q7wf_735 {
6301
+ ._fgIcon_14jny_792 {
6104
6302
  width: calc(var(--clay-size-space-1200) * 1px);
6105
6303
  height: calc(var(--clay-size-space-1200) * 1px);
6106
6304
  flex-shrink: 0;
6107
6305
  overflow: hidden;
6108
6306
  }
6109
6307
 
6110
- ._fgContent_1q7wf_742 {
6308
+ ._fgContent_14jny_799 {
6111
6309
  display: flex;
6112
6310
  flex-direction: column;
6113
6311
  width: 100%;
@@ -6115,11 +6313,11 @@
6115
6313
  color: var(--clay-color-text-default-default);
6116
6314
  }
6117
6315
 
6118
- ._fgHeadline_1q7wf_750 {
6316
+ ._fgHeadline_14jny_807 {
6119
6317
  padding-bottom: calc(var(--clay-size-space-200) * 1px);
6120
6318
  }
6121
6319
 
6122
- ._fgCardHeading_1q7wf_754 {
6320
+ ._fgCardHeading_14jny_811 {
6123
6321
  margin: 0;
6124
6322
  font-size: calc(var(--clay-web-type-h6-mobile-size) * 1px);
6125
6323
  font-weight: var(--clay-web-type-weight-medium);
@@ -6127,14 +6325,14 @@
6127
6325
  letter-spacing: 0;
6128
6326
  }
6129
6327
 
6130
- ._fgCardDescription_1q7wf_762 {
6328
+ ._fgCardDescription_14jny_819 {
6131
6329
  margin: 0;
6132
6330
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
6133
6331
  font-weight: var(--clay-web-type-weight-regular);
6134
6332
  line-height: var(--clay-web-type-p-line-height);
6135
6333
  }
6136
6334
 
6137
- ._fgLink_1q7wf_769 {
6335
+ ._fgLink_14jny_826 {
6138
6336
  display: inline-flex;
6139
6337
  align-items: center;
6140
6338
  align-self: flex-start;
@@ -6153,31 +6351,31 @@
6153
6351
  white-space: nowrap;
6154
6352
  }
6155
6353
 
6156
- ._fgLinkText_1q7wf_788 {
6354
+ ._fgLinkText_14jny_845 {
6157
6355
  /* inherits from fgLink */
6158
6356
  }
6159
6357
 
6160
6358
  @media (min-width: 992px) {
6161
- ._fgHeading_1q7wf_695 {
6359
+ ._fgHeading_14jny_752 {
6162
6360
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
6163
6361
  font-weight: var(--clay-web-type-h4-desktop-weight);
6164
6362
  line-height: 1.2;
6165
6363
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
6166
6364
  }
6167
6365
 
6168
- ._fgRow_1q7wf_706 {
6366
+ ._fgRow_14jny_763 {
6169
6367
  flex-direction: row;
6170
6368
  align-items: stretch;
6171
6369
  gap: calc(var(--clay-size-space-800) * 1px);
6172
6370
  }
6173
6371
 
6174
- ._fgCard_1q7wf_713 {
6372
+ ._fgCard_14jny_770 {
6175
6373
  flex: 1;
6176
6374
  min-width: 0;
6177
6375
  justify-content: space-between;
6178
6376
  }
6179
6377
 
6180
- ._fgCardHeading_1q7wf_754 {
6378
+ ._fgCardHeading_14jny_811 {
6181
6379
  font-size: calc(var(--clay-web-type-h6-desktop-size) * 1px);
6182
6380
  }
6183
6381
  }
@@ -6186,16 +6384,16 @@
6186
6384
  Layout: horizontal-reveal
6187
6385
  ══════════════════════════════════════════════ */
6188
6386
 
6189
- ._horizontal-reveal_1q7wf_821 {
6387
+ ._horizontal-reveal_14jny_878 {
6190
6388
  overflow: clip;
6191
6389
  }
6192
6390
 
6193
- ._horizontal-reveal_1q7wf_821 ._container_1q7wf_13 {
6391
+ ._horizontal-reveal_14jny_878 ._container_14jny_13 {
6194
6392
  align-items: center;
6195
6393
  gap: calc(var(--clay-size-space-1200) * 1px);
6196
6394
  }
6197
6395
 
6198
- ._sectionHeader_1q7wf_830 {
6396
+ ._sectionHeader_14jny_887 {
6199
6397
  display: flex;
6200
6398
  flex-direction: column;
6201
6399
  align-items: center;
@@ -6203,7 +6401,7 @@
6203
6401
  max-width: 768px;
6204
6402
  }
6205
6403
 
6206
- ._sectionHeaderInner_1q7wf_838 {
6404
+ ._sectionHeaderInner_14jny_895 {
6207
6405
  display: flex;
6208
6406
  flex-direction: column;
6209
6407
  align-items: center;
@@ -6214,14 +6412,14 @@
6214
6412
  color: var(--clay-color-text-default-default);
6215
6413
  }
6216
6414
 
6217
- ._tagline_1q7wf_849 {
6415
+ ._tagline_14jny_906 {
6218
6416
  margin: 0;
6219
6417
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
6220
6418
  font-weight: var(--clay-web-type-weight-regular);
6221
6419
  line-height: var(--clay-web-type-p-line-height);
6222
6420
  }
6223
6421
 
6224
- ._horizontal-reveal_1q7wf_821 ._heading_1q7wf_70 {
6422
+ ._horizontal-reveal_14jny_878 ._heading_14jny_70 {
6225
6423
  font-size: calc(var(--clay-web-type-h3-mobile-size) * 1px);
6226
6424
  font-weight: var(--clay-web-type-h3-mobile-weight);
6227
6425
  line-height: var(--clay-web-type-h3-mobile-line-height);
@@ -6229,14 +6427,14 @@
6229
6427
  text-align: center;
6230
6428
  }
6231
6429
 
6232
- ._horizontal-reveal_1q7wf_821 ._description_1q7wf_78 {
6430
+ ._horizontal-reveal_14jny_878 ._description_14jny_78 {
6233
6431
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
6234
6432
  text-align: center;
6235
6433
  }
6236
6434
 
6237
6435
  /* ── Card row ── */
6238
6436
 
6239
- ._cardRow_1q7wf_871 {
6437
+ ._cardRow_14jny_928 {
6240
6438
  display: flex;
6241
6439
  gap: calc(var(--clay-size-space-600) * 1px);
6242
6440
  width: 100%;
@@ -6246,36 +6444,36 @@
6246
6444
  scrollbar-width: none;
6247
6445
  }
6248
6446
 
6249
- ._cardRow_1q7wf_871::-webkit-scrollbar {
6447
+ ._cardRow_14jny_928::-webkit-scrollbar {
6250
6448
  display: none;
6251
6449
  }
6252
6450
 
6253
6451
  /* ── Auto-scroll marquee ── */
6254
6452
 
6255
- ._marqueeWrapper_1q7wf_887 {
6453
+ ._marqueeWrapper_14jny_944 {
6256
6454
  width: 100vw;
6257
6455
  margin-left: calc(-50vw + 50%);
6258
6456
  overflow: visible;
6259
6457
  }
6260
6458
 
6261
- ._cardRowMarquee_1q7wf_893 {
6459
+ ._cardRowMarquee_14jny_950 {
6262
6460
  display: flex;
6263
6461
  width: max-content;
6264
- animation: _marquee_1q7wf_887 var(--marquee-duration, 30s) linear infinite;
6462
+ animation: _marquee_14jny_944 var(--marquee-duration, 30s) linear infinite;
6265
6463
  }
6266
6464
 
6267
- ._cardRowMarquee_1q7wf_893:hover {
6465
+ ._cardRowMarquee_14jny_950:hover {
6268
6466
  animation-play-state: paused;
6269
6467
  }
6270
6468
 
6271
- ._marqueeTrack_1q7wf_903 {
6469
+ ._marqueeTrack_14jny_960 {
6272
6470
  display: flex;
6273
6471
  flex-shrink: 0;
6274
6472
  gap: calc(var(--clay-size-space-600) * 1px);
6275
6473
  padding-right: calc(var(--clay-size-space-600) * 1px);
6276
6474
  }
6277
6475
 
6278
- @keyframes _marquee_1q7wf_887 {
6476
+ @keyframes _marquee_14jny_944 {
6279
6477
  0% {
6280
6478
  transform: translateX(0);
6281
6479
  }
@@ -6286,7 +6484,7 @@
6286
6484
 
6287
6485
  /* ── Individual reveal card ── */
6288
6486
 
6289
- ._revealCard_1q7wf_921 {
6487
+ ._revealCard_14jny_978 {
6290
6488
  position: relative;
6291
6489
  box-sizing: border-box;
6292
6490
  display: flex;
@@ -6305,15 +6503,15 @@
6305
6503
  transition: box-shadow 0.2s ease;
6306
6504
  }
6307
6505
 
6308
- ._revealCard_1q7wf_921:hover,
6309
- ._revealCard_1q7wf_921:focus-within,
6310
- ._revealCard_1q7wf_921._revealed_1q7wf_942 {
6506
+ ._revealCard_14jny_978:hover,
6507
+ ._revealCard_14jny_978:focus-within,
6508
+ ._revealCard_14jny_978._revealed_14jny_999 {
6311
6509
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
6312
6510
  }
6313
6511
 
6314
6512
  /* ── Front state (default) ── */
6315
6513
 
6316
- ._revealFront_1q7wf_948 {
6514
+ ._revealFront_14jny_1005 {
6317
6515
  flex: 1;
6318
6516
  min-height: 0;
6319
6517
  border-radius: calc(var(--clay-radius-lg) * 1px);
@@ -6321,53 +6519,53 @@
6321
6519
  background: var(--clay-color-stone-100, #f7f3ea);
6322
6520
  }
6323
6521
 
6324
- ._revealMedia_1q7wf_956 {
6522
+ ._revealMedia_14jny_1013 {
6325
6523
  width: 100%;
6326
6524
  height: 100%;
6327
6525
  overflow: hidden;
6328
6526
  border-radius: calc(var(--clay-radius-lg) * 1px);
6329
6527
  }
6330
6528
 
6331
- ._revealMedia_1q7wf_956 > * {
6529
+ ._revealMedia_14jny_1013 > * {
6332
6530
  width: 100%;
6333
6531
  height: 100%;
6334
6532
  object-fit: cover;
6335
6533
  }
6336
6534
 
6337
- ._revealCard_1q7wf_921._revealed_1q7wf_942 ._revealFront_1q7wf_948,
6338
- ._revealCard_1q7wf_921:hover ._revealFront_1q7wf_948,
6339
- ._revealCard_1q7wf_921:focus-within ._revealFront_1q7wf_948 {
6535
+ ._revealCard_14jny_978._revealed_14jny_999 ._revealFront_14jny_1005,
6536
+ ._revealCard_14jny_978:hover ._revealFront_14jny_1005,
6537
+ ._revealCard_14jny_978:focus-within ._revealFront_14jny_1005 {
6340
6538
  display: none;
6341
6539
  }
6342
6540
 
6343
- ._revealCard_1q7wf_921._revealed_1q7wf_942,
6344
- ._revealCard_1q7wf_921:hover,
6345
- ._revealCard_1q7wf_921:focus-within {
6541
+ ._revealCard_14jny_978._revealed_14jny_999,
6542
+ ._revealCard_14jny_978:hover,
6543
+ ._revealCard_14jny_978:focus-within {
6346
6544
  gap: 0;
6347
6545
  }
6348
6546
 
6349
6547
  /* ── Back state (hover/focus) ── */
6350
6548
 
6351
- ._revealBack_1q7wf_983 {
6549
+ ._revealBack_14jny_1040 {
6352
6550
  display: none;
6353
6551
  flex-direction: column;
6354
6552
  gap: calc(var(--clay-size-space-500) * 1px);
6355
6553
  width: 100%;
6356
6554
  }
6357
6555
 
6358
- ._revealCard_1q7wf_921._revealed_1q7wf_942 ._revealBack_1q7wf_983,
6359
- ._revealCard_1q7wf_921:hover ._revealBack_1q7wf_983,
6360
- ._revealCard_1q7wf_921:focus-within ._revealBack_1q7wf_983 {
6556
+ ._revealCard_14jny_978._revealed_14jny_999 ._revealBack_14jny_1040,
6557
+ ._revealCard_14jny_978:hover ._revealBack_14jny_1040,
6558
+ ._revealCard_14jny_978:focus-within ._revealBack_14jny_1040 {
6361
6559
  display: flex;
6362
6560
  }
6363
6561
 
6364
- ._revealHeader_1q7wf_996 {
6562
+ ._revealHeader_14jny_1053 {
6365
6563
  display: flex;
6366
6564
  align-items: center;
6367
6565
  gap: calc(var(--clay-size-space-200) * 1px);
6368
6566
  }
6369
6567
 
6370
- ._revealAvatar_1q7wf_1002 {
6568
+ ._revealAvatar_14jny_1059 {
6371
6569
  width: 64px;
6372
6570
  height: 64px;
6373
6571
  min-width: 64px;
@@ -6376,13 +6574,13 @@
6376
6574
  background: var(--clay-color-stone-100, #f7f3ea);
6377
6575
  }
6378
6576
 
6379
- ._revealAvatar_1q7wf_1002 > * {
6577
+ ._revealAvatar_14jny_1059 > * {
6380
6578
  width: 100%;
6381
6579
  height: 100%;
6382
6580
  object-fit: cover;
6383
6581
  }
6384
6582
 
6385
- ._revealName_1q7wf_1017 {
6583
+ ._revealName_14jny_1074 {
6386
6584
  font-family: var(--clay-web-type-family);
6387
6585
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
6388
6586
  font-weight: var(--clay-web-type-weight-medium);
@@ -6390,7 +6588,7 @@
6390
6588
  color: var(--clay-color-text-default-default);
6391
6589
  }
6392
6590
 
6393
- ._revealList_1q7wf_1025 {
6591
+ ._revealList_14jny_1082 {
6394
6592
  list-style: none;
6395
6593
  margin: 0;
6396
6594
  padding: 0;
@@ -6399,7 +6597,7 @@
6399
6597
  gap: calc(var(--clay-size-space-400) * 1px);
6400
6598
  }
6401
6599
 
6402
- ._revealListItem_1q7wf_1034 {
6600
+ ._revealListItem_14jny_1091 {
6403
6601
  display: flex;
6404
6602
  align-items: flex-start;
6405
6603
  gap: calc(var(--clay-size-space-200) * 1px);
@@ -6410,7 +6608,7 @@
6410
6608
  color: var(--clay-color-text-default-secondary);
6411
6609
  }
6412
6610
 
6413
- ._bulletIcon_1q7wf_1045 {
6611
+ ._bulletIcon_14jny_1102 {
6414
6612
  display: inline-block;
6415
6613
  width: 6px;
6416
6614
  height: 6px;
@@ -6422,7 +6620,7 @@
6422
6620
 
6423
6621
  /* ── Footer ── */
6424
6622
 
6425
- ._revealFooter_1q7wf_1057 {
6623
+ ._revealFooter_14jny_1114 {
6426
6624
  display: flex;
6427
6625
  align-items: center;
6428
6626
  justify-content: space-between;
@@ -6430,14 +6628,14 @@
6430
6628
  margin-top: auto;
6431
6629
  }
6432
6630
 
6433
- ._revealFooterContent_1q7wf_1065 {
6631
+ ._revealFooterContent_14jny_1122 {
6434
6632
  display: flex;
6435
6633
  align-items: center;
6436
6634
  gap: calc(var(--clay-size-space-200) * 1px);
6437
6635
  min-width: 0;
6438
6636
  }
6439
6637
 
6440
- ._revealFooterName_1q7wf_1072 {
6638
+ ._revealFooterName_14jny_1129 {
6441
6639
  font-family: var(--clay-web-type-family);
6442
6640
  font-size: calc(var(--clay-web-type-p3-size) * 1px);
6443
6641
  font-weight: var(--clay-web-type-weight-medium);
@@ -6447,13 +6645,13 @@
6447
6645
  padding-left: calc(var(--clay-size-space-200) * 1px);
6448
6646
  }
6449
6647
 
6450
- ._revealTags_1q7wf_1082 {
6648
+ ._revealTags_14jny_1139 {
6451
6649
  display: flex;
6452
6650
  gap: calc(var(--clay-size-space-200) * 1px);
6453
6651
  flex-wrap: wrap;
6454
6652
  }
6455
6653
 
6456
- ._revealTag_1q7wf_1082 {
6654
+ ._revealTag_14jny_1139 {
6457
6655
  font-family: var(--clay-web-type-family);
6458
6656
  font-size: calc(var(--clay-web-type-p4-size) * 1px);
6459
6657
  font-weight: var(--clay-web-type-weight-regular);
@@ -6465,7 +6663,7 @@
6465
6663
  white-space: nowrap;
6466
6664
  }
6467
6665
 
6468
- ._revealToggle_1q7wf_1100 {
6666
+ ._revealToggle_14jny_1157 {
6469
6667
  display: flex;
6470
6668
  align-items: center;
6471
6669
  justify-content: center;
@@ -6481,15 +6679,15 @@
6481
6679
  flex-shrink: 0;
6482
6680
  }
6483
6681
 
6484
- ._revealCard_1q7wf_921._revealed_1q7wf_942 ._revealToggle_1q7wf_1100,
6485
- ._revealCard_1q7wf_921:hover ._revealToggle_1q7wf_1100,
6486
- ._revealCard_1q7wf_921:focus-within ._revealToggle_1q7wf_1100 {
6682
+ ._revealCard_14jny_978._revealed_14jny_999 ._revealToggle_14jny_1157,
6683
+ ._revealCard_14jny_978:hover ._revealToggle_14jny_1157,
6684
+ ._revealCard_14jny_978:focus-within ._revealToggle_14jny_1157 {
6487
6685
  transform: rotate(45deg);
6488
6686
  }
6489
6687
 
6490
6688
  /* ── Navigation dots (mobile) ── */
6491
6689
 
6492
- ._navDots_1q7wf_1124 {
6690
+ ._navDots_14jny_1181 {
6493
6691
  display: flex;
6494
6692
  justify-content: center;
6495
6693
  }
@@ -6497,40 +6695,40 @@
6497
6695
  /* ── Desktop overrides for horizontal-reveal ── */
6498
6696
 
6499
6697
  @media (min-width: 900px) {
6500
- ._horizontal-reveal_1q7wf_821 ._container_1q7wf_13 {
6698
+ ._horizontal-reveal_14jny_878 ._container_14jny_13 {
6501
6699
  gap: 80px;
6502
6700
  }
6503
6701
 
6504
- ._sectionHeaderInner_1q7wf_838 {
6702
+ ._sectionHeaderInner_14jny_895 {
6505
6703
  gap: calc(var(--clay-size-space-400) * 1px);
6506
6704
  }
6507
6705
 
6508
- ._horizontal-reveal_1q7wf_821 ._heading_1q7wf_70 {
6706
+ ._horizontal-reveal_14jny_878 ._heading_14jny_70 {
6509
6707
  font-size: calc(var(--clay-web-type-h4-desktop-size) * 1px);
6510
6708
  font-weight: var(--clay-web-type-h4-desktop-weight);
6511
6709
  line-height: 1.2;
6512
6710
  letter-spacing: calc(var(--clay-web-type-h4-desktop-letter-spacing) * 1px);
6513
6711
  }
6514
6712
 
6515
- ._horizontal-reveal_1q7wf_821 ._description_1q7wf_78 {
6713
+ ._horizontal-reveal_14jny_878 ._description_14jny_78 {
6516
6714
  font-size: calc(var(--clay-web-type-p2-size) * 1px);
6517
6715
  }
6518
6716
 
6519
- ._cardRow_1q7wf_871 {
6717
+ ._cardRow_14jny_928 {
6520
6718
  justify-content: center;
6521
6719
  overflow: visible;
6522
6720
  }
6523
6721
 
6524
- ._navDots_1q7wf_1124 {
6722
+ ._navDots_14jny_1181 {
6525
6723
  display: none;
6526
6724
  }
6527
6725
  }
6528
6726
 
6529
- ._containerWide_1q7wf_1161 {
6727
+ ._containerWide_14jny_1218 {
6530
6728
  max-width: calc(var(--clay-layout-container-wide) * 1px);
6531
6729
  }
6532
6730
 
6533
- ._containerFull_1q7wf_1165 {
6731
+ ._containerFull_14jny_1222 {
6534
6732
  max-width: none;
6535
6733
  }
6536
6734
  }
@@ -10100,15 +10298,15 @@
10100
10298
  }
10101
10299
  @layer clay.components {
10102
10300
  /* ── Base (mobile-first) ── */
10103
- ._footer_183rd_3 {
10301
+ ._footer_17cq5_3 {
10104
10302
  box-sizing: border-box;
10105
10303
  width: 100%;
10106
10304
  max-width: 100%;
10107
10305
  background: var(--clay-color-background-default-default, #fff);
10108
10306
  }
10109
10307
 
10110
- ._dividerTop_183rd_10,
10111
- ._dividerBottom_183rd_11 {
10308
+ ._dividerTop_17cq5_10,
10309
+ ._dividerBottom_17cq5_11 {
10112
10310
  height: 0;
10113
10311
  border-top: 1px solid var(--clay-color-border-neutral-tertiary, #dcdfec);
10114
10312
  max-width: 100%;
@@ -10116,7 +10314,7 @@
10116
10314
  }
10117
10315
 
10118
10316
  /* ── Navigation Grid ── */
10119
- ._navContainer_183rd_19 {
10317
+ ._navContainer_17cq5_19 {
10120
10318
  box-sizing: border-box;
10121
10319
  width: 100%;
10122
10320
  max-width: 100%;
@@ -10124,28 +10322,28 @@
10124
10322
  padding: 32px 24px 0;
10125
10323
  }
10126
10324
 
10127
- ._navGrid_183rd_27 {
10325
+ ._navGrid_17cq5_27 {
10128
10326
  display: flex;
10129
10327
  flex-wrap: wrap;
10130
10328
  gap: 0;
10131
10329
  }
10132
10330
 
10133
- ._column_183rd_33 {
10331
+ ._column_17cq5_33 {
10134
10332
  box-sizing: border-box;
10135
10333
  width: 50%;
10136
10334
  padding-bottom: 35px;
10137
10335
  padding-right: 16px;
10138
10336
  }
10139
10337
 
10140
- ._columnBrand_183rd_40 {
10338
+ ._columnBrand_17cq5_40 {
10141
10339
  padding-top: 10px;
10142
10340
  }
10143
10341
 
10144
- ._brand_183rd_44 {
10342
+ ._brand_17cq5_44 {
10145
10343
  margin-bottom: 4px;
10146
10344
  }
10147
10345
 
10148
- ._logoImg_183rd_48 {
10346
+ ._logoImg_17cq5_48 {
10149
10347
  display: block;
10150
10348
  height: 26px;
10151
10349
  width: auto;
@@ -10153,7 +10351,7 @@
10153
10351
  object-fit: contain;
10154
10352
  }
10155
10353
 
10156
- ._heading_183rd_56 {
10354
+ ._heading_17cq5_56 {
10157
10355
  font-family: var(--clay-web-type-family, 'Poppins', sans-serif);
10158
10356
  font-size: 14px;
10159
10357
  font-weight: 500;
@@ -10164,7 +10362,7 @@
10164
10362
  padding: 0;
10165
10363
  }
10166
10364
 
10167
- ._links_183rd_67 {
10365
+ ._links_17cq5_67 {
10168
10366
  list-style: none;
10169
10367
  margin: 0;
10170
10368
  padding: 0;
@@ -10173,13 +10371,13 @@
10173
10371
  gap: 15.5px;
10174
10372
  }
10175
10373
 
10176
- ._linkItem_183rd_76 {
10374
+ ._linkItem_17cq5_76 {
10177
10375
  display: flex;
10178
10376
  align-items: center;
10179
10377
  gap: 8px;
10180
10378
  }
10181
10379
 
10182
- ._linkIcon_183rd_82 {
10380
+ ._linkIcon_17cq5_82 {
10183
10381
  display: flex;
10184
10382
  align-items: center;
10185
10383
  justify-content: center;
@@ -10188,14 +10386,14 @@
10188
10386
  flex-shrink: 0;
10189
10387
  }
10190
10388
 
10191
- ._linkIcon_183rd_82 img,
10192
- ._linkIcon_183rd_82 svg {
10389
+ ._linkIcon_17cq5_82 img,
10390
+ ._linkIcon_17cq5_82 svg {
10193
10391
  width: 100%;
10194
10392
  height: 100%;
10195
10393
  object-fit: contain;
10196
10394
  }
10197
10395
 
10198
- ._link_183rd_67 {
10396
+ ._link_17cq5_67 {
10199
10397
  font-family: var(--clay-web-type-family, 'Poppins', sans-serif);
10200
10398
  font-size: 13px;
10201
10399
  font-weight: 400;
@@ -10206,16 +10404,16 @@
10206
10404
  transition: color 0.15s ease;
10207
10405
  }
10208
10406
 
10209
- ._link_183rd_67:hover {
10407
+ ._link_17cq5_67:hover {
10210
10408
  color: var(--clay-color-text-default-default, #1c1d21);
10211
10409
  }
10212
10410
 
10213
- ._subGroup_183rd_113 {
10411
+ ._subGroup_17cq5_113 {
10214
10412
  margin-top: 38px;
10215
10413
  }
10216
10414
 
10217
10415
  /* ── Bottom Section ── */
10218
- ._bottomContainer_183rd_118 {
10416
+ ._bottomContainer_17cq5_118 {
10219
10417
  box-sizing: border-box;
10220
10418
  width: 100%;
10221
10419
  max-width: 100%;
@@ -10223,32 +10421,32 @@
10223
10421
  padding: 0 24px 20px;
10224
10422
  }
10225
10423
 
10226
- ._bottomContent_183rd_126 {
10424
+ ._bottomContent_17cq5_126 {
10227
10425
  display: flex;
10228
10426
  flex-direction: column;
10229
10427
  gap: 0;
10230
10428
  }
10231
10429
 
10232
10430
  /* Left: language + compliance */
10233
- ._bottomLeft_183rd_133 {
10431
+ ._bottomLeft_17cq5_133 {
10234
10432
  display: flex;
10235
10433
  flex-direction: column;
10236
10434
  gap: 16px;
10237
10435
  order: 3;
10238
10436
  }
10239
10437
 
10240
- ._languageSelector_183rd_140 {
10438
+ ._languageSelector_17cq5_140 {
10241
10439
  display: none;
10242
10440
  }
10243
10441
 
10244
- ._complianceBadges_183rd_144 {
10442
+ ._complianceBadges_17cq5_144 {
10245
10443
  display: flex;
10246
10444
  align-items: center;
10247
10445
  gap: 8px;
10248
10446
  padding: 12px 0;
10249
10447
  }
10250
10448
 
10251
- ._complianceBadge_183rd_144 {
10449
+ ._complianceBadge_17cq5_144 {
10252
10450
  display: block;
10253
10451
  height: 32px;
10254
10452
  width: auto;
@@ -10256,21 +10454,21 @@
10256
10454
  }
10257
10455
 
10258
10456
  /* Center: social + legal + copyright */
10259
- ._bottomCenter_183rd_159 {
10457
+ ._bottomCenter_17cq5_159 {
10260
10458
  display: flex;
10261
10459
  flex-direction: column;
10262
10460
  gap: 5px;
10263
10461
  order: 1;
10264
10462
  }
10265
10463
 
10266
- ._socialLinks_183rd_166 {
10464
+ ._socialLinks_17cq5_166 {
10267
10465
  display: flex;
10268
10466
  align-items: center;
10269
10467
  gap: 12px;
10270
10468
  padding: 8px 0;
10271
10469
  }
10272
10470
 
10273
- ._socialLink_183rd_166 {
10471
+ ._socialLink_17cq5_166 {
10274
10472
  display: flex;
10275
10473
  align-items: center;
10276
10474
  justify-content: center;
@@ -10280,37 +10478,37 @@
10280
10478
  transition: opacity 0.15s ease;
10281
10479
  }
10282
10480
 
10283
- ._socialLink_183rd_166:hover {
10481
+ ._socialLink_17cq5_166:hover {
10284
10482
  opacity: 0.7;
10285
10483
  }
10286
10484
 
10287
- ._socialLink_183rd_166 img,
10288
- ._socialLink_183rd_166 svg {
10485
+ ._socialLink_17cq5_166 img,
10486
+ ._socialLink_17cq5_166 svg {
10289
10487
  width: 100%;
10290
10488
  height: 100%;
10291
10489
  object-fit: contain;
10292
10490
  }
10293
10491
 
10294
- ._legalBlock_183rd_194 {
10492
+ ._legalBlock_17cq5_194 {
10295
10493
  display: flex;
10296
10494
  flex-direction: column;
10297
10495
  gap: 8px;
10298
10496
  }
10299
10497
 
10300
- ._legalLinks_183rd_200 {
10498
+ ._legalLinks_17cq5_200 {
10301
10499
  display: flex;
10302
10500
  flex-wrap: wrap;
10303
10501
  gap: 20px;
10304
10502
  align-items: center;
10305
10503
  }
10306
10504
 
10307
- ._legalItem_183rd_207 {
10505
+ ._legalItem_17cq5_207 {
10308
10506
  display: flex;
10309
10507
  align-items: center;
10310
10508
  gap: 12px;
10311
10509
  }
10312
10510
 
10313
- ._legalLink_183rd_200 {
10511
+ ._legalLink_17cq5_200 {
10314
10512
  font-family: var(--clay-web-type-family, 'Poppins', sans-serif);
10315
10513
  font-size: 13px;
10316
10514
  font-weight: 400;
@@ -10319,15 +10517,15 @@
10319
10517
  text-decoration: underline;
10320
10518
  }
10321
10519
 
10322
- ._legalLink_183rd_200:hover {
10520
+ ._legalLink_17cq5_200:hover {
10323
10521
  color: var(--clay-color-text-default-default, #1c1d21);
10324
10522
  }
10325
10523
 
10326
- ._pipe_183rd_226 {
10524
+ ._pipe_17cq5_226 {
10327
10525
  display: none;
10328
10526
  }
10329
10527
 
10330
- ._copyright_183rd_230 {
10528
+ ._copyright_17cq5_230 {
10331
10529
  font-family: var(--clay-web-type-family, 'Poppins', sans-serif);
10332
10530
  font-size: 13px;
10333
10531
  font-weight: 400;
@@ -10337,31 +10535,31 @@
10337
10535
  }
10338
10536
 
10339
10537
  /* Right: app store + accessibility */
10340
- ._bottomRight_183rd_240 {
10538
+ ._bottomRight_17cq5_240 {
10341
10539
  display: flex;
10342
10540
  flex-direction: column;
10343
10541
  gap: 16px;
10344
10542
  order: 2;
10345
10543
  }
10346
10544
 
10347
- ._appStoreBadges_183rd_247 {
10545
+ ._appStoreBadges_17cq5_247 {
10348
10546
  display: none;
10349
10547
  }
10350
10548
 
10351
- ._appStoreBadge_183rd_247 {
10549
+ ._appStoreBadge_17cq5_247 {
10352
10550
  display: block;
10353
10551
  height: 40px;
10354
10552
  width: auto;
10355
10553
  object-fit: contain;
10356
10554
  }
10357
10555
 
10358
- ._accessibility_183rd_258 {
10556
+ ._accessibility_17cq5_258 {
10359
10557
  display: flex;
10360
10558
  align-items: center;
10361
10559
  gap: 8px;
10362
10560
  }
10363
10561
 
10364
- ._accessibilityIcon_183rd_264 {
10562
+ ._accessibilityIcon_17cq5_264 {
10365
10563
  display: flex;
10366
10564
  align-items: center;
10367
10565
  justify-content: center;
@@ -10370,14 +10568,14 @@
10370
10568
  flex-shrink: 0;
10371
10569
  }
10372
10570
 
10373
- ._accessibilityIcon_183rd_264 img,
10374
- ._accessibilityIcon_183rd_264 svg {
10571
+ ._accessibilityIcon_17cq5_264 img,
10572
+ ._accessibilityIcon_17cq5_264 svg {
10375
10573
  width: 100%;
10376
10574
  height: 100%;
10377
10575
  object-fit: contain;
10378
10576
  }
10379
10577
 
10380
- ._accessibilityLink_183rd_280 {
10578
+ ._accessibilityLink_17cq5_280 {
10381
10579
  font-family: var(--clay-web-type-family, 'Poppins', sans-serif);
10382
10580
  font-size: 12px;
10383
10581
  font-weight: 400;
@@ -10388,66 +10586,66 @@
10388
10586
 
10389
10587
  /* ── Desktop (>=900px) ── */
10390
10588
  @media (min-width: 900px) {
10391
- ._navContainer_183rd_19 {
10589
+ ._navContainer_17cq5_19 {
10392
10590
  padding: 80px 64px 0;
10393
10591
  }
10394
10592
 
10395
- ._navGrid_183rd_27 {
10593
+ ._navGrid_17cq5_27 {
10396
10594
  flex-wrap: nowrap;
10397
10595
  justify-content: space-between;
10398
10596
  }
10399
10597
 
10400
- ._column_183rd_33 {
10598
+ ._column_17cq5_33 {
10401
10599
  width: auto;
10402
10600
  flex: 1 1 0;
10403
10601
  min-width: 0;
10404
10602
  padding-bottom: 48px;
10405
10603
  }
10406
10604
 
10407
- ._column_183rd_33:first-child {
10605
+ ._column_17cq5_33:first-child {
10408
10606
  flex: 0 0 160px;
10409
10607
  }
10410
10608
 
10411
- ._columnBrand_183rd_40 {
10609
+ ._columnBrand_17cq5_40 {
10412
10610
  padding-top: 0;
10413
10611
  }
10414
10612
 
10415
- ._brand_183rd_44 {
10613
+ ._brand_17cq5_44 {
10416
10614
  margin-bottom: 12px;
10417
10615
  }
10418
10616
 
10419
- ._logoImg_183rd_48 {
10617
+ ._logoImg_17cq5_48 {
10420
10618
  height: 32px;
10421
10619
  }
10422
10620
 
10423
- ._heading_183rd_56 {
10621
+ ._heading_17cq5_56 {
10424
10622
  font-size: calc(var(--clay-web-type-p4-size, 14) * 1px);
10425
10623
  letter-spacing: 0;
10426
10624
  color: var(--clay-color-text-default-secondary, #535768);
10427
10625
  margin: 12px 0 24px;
10428
10626
  }
10429
10627
 
10430
- ._links_183rd_67 {
10628
+ ._links_17cq5_67 {
10431
10629
  gap: calc(var(--clay-layout-footer-link-gap, 16) * 1px);
10432
10630
  }
10433
10631
 
10434
- ._link_183rd_67 {
10632
+ ._link_17cq5_67 {
10435
10633
  font-size: calc(var(--clay-web-type-p4-size, 14) * 1px);
10436
10634
  line-height: 1.5;
10437
10635
  letter-spacing: 0;
10438
10636
  color: var(--clay-color-text-default-secondary, #7c7b7b);
10439
10637
  }
10440
10638
 
10441
- ._dividerBottom_183rd_11 {
10639
+ ._dividerBottom_17cq5_11 {
10442
10640
  max-width: 100%;
10443
10641
  }
10444
10642
 
10445
10643
  /* Bottom section: horizontal layout */
10446
- ._bottomContainer_183rd_118 {
10644
+ ._bottomContainer_17cq5_118 {
10447
10645
  padding: 40px 64px 48px;
10448
10646
  }
10449
10647
 
10450
- ._bottomContent_183rd_126 {
10648
+ ._bottomContent_17cq5_126 {
10451
10649
  flex-direction: row;
10452
10650
  align-items: flex-start;
10453
10651
  justify-content: space-between;
@@ -10455,21 +10653,21 @@
10455
10653
  gap: 24px;
10456
10654
  }
10457
10655
 
10458
- ._bottomLeft_183rd_133 {
10656
+ ._bottomLeft_17cq5_133 {
10459
10657
  order: 0;
10460
10658
  justify-content: space-between;
10461
10659
  height: 92px;
10462
10660
  }
10463
10661
 
10464
- ._languageSelector_183rd_140 {
10662
+ ._languageSelector_17cq5_140 {
10465
10663
  display: flex;
10466
10664
  }
10467
10665
 
10468
- ._complianceBadges_183rd_144 {
10666
+ ._complianceBadges_17cq5_144 {
10469
10667
  padding: 0;
10470
10668
  }
10471
10669
 
10472
- ._bottomCenter_183rd_159 {
10670
+ ._bottomCenter_17cq5_159 {
10473
10671
  order: 0;
10474
10672
  flex: 1;
10475
10673
  padding-left: 32px;
@@ -10477,31 +10675,31 @@
10477
10675
  height: 92px;
10478
10676
  }
10479
10677
 
10480
- ._socialLinks_183rd_166 {
10678
+ ._socialLinks_17cq5_166 {
10481
10679
  padding: 0;
10482
10680
  }
10483
10681
 
10484
- ._legalBlock_183rd_194 {
10682
+ ._legalBlock_17cq5_194 {
10485
10683
  gap: 8px;
10486
10684
  }
10487
10685
 
10488
- ._legalLinks_183rd_200 {
10686
+ ._legalLinks_17cq5_200 {
10489
10687
  gap: 0;
10490
10688
  flex-wrap: nowrap;
10491
10689
  }
10492
10690
 
10493
- ._legalItem_183rd_207 {
10691
+ ._legalItem_17cq5_207 {
10494
10692
  gap: 0;
10495
10693
  }
10496
10694
 
10497
- ._legalLink_183rd_200 {
10695
+ ._legalLink_17cq5_200 {
10498
10696
  font-size: calc(var(--clay-web-type-p5-size, 12) * 1px);
10499
10697
  line-height: 1.5;
10500
10698
  color: var(--clay-color-text-default-secondary, #7c7b7b);
10501
10699
  text-decoration: none;
10502
10700
  }
10503
10701
 
10504
- ._pipe_183rd_226 {
10702
+ ._pipe_17cq5_226 {
10505
10703
  display: inline-block;
10506
10704
  width: 1px;
10507
10705
  height: 14px;
@@ -10510,34 +10708,85 @@
10510
10708
  vertical-align: middle;
10511
10709
  }
10512
10710
 
10513
- ._copyright_183rd_230 {
10711
+ ._copyright_17cq5_230 {
10514
10712
  font-size: calc(var(--clay-web-type-p5-size, 12) * 1px);
10515
10713
  line-height: 1.5;
10516
10714
  color: var(--clay-color-text-default-secondary, #7c7b7b);
10517
10715
  margin: 0;
10518
10716
  }
10519
10717
 
10520
- ._bottomRight_183rd_240 {
10718
+ ._bottomRight_17cq5_240 {
10521
10719
  order: 0;
10522
10720
  align-items: flex-end;
10523
10721
  justify-content: space-between;
10524
10722
  height: 92px;
10525
10723
  }
10526
10724
 
10527
- ._appStoreBadges_183rd_247 {
10725
+ ._appStoreBadges_17cq5_247 {
10528
10726
  display: flex;
10529
10727
  gap: 16px;
10530
10728
  align-items: center;
10531
10729
  }
10532
10730
 
10533
- ._accessibility_183rd_258 {
10731
+ ._accessibility_17cq5_258 {
10534
10732
  padding-bottom: 4px;
10535
10733
  }
10536
10734
 
10537
- ._accessibilityLink_183rd_280 {
10735
+ ._accessibilityLink_17cq5_280 {
10538
10736
  text-decoration: none;
10539
10737
  }
10540
10738
  }
10739
+
10740
+ /* ── Short variant ──────────────────────────────────────────
10741
+ Compact footer: logo + a single row of link columns (each with
10742
+ a couple of links, no headings). Shares the bottom bar with the
10743
+ default (full) variant. */
10744
+
10745
+ /* Base (mobile): logo full-width, link columns wrap 2-up. */
10746
+ ._short_17cq5_448 ._columnBrand_17cq5_40 {
10747
+ width: 100%;
10748
+ flex-basis: 100%;
10749
+ }
10750
+
10751
+ ._short_17cq5_448 ._column_17cq5_33 {
10752
+ padding-bottom: 24px;
10753
+ }
10754
+
10755
+ /* Short link columns hold ~2 links — give them breathing room. */
10756
+ ._short_17cq5_448 ._links_17cq5_67 {
10757
+ gap: 16px;
10758
+ }
10759
+
10760
+ @media (min-width: 900px) {
10761
+ /* Compact nav: less top padding than the full mega footer. */
10762
+ ._short_17cq5_448 ._navContainer_17cq5_19 {
10763
+ padding-top: 48px;
10764
+ }
10765
+
10766
+ ._short_17cq5_448 ._navGrid_17cq5_27 {
10767
+ flex-wrap: nowrap;
10768
+ justify-content: space-between;
10769
+ gap: 16px;
10770
+ }
10771
+
10772
+ /* Logo cell is intrinsic width, link columns share the rest evenly. */
10773
+ ._short_17cq5_448 ._columnBrand_17cq5_40 {
10774
+ flex: 0 0 220px;
10775
+ width: auto;
10776
+ }
10777
+
10778
+ ._short_17cq5_448 ._column_17cq5_33 {
10779
+ flex: 1 1 0;
10780
+ min-width: 0;
10781
+ max-width: 222px;
10782
+ padding-bottom: 48px;
10783
+ }
10784
+
10785
+ /* The logo column must not inherit the full footer's narrow first-col rule. */
10786
+ ._short_17cq5_448 ._column_17cq5_33:first-child {
10787
+ flex: 0 0 220px;
10788
+ }
10789
+ }
10541
10790
  }
10542
10791
  @layer clay.components {
10543
10792
  ._icon_171j1_2 {