@clay-ds/react 0.2.0 → 0.3.0

package/dist/{footerDefaults-DpXUAmYt.cjs → footerDefaults-BILm5CMK.cjs}

@@ -180,37 +180,53 @@ const SliderDots = React.forwardRef(
   }
 );
 const btn = "_btn_1imgs_2";
+const style_icon = "_style_icon_1imgs_34";
 const styleIcon = "_style_icon_1imgs_34";
 const large$1 = "_large_1imgs_40";
 const icon$1 = "_icon_1imgs_48";
+const style_primary = "_style_primary_1imgs_53";
 const stylePrimary = "_style_primary_1imgs_53";
 const forceHover = "_forceHover_1imgs_54";
 const regular$1 = "_regular_1imgs_58";
 const mini = "_mini_1imgs_71";
 const extraMini = "_extraMini_1imgs_84";
+const color_black = "_color_black_1imgs_128";
 const colorBlack = "_color_black_1imgs_128";
+const color_iris = "_color_iris_1imgs_138";
 const colorIris = "_color_iris_1imgs_138";
+const color_white = "_color_white_1imgs_148";
 const colorWhite = "_color_white_1imgs_148";
+const style_secondary = "_style_secondary_1imgs_160";
 const styleSecondary = "_style_secondary_1imgs_160";
+const style_link = "_style_link_1imgs_187";
 const styleLink = "_style_link_1imgs_187";
 const forceActive = "_forceActive_1imgs_243";
+const color_grey = "_color_grey_1imgs_247";
 const colorGrey = "_color_grey_1imgs_247";
 const styles$l = {
   btn,
+  style_icon,
   styleIcon,
   large: large$1,
   icon: icon$1,
+  style_primary,
   stylePrimary,
   forceHover,
   regular: regular$1,
   mini,
   extraMini,
+  color_black,
   colorBlack,
+  color_iris,
   colorIris,
+  color_white,
   colorWhite,
+  style_secondary,
   styleSecondary,
+  style_link,
   styleLink,
   forceActive,
+  color_grey,
   colorGrey
 };
 const LEGACY_VARIANT = {
@@ -287,28 +303,46 @@ const Button = React.forwardRef(
   }
 );
 const slot = "_slot_1fesr_2";
+const radius_none = "_radius_none_1fesr_16";
 const radiusNone = "_radius_none_1fesr_16";
+const radius_xs = "_radius_xs_1fesr_17";
 const radiusXs = "_radius_xs_1fesr_17";
+const radius_sm = "_radius_sm_1fesr_18";
 const radiusSm = "_radius_sm_1fesr_18";
+const radius_md = "_radius_md_1fesr_19";
 const radiusMd = "_radius_md_1fesr_19";
+const radius_lg = "_radius_lg_1fesr_20";
 const radiusLg = "_radius_lg_1fesr_20";
+const radius_xl = "_radius_xl_1fesr_21";
 const radiusXl = "_radius_xl_1fesr_21";
 const media$2 = "_media_1fesr_24";
+const fit_cover = "_fit_cover_1fesr_32";
 const fitCover = "_fit_cover_1fesr_32";
+const fit_contain = "_fit_contain_1fesr_33";
 const fitContain = "_fit_contain_1fesr_33";
+const fit_fill = "_fit_fill_1fesr_34";
 const fitFill = "_fit_fill_1fesr_34";
 const placeholderIcon = "_placeholderIcon_1fesr_37";
 const styles$k = {
   slot,
+  radius_none,
   radiusNone,
+  radius_xs,
   radiusXs,
+  radius_sm,
   radiusSm,
+  radius_md,
   radiusMd,
+  radius_lg,
   radiusLg,
+  radius_xl,
   radiusXl,
   media: media$2,
+  fit_cover,
   fitCover,
+  fit_contain,
   fitContain,
+  fit_fill,
   fitFill,
   placeholderIcon
 };
@@ -612,6 +646,7 @@ const card$5 = "_card_mk48x_2";
 const label$2 = "_label_mk48x_18";
 const styles$g = {
   card: card$5,
+  "card--background": "_card--background_mk48x_14",
   label: label$2
 };
 const IntegrationCard = React.forwardRef(
@@ -1089,30 +1124,45 @@ const styles$e = {
   actionCaption,
   logos: logos$1,
   media: media$1,
+  "centered-image": "_centered-image_1bgi4_191",
   centeredImage,
+  "text-only": "_text-only_1bgi4_203",
   textOnly,
   split,
+  "split-search": "_split-search_1bgi4_323",
   splitSearch,
+  "split-full-image": "_split-full-image_1bgi4_365",
   splitFullImage,
+  "split-mosaic": "_split-mosaic_1bgi4_430",
   splitMosaic,
+  "floating-left": "_floating-left_1bgi4_529",
   floatingLeft,
+  "floating-scattered": "_floating-scattered_1bgi4_590",
   floatingScattered,
+  "left-center-image": "_left-center-image_1bgi4_666",
   leftCenterImage,
   card: card$4,
+  "floating-card": "_floating-card_1bgi4_754",
   floatingCard: floatingCard$1,
+  "centered-strips": "_centered-strips_1bgi4_806",
   centeredStrips,
   "default": "_default_1bgi4_840",
   containerWide: containerWide$7,
   containerFull: containerFull$7,
   parallaxFall,
+  "clay-scatter-fall": "_clay-scatter-fall_1bgi4_1",
   clayScatterFall,
   parallaxFallSlow,
+  "clay-scatter-fall-slow": "_clay-scatter-fall-slow_1bgi4_1",
   clayScatterFallSlow,
   parallaxRise,
+  "clay-scatter-rise": "_clay-scatter-rise_1bgi4_1",
   clayScatterRise,
   parallaxRiseSlow,
+  "clay-scatter-rise-slow": "_clay-scatter-rise-slow_1bgi4_1",
   clayScatterRiseSlow,
   parallaxRiseFast,
+  "clay-scatter-rise-fast": "_clay-scatter-rise-fast_1bgi4_1",
   clayScatterRiseFast
 };
 const HeaderSection = React.forwardRef(
@@ -1239,261 +1289,277 @@ const CustomerLogoSection = React.forwardRef(
     );
   }
 );
-const section$9 = "_section_1iihw_3";
-const container$6 = "_container_1iihw_14";
-const accordion = "_accordion_1iihw_25";
-const item$1 = "_item_1iihw_33";
-const itemActive = "_itemActive_1iihw_40";
-const itemHeader = "_itemHeader_1iihw_45";
-const itemHeading = "_itemHeading_1iihw_59";
-const chevron$1 = "_chevron_1iihw_75";
-const chevronOpen$1 = "_chevronOpen_1iihw_83";
-const itemContent = "_itemContent_1iihw_88";
-const itemDescription = "_itemDescription_1iihw_93";
-const itemMedia = "_itemMedia_1iihw_105";
-const mediaPanel = "_mediaPanel_1iihw_114";
-const mediaFallback = "_mediaFallback_1iihw_118";
-const sideBySideLines = "_side-by-side-lines_1iihw_129";
-const itemLines = "_itemLines_1iihw_142";
-const tabsCard = "_tabsCard_1iihw_194";
-const tabContent = "_tabContent_1iihw_207";
-const tabText = "_tabText_1iihw_214";
-const tabTopic = "_tabTopic_1iihw_221";
-const tabHeading = "_tabHeading_1iihw_229";
-const tabDescription = "_tabDescription_1iihw_239";
-const tabMedia = "_tabMedia_1iihw_248";
-const strokeCard = "_strokeCard_1iihw_265";
-const strokeText = "_strokeText_1iihw_280";
-const strokeTextGroup = "_strokeTextGroup_1iihw_286";
-const strokeHeading = "_strokeHeading_1iihw_292";
-const strokeDescription = "_strokeDescription_1iihw_302";
-const strokeMedia = "_strokeMedia_1iihw_312";
-const sideBySideBullets = "_side-by-side-bullets_1iihw_329";
-const bulletSectionHeader = "_bulletSectionHeader_1iihw_336";
-const bulletTopic = "_bulletTopic_1iihw_342";
-const bulletSectionHeading = "_bulletSectionHeading_1iihw_350";
-const bulletCard = "_bulletCard_1iihw_361";
-const bulletList = "_bulletList_1iihw_366";
-const bulletItemInactive = "_bulletItemInactive_1iihw_372";
-const bulletIcon$2 = "_bulletIcon_1iihw_387";
-const bulletInactiveLabel = "_bulletInactiveLabel_1iihw_396";
-const bulletItemActive = "_bulletItemActive_1iihw_404";
-const bulletActiveLabel = "_bulletActiveLabel_1iihw_416";
-const bulletActiveDesc = "_bulletActiveDesc_1iihw_424";
-const bulletMediaPanel = "_bulletMediaPanel_1iihw_433";
-const bulletMediaFallback = "_bulletMediaFallback_1iihw_446";
-const bulletCarouselWrapper = "_bulletCarouselWrapper_1iihw_453";
-const bulletCarouselTrack = "_bulletCarouselTrack_1iihw_459";
-const bulletCarouselCard = "_bulletCarouselCard_1iihw_474";
-const bulletCarouselText = "_bulletCarouselText_1iihw_486";
-const bulletCarouselTitle = "_bulletCarouselTitle_1iihw_492";
-const bulletCarouselDesc = "_bulletCarouselDesc_1iihw_500";
-const bulletCarouselMedia = "_bulletCarouselMedia_1iihw_509";
-const bulletCarouselNav = "_bulletCarouselNav_1iihw_522";
-const tabCardsCarousel = "_tab-cards-carousel_1iihw_532";
-const tcSectionText = "_tcSectionText_1iihw_539";
-const tcTopic = "_tcTopic_1iihw_548";
-const tcSectionHeading = "_tcSectionHeading_1iihw_556";
-const tcTabBar = "_tcTabBar_1iihw_566";
-const tcTab = "_tcTab_1iihw_566";
-const tcTabActive = "_tcTabActive_1iihw_595";
-const tcCarouselOuter = "_tcCarouselOuter_1iihw_600";
-const tcCarouselTrack = "_tcCarouselTrack_1iihw_605";
-const tcCard = "_tcCard_1iihw_612";
-const tcCardHeader = "_tcCardHeader_1iihw_625";
-const tcCardMeta = "_tcCardMeta_1iihw_632";
-const tcCardIcon = "_tcCardIcon_1iihw_640";
-const tcCardText = "_tcCardText_1iihw_657";
-const tcCardTitle = "_tcCardTitle_1iihw_663";
-const tcCardSubtitle = "_tcCardSubtitle_1iihw_671";
-const tcCtaDeskWrap = "_tcCtaDeskWrap_1iihw_679";
-const tcCtaMobWrap = "_tcCtaMobWrap_1iihw_683";
-const tcMedia = "_tcMedia_1iihw_687";
-const tcNav = "_tcNav_1iihw_701";
-const stackedRows = "_stacked-rows_1iihw_711";
-const srHeader = "_srHeader_1iihw_718";
-const srTopic = "_srTopic_1iihw_726";
-const srSectionHeading = "_srSectionHeading_1iihw_734";
-const srRow = "_srRow_1iihw_745";
-const srContentCard = "_srContentCard_1iihw_751";
-const srCardInner = "_srCardInner_1iihw_760";
-const srTopGroup = "_srTopGroup_1iihw_766";
-const srTagWrap = "_srTagWrap_1iihw_772";
-const srTagDot = "_srTagDot_1iihw_778";
-const srTagLabel = "_srTagLabel_1iihw_786";
-const srHeading = "_srHeading_1iihw_794";
-const srDesc = "_srDesc_1iihw_804";
-const srBottomGroup = "_srBottomGroup_1iihw_813";
-const srBullets = "_srBullets_1iihw_819";
-const srBullet = "_srBullet_1iihw_819";
-const srBulletIcon = "_srBulletIcon_1iihw_833";
-const srBulletLabel = "_srBulletLabel_1iihw_843";
-const srMedia = "_srMedia_1iihw_853";
-const horizontalCards = "_horizontal-cards_1iihw_870";
-const hcHeader = "_hcHeader_1iihw_878";
-const hcTagline = "_hcTagline_1iihw_887";
-const hcSectionHeading = "_hcSectionHeading_1iihw_895";
-const hcSectionDesc = "_hcSectionDesc_1iihw_904";
-const hcGrid = "_hcGrid_1iihw_914";
-const hcCard = "_hcCard_1iihw_933";
-const hcMedia = "_hcMedia_1iihw_945";
-const hcContent = "_hcContent_1iihw_958";
-const hcTextGroup = "_hcTextGroup_1iihw_967";
-const hcHeading = "_hcHeading_1iihw_974";
-const hcDesc = "_hcDesc_1iihw_983";
-const hcAction = "_hcAction_1iihw_992";
-const hcDots = "_hcDots_1iihw_1014";
-const horizontalIcons = "_horizontal-icons_1iihw_1023";
-const hiHeader = "_hiHeader_1iihw_1030";
-const hiTagline = "_hiTagline_1iihw_1036";
-const hiSectionHeading = "_hiSectionHeading_1iihw_1044";
-const hiSectionDesc = "_hiSectionDesc_1iihw_1054";
-const hiGrid = "_hiGrid_1iihw_1063";
-const hiColumn = "_hiColumn_1iihw_1070";
-const hiIconWrap = "_hiIconWrap_1iihw_1076";
-const hiTextGroup = "_hiTextGroup_1iihw_1085";
-const hiHeading = "_hiHeading_1iihw_1091";
-const hiDesc = "_hiDesc_1iihw_1101";
-const stackedMediaLeft = "_stacked-media-left_1iihw_1114";
-const smlSectionHeader = "_smlSectionHeader_1iihw_1121";
-const smlSectionTopic = "_smlSectionTopic_1iihw_1127";
-const smlSectionHeading = "_smlSectionHeading_1iihw_1135";
-const smlRow = "_smlRow_1iihw_1145";
-const smlMedia = "_smlMedia_1iihw_1151";
-const smlContent = "_smlContent_1iihw_1165";
-const smlTagline = "_smlTagline_1iihw_1172";
-const smlHeading = "_smlHeading_1iihw_1180";
-const smlDesc = "_smlDesc_1iihw_1190";
-const smlActions = "_smlActions_1iihw_1199";
-const horizontalMediaTop = "_horizontal-media-top_1iihw_1211";
-const hmtHeader = "_hmtHeader_1iihw_1219";
-const hmtTopic = "_hmtTopic_1iihw_1227";
-const hmtSectionHeading = "_hmtSectionHeading_1iihw_1235";
-const hmtGrid = "_hmtGrid_1iihw_1245";
-const hmtColumn = "_hmtColumn_1iihw_1252";
-const hmtMedia = "_hmtMedia_1iihw_1258";
-const hmtContent = "_hmtContent_1iihw_1272";
-const hmtTextGroup = "_hmtTextGroup_1iihw_1278";
-const hmtHeading = "_hmtHeading_1iihw_1284";
-const hmtDesc = "_hmtDesc_1iihw_1294";
-const hmtAction = "_hmtAction_1iihw_1303";
-const stackedCardsCarousel = "_stacked-cards-carousel_1iihw_1327";
-const sccDeskStack = "_sccDeskStack_1iihw_1335";
-const sccMobTrack = "_sccMobTrack_1iihw_1340";
-const sccCard = "_sccCard_1iihw_1354";
-const sccMedia = "_sccMedia_1iihw_1364";
-const sccCardContent = "_sccCardContent_1iihw_1371";
-const sccDotTag = "_sccDotTag_1iihw_1379";
-const sccDot = "_sccDot_1iihw_1379";
-const sccDotLabel = "_sccDotLabel_1iihw_1393";
-const sccHeading = "_sccHeading_1iihw_1399";
-const sccDesc = "_sccDesc_1iihw_1408";
-const sccMobDots = "_sccMobDots_1iihw_1415";
-const contentCarousel = "_content-carousel_1iihw_1421";
-const ccHeader = "_ccHeader_1iihw_1429";
-const ccSectionHeading = "_ccSectionHeading_1iihw_1438";
-const ccSectionDesc = "_ccSectionDesc_1iihw_1447";
-const ccMobTrack = "_ccMobTrack_1iihw_1455";
-const ccDeskGrid = "_ccDeskGrid_1iihw_1474";
-const ccCard = "_ccCard_1iihw_1478";
-const ccMedia = "_ccMedia_1iihw_1486";
-const ccContent = "_ccContent_1iihw_1494";
-const ccCardHeading = "_ccCardHeading_1iihw_1501";
-const ccCardDesc = "_ccCardDesc_1iihw_1510";
-const ccLearnMore = "_ccLearnMore_1iihw_1517";
-const ccNavRow = "_ccNavRow_1iihw_1531";
-const ccArrows = "_ccArrows_1iihw_1538";
-const listRightMedia = "_list-right-media_1iihw_1543";
-const lrmContainer = "_lrmContainer_1iihw_1550";
-const lrmLeft = "_lrmLeft_1iihw_1557";
-const lrmSectionText = "_lrmSectionText_1iihw_1563";
-const lrmTagline = "_lrmTagline_1iihw_1569";
-const lrmSectionHeading = "_lrmSectionHeading_1iihw_1576";
-const lrmSectionDesc = "_lrmSectionDesc_1iihw_1585";
-const lrmList = "_lrmList_1iihw_1592";
-const lrmItem = "_lrmItem_1iihw_1597";
-const lrmItemHeading = "_lrmItemHeading_1iihw_1605";
-const lrmItemDesc = "_lrmItemDesc_1iihw_1614";
-const lrmMedia = "_lrmMedia_1iihw_1621";
-const tabsMediaRight = "_tabs-media-right_1iihw_1630";
-const tmrSectionHeader = "_tmrSectionHeader_1iihw_1638";
-const tmrTagline = "_tmrTagline_1iihw_1647";
-const tmrSectionHeading = "_tmrSectionHeading_1iihw_1654";
-const tmrSectionDesc = "_tmrSectionDesc_1iihw_1663";
-const tmrSectionActions = "_tmrSectionActions_1iihw_1670";
-const tmrPanel = "_tmrPanel_1iihw_1678";
-const tmrPanelText = "_tmrPanelText_1iihw_1687";
-const tmrDotTag = "_tmrDotTag_1iihw_1694";
-const tmrDot = "_tmrDot_1iihw_1694";
-const tmrDotLabel = "_tmrDotLabel_1iihw_1708";
-const tmrPanelHeading = "_tmrPanelHeading_1iihw_1714";
-const tmrPanelDesc = "_tmrPanelDesc_1iihw_1723";
-const tmrPanelMedia = "_tmrPanelMedia_1iihw_1730";
-const tmrTabsWrap = "_tmrTabsWrap_1iihw_1738";
-const amrContainer = "_amrContainer_1iihw_1762";
-const amrLeft = "_amrLeft_1iihw_1769";
-const amrSectionText = "_amrSectionText_1iihw_1775";
-const amrSectionHeading = "_amrSectionHeading_1iihw_1781";
-const amrSectionDesc = "_amrSectionDesc_1iihw_1791";
-const amrAccordion = "_amrAccordion_1iihw_1798";
-const amrItem = "_amrItem_1iihw_1803";
-const amrItemTrigger = "_amrItemTrigger_1iihw_1811";
-const amrItemTitle = "_amrItemTitle_1iihw_1824";
-const amrItemOpen = "_amrItemOpen_1iihw_1832";
-const amrChevron = "_amrChevron_1iihw_1836";
-const amrItemContent = "_amrItemContent_1iihw_1847";
-const amrItemDesc = "_amrItemDesc_1iihw_1855";
-const amrMedia = "_amrMedia_1iihw_1862";
-const naContainer = "_naContainer_1iihw_1871";
-const naSectionHeader = "_naSectionHeader_1iihw_1878";
-const naTagline = "_naTagline_1iihw_1886";
-const naSectionHeading = "_naSectionHeading_1iihw_1893";
-const naSectionDesc = "_naSectionDesc_1iihw_1903";
-const naDesktopRow = "_naDesktopRow_1iihw_1911";
-const naMobileList = "_naMobileList_1iihw_1916";
-const naMobileActiveItem = "_naMobileActiveItem_1iihw_1923";
-const naMobileNumber = "_naMobileNumber_1iihw_1932";
-const naMobileHeading = "_naMobileHeading_1iihw_1940";
-const naMobileDesc = "_naMobileDesc_1iihw_1950";
-const naMobileMedia = "_naMobileMedia_1iihw_1957";
-const naMobileInactiveItem = "_naMobileInactiveItem_1iihw_1964";
-const naMobileInactiveLabel = "_naMobileInactiveLabel_1iihw_1978";
-const snContainer = "_snContainer_1iihw_1987";
-const snRow = "_snRow_1iihw_1994";
-const snNumber = "_snNumber_1iihw_2001";
-const snContent = "_snContent_1iihw_2011";
-const snSectionTitle = "_snSectionTitle_1iihw_2017";
-const snTagline = "_snTagline_1iihw_2023";
-const snHeadingBlock = "_snHeadingBlock_1iihw_2030";
-const snHeading = "_snHeading_1iihw_2030";
-const snDesc = "_snDesc_1iihw_2046";
-const snActions = "_snActions_1iihw_2053";
-const silContainer = "_silContainer_1iihw_2061";
-const silLeft = "_silLeft_1iihw_2068";
-const silSectionTitle = "_silSectionTitle_1iihw_2074";
-const silTagline = "_silTagline_1iihw_2080";
-const silHeadingBlock = "_silHeadingBlock_1iihw_2087";
-const silSectionHeading = "_silSectionHeading_1iihw_2093";
-const silSectionDesc = "_silSectionDesc_1iihw_2103";
-const silActions = "_silActions_1iihw_2110";
-const silRight = "_silRight_1iihw_2117";
-const silCard = "_silCard_1iihw_2123";
-const silIcon = "_silIcon_1iihw_2132";
-const silItemHeading = "_silItemHeading_1iihw_2139";
-const silItemDesc = "_silItemDesc_1iihw_2148";
-const naActivePanel = "_naActivePanel_1iihw_2808";
-const naActivePanelContent = "_naActivePanelContent_1iihw_2815";
-const naActivePanelHeader = "_naActivePanelHeader_1iihw_2824";
-const naNumber = "_naNumber_1iihw_2830";
-const naPanelHeading = "_naPanelHeading_1iihw_2838";
-const naPanelDesc = "_naPanelDesc_1iihw_2848";
-const naMedia = "_naMedia_1iihw_2855";
-const naInactivePanel = "_naInactivePanel_1iihw_2863";
-const naInactiveNumber = "_naInactiveNumber_1iihw_2880";
-const naLabelWrap = "_naLabelWrap_1iihw_2889";
-const naLabel = "_naLabel_1iihw_2889";
-const containerWide$6 = "_containerWide_1iihw_2994";
-const containerFull$6 = "_containerFull_1iihw_2998";
+const section$9 = "_section_1uz4c_8";
+const container$6 = "_container_1uz4c_19";
+const accordion = "_accordion_1uz4c_30";
+const item$1 = "_item_1uz4c_38";
+const itemActive = "_itemActive_1uz4c_45";
+const itemHeader = "_itemHeader_1uz4c_50";
+const itemHeading = "_itemHeading_1uz4c_64";
+const chevron$1 = "_chevron_1uz4c_80";
+const chevronOpen$1 = "_chevronOpen_1uz4c_88";
+const itemContent = "_itemContent_1uz4c_93";
+const itemContentOpen = "_itemContentOpen_1uz4c_99";
+const itemContentInner = "_itemContentInner_1uz4c_103";
+const itemDescription = "_itemDescription_1uz4c_108";
+const itemMedia = "_itemMedia_1uz4c_120";
+const mediaPanel = "_mediaPanel_1uz4c_129";
+const mediaFallback = "_mediaFallback_1uz4c_133";
+const sideBySideLines = "_side-by-side-lines_1uz4c_144";
+const itemLines = "_itemLines_1uz4c_157";
+const mediaPanelInner = "_mediaPanelInner_1uz4c_213";
+const sblFadeIn = "_sblFadeIn_1uz4c_1";
+const tabsCard = "_tabsCard_1uz4c_242";
+const tabContent = "_tabContent_1uz4c_255";
+const tabText = "_tabText_1uz4c_262";
+const tabTopic = "_tabTopic_1uz4c_269";
+const tabHeading = "_tabHeading_1uz4c_277";
+const tabDescription = "_tabDescription_1uz4c_287";
+const tabMedia = "_tabMedia_1uz4c_296";
+const strokeCard = "_strokeCard_1uz4c_313";
+const strokeText = "_strokeText_1uz4c_328";
+const strokeTextGroup = "_strokeTextGroup_1uz4c_334";
+const strokeHeading = "_strokeHeading_1uz4c_340";
+const strokeDescription = "_strokeDescription_1uz4c_350";
+const strokeMedia = "_strokeMedia_1uz4c_360";
+const sideBySideBullets = "_side-by-side-bullets_1uz4c_377";
+const bulletSectionHeader = "_bulletSectionHeader_1uz4c_384";
+const bulletTopic = "_bulletTopic_1uz4c_390";
+const bulletSectionHeading = "_bulletSectionHeading_1uz4c_398";
+const bulletCard = "_bulletCard_1uz4c_409";
+const bulletList = "_bulletList_1uz4c_414";
+const bulletItemInactive = "_bulletItemInactive_1uz4c_420";
+const bulletIcon$2 = "_bulletIcon_1uz4c_435";
+const bulletInactiveLabel = "_bulletInactiveLabel_1uz4c_444";
+const bulletItemActive = "_bulletItemActive_1uz4c_452";
+const bulletActiveLabel = "_bulletActiveLabel_1uz4c_464";
+const bulletActiveDesc = "_bulletActiveDesc_1uz4c_472";
+const bulletMediaPanel = "_bulletMediaPanel_1uz4c_481";
+const bulletMediaFallback = "_bulletMediaFallback_1uz4c_494";
+const bulletCarouselWrapper = "_bulletCarouselWrapper_1uz4c_501";
+const bulletCarouselTrack = "_bulletCarouselTrack_1uz4c_507";
+const bulletCarouselCard = "_bulletCarouselCard_1uz4c_522";
+const bulletCarouselText = "_bulletCarouselText_1uz4c_534";
+const bulletCarouselTitle = "_bulletCarouselTitle_1uz4c_540";
+const bulletCarouselDesc = "_bulletCarouselDesc_1uz4c_548";
+const bulletCarouselMedia = "_bulletCarouselMedia_1uz4c_557";
+const bulletCarouselNav = "_bulletCarouselNav_1uz4c_570";
+const tabCardsCarousel = "_tab-cards-carousel_1uz4c_580";
+const tcSectionText = "_tcSectionText_1uz4c_587";
+const tcTopic = "_tcTopic_1uz4c_596";
+const tcSectionHeading = "_tcSectionHeading_1uz4c_604";
+const tcTabBar = "_tcTabBar_1uz4c_614";
+const tcTab = "_tcTab_1uz4c_614";
+const tcTabActive = "_tcTabActive_1uz4c_643";
+const tcCarouselOuter = "_tcCarouselOuter_1uz4c_648";
+const tcCarouselTrack = "_tcCarouselTrack_1uz4c_653";
+const tcCard = "_tcCard_1uz4c_660";
+const tcCardHeader = "_tcCardHeader_1uz4c_673";
+const tcCardMeta = "_tcCardMeta_1uz4c_680";
+const tcCardIcon = "_tcCardIcon_1uz4c_688";
+const tcCardText = "_tcCardText_1uz4c_705";
+const tcCardTitle = "_tcCardTitle_1uz4c_711";
+const tcCardSubtitle = "_tcCardSubtitle_1uz4c_719";
+const tcCtaDeskWrap = "_tcCtaDeskWrap_1uz4c_727";
+const tcCtaMobWrap = "_tcCtaMobWrap_1uz4c_731";
+const tcMedia = "_tcMedia_1uz4c_735";
+const tcNav = "_tcNav_1uz4c_749";
+const stackedRows = "_stacked-rows_1uz4c_759";
+const srHeader = "_srHeader_1uz4c_766";
+const srTopic = "_srTopic_1uz4c_774";
+const srSectionHeading = "_srSectionHeading_1uz4c_782";
+const srRow = "_srRow_1uz4c_793";
+const srContentCard = "_srContentCard_1uz4c_799";
+const srCardInner = "_srCardInner_1uz4c_808";
+const srTopGroup = "_srTopGroup_1uz4c_814";
+const srTagWrap = "_srTagWrap_1uz4c_820";
+const srTagDot = "_srTagDot_1uz4c_826";
+const srTagLabel = "_srTagLabel_1uz4c_834";
+const srHeading = "_srHeading_1uz4c_842";
+const srDesc = "_srDesc_1uz4c_852";
+const srBottomGroup = "_srBottomGroup_1uz4c_861";
+const srBullets = "_srBullets_1uz4c_867";
+const srBullet = "_srBullet_1uz4c_867";
+const srBulletIcon = "_srBulletIcon_1uz4c_881";
+const srBulletLabel = "_srBulletLabel_1uz4c_891";
+const srMedia = "_srMedia_1uz4c_901";
+const horizontalCards = "_horizontal-cards_1uz4c_918";
+const hcHeader = "_hcHeader_1uz4c_926";
+const hcTagline = "_hcTagline_1uz4c_935";
+const hcSectionHeading = "_hcSectionHeading_1uz4c_943";
+const hcSectionDesc = "_hcSectionDesc_1uz4c_952";
+const hcGrid = "_hcGrid_1uz4c_962";
+const hcCard = "_hcCard_1uz4c_981";
+const hcMedia = "_hcMedia_1uz4c_993";
+const hcContent = "_hcContent_1uz4c_1006";
+const hcTextGroup = "_hcTextGroup_1uz4c_1015";
+const hcHeading = "_hcHeading_1uz4c_1022";
+const hcDesc = "_hcDesc_1uz4c_1031";
+const hcAction = "_hcAction_1uz4c_1040";
+const hcDots = "_hcDots_1uz4c_1062";
+const horizontalIcons = "_horizontal-icons_1uz4c_1071";
+const hiHeader = "_hiHeader_1uz4c_1078";
+const hiTagline = "_hiTagline_1uz4c_1084";
+const hiSectionHeading = "_hiSectionHeading_1uz4c_1092";
+const hiSectionDesc = "_hiSectionDesc_1uz4c_1102";
+const hiGrid = "_hiGrid_1uz4c_1111";
+const hiColumn = "_hiColumn_1uz4c_1118";
+const hiIconWrap = "_hiIconWrap_1uz4c_1124";
+const hiTextGroup = "_hiTextGroup_1uz4c_1133";
+const hiHeading = "_hiHeading_1uz4c_1139";
+const hiDesc = "_hiDesc_1uz4c_1149";
+const stackedMediaLeft = "_stacked-media-left_1uz4c_1162";
+const smlSectionHeader = "_smlSectionHeader_1uz4c_1169";
+const smlSectionTopic = "_smlSectionTopic_1uz4c_1175";
+const smlSectionHeading = "_smlSectionHeading_1uz4c_1183";
+const smlRow = "_smlRow_1uz4c_1193";
+const smlMedia = "_smlMedia_1uz4c_1199";
+const smlContent = "_smlContent_1uz4c_1213";
+const smlTagline = "_smlTagline_1uz4c_1220";
+const smlHeading = "_smlHeading_1uz4c_1228";
+const smlDesc = "_smlDesc_1uz4c_1238";
+const smlActions = "_smlActions_1uz4c_1247";
+const horizontalMediaTop = "_horizontal-media-top_1uz4c_1259";
+const hmtHeader = "_hmtHeader_1uz4c_1267";
+const hmtTopic = "_hmtTopic_1uz4c_1275";
+const hmtSectionHeading = "_hmtSectionHeading_1uz4c_1283";
+const hmtGrid = "_hmtGrid_1uz4c_1293";
+const hmtColumn = "_hmtColumn_1uz4c_1300";
+const hmtMedia = "_hmtMedia_1uz4c_1306";
+const hmtContent = "_hmtContent_1uz4c_1320";
+const hmtTextGroup = "_hmtTextGroup_1uz4c_1326";
+const hmtHeading = "_hmtHeading_1uz4c_1332";
+const hmtDesc = "_hmtDesc_1uz4c_1342";
+const hmtAction = "_hmtAction_1uz4c_1351";
+const stackedCardsCarousel = "_stacked-cards-carousel_1uz4c_1375";
+const sccDeskStack = "_sccDeskStack_1uz4c_1383";
+const sccMobTrack = "_sccMobTrack_1uz4c_1388";
+const sccCard = "_sccCard_1uz4c_1402";
+const sccMedia = "_sccMedia_1uz4c_1412";
+const sccCardContent = "_sccCardContent_1uz4c_1419";
+const sccDotTag = "_sccDotTag_1uz4c_1427";
+const sccDot = "_sccDot_1uz4c_1427";
+const sccDotLabel = "_sccDotLabel_1uz4c_1441";
+const sccHeading = "_sccHeading_1uz4c_1447";
+const sccDesc = "_sccDesc_1uz4c_1456";
+const sccMobDots = "_sccMobDots_1uz4c_1463";
+const contentCarousel = "_content-carousel_1uz4c_1469";
+const ccHeader = "_ccHeader_1uz4c_1477";
+const ccSectionHeading = "_ccSectionHeading_1uz4c_1486";
+const ccSectionDesc = "_ccSectionDesc_1uz4c_1495";
+const ccMobTrack = "_ccMobTrack_1uz4c_1503";
+const ccDeskGrid = "_ccDeskGrid_1uz4c_1522";
+const ccCard = "_ccCard_1uz4c_1526";
+const ccMedia = "_ccMedia_1uz4c_1534";
+const ccContent = "_ccContent_1uz4c_1542";
+const ccCardHeading = "_ccCardHeading_1uz4c_1549";
+const ccCardDesc = "_ccCardDesc_1uz4c_1558";
+const ccLearnMore = "_ccLearnMore_1uz4c_1565";
+const ccNavRow = "_ccNavRow_1uz4c_1579";
+const ccArrows = "_ccArrows_1uz4c_1586";
+const listRightMedia = "_list-right-media_1uz4c_1591";
+const lrmContainer = "_lrmContainer_1uz4c_1598";
+const lrmLeft = "_lrmLeft_1uz4c_1605";
+const lrmSectionText = "_lrmSectionText_1uz4c_1611";
+const lrmTagline = "_lrmTagline_1uz4c_1617";
+const lrmSectionHeading = "_lrmSectionHeading_1uz4c_1624";
+const lrmSectionDesc = "_lrmSectionDesc_1uz4c_1633";
+const lrmList = "_lrmList_1uz4c_1640";
+const lrmItem = "_lrmItem_1uz4c_1645";
+const lrmItemHeading = "_lrmItemHeading_1uz4c_1653";
+const lrmItemDesc = "_lrmItemDesc_1uz4c_1662";
+const lrmMedia = "_lrmMedia_1uz4c_1669";
+const tabsMediaRight = "_tabs-media-right_1uz4c_1678";
+const tmrSectionHeader = "_tmrSectionHeader_1uz4c_1686";
+const tmrTagline = "_tmrTagline_1uz4c_1695";
+const tmrSectionHeading = "_tmrSectionHeading_1uz4c_1702";
+const tmrSectionDesc = "_tmrSectionDesc_1uz4c_1711";
+const tmrSectionActions = "_tmrSectionActions_1uz4c_1718";
+const tmrPanel = "_tmrPanel_1uz4c_1726";
+const tmrPanelText = "_tmrPanelText_1uz4c_1735";
+const tmrDotTag = "_tmrDotTag_1uz4c_1742";
+const tmrDot = "_tmrDot_1uz4c_1742";
+const tmrDotLabel = "_tmrDotLabel_1uz4c_1756";
+const tmrPanelHeading = "_tmrPanelHeading_1uz4c_1762";
+const tmrPanelDesc = "_tmrPanelDesc_1uz4c_1771";
+const tmrPanelMedia = "_tmrPanelMedia_1uz4c_1778";
+const tmrTabsWrap = "_tmrTabsWrap_1uz4c_1786";
+const amrContainer = "_amrContainer_1uz4c_1810";
+const amrLeft = "_amrLeft_1uz4c_1817";
+const amrSectionText = "_amrSectionText_1uz4c_1823";
+const amrSectionHeading = "_amrSectionHeading_1uz4c_1829";
+const amrSectionDesc = "_amrSectionDesc_1uz4c_1839";
+const amrAccordion = "_amrAccordion_1uz4c_1846";
+const amrItem = "_amrItem_1uz4c_1851";
+const amrItemTrigger = "_amrItemTrigger_1uz4c_1859";
+const amrItemTitle = "_amrItemTitle_1uz4c_1872";
+const amrItemOpen = "_amrItemOpen_1uz4c_1880";
+const amrChevron = "_amrChevron_1uz4c_1884";
+const amrItemContent = "_amrItemContent_1uz4c_1895";
+const amrItemDesc = "_amrItemDesc_1uz4c_1903";
+const amrMedia = "_amrMedia_1uz4c_1910";
+const naContainer = "_naContainer_1uz4c_1919";
+const naSectionHeader = "_naSectionHeader_1uz4c_1926";
+const naTagline = "_naTagline_1uz4c_1934";
+const naSectionHeading = "_naSectionHeading_1uz4c_1941";
+const naSectionDesc = "_naSectionDesc_1uz4c_1951";
+const naDesktopRow = "_naDesktopRow_1uz4c_1959";
+const naMobileList = "_naMobileList_1uz4c_1964";
+const naMobileItem = "_naMobileItem_1uz4c_1971";
+const naMobileItemHeader = "_naMobileItemHeader_1uz4c_1978";
+const naMobileItemBody = "_naMobileItemBody_1uz4c_1992";
+const naMobileItemActive = "_naMobileItemActive_1uz4c_1998";
+const naMobileInactiveLabel = "_naMobileInactiveLabel_1uz4c_2003";
+const naMobileBodyInner = "_naMobileBodyInner_1uz4c_2007";
+const naMobileNumber = "_naMobileNumber_1uz4c_2016";
+const naMobileHeading = "_naMobileHeading_1uz4c_2027";
+const naMobileDesc = "_naMobileDesc_1uz4c_2037";
+const naMobileMedia = "_naMobileMedia_1uz4c_2044";
+const snContainer = "_snContainer_1uz4c_2063";
+const snRow = "_snRow_1uz4c_2070";
+const snNumber = "_snNumber_1uz4c_2077";
+const snContent = "_snContent_1uz4c_2087";
+const snSectionTitle = "_snSectionTitle_1uz4c_2093";
+const snTagline = "_snTagline_1uz4c_2099";
+const snHeadingBlock = "_snHeadingBlock_1uz4c_2106";
+const snHeading = "_snHeading_1uz4c_2106";
+const snDesc = "_snDesc_1uz4c_2122";
+const snActions = "_snActions_1uz4c_2129";
+const snSticky = "_snSticky_1uz4c_2137";
+const snNumDisplay = "_snNumDisplay_1uz4c_2141";
+const snDigitZero = "_snDigitZero_1uz4c_2154";
+const snDigitCol = "_snDigitCol_1uz4c_2159";
+const snDigitItem = "_snDigitItem_1uz4c_2165";
+const snRows = "_snRows_1uz4c_2170";
+const snBarTrack = "_snBarTrack_1uz4c_2176";
+const snBarFill = "_snBarFill_1uz4c_2183";
+const silContainer = "_silContainer_1uz4c_2191";
+const silLeft = "_silLeft_1uz4c_2198";
+const silSectionTitle = "_silSectionTitle_1uz4c_2204";
+const silTagline = "_silTagline_1uz4c_2210";
+const silHeadingBlock = "_silHeadingBlock_1uz4c_2217";
+const silSectionHeading = "_silSectionHeading_1uz4c_2223";
+const silSectionDesc = "_silSectionDesc_1uz4c_2233";
+const silActions = "_silActions_1uz4c_2240";
+const silRight = "_silRight_1uz4c_2247";
+const silCard = "_silCard_1uz4c_2253";
+const silIcon = "_silIcon_1uz4c_2262";
+const silItemHeading = "_silItemHeading_1uz4c_2269";
+const silItemDesc = "_silItemDesc_1uz4c_2278";
+const naPanel = "_naPanel_1uz4c_2952";
+const naPanelActive = "_naPanelActive_1uz4c_2964";
+const naPanelSide = "_naPanelSide_1uz4c_2969";
+const naPanelBody = "_naPanelBody_1uz4c_2984";
+const naActivePanelContent = "_naActivePanelContent_1uz4c_2997";
+const naActivePanelHeader = "_naActivePanelHeader_1uz4c_3006";
+const naNumber = "_naNumber_1uz4c_3012";
+const naPanelHeading = "_naPanelHeading_1uz4c_3020";
+const naPanelDesc = "_naPanelDesc_1uz4c_3030";
+const naMedia = "_naMedia_1uz4c_3037";
+const naLabelWrap = "_naLabelWrap_1uz4c_3045";
+const naLabel = "_naLabel_1uz4c_3045";
+const containerWide$6 = "_containerWide_1uz4c_3135";
+const containerFull$6 = "_containerFull_1uz4c_3139";
 const styles$c = {
   section: section$9,
   container: container$6,
@@ -1505,12 +1571,17 @@ const styles$c = {
   chevron: chevron$1,
   chevronOpen: chevronOpen$1,
   itemContent,
+  itemContentOpen,
+  itemContentInner,
   itemDescription,
   itemMedia,
   mediaPanel,
   mediaFallback,
+  "side-by-side-lines": "_side-by-side-lines_1uz4c_144",
   sideBySideLines,
   itemLines,
+  mediaPanelInner,
+  sblFadeIn,
   tabsCard,
   tabContent,
   tabText,
@@ -1524,6 +1595,7 @@ const styles$c = {
   strokeHeading,
   strokeDescription,
   strokeMedia,
+  "side-by-side-bullets": "_side-by-side-bullets_1uz4c_377",
   sideBySideBullets,
   bulletSectionHeader,
   bulletTopic,
@@ -1546,6 +1618,7 @@ const styles$c = {
   bulletCarouselDesc,
   bulletCarouselMedia,
   bulletCarouselNav,
+  "tab-cards-carousel": "_tab-cards-carousel_1uz4c_580",
   tabCardsCarousel,
   tcSectionText,
   tcTopic,
@@ -1566,6 +1639,7 @@ const styles$c = {
   tcCtaMobWrap,
   tcMedia,
   tcNav,
+  "stacked-rows": "_stacked-rows_1uz4c_759",
   stackedRows,
   srHeader,
   srTopic,
@@ -1585,6 +1659,7 @@ const styles$c = {
   srBulletIcon,
   srBulletLabel,
   srMedia,
+  "horizontal-cards": "_horizontal-cards_1uz4c_918",
   horizontalCards,
   hcHeader,
   hcTagline,
@@ -1599,6 +1674,7 @@ const styles$c = {
   hcDesc,
   hcAction,
   hcDots,
+  "horizontal-icons": "_horizontal-icons_1uz4c_1071",
   horizontalIcons,
   hiHeader,
   hiTagline,
@@ -1610,6 +1686,7 @@ const styles$c = {
   hiTextGroup,
   hiHeading,
   hiDesc,
+  "stacked-media-left": "_stacked-media-left_1uz4c_1162",
   stackedMediaLeft,
   smlSectionHeader,
   smlSectionTopic,
@@ -1621,6 +1698,7 @@ const styles$c = {
   smlHeading,
   smlDesc,
   smlActions,
+  "horizontal-media-top": "_horizontal-media-top_1uz4c_1259",
   horizontalMediaTop,
   hmtHeader,
   hmtTopic,
@@ -1633,6 +1711,7 @@ const styles$c = {
   hmtHeading,
   hmtDesc,
   hmtAction,
+  "stacked-cards-carousel": "_stacked-cards-carousel_1uz4c_1375",
   stackedCardsCarousel,
   sccDeskStack,
   sccMobTrack,
@@ -1645,6 +1724,7 @@ const styles$c = {
   sccHeading,
   sccDesc,
   sccMobDots,
+  "content-carousel": "_content-carousel_1uz4c_1469",
   contentCarousel,
   ccHeader,
   ccSectionHeading,
@@ -1659,6 +1739,7 @@ const styles$c = {
   ccLearnMore,
   ccNavRow,
   ccArrows,
+  "list-right-media": "_list-right-media_1uz4c_1591",
   listRightMedia,
   lrmContainer,
   lrmLeft,
@@ -1671,6 +1752,7 @@ const styles$c = {
   lrmItemHeading,
   lrmItemDesc,
   lrmMedia,
+  "tabs-media-right": "_tabs-media-right_1uz4c_1678",
   tabsMediaRight,
   tmrSectionHeader,
   tmrTagline,
@@ -1707,13 +1789,16 @@ const styles$c = {
   naSectionDesc,
   naDesktopRow,
   naMobileList,
-  naMobileActiveItem,
+  naMobileItem,
+  naMobileItemHeader,
+  naMobileItemBody,
+  naMobileItemActive,
+  naMobileInactiveLabel,
+  naMobileBodyInner,
   naMobileNumber,
   naMobileHeading,
   naMobileDesc,
   naMobileMedia,
-  naMobileInactiveItem,
-  naMobileInactiveLabel,
   snContainer,
   snRow,
   snNumber,
@@ -1724,6 +1809,14 @@ const styles$c = {
   snHeading,
   snDesc,
   snActions,
+  snSticky,
+  snNumDisplay,
+  snDigitZero,
+  snDigitCol,
+  snDigitItem,
+  snRows,
+  snBarTrack,
+  snBarFill,
   silContainer,
   silLeft,
   silSectionTitle,
@@ -1737,15 +1830,16 @@ const styles$c = {
   silIcon,
   silItemHeading,
   silItemDesc,
-  naActivePanel,
+  naPanel,
+  naPanelActive,
+  naPanelSide,
+  naPanelBody,
   naActivePanelContent,
   naActivePanelHeader,
   naNumber,
   naPanelHeading,
   naPanelDesc,
   naMedia,
-  naInactivePanel,
-  naInactiveNumber,
   naLabelWrap,
   naLabel,
   containerWide: containerWide$6,
@@ -1776,28 +1870,6 @@ function ChevronIcon$1({ open }) {
   );
 }
 function AccordionItem$1({ item: item2, index: index2, isActive, onToggle, showMedia, variant = "fill" }) {
-  const contentRef = React.useRef(null);
-  const isFirstRender = React.useRef(true);
-  const [height, setHeight] = React.useState(isActive ? "auto" : "0px");
-  React.useEffect(() => {
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-    if (!contentRef.current) return;
-    if (isActive) {
-      const h = contentRef.current.scrollHeight;
-      setHeight(`${h}px`);
-      const timer = setTimeout(() => setHeight("auto"), 320);
-      return () => clearTimeout(timer);
-    } else {
-      const h = contentRef.current.scrollHeight;
-      setHeight(`${h}px`);
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => setHeight("0px"));
-      });
-    }
-  }, [isActive]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles$c.item} ${isActive ? styles$c.itemActive : ""} ${variant === "lines" ? styles$c.itemLines : ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -1812,17 +1884,15 @@ function AccordionItem$1({ item: item2, index: index2, isActive, onToggle, showM
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        ref: contentRef,
-        className: styles$c.itemContent,
-        style: { height },
+        className: `${styles$c.itemContent} ${isActive ? styles$c.itemContentOpen : ""}`,
         "aria-hidden": !isActive,
-        children: [
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.itemContentInner, children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.itemDescription, children: item2.description }),
           showMedia && item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.itemMedia, children: item2.media })
-        ]
+        ] })
       }
     )
   ] });
@@ -2372,22 +2442,85 @@ function HorizontalMediaTopLayout({
   ] });
 }
 function StepsNumberedLayout({ items }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.snContainer, children: items.map((item2, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snRow, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snNumber, children: String(i + 1).padStart(2, "0") }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snContent, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snSectionTitle, children: [
-        item2.topic && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snTagline, children: item2.topic }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snHeadingBlock, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$c.snHeading, children: item2.heading }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.snDesc, children: item2.description })
-        ] })
-      ] }),
-      (item2.cta || item2.cta2) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snActions, children: [
-        item2.cta && /* @__PURE__ */ jsxRuntime.jsx(Button, { buttonStyle: "primary", color: "black", size: "regular", onClick: item2.cta.onClick, children: item2.cta.label }),
-        item2.cta2 && /* @__PURE__ */ jsxRuntime.jsx(Button, { buttonStyle: "secondary", color: "black", size: "regular", onClick: item2.cta2.onClick, children: item2.cta2.label })
-      ] })
-    ] })
-  ] }, i)) });
+  const containerRef = React.useRef(null);
+  const digitColRef = React.useRef(null);
+  const cardRefs = React.useRef([]);
+  const barFillRefs = React.useRef([]);
+  React.useEffect(() => {
+    var _a;
+    if ((_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches) return;
+    const clamp01 = (v) => v < 0 ? 0 : v > 1 ? 1 : v;
+    const onScroll = () => {
+      const container2 = containerRef.current;
+      const digitCol = digitColRef.current;
+      if (container2 && digitCol) {
+        const section2 = container2.closest("section");
+        if (section2) {
+          const rect = section2.getBoundingClientRect();
+          const p = clamp01(-rect.top / rect.height);
+          const N = items.length;
+          const translatePct = -p * ((N - 1) / N) * 100;
+          digitCol.style.transform = `translateY(${translatePct.toFixed(2)}%)`;
+        }
+      }
+      const vh = window.innerHeight;
+      cardRefs.current.forEach((card2, i) => {
+        const barFill = barFillRefs.current[i];
+        if (!card2 || !barFill) return;
+        const rect = card2.getBoundingClientRect();
+        const cardP = clamp01((vh / 2 - rect.top) / rect.height);
+        barFill.style.width = `${(cardP * 100).toFixed(1)}%`;
+      });
+    };
+    onScroll();
+    window.addEventListener("scroll", onScroll, { passive: true });
+    window.addEventListener("resize", onScroll, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", onScroll);
+      window.removeEventListener("resize", onScroll);
+    };
+  }, [items.length]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: styles$c.snContainer, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.snSticky, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snNumDisplay, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snDigitZero, children: "0" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: digitColRef, className: styles$c.snDigitCol, children: items.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snDigitItem, children: i + 1 }, i)) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.snRows, children: items.map((item2, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: (el) => {
+          cardRefs.current[i] = el;
+        },
+        className: styles$c.snRow,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snNumber, children: String(i + 1).padStart(2, "0") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.snBarTrack, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: (el) => {
+                barFillRefs.current[i] = el;
+              },
+              className: styles$c.snBarFill
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snContent, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snSectionTitle, children: [
+              item2.topic && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snTagline, children: item2.topic }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snHeadingBlock, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$c.snHeading, children: item2.heading }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.snDesc, children: item2.description })
+              ] })
+            ] }),
+            (item2.cta || item2.cta2) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snActions, children: [
+              item2.cta && /* @__PURE__ */ jsxRuntime.jsx(Button, { buttonStyle: "primary", color: "black", size: "regular", onClick: item2.cta.onClick, children: item2.cta.label }),
+              item2.cta2 && /* @__PURE__ */ jsxRuntime.jsx(Button, { buttonStyle: "secondary", color: "black", size: "regular", onClick: item2.cta2.onClick, children: item2.cta2.label })
+            ] })
+          ] })
+        ]
+      },
+      i
+    )) })
+  ] });
 }
 function SplitIconListLayout({
   items,
@@ -2435,25 +2568,32 @@ function NumberedAccordionLayout({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naDesktopRow, children: items.map((item2, i) => {
       const isActive = i === activeIndex;
       const num = String(i + 1).padStart(2, "0");
-      if (isActive) {
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naActivePanel, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelContent, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelHeader, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naNumber, children: num }),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naPanelHeading, children: item2.heading }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naPanelDesc, children: item2.description })
-          ] }),
-          item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMedia, children: item2.media })
-        ] }) }, i);
-      }
       return /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
+        "div",
         {
-          type: "button",
-          className: styles$c.naInactivePanel,
-          onClick: () => setActiveIndex(i),
+          className: `${styles$c.naPanel}${isActive ? ` ${styles$c.naPanelActive}` : ""}`,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naInactiveNumber, children: num }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naLabelWrap, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naLabel, children: item2.topic ?? item2.heading }) })
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: styles$c.naPanelSide,
+                onClick: () => setActiveIndex(i),
+                "aria-expanded": isActive,
+                "aria-label": `${item2.topic ?? item2.heading}, panel ${num}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naNumber, children: num }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naLabelWrap, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naLabel, children: item2.topic ?? item2.heading }) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naPanelBody, "aria-hidden": !isActive, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelContent, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelHeader, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naPanelHeading, children: item2.heading }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naPanelDesc, children: item2.description })
+              ] }),
+              item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMedia, children: item2.media })
+            ] }) })
           ]
         },
         i
@@ -2462,23 +2602,29 @@ function NumberedAccordionLayout({
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileList, children: items.map((item2, i) => {
       const isActive = i === activeIndex;
       const num = String(i + 1).padStart(2, "0");
-      if (isActive) {
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naMobileActiveItem, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileNumber, children: num }),
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naMobileHeading, children: item2.heading }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naMobileDesc, children: item2.description }),
-          item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileMedia, children: item2.media })
-        ] }, i);
-      }
       return /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
+        "div",
         {
-          type: "button",
-          className: styles$c.naMobileInactiveItem,
-          onClick: () => setActiveIndex(i),
+          className: `${styles$c.naMobileItem}${isActive ? ` ${styles$c.naMobileItemActive}` : ""}`,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileNumber, children: num }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileInactiveLabel, children: item2.topic ?? item2.heading })
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: styles$c.naMobileItemHeader,
+                onClick: () => setActiveIndex(i),
+                "aria-expanded": isActive,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileNumber, children: num }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileInactiveLabel, children: item2.topic ?? item2.heading })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileItemBody, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naMobileBodyInner, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naMobileHeading, children: item2.heading }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naMobileDesc, children: item2.description }),
+              item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileMedia, children: item2.media })
+            ] }) })
           ]
         },
         i
@@ -2698,104 +2844,105 @@ const FeaturesSection = React.forwardRef(
         },
         i
       )) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaPanel, children: activeMedia || /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaFallback }) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaPanel, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaPanelInner, children: activeMedia || /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaFallback }) }, activeIndex) })
     ] }) });
   }
 );
-const section$8 = "_section_1q7wf_4";
-const container$5 = "_container_1q7wf_13";
-const card$3 = "_card_1q7wf_23";
-const inner$1 = "_inner_1q7wf_32";
-const textContent$1 = "_textContent_1q7wf_40";
-const textBlock$1 = "_textBlock_1q7wf_47";
-const titleGroup = "_titleGroup_1q7wf_55";
-const miniTitle$2 = "_miniTitle_1q7wf_61";
-const heading$9 = "_heading_1q7wf_70";
-const description$5 = "_description_1q7wf_78";
-const actions$3 = "_actions_1q7wf_86";
-const media = "_media_1q7wf_92";
-const grid$3 = "_grid_1q7wf_164";
-const gridWrapper = "_gridWrapper_1q7wf_168";
-const gridCard = "_gridCard_1q7wf_175";
-const gridMedia = "_gridMedia_1q7wf_185";
-const gridContent = "_gridContent_1q7wf_198";
-const gridTexts = "_gridTexts_1q7wf_205";
-const gridHeading = "_gridHeading_1q7wf_213";
-const gridDescription = "_gridDescription_1q7wf_221";
-const gridActions = "_gridActions_1q7wf_229";
-const valueCards = "_value-cards_1q7wf_272";
-const vcHeading = "_vcHeading_1q7wf_283";
-const vcRow = "_vcRow_1q7wf_295";
-const vcCard = "_vcCard_1q7wf_303";
-const vcCardInner = "_vcCardInner_1q7wf_311";
-const vcTextGroup = "_vcTextGroup_1q7wf_317";
-const vcIcon = "_vcIcon_1q7wf_323";
-const vcTexts = "_vcTexts_1q7wf_329";
-const vcCardHeading = "_vcCardHeading_1q7wf_337";
-const vcCardDescription = "_vcCardDescription_1q7wf_345";
-const vcFooter = "_vcFooter_1q7wf_352";
-const vcPlusBtn = "_vcPlusBtn_1q7wf_358";
-const oneMedia = "_one-media_1q7wf_424";
-const mmHeading = "_mmHeading_1q7wf_429";
-const mmRow = "_mmRow_1q7wf_440";
-const mmFeatureCard = "_mmFeatureCard_1q7wf_446";
-const mmIcon = "_mmIcon_1q7wf_461";
-const mmTexts = "_mmTexts_1q7wf_467";
-const mmCardHeading = "_mmCardHeading_1q7wf_475";
-const mmCardDescription = "_mmCardDescription_1q7wf_483";
-const mmMediaCard = "_mmMediaCard_1q7wf_490";
-const mediaTop = "_media-top_1q7wf_552";
-const mtRow = "_mtRow_1q7wf_558";
-const mtCard = "_mtCard_1q7wf_565";
-const mtMediaArea = "_mtMediaArea_1q7wf_572";
-const mtContent = "_mtContent_1q7wf_588";
-const mtContentTop = "_mtContentTop_1q7wf_600";
-const mtTag = "_mtTag_1q7wf_607";
-const mtTexts = "_mtTexts_1q7wf_623";
-const mtCardHeading = "_mtCardHeading_1q7wf_631";
-const mtCardDescription = "_mtCardDescription_1q7wf_639";
-const mtActions = "_mtActions_1q7wf_646";
-const iconWithLink = "_icon-with-link_1q7wf_690";
-const fgHeading = "_fgHeading_1q7wf_695";
-const fgRow = "_fgRow_1q7wf_706";
-const fgCard = "_fgCard_1q7wf_713";
-const fgTop = "_fgTop_1q7wf_728";
-const fgIcon = "_fgIcon_1q7wf_735";
-const fgContent = "_fgContent_1q7wf_742";
-const fgHeadline = "_fgHeadline_1q7wf_750";
-const fgCardHeading = "_fgCardHeading_1q7wf_754";
-const fgCardDescription = "_fgCardDescription_1q7wf_762";
-const fgLink = "_fgLink_1q7wf_769";
-const fgLinkText = "_fgLinkText_1q7wf_788";
-const horizontalReveal = "_horizontal-reveal_1q7wf_821";
-const sectionHeader = "_sectionHeader_1q7wf_830";
-const sectionHeaderInner = "_sectionHeaderInner_1q7wf_838";
-const tagline = "_tagline_1q7wf_849";
-const cardRow = "_cardRow_1q7wf_871";
-const marqueeWrapper = "_marqueeWrapper_1q7wf_887";
-const cardRowMarquee$1 = "_cardRowMarquee_1q7wf_893";
-const marquee = "_marquee_1q7wf_887";
-const marqueeTrack = "_marqueeTrack_1q7wf_903";
-const revealCard = "_revealCard_1q7wf_921";
-const revealed = "_revealed_1q7wf_942";
-const revealFront = "_revealFront_1q7wf_948";
-const revealMedia = "_revealMedia_1q7wf_956";
-const revealBack = "_revealBack_1q7wf_983";
-const revealHeader = "_revealHeader_1q7wf_996";
-const revealAvatar = "_revealAvatar_1q7wf_1002";
-const revealName = "_revealName_1q7wf_1017";
-const revealList = "_revealList_1q7wf_1025";
-const revealListItem = "_revealListItem_1q7wf_1034";
-const bulletIcon$1 = "_bulletIcon_1q7wf_1045";
-const revealFooter = "_revealFooter_1q7wf_1057";
-const revealFooterContent = "_revealFooterContent_1q7wf_1065";
-const revealFooterName = "_revealFooterName_1q7wf_1072";
-const revealTags = "_revealTags_1q7wf_1082";
-const revealTag = "_revealTag_1q7wf_1082";
-const revealToggle = "_revealToggle_1q7wf_1100";
-const navDots = "_navDots_1q7wf_1124";
-const containerWide$5 = "_containerWide_1q7wf_1161";
-const containerFull$5 = "_containerFull_1q7wf_1165";
+const section$8 = "_section_1t4uf_4";
+const container$5 = "_container_1t4uf_13";
+const card$3 = "_card_1t4uf_23";
+const inner$1 = "_inner_1t4uf_32";
+const textContent$1 = "_textContent_1t4uf_40";
+const textBlock$1 = "_textBlock_1t4uf_47";
+const titleGroup = "_titleGroup_1t4uf_55";
+const miniTitle$2 = "_miniTitle_1t4uf_61";
+const heading$9 = "_heading_1t4uf_70";
+const description$5 = "_description_1t4uf_78";
+const actions$3 = "_actions_1t4uf_86";
+const media = "_media_1t4uf_92";
+const sideBySide$1 = "_side-by-side_1t4uf_161";
+const grid$3 = "_grid_1t4uf_194";
+const gridWrapper = "_gridWrapper_1t4uf_198";
+const gridCard = "_gridCard_1t4uf_205";
+const gridMedia = "_gridMedia_1t4uf_215";
+const gridContent = "_gridContent_1t4uf_228";
+const gridTexts = "_gridTexts_1t4uf_235";
+const gridHeading = "_gridHeading_1t4uf_243";
+const gridDescription = "_gridDescription_1t4uf_251";
+const gridActions = "_gridActions_1t4uf_259";
+const valueCards = "_value-cards_1t4uf_302";
+const vcHeading = "_vcHeading_1t4uf_313";
+const vcRow = "_vcRow_1t4uf_325";
+const vcCard = "_vcCard_1t4uf_333";
+const vcCardInner = "_vcCardInner_1t4uf_341";
+const vcTextGroup = "_vcTextGroup_1t4uf_347";
+const vcIcon = "_vcIcon_1t4uf_353";
+const vcTexts = "_vcTexts_1t4uf_359";
+const vcCardHeading = "_vcCardHeading_1t4uf_367";
+const vcCardDescription = "_vcCardDescription_1t4uf_375";
+const vcFooter = "_vcFooter_1t4uf_382";
+const vcPlusBtn = "_vcPlusBtn_1t4uf_388";
+const oneMedia = "_one-media_1t4uf_454";
+const mmHeading = "_mmHeading_1t4uf_459";
+const mmRow = "_mmRow_1t4uf_470";
+const mmFeatureCard = "_mmFeatureCard_1t4uf_476";
+const mmIcon = "_mmIcon_1t4uf_491";
+const mmTexts = "_mmTexts_1t4uf_497";
+const mmCardHeading = "_mmCardHeading_1t4uf_505";
+const mmCardDescription = "_mmCardDescription_1t4uf_513";
+const mmMediaCard = "_mmMediaCard_1t4uf_520";
+const mediaTop = "_media-top_1t4uf_582";
+const mtRow = "_mtRow_1t4uf_588";
+const mtCard = "_mtCard_1t4uf_595";
+const mtMediaArea = "_mtMediaArea_1t4uf_602";
+const mtContent = "_mtContent_1t4uf_618";
+const mtContentTop = "_mtContentTop_1t4uf_630";
+const mtTag = "_mtTag_1t4uf_637";
+const mtTexts = "_mtTexts_1t4uf_653";
+const mtCardHeading = "_mtCardHeading_1t4uf_661";
+const mtCardDescription = "_mtCardDescription_1t4uf_669";
+const mtActions = "_mtActions_1t4uf_676";
+const iconWithLink = "_icon-with-link_1t4uf_720";
+const fgHeading = "_fgHeading_1t4uf_725";
+const fgRow = "_fgRow_1t4uf_736";
+const fgCard = "_fgCard_1t4uf_743";
+const fgTop = "_fgTop_1t4uf_758";
+const fgIcon = "_fgIcon_1t4uf_765";
+const fgContent = "_fgContent_1t4uf_772";
+const fgHeadline = "_fgHeadline_1t4uf_780";
+const fgCardHeading = "_fgCardHeading_1t4uf_784";
+const fgCardDescription = "_fgCardDescription_1t4uf_792";
+const fgLink = "_fgLink_1t4uf_799";
+const fgLinkText = "_fgLinkText_1t4uf_818";
+const horizontalReveal = "_horizontal-reveal_1t4uf_851";
+const sectionHeader = "_sectionHeader_1t4uf_860";
+const sectionHeaderInner = "_sectionHeaderInner_1t4uf_868";
+const tagline = "_tagline_1t4uf_879";
+const cardRow = "_cardRow_1t4uf_901";
+const marqueeWrapper = "_marqueeWrapper_1t4uf_917";
+const cardRowMarquee$1 = "_cardRowMarquee_1t4uf_923";
+const marquee = "_marquee_1t4uf_917";
+const marqueeTrack = "_marqueeTrack_1t4uf_933";
+const revealCard = "_revealCard_1t4uf_951";
+const revealed = "_revealed_1t4uf_972";
+const revealFront = "_revealFront_1t4uf_978";
+const revealMedia = "_revealMedia_1t4uf_986";
+const revealBack = "_revealBack_1t4uf_1013";
+const revealHeader = "_revealHeader_1t4uf_1026";
+const revealAvatar = "_revealAvatar_1t4uf_1032";
+const revealName = "_revealName_1t4uf_1047";
+const revealList = "_revealList_1t4uf_1055";
+const revealListItem = "_revealListItem_1t4uf_1064";
+const bulletIcon$1 = "_bulletIcon_1t4uf_1075";
+const revealFooter = "_revealFooter_1t4uf_1087";
+const revealFooterContent = "_revealFooterContent_1t4uf_1095";
+const revealFooterName = "_revealFooterName_1t4uf_1102";
+const revealTags = "_revealTags_1t4uf_1112";
+const revealTag = "_revealTag_1t4uf_1112";
+const revealToggle = "_revealToggle_1t4uf_1130";
+const navDots = "_navDots_1t4uf_1154";
+const containerWide$5 = "_containerWide_1t4uf_1191";
+const containerFull$5 = "_containerFull_1t4uf_1195";
 const styles$b = {
   section: section$8,
   container: container$5,
@@ -2809,6 +2956,8 @@ const styles$b = {
   description: description$5,
   actions: actions$3,
   media,
+  "side-by-side": "_side-by-side_1t4uf_161",
+  sideBySide: sideBySide$1,
   grid: grid$3,
   gridWrapper,
   gridCard,
@@ -2818,6 +2967,7 @@ const styles$b = {
   gridHeading,
   gridDescription,
   gridActions,
+  "value-cards": "_value-cards_1t4uf_302",
   valueCards,
   vcHeading,
   vcRow,
@@ -2830,6 +2980,7 @@ const styles$b = {
   vcCardDescription,
   vcFooter,
   vcPlusBtn,
+  "one-media": "_one-media_1t4uf_454",
   oneMedia,
   mmHeading,
   mmRow,
@@ -2839,6 +2990,7 @@ const styles$b = {
   mmCardHeading,
   mmCardDescription,
   mmMediaCard,
+  "media-top": "_media-top_1t4uf_582",
   mediaTop,
   mtRow,
   mtCard,
@@ -2850,6 +3002,7 @@ const styles$b = {
   mtCardHeading,
   mtCardDescription,
   mtActions,
+  "icon-with-link": "_icon-with-link_1t4uf_720",
   iconWithLink,
   fgHeading,
   fgRow,
@@ -2862,6 +3015,7 @@ const styles$b = {
   fgCardDescription,
   fgLink,
   fgLinkText,
+  "horizontal-reveal": "_horizontal-reveal_1t4uf_851",
   horizontalReveal,
   sectionHeader,
   sectionHeaderInner,
@@ -2989,19 +3143,24 @@ const CardsSection = React.forwardRef(
         ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.cardRow, children: revealCards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsx(RevealCardItem, { card: card2 }, i)) })),
         navigation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.navDots, children: navigation })
       ] }),
-      layout === "side-by-side" && cards && cards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.card, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.inner, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textContent, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textBlock, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.titleGroup, children: [
-              card2.miniTitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$b.miniTitle, children: card2.miniTitle }),
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$b.heading, children: card2.heading })
+      layout === "side-by-side" && (() => {
+        const c = cards ?? [];
+        const filler = c[0] ?? { heading: "" };
+        const displayCards = c.length >= 2 ? c : [...c, ...Array(2 - c.length).fill(filler)];
+        return displayCards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.card, style: { "--clay-sticky-top": `${15 + i * 3}%` }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.inner, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textContent, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textBlock, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.titleGroup, children: [
+                card2.miniTitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$b.miniTitle, children: card2.miniTitle }),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$b.heading, children: card2.heading })
+              ] }),
+              card2.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$b.description, children: card2.description })
             ] }),
-            card2.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$b.description, children: card2.description })
+            card2.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.actions, children: card2.actions })
           ] }),
-          card2.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.actions, children: card2.actions })
-        ] }),
-        card2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.media, children: card2.media })
-      ] }) }, i)),
+          card2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.media, children: card2.media })
+        ] }) }, i));
+      })(),
       layout === "grid" && cards && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.gridWrapper, children: cards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.gridCard, children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.gridMedia, children: card2.media }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.gridContent, children: [
@@ -3242,6 +3401,7 @@ const styles$a = {
   miniTitle: miniTitle$1,
   heading: heading$8,
   description: description$4,
+  "mixed-stat-and-quote": "_mixed-stat-and-quote_1bdu6_271",
   mixedStatAndQuote,
   mixedHeader,
   mixedHeaderText,
@@ -3262,6 +3422,7 @@ const styles$a = {
   mixedNav,
   carouselCardStat,
   carouselCardQuote,
+  "carousel-split-media-left": "_carousel-split-media-left_1bdu6_509",
   carouselSplitMediaLeft,
   splitMediaSlot,
   splitContent,
@@ -3277,6 +3438,7 @@ const styles$a = {
   splitNav,
   splitNavDots,
   splitNavArrows,
+  "centered-single": "_centered-single_1bdu6_691",
   centeredSingle,
   centeredInner,
   centeredArrow,
@@ -3288,6 +3450,7 @@ const styles$a = {
   centeredAuthorName,
   centeredAuthorRole,
   centeredDotsRow,
+  "carousel-case-study": "_carousel-case-study_1bdu6_818",
   carouselCaseStudy,
   caseStudyHeading,
   caseStudyBody,
@@ -3302,6 +3465,7 @@ const styles$a = {
   caseStudyDivider,
   caseStudyCategory,
   caseStudyNav,
+  "single-card-stat-quote": "_single-card-stat-quote_1bdu6_1023",
   singleCardStatQuote,
   statQuoteCard,
   statQuoteStatCol,
@@ -3313,6 +3477,7 @@ const styles$a = {
   statQuoteAuthorBlock,
   statQuoteAuthorName,
   statQuoteLogoSlot,
+  "quote-cards": "_quote-cards_1bdu6_1191",
   quoteCards,
   quoteCardsMain,
   quoteCardsHeading,
@@ -3326,6 +3491,7 @@ const styles$a = {
   quoteCardAuthorName,
   quoteCardAuthorRole,
   quoteCardsNav,
+  "quote-cards-with-media": "_quote-cards-with-media_1bdu6_1359",
   quoteCardsWithMedia,
   qcmHeading,
   qcmTrack,
@@ -4612,6 +4778,7 @@ const heading$4 = "_heading_1xn13_44";
 const description$2 = "_description_1xn13_52";
 const actions$1 = "_actions_1xn13_62";
 const card$2 = "_card_1xn13_112";
+const floating_card = "_floating_card_1xn13_123";
 const floatingCard = "_floating_card_1xn13_123";
 const containerWide$2 = "_containerWide_1xn13_143";
 const containerFull$2 = "_containerFull_1xn13_147";
@@ -4624,6 +4791,7 @@ const styles$5 = {
   description: description$2,
   actions: actions$1,
   card: card$2,
+  floating_card,
   floatingCard,
   containerWide: containerWide$2,
   containerFull: containerFull$2
@@ -12042,4 +12210,4 @@ exports.TestimonialsSection = TestimonialsSection;
 exports.TrustBadge = TrustBadge;
 exports.TrustBentoSection = TrustBentoSection;
 exports.TrustSection = TrustSection;
-//# sourceMappingURL=footerDefaults-DpXUAmYt.cjs.map
+//# sourceMappingURL=footerDefaults-BILm5CMK.cjs.map