@hellobetterdigitalnz/selwynui 0.0.1-2 → 0.0.1-20

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.
Files changed (98) hide show
  1. package/dist/Components/DataDisplay/Accordion/Accordion.d.ts +3 -0
  2. package/dist/Components/DataDisplay/Accordion/AccordionContext.d.ts +3 -0
  3. package/dist/Components/DataDisplay/Accordion/AccordionContextInterface.d.ts +7 -0
  4. package/dist/Components/DataDisplay/Accordion/AccordionItem.d.ts +3 -0
  5. package/dist/Components/DataDisplay/Accordion/AccordionItemProps.d.ts +18 -0
  6. package/dist/Components/DataDisplay/Accordion/AccordionProps.d.ts +11 -0
  7. package/dist/Components/DataDisplay/Accordion/AccordionProvider.d.ts +3 -0
  8. package/dist/Components/DataDisplay/Accordion/AccordionProviderInterface.d.ts +7 -0
  9. package/dist/Components/DataDisplay/Accordion/accordion-bg-design.d.ts +2 -0
  10. package/dist/Components/DataDisplay/DetailsCard/DetailsCardProps.d.ts +7 -1
  11. package/dist/Components/DataDisplay/ImageContent/ImageContentProps.d.ts +4 -4
  12. package/dist/Components/DataDisplay/Pathway/PathwayProps.d.ts +13 -4
  13. package/dist/Components/DataDisplay/PathwayBlock/PathwayBlock.d.ts +3 -0
  14. package/dist/Components/DataDisplay/PathwayBlock/PathwayBlockProps.d.ts +11 -0
  15. package/dist/Components/DataDisplay/PromoBannerBlock/PromoBannerBlockProps.d.ts +9 -9
  16. package/dist/Components/DataDisplay/PromoBannerBlock/brand-piller.d.ts +3 -0
  17. package/dist/Components/DataDisplay/TestimonyCard/TestimonyCard.d.ts +3 -0
  18. package/dist/Components/DataDisplay/TestimonyCard/TestimonyCardProps.d.ts +10 -0
  19. package/dist/Components/DataDisplay/index.d.ts +2 -0
  20. package/dist/Components/Form/Button/Button.d.ts +3 -0
  21. package/dist/Components/Form/Button/ButtonProps.d.ts +16 -5
  22. package/dist/Components/Layout/Header/HeaderProps.d.ts +1 -0
  23. package/dist/Components/Layout/Header/MegaMenu/MegaMenu.d.ts +2 -1
  24. package/dist/Components/Layout/Header/MegaMenu/MegaMenuProps.d.ts +28 -1
  25. package/dist/Components/Layout/Header/MobileNavigation/MobileNavigation.d.ts +3 -0
  26. package/dist/Components/Layout/Header/MobileNavigation/MobileNavigationItem.d.ts +3 -0
  27. package/dist/Components/Layout/Header/MobileNavigation/MobileNavigationItemProps.d.ts +4 -0
  28. package/dist/Components/Layout/Header/MobileNavigation/MobileNavigationProps.d.ts +7 -0
  29. package/dist/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigation.d.ts +3 -0
  30. package/dist/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationItem.d.ts +3 -0
  31. package/dist/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationItemProps.d.ts +4 -0
  32. package/dist/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationProps.d.ts +7 -0
  33. package/dist/Components/Layout/Header/MobileNavigation/MobileWhatuOverlay.d.ts +2 -0
  34. package/dist/Components/Layout/HeroBanner/HeroBannerProps.d.ts +1 -1
  35. package/dist/Components/Layout/index.d.ts +3 -1
  36. package/dist/Components/Shared/Hook/useScrollFadeIn/useScrollFadeIn.d.ts +6 -0
  37. package/dist/Components/Shared/PillarIcon/PillarIcon.d.ts +3 -0
  38. package/dist/Components/Shared/PillarIcon/PillarIconsProps.d.ts +4 -0
  39. package/dist/Components/Shared/PillarLogo/PillarLogo.d.ts +6 -0
  40. package/dist/Components/Shared/ScrollFadeIn/ScrollFadeIn.d.ts +12 -0
  41. package/dist/Components/index.d.ts +5 -0
  42. package/dist/img/accordion-image.svg +9 -0
  43. package/dist/index.cjs.js +10 -10
  44. package/dist/index.cjs.js.map +1 -1
  45. package/dist/index.d.ts +1 -5
  46. package/dist/index.es.js +1406 -678
  47. package/dist/index.es.js.map +1 -1
  48. package/dist/selwynui.css +1 -1
  49. package/package.json +2 -1
  50. package/src/Components/DataDisplay/Accordion/Accordion.tsx +15 -17
  51. package/src/Components/DataDisplay/DetailsCard/DetailsCard.stories.tsx +7 -3
  52. package/src/Components/DataDisplay/DetailsCard/DetailsCard.tsx +11 -39
  53. package/src/Components/DataDisplay/DetailsCard/DetailsCardProps.tsx +7 -1
  54. package/src/Components/DataDisplay/DetailsCard/detailsCard.module.scss +10 -10
  55. package/src/Components/DataDisplay/ImageContent/ImageContent.stories.tsx +50 -12
  56. package/src/Components/DataDisplay/ImageContent/ImageContent.tsx +68 -21
  57. package/src/Components/DataDisplay/ImageContent/ImageContentProps.tsx +2 -1
  58. package/src/Components/DataDisplay/ImageContent/imageContent.module.scss +144 -46
  59. package/src/Components/DataDisplay/Pathway/Pathway.stories.tsx +50 -13
  60. package/src/Components/DataDisplay/Pathway/Pathway.tsx +15 -4
  61. package/src/Components/DataDisplay/Pathway/PathwayProps.tsx +13 -4
  62. package/src/Components/DataDisplay/PathwayBlock/PathwayBlock.tsx +0 -2
  63. package/src/Components/DataDisplay/PromoBannerBlock/PromoBanner.stories.tsx +1 -2
  64. package/src/Components/DataDisplay/PromoBannerBlock/PromoBannerBlock.tsx +1 -5
  65. package/src/Components/DataDisplay/PromoBannerBlock/promoBanner.module.scss +3 -2
  66. package/src/Components/DataDisplay/index.ts +5 -1
  67. package/src/Components/DataDisplay/slider.scss +2 -0
  68. package/src/Components/Form/Button/ButtonProps.tsx +1 -1
  69. package/src/Components/Form/Button/button.module.scss +0 -1
  70. package/src/Components/Layout/Footer/Footer.stories.tsx +1 -1
  71. package/src/Components/Layout/Header/Header.stories.tsx +34 -7
  72. package/src/Components/Layout/Header/Header.tsx +2 -2
  73. package/src/Components/Layout/Header/HeaderProps.tsx +1 -0
  74. package/src/Components/Layout/Header/HeaderRightItem.tsx +2 -2
  75. package/src/Components/Layout/Header/MegaMenu/MegaMenu.tsx +156 -83
  76. package/src/Components/Layout/Header/MegaMenu/MegaMenuProps.tsx +22 -9
  77. package/src/Components/Layout/Header/MegaMenu/megaMenu.module.scss +4 -2
  78. package/src/Components/Layout/Header/MobileNavigation/MobileNavigation.tsx +26 -0
  79. package/src/Components/Layout/Header/MobileNavigation/MobileNavigationItem.tsx +17 -0
  80. package/src/Components/Layout/Header/MobileNavigation/MobileNavigationItemProps.tsx +5 -0
  81. package/src/Components/Layout/Header/MobileNavigation/MobileNavigationProps.tsx +9 -0
  82. package/src/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigation.tsx +21 -0
  83. package/src/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationItem.tsx +17 -0
  84. package/src/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationItemProps.tsx +5 -0
  85. package/src/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationProps.tsx +9 -0
  86. package/src/Components/Layout/Header/MobileNavigation/MobileWhatuOverlay.tsx +18 -0
  87. package/src/Components/Layout/Header/MobileNavigation/mobileNavigation.module.scss +62 -0
  88. package/src/Components/Layout/Header/header.module.scss +22 -3
  89. package/src/Components/Layout/Header/header.scss +15 -0
  90. package/src/Components/Layout/HeroBanner/HeroBanner.tsx +13 -3
  91. package/src/Components/Layout/HeroBanner/HeroBannerProps.tsx +1 -1
  92. package/src/Components/Layout/HeroBanner/heroBanner.module.scss +132 -24
  93. package/src/Components/Layout/index.ts +1 -2
  94. package/src/Components/Shared/Container/container.module.scss +3 -3
  95. package/src/Components/Shared/PillarIcon/PillarIcon.tsx +4 -4
  96. package/src/Components/index.ts +5 -0
  97. package/dist/index.es.d.ts +0 -2
  98. package/dist/tsconfig.app.tsbuildinfo +0 -1
package/dist/selwynui.css CHANGED
@@ -1 +1 @@
1
- ._detailsCard_1ch4w_1{min-height:400px;border-radius:12px;border:1px solid var(--pathway-card-border);color:var(--pathway-card-text);background-color:var(--pathway-card-bg)}._detailsCard_1ch4w_1._detailsCardShort_1ch4w_8{min-height:274px}._detailsCardWithLink_1ch4w_12{color:var(--pathway-card-text);transition:all ease .3s}._detailsCardWithLink_1ch4w_12:hover{background-color:var(--pathway-card-hover-bg);color:var(--pathway-card-hover-text)}._cardImage_1ch4w_21{height:200px}._cardImage_1ch4w_21 img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px 12px 0 0}._detailsCardShort_1ch4w_8 ._cardImage_1ch4w_21{height:204px}._cardContent_1ch4w_35{padding:24px;flex:1}._cardDate_1ch4w_40{margin-bottom:var(--spacing-1-1\/2)}._cardDate_1ch4w_40 p{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-bold)}._cardWrap_1ch4w_49{min-height:400px;display:flex;flex-direction:column}._detailsCardShort_1ch4w_8 ._cardWrap_1ch4w_49{min-height:274px}._cardWrap_1ch4w_49:hover{border-radius:12px}._cardContent_1ch4w_35{display:flex;flex-direction:column}._cardBody_1ch4w_66{flex:1}._cardTitle_1ch4w_70 h6{font-weight:var(--font-weight-body-regular)}._cardLink_1ch4w_74{max-height:18px;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold)}._cardLink_1ch4w_74 span img{width:32px;height:32px}@media(min-width:760px){._detailsCard_1ch4w_1{min-height:590px}._detailsCard_1ch4w_1._detailsCardShort_1ch4w_8{min-height:474px}._cardImage_1ch4w_21{height:300px}._detailsCardShort_1ch4w_8 ._cardImage_1ch4w_21{height:304px}._cardWrap_1ch4w_49{min-height:590px}._detailsCardShort_1ch4w_8 ._cardWrap_1ch4w_49{min-height:474px}}._container_17dwz_1{padding:0 14px;margin:0 auto}._container_17dwz_1._default_17dwz_5{max-width:1428px}@media screen and (min-width:1748px){._container_17dwz_1{padding:0 14px}}._introBlock_1e53j_1 ._introBlockWrapper_1e53j_1{display:flex;flex-grow:1;margin:0 -72px}._introBlock_1e53j_1 ._introBlockWrapper_1e53j_1 ._introBlockLeft_1e53j_6{width:50%;padding:0 72px}._introBlock_1e53j_1 ._introBlockWrapper_1e53j_1 ._introBlockLeft_1e53j_6 h1{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-h4)}._introBlock_1e53j_1 ._introBlockWrapper_1e53j_1 ._introBlockRight_1e53j_15{width:50%;padding:0 72px}._introBlock_1e53j_1 ._introBlockWrapper_1e53j_1 ._introBlockRight_1e53j_15 h1{font-size:var(--font-size-small);line-height:var(--line-height-label);font-weight:var(--font-weight-body-regular)}._introBlock_1e53j_1 ._introBlockWrapper_1e53j_1 ._introBlockVerticalLine_1e53j_24{background:var(--color-text);width:1px}._kpi_f5qkd_1{color:var(--bg-modal-color)}._kpi_f5qkd_1 ._kpiWrapper_f5qkd_4{display:flex;flex-direction:inherit;align-items:start}._kpi_f5qkd_1 ._kpiWrapper_f5qkd_4 ._header_f5qkd_9{flex:0 0 40%;margin-right:90px}._kpi_f5qkd_1 ._kpiWrapper_f5qkd_4 ._header_f5qkd_9 h2{font-size:var(--font-size-h4);font-weight:var(--font-weight-h5);letter-spacing:-1.92px;margin-bottom:72px;color:var(--color-business)}._kpi_f5qkd_1 ._kpiWrapper_f5qkd_4 ._header_f5qkd_9 p{font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-body-sm);color:var(--color-business)}._kpi_f5qkd_1 ._kpiWrapper_f5qkd_4 ._stats_f5qkd_26{flex:0 0 60%;display:flex;flex-direction:column;max-width:884px;gap:48px}._kpi_f5qkd_1 ._kpiWrapper_f5qkd_4 ._stats_f5qkd_26 ._statItem_f5qkd_33{display:flex;padding-bottom:48px;border-bottom:1px solid var(--color-business)}._kpi_f5qkd_1 ._kpiWrapper_f5qkd_4 ._stats_f5qkd_26 ._statItem_f5qkd_33:last-child{border-bottom:none;padding-bottom:0}._kpi_f5qkd_1 ._kpiWrapper_f5qkd_4 ._stats_f5qkd_26 ._statItem_f5qkd_33 ._value_f5qkd_42{flex:0 0 200px;font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h5);color:var(--color-business);letter-spacing:-3.6px;min-width:230px}._kpi_f5qkd_1 ._kpiWrapper_f5qkd_4 ._stats_f5qkd_26 ._statItem_f5qkd_33 ._description_f5qkd_51{flex:1;font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-body-sm);color:var(--color-business);display:flex;align-items:center;padding-left:24px}._pathwayTitle_87u3o_1{margin-bottom:36px}._pathwayTitle_87u3o_1 h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-bold)}._pathwayDescription_87u3o_10{margin-bottom:36px}._pathwayDescription_87u3o_10 p{font-size:var(--font-size-h5);line-height:1.2}._pathwayFilters_87u3o_18{margin-bottom:48px}._pathwayFilters_87u3o_18 ul{list-style:none;display:flex;margin:0 -8px}._pathwayFilters_87u3o_18 ul li{cursor:pointer;padding:0 8px}._pathwayFilters_87u3o_18 ul li._active_87u3o_30 span{color:var(--pathway-card-hover-text);background-color:var(--pathway-card-hover-bg)}._pathwayFilters_87u3o_18 ul li span{padding:20px 32px;border:1px solid var(--pathway-card-border);border-radius:48px;max-height:51px;display:inline-flex;align-items:center;font-weight:var(--font-weight-bold)}._pathwayCard_87u3o_44{margin-bottom:32px}._pathwayCard_87u3o_44:last-child{margin-bottom:0}._pathwayFilterDesktop_87u3o_51{display:none}._pathwayFilterMobile_87u3o_55{position:relative}._pathwayFilterMobile_87u3o_55 select{width:100%;min-height:51px;padding:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;border:1px solid var(--pathway-card-border);color:var(--pathway-card-text);font-size:var(--font-size-label)}._pathwayFilterMobile_87u3o_55 select:focus{outline:0}._pathwayFilterMobile_87u3o_55 svg{position:absolute;top:50%;right:0;transform:translate(-50%,-50%);width:24px;height:24px;pointer-events:none}@media(min-width:760px){._pathwayTitle_87u3o_1,._pathwayDescription_87u3o_10{margin-bottom:72px}._pathwayFilters_87u3o_18{margin-bottom:96px}._pathwayCardsWrap_87u3o_93{display:flex;flex-wrap:wrap;margin:0 -16px}._pathwayCard_87u3o_44{width:33.33%;padding:0 16px}._pathwayFilterDesktop_87u3o_51{display:block}._pathwayFilterMobile_87u3o_55{display:none}}._element_1ue3h_1{background-color:var(--color-block-bg);color:var(--color-block-text);position:relative}._elementInner_1ue3h_6{position:relative;z-index:1}._element--pt-none_1ue3h_10{padding-top:0}._element--pt-xsm_1ue3h_13{padding-top:72px}._element--pt-sm_1ue3h_16{padding-top:90px}._element--pt-md_1ue3h_19{padding-top:120px}._element--pt-lg_1ue3h_22{padding-top:144px}._element--pb-none_1ue3h_25{padding-bottom:0}._element--pb-xsm_1ue3h_28{padding-bottom:40px}._element--pb-sm_1ue3h_31{padding-bottom:48px}._element--pb-md_1ue3h_34{padding-bottom:90px}._element--pb-lg_1ue3h_37{padding-bottom:120px}._element--pb-xl_1ue3h_40{padding-bottom:144px}._element--mt-none_1ue3h_43{margin-top:0}._element--mt-xsm_1ue3h_46{margin-top:72px}._element--mt-sm_1ue3h_49{margin-top:90px}._element--mt-md_1ue3h_52{margin-top:120px}._element--mt-lg_1ue3h_55{margin-top:144px}._element--mb-none_1ue3h_58{margin-bottom:0}._element--mb-xsm_1ue3h_61{margin-bottom:72px}._element--mb-sm_1ue3h_64{margin-bottom:90px}._element--mb-md_1ue3h_67{margin-bottom:120px}._element--mb-lg_1ue3h_70{margin-bottom:144px}@media(max-width:992px){._element--pt-none_1ue3h_10{padding-top:0}._element--pt-xsm_1ue3h_13{padding-top:36px}._element--pt-sm_1ue3h_16{padding-top:45px}._element--pt-md_1ue3h_19{padding-top:60px}._element--pt-lg_1ue3h_22{padding-top:72px}._element--pb-none_1ue3h_25{padding-bottom:0}._element--pb-xsm_1ue3h_28{padding-bottom:20px}._element--pb-sm_1ue3h_31{padding-bottom:24px}._element--pb-md_1ue3h_34{padding-bottom:45px}._element--pb-lg_1ue3h_37{padding-bottom:60px}._element--pb-xl_1ue3h_40{padding-bottom:72px}._element--mt-none_1ue3h_43{margin-top:0}._element--mt-xsm_1ue3h_46{margin-top:36px}._element--mt-sm_1ue3h_49{margin-top:45px}._element--mt-md_1ue3h_52{margin-top:60px}._element--mt-lg_1ue3h_55{margin-top:72px}._element--mb-none_1ue3h_58{margin-bottom:0}._element--mb-xsm_1ue3h_61{margin-bottom:36px}._element--mb-sm_1ue3h_64{margin-bottom:45px}._element--mb-md_1ue3h_67{margin-bottom:60px}._element--mb-lg_1ue3h_70{margin-bottom:72px}}._promoBannerBlock_1q67e_1{overflow-x:hidden;padding:48px 16px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5 ._promoBannerTopLeft_1q67e_5{padding:0 16px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5 ._promoBannerTopLeft_1q67e_5 h1{font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-h4)}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5 ._promoBannerTopRight_1q67e_13{padding:48px 16px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5 ._promoBannerTopRight_1q67e_13 h1{font-size:var(--font-size-regular);font-weight:var(--font-weight-body-regular);line-height:var(--line-height-label)}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5 ._promoBannerBgDesignContainer_1q67e_21{display:none}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24{background-color:var(--pathway-card-bg);border-radius:16px 16px 100px 0;margin-bottom:-30px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomLeft_1q67e_29{color:var(--pathway-card-text);padding:32px 16px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomLeft_1q67e_29 ._promoBannerBrandPiller_1q67e_33{display:flex;align-items:center;gap:16px;margin:auto;font-size:var(--font-size-body-regular)}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomLeft_1q67e_29 ._promoBannerTitleContainer_1q67e_40{padding-block:32px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomLeft_1q67e_29 ._promoBannerTitleContainer_1q67e_40 h1{font-size:var(--font-size-small);font-weight:var(--font-weight-body-sm);line-height:var(--line-height-h5)}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomLeft_1q67e_29 ._promoBannerTitleContainer_1q67e_40 h2{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-body-regular)}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomLeft_1q67e_29 p{font-size:var(--font-size-body-regular);font-weight:var(--font-weight-body-regular);line-height:var(--line-height-body-regular);padding-bottom:32px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomRight_1q67e_59 img{height:100%;width:100%;object-fit:cover}@media screen and (min-width:992px){._promoBannerBlock_1q67e_1{padding:120px 0}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5{display:flex;flex-grow:1;margin:0 -72px;position:relative}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5 ._promoBannerTopLeft_1q67e_5{padding:0 72px;width:50%}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5 ._promoBannerTopLeft_1q67e_5 h1{font-size:var(--font-size-h4);line-height:var(--line-height-h4)}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5 ._promoBannerTopRight_1q67e_13{width:50%;padding:0 72px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5 ._promoBannerTopRight_1q67e_13 h1{font-size:var(--font-size-small)}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5 ._promoBannerVerticalLine_1q67e_89{background:var(--color-text);width:1px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerTop_1q67e_5 ._promoBannerBgDesignContainer_1q67e_21{display:block;position:absolute;top:-120px;bottom:0;right:-120px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24{display:flex;padding-top:90px;background-color:transparent}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomLeft_1q67e_29{background-color:var(--pathway-card-bg);padding:72px 90px 72px 72px;border-radius:16px 0 0 16px;width:50%}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomLeft_1q67e_29 ._promoBannerTitleContainer_1q67e_40{padding-block:48px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomLeft_1q67e_29 ._promoBannerTitleContainer_1q67e_40 h1{font-size:var(--font-size-h3);font-weight:var(--font-weight-h3);line-height:var(--line-height-h3)}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomLeft_1q67e_29 ._promoBannerTitleContainer_1q67e_40 h2{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomLeft_1q67e_29 p{padding-bottom:48px}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomRight_1q67e_59{width:50%}._promoBannerBlock_1q67e_1 ._promoBannerBlockContainer_1q67e_5 ._promoBannerBottom_1q67e_24 ._promoBannerBottomRight_1q67e_59 img{border-radius:0 16px 96px 0}}._button_8soeq_1{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:linear all .3s;font-family:var(--font);border-radius:48px}._button_8soeq_1 span{font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button)}._button_8soeq_1._noBorder_8soeq_17{border-color:transparent}._button_8soeq_1._noBorder_8soeq_17 span{text-decoration-line:underline;--font-weight-button: 400}._button_8soeq_1._noBorder_8soeq_17 ._text_8soeq_24 small{color:var(--color-gray-600)}._button_8soeq_1._default_8soeq_27{padding:var(--spacing-1\/2) var(--spacing-1-1\/4);min-height:40px}._button_8soeq_1._default_8soeq_27._noBorder_8soeq_17{padding:var(--spacing-1\/2) var(--spacing-3\/4)}._button_8soeq_1._large_8soeq_34{padding:var(--spacing-1\/2) var(--spacing-2);height:48px}._button_8soeq_1._large_8soeq_34._noBorder_8soeq_17{padding:var(--spacing-1\/2) var(--spacing-1)}._button_8soeq_1._small_8soeq_41{padding:var(--spacing-1\/4) var(--spacing-3\/4);min-height:32px}._button_8soeq_1._small_8soeq_41._noBorder_8soeq_17{padding:var(--spacing-1\/4) var(--spacing-1\/2)}._button_8soeq_1._solid-primary_8soeq_48{color:var(--color-text);background-color:var(--color-bg)}._button_8soeq_1._solid-primary_8soeq_48 ._text_8soeq_24 small{color:var(--color-lite)}._button_8soeq_1._solid-secondary_8soeq_55{color:var(--color-text);background-color:var(--color-bg)}._button_8soeq_1._solid-secondary_8soeq_55 ._text_8soeq_24 small{color:var(--color-lite)}._button_8soeq_1._solid-ux_8soeq_62{color:var(--color-text);background-color:var(--color-bg)}._button_8soeq_1._solid-ux_8soeq_62 ._text_8soeq_24 small{color:var(--color-lite)}._button_8soeq_1._hollow-primary_8soeq_69{background:transparent;border-color:var(--color-block-bg);color:var(--color-text);border-width:2px;border-style:solid}._button_8soeq_1._hollow-primary_8soeq_69 ._customLoader_8soeq_76{border-top-color:var(--color-primary-800)}._button_8soeq_1._hollow-primary_8soeq_69:active:enabled{background:var(--color-primary-100);border-width:2px}._button_8soeq_1._hollow-secondary_8soeq_83{background:transparent;border-color:var(--color-block-bg);color:var(--color-text);border-width:2px;border-style:solid}._button_8soeq_1._hollow-secondary_8soeq_83 ._customLoader_8soeq_76{border-top-color:var(--color-secondary-800)}._button_8soeq_1._hollow-secondary_8soeq_83:active:enabled{background:var(--color-secondary-100);border-width:2px}._button_8soeq_1._hollow-ux_8soeq_97{background:transparent;border-color:var(--color-block-bg);color:var(--color-text);border-width:2px;border-style:solid}._button_8soeq_1._hollow-ux_8soeq_97 ._customLoader_8soeq_76{border-top-color:var(--color-ux-800)}._button_8soeq_1._hollow-ux_8soeq_97:active:enabled{background:var(--color-ux-100);border-width:2px}._button_8soeq_1 ._labelContainer_8soeq_111{padding:10px 32px;border:none;gap:12px;position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-h6)}._button_8soeq_1 ._buttonIcon_8soeq_122{display:inline-flex}._button_8soeq_1 ._buttonLabel_8soeq_125{font-family:var(--font)}._footer_1ygoa_1{width:100%}._footer_1ygoa_1 ._container_1ygoa_4{max-width:1832px;margin:0 auto}._footer_1ygoa_1 ._footerTop_1ygoa_8{padding-top:72px;border-radius:12px 12px 0 0;background-color:var(--color-taste)}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerTopWrapper_1ygoa_13{color:var(--color-visit)}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerTopLeft_1ygoa_16{align-items:center}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerTopLeft_1ygoa_16 h1{font-size:var(--font-size-h5);font-weight:var(--font-weight-h4)}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerTopLeft_1ygoa_16 h2{font-size:var(--font-size-h5);font-weight:var(--font-weight-h5);padding-bottom:32px}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerTopRight_1ygoa_28{font-size:var(--font-size-body-regular)}._footer_1ygoa_1 ._footerMiddle_1ygoa_31{background-color:var(--color-visit)}._footer_1ygoa_1 ._footerMiddle_1ygoa_31 ._footerMiddleWrapper_1ygoa_34 img{padding-bottom:72px}._footer_1ygoa_1 ._footerMiddle_1ygoa_31 ._footerMiddleWrapper_1ygoa_34 ._footerItem_1ygoa_37 h3{color:var(--color-taste);font-size:var(--font-size-small);font-weight:var(--font-weight-h4)}._footer_1ygoa_1 ._footerMiddle_1ygoa_31 ._footerMiddleWrapper_1ygoa_34 ._footerItem_1ygoa_37 ul{display:none}._footer_1ygoa_1 ._footerBottom_1ygoa_45{background-color:var(--color-visit)}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomLeft_1ygoa_48 ._footerBottomLeftWrapper_1ygoa_48 ._footerBottomLeftLogo_1ygoa_48{color:var(--color-taste);font-size:var(--font-size-body-sm)}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomLeft_1ygoa_48 ._footerBottomLeftWrapper_1ygoa_48 ._footerBottomLeftLogo_1ygoa_48 img{padding-bottom:24px}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomLeft_1ygoa_48 ._footerBottomLeftWrapper_1ygoa_48 ._footerBottomLeftLinks_1ygoa_55{display:flex;align-items:flex-end}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomLeft_1ygoa_48 ._footerBottomLeftWrapper_1ygoa_48 ._footerBottomLeftLinks_1ygoa_55 ul{display:flex;gap:24px;list-style:none;padding:0;margin:0}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomLeft_1ygoa_48 ._footerBottomLeftWrapper_1ygoa_48 ._footerBottomLeftLinks_1ygoa_55 ul a{color:var(--color-taste);font-size:var(--font-size-body-sm)}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomRight_1ygoa_70 ._footerBottomRightWrapper_1ygoa_70{display:flex;padding-top:72px;gap:16px}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomRight_1ygoa_70 ._footerBottomRightWrapper_1ygoa_70 ._footerLogo_1ygoa_75{display:flex;background-color:var(--color-taste);border-radius:50%;height:40px;width:40px;align-items:center;justify-content:center}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomRight_1ygoa_70 ._footerBottomRightWrapper_1ygoa_70 ._footerLogo_1ygoa_75 a{display:flex;color:var(--color-visit)}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomRight_1ygoa_70 ._footerBottomRightWrapper_1ygoa_70 ._footerLogo_1ygoa_75 a svg{height:24px;width:24px}@media screen and (min-width:1440px){._footer_1ygoa_1 ._footerTop_1ygoa_8{position:relative}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerTopWrapper_1ygoa_13{display:flex;gap:154px;justify-content:space-between}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerTopWrapper_1ygoa_13 ._footerTopLeft_1ygoa_16{display:flex;flex-direction:column;justify-content:center;align-items:start}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerTopWrapper_1ygoa_13 ._footerTopLeft_1ygoa_16 h1{font-size:var(--font-size-h3);font-weight:var(--font-weight-h1);line-height:var(--line-height-h3)}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerTopWrapper_1ygoa_13 ._footerTopLeft_1ygoa_16 h2{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);line-height:var(--line-height-h3)}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerTopWrapper_1ygoa_13 ._footerTopRight_1ygoa_28{display:flex;justify-content:center;align-items:center}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerTopWrapper_1ygoa_13 ._footerTopRight_1ygoa_28 p{font-size:var(--font-size-small)}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerBgDesignContainer_1ygoa_125{position:absolute;top:0;bottom:0;right:96px}._footer_1ygoa_1 ._footerTop_1ygoa_8 ._footerBgDesignContainer_1ygoa_125 svg{height:100%}._footer_1ygoa_1 ._footerMiddle_1ygoa_31 ._footerMiddleWrapper_1ygoa_34{display:flex;flex-wrap:wrap;padding-top:64px;padding-bottom:32px}._footer_1ygoa_1 ._footerMiddle_1ygoa_31 ._footerMiddleWrapper_1ygoa_34 ._footerLogoContainer_1ygoa_140{flex:1}._footer_1ygoa_1 ._footerMiddle_1ygoa_31 ._footerMiddleWrapper_1ygoa_34 ._socialMediaLinks_1ygoa_143{display:none}._footer_1ygoa_1 ._footerMiddle_1ygoa_31 ._footerMiddleLinks_1ygoa_146{display:flex;flex-grow:1;flex-wrap:wrap}._footer_1ygoa_1 ._footerMiddle_1ygoa_31 ._footerItem_1ygoa_37{width:20%}._footer_1ygoa_1 ._footerMiddle_1ygoa_31 ._footerItem_1ygoa_37 h3{padding-bottom:28px;font-weight:var(--font-weight-body-sm)}._footer_1ygoa_1 ._footerMiddle_1ygoa_31 ._footerItem_1ygoa_37 ul{display:block!important;gap:16px;list-style:none;padding:0;margin:0}._footer_1ygoa_1 ._footerMiddle_1ygoa_31 ._footerItem_1ygoa_37 a{color:var(--color-sand);font-size:var(--font-size-body-xsm)}._footer_1ygoa_1 ._footerBottom_1ygoa_45{padding-bottom:38px}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48{display:flex;justify-content:space-between}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomLeft_1ygoa_48 ._footerBottomLeftWrapper_1ygoa_48{display:flex;gap:166px}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomRight_1ygoa_70 ._footerBottomRightWrapper_1ygoa_70{display:flex}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomRight_1ygoa_70 ._footerBottomRightWrapper_1ygoa_70 ._footerLogoWrapper_1ygoa_183{padding:0 8px}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomRight_1ygoa_70 ._footerBottomRightWrapper_1ygoa_70 ._footerLogoWrapper_1ygoa_183 ._footerLogo_1ygoa_75{display:flex;background-color:#92c134;border-radius:50%;height:40px;width:40px;align-items:center;justify-content:center}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomRight_1ygoa_70 ._footerBottomRightWrapper_1ygoa_70 ._footerLogoWrapper_1ygoa_183 ._footerLogo_1ygoa_75 a{display:flex;color:var(--color-inverse-text)}._footer_1ygoa_1 ._footerBottom_1ygoa_45 ._footerBottomWrapper_1ygoa_48 ._footerBottomRight_1ygoa_70 ._footerBottomRightWrapper_1ygoa_70 ._footerLogoWrapper_1ygoa_183 ._footerLogo_1ygoa_75 a svg{height:24px;width:24px}}._header_i7gjd_1{background:var(--header-bg)}._header_i7gjd_1 ._headerWrapper_i7gjd_4{display:flex;align-items:center;justify-content:space-between;min-height:96px}._header_i7gjd_1 ._headerLogo_i7gjd_10,._header_i7gjd_1 ._headerLogo_i7gjd_10 a{display:flex}._header_i7gjd_1 ._logo_i7gjd_16{display:none}._header_i7gjd_1 ._logoSmall_i7gjd_19{display:block}._header_i7gjd_1 ._headerRightWrapper_i7gjd_22{display:flex;align-items:center;margin:0 -16px}._header_i7gjd_1 ._headerBottomItemHolder_i7gjd_27{padding:0 16px;transition:color .3s ease-in}._header_i7gjd_1 ._headerBottomItemHolder_i7gjd_27 a{display:flex;align-items:center;color:var(--header-color);font-size:24px;font-weight:400;line-height:1.5;cursor:pointer}._header_i7gjd_1 ._headerBottomItemHolder_i7gjd_27 a ._icon_i7gjd_40{display:flex}._header_i7gjd_1 ._headerBottomItemHolder_i7gjd_27 a ._icon_i7gjd_40 svg{width:24px;height:24px}._header_i7gjd_1 ._headerBottomItemHolder_i7gjd_27:hover a,._header_i7gjd_1 ._headerBottomItemHolder_i7gjd_27._active_i7gjd_47 a{color:var(--font-color)}@media screen and (min-width:1648px){._header_i7gjd_1 ._headerRightWrapper_i7gjd_22{display:flex;align-items:center;margin:0 -28px}._header_i7gjd_1 ._headerBottomItemHolder_i7gjd_27{padding:0 28px}}@media screen and (min-width:992px){._header_i7gjd_1 ._logo_i7gjd_16{display:block}._header_i7gjd_1 ._logoSmall_i7gjd_19{display:none}}._hero_ohgms_1{background:var(--color-bg)}._heroLarge_ohgms_4{position:relative;min-height:90vh}._heroLarge_ohgms_4 ._heroImg_ohgms_8{position:absolute;inset:0;border-radius:0 0 366px;overflow:hidden;background:linear-gradient(180deg,#00000080,#0000 41.35%),linear-gradient(0deg,#7c847b0d 0% 100%),#000}._heroLarge_ohgms_4 ._heroImg_ohgms_8 img{width:100%;height:100%;object-fit:cover;object-position:center}._heroLarge_ohgms_4 ._heroWrapper_ohgms_24{position:relative;z-index:10;width:100%;height:100%;padding-top:112px;color:var(--color-text)}._heroLarge_ohgms_4 ._heroWrapper_ohgms_24 h1{max-width:898px;font-size:var(--font-size-h1);line-height:1;font-weight:400;letter-spacing:-7.68px}._heroLarge_ohgms_4 ._heroWrapper_ohgms_24 h1 span{font-weight:700}._heroLarge_ohgms_4 ._heroSvg_ohgms_42{color:var(--color-text);position:absolute;z-index:5;left:0;bottom:0;height:340px}._heroMedium_ohgms_50{position:relative}._heroMedium_ohgms_50 ._heroWrapper_ohgms_24{display:flex;min-height:72vh;flex-wrap:wrap}._heroMedium_ohgms_50 ._heroWrapper_ohgms_24 ._content_ohgms_58{display:flex;flex-direction:column;justify-content:center;width:50%;padding:120px 0;color:var(--color-text)}._heroMedium_ohgms_50 ._heroWrapper_ohgms_24 ._content_ohgms_58 h1{max-width:604px;font-size:var(--font-size-h2);line-height:1;font-weight:400;letter-spacing:-5.6px}._heroMedium_ohgms_50 ._heroWrapper_ohgms_24 ._content_ohgms_58 h1 span{font-weight:700}._heroMedium_ohgms_50 ._heroWrapper_ohgms_24 ._content_ohgms_58 p{font-size:24px;line-height:1.3;font-weight:400;margin-top:90px;max-width:604px}._heroMedium_ohgms_50 ._heroWrapper_ohgms_24 ._heroImg_ohgms_8{position:absolute;right:0;width:50%;height:100%;border-radius:500px 0 0;overflow:hidden}._heroMedium_ohgms_50 ._heroWrapper_ohgms_24 ._heroImg_ohgms_8 img{width:100%;height:100%;object-fit:cover;object-position:center}._heroSmall_ohgms_97{position:relative}._heroSmall_ohgms_97 ._heroWrapper_ohgms_24{display:flex;min-height:50vh;flex-wrap:wrap}._heroSmall_ohgms_97 ._heroWrapper_ohgms_24 ._content_ohgms_58{display:flex;flex-direction:column;justify-content:center;width:50%;color:var(--color-text);padding:100px 0}._heroSmall_ohgms_97 ._heroWrapper_ohgms_24 ._content_ohgms_58 h1{max-width:604px;font-size:var(--font-size-h3);line-height:1;font-weight:400;letter-spacing:-3.6px}._heroSmall_ohgms_97 ._heroWrapper_ohgms_24 ._content_ohgms_58 h1 span{font-weight:700}._heroSmall_ohgms_97 ._heroWrapper_ohgms_24 ._content_ohgms_58 p{font-size:24px;line-height:1.3;font-weight:400;margin-top:90px;max-width:604px}._heroSmall_ohgms_97 ._heroWrapper_ohgms_24 ._heroImg_ohgms_8{position:absolute;right:0;width:50%;height:100%;border-radius:500px 0 0;overflow:hidden}._heroSmall_ohgms_97 ._heroWrapper_ohgms_24 ._heroImg_ohgms_8 img{width:100%;height:100%;object-fit:cover;object-position:center}
1
+ ._detailsCard_ds6o2_1{min-height:400px;border-radius:12px;border:1px solid var(--pathway-card-border);color:var(--pathway-card-text);background-color:var(--pathway-card-bg)}._detailsCard_ds6o2_1._detailsCardShort_ds6o2_8{min-height:274px}._detailsCard_ds6o2_1:hover{background-color:var(--pathway-card-hover-bg);border:1px solid var(--pathway-card-hover-text)}._detailsCard_ds6o2_1:hover ._cardContent_ds6o2_15{color:var(--pathway-card-hover-text)}._detailsCardWithLink_ds6o2_19{color:var(--pathway-card-text)}._cardImage_ds6o2_23{height:200px}._cardImage_ds6o2_23 img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px 12px 0 0}._detailsCardShort_ds6o2_8 ._cardImage_ds6o2_23{height:204px}._cardContent_ds6o2_15{padding:24px;flex:1}._cardDate_ds6o2_42{margin-bottom:var(--spacing-1-1\/2)}._cardDate_ds6o2_42 p{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-bold)}._cardWrap_ds6o2_51{min-height:400px;display:flex;flex-direction:column}._detailsCardShort_ds6o2_8 ._cardWrap_ds6o2_51{min-height:274px}._cardContent_ds6o2_15{display:flex;flex-direction:column}._cardBody_ds6o2_65{flex:1}._cardTitle_ds6o2_69 h6{font-weight:var(--font-weight-body-regular)}._cardLink_ds6o2_73{max-height:18px;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold)}._cardLink_ds6o2_73 span img{width:32px;height:32px}@media(min-width:760px){._detailsCard_ds6o2_1{min-height:590px}._detailsCard_ds6o2_1._detailsCardShort_ds6o2_8{min-height:474px}._cardImage_ds6o2_23{height:300px}._detailsCardShort_ds6o2_8 ._cardImage_ds6o2_23{height:304px}._cardWrap_ds6o2_51{min-height:590px}._detailsCardShort_ds6o2_8 ._cardWrap_ds6o2_51{min-height:474px}}._container_rcsyd_1{padding:0 16px;margin:0 auto}._container_rcsyd_1._default_rcsyd_5{max-width:1432px}@media screen and (min-width:1748px){._container_rcsyd_1{padding:0 16px}}@media screen and (min-width:992px){._introBlock_12avi_2 ._introBlockWrapper_12avi_2{display:flex;flex-grow:1;margin:0 -72px}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockLeft_12avi_7{width:50%;padding:0 72px}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockLeft_12avi_7 h1{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-h4)}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockRight_12avi_16{width:50%;padding:0 72px}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockRight_12avi_16 h1{font-size:var(--font-size-small);line-height:var(--line-height-label);font-weight:var(--font-weight-body-regular)}._introBlock_12avi_2 ._introBlockWrapper_12avi_2 ._introBlockVerticalLine_12avi_25{background:var(--color-text);width:1px}}._kpi_s466x_1{position:relative}._kpi_s466x_1 ._kpiWrapper_s466x_4{display:flex;flex-direction:inherit;align-items:start}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._header_s466x_9{flex:0 0 40%;margin-right:90px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._header_s466x_9 h2{font-size:var(--font-size-h4);font-weight:var(--font-weight-h5);letter-spacing:-1.92px;line-height:1;margin-bottom:72px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._header_s466x_9 p{font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-body-sm)}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25{width:60%;display:flex;flex-direction:column;gap:48px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31{display:flex;padding-bottom:48px;border-bottom:1px solid}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31:last-child{border-bottom:none;padding-bottom:0}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31 ._value_s466x_40{flex:0 0 200px;font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h5);letter-spacing:-3.6px;min-width:230px}._kpi_s466x_1 ._kpiWrapper_s466x_4 ._stats_s466x_25 ._statItem_s466x_31 ._description_s466x_48{flex:1;font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular);font-weight:var(--font-weight-body-sm);display:flex;align-items:center;padding-left:24px}._kpi_s466x_1 ._pillarIcon_s466x_57{position:absolute;top:0;right:0;bottom:0}._kpi_s466x_1 ._pillarIcon_s466x_57 svg{height:577px;width:639px}._pathwayTitle_87u3o_1{margin-bottom:36px}._pathwayTitle_87u3o_1 h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-bold)}._pathwayDescription_87u3o_10{margin-bottom:36px}._pathwayDescription_87u3o_10 p{font-size:var(--font-size-h5);line-height:1.2}._pathwayFilters_87u3o_18{margin-bottom:48px}._pathwayFilters_87u3o_18 ul{list-style:none;display:flex;margin:0 -8px}._pathwayFilters_87u3o_18 ul li{cursor:pointer;padding:0 8px}._pathwayFilters_87u3o_18 ul li._active_87u3o_30 span{color:var(--pathway-card-hover-text);background-color:var(--pathway-card-hover-bg)}._pathwayFilters_87u3o_18 ul li span{padding:20px 32px;border:1px solid var(--pathway-card-border);border-radius:48px;max-height:51px;display:inline-flex;align-items:center;font-weight:var(--font-weight-bold)}._pathwayCard_87u3o_44{margin-bottom:32px}._pathwayCard_87u3o_44:last-child{margin-bottom:0}._pathwayFilterDesktop_87u3o_51{display:none}._pathwayFilterMobile_87u3o_55{position:relative}._pathwayFilterMobile_87u3o_55 select{width:100%;min-height:51px;padding:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;border:1px solid var(--pathway-card-border);color:var(--pathway-card-text);font-size:var(--font-size-label)}._pathwayFilterMobile_87u3o_55 select:focus{outline:0}._pathwayFilterMobile_87u3o_55 svg{position:absolute;top:50%;right:0;transform:translate(-50%,-50%);width:24px;height:24px;pointer-events:none}@media(min-width:760px){._pathwayTitle_87u3o_1,._pathwayDescription_87u3o_10{margin-bottom:72px}._pathwayFilters_87u3o_18{margin-bottom:96px}._pathwayCardsWrap_87u3o_93{display:flex;flex-wrap:wrap;margin:0 -16px}._pathwayCard_87u3o_44{width:33.33%;padding:0 16px}._pathwayFilterDesktop_87u3o_51{display:block}._pathwayFilterMobile_87u3o_55{display:none}}._promoBannerBlock_7oqoq_1{overflow-x:hidden;padding:48px 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5{padding:0 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5 h1{font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-h4)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13{padding:48px 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13 h1{font-size:var(--font-size-regular);font-weight:var(--font-weight-body-regular);line-height:var(--line-height-label)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerBgDesignContainer_7oqoq_21{display:none}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24{border-radius:16px 16px 100px 0;background:linear-gradient(to bottom,var(--pathway-card-bg) 0%,var(--pathway-card-bg) 60%,transparent 60%)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28{color:var(--pathway-card-text);padding:32px 16px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerBrandPiller_7oqoq_32{display:flex;align-items:center;gap:16px;margin:auto;font-size:var(--font-size-body-regular)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerBrandPiller_7oqoq_32 ._brandPillerLogo_7oqoq_39 svg{width:32px;height:32px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43{padding-block:32px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h1{font-size:var(--font-size-small);font-weight:var(--font-weight-body-sm);line-height:var(--line-height-h5)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h2{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-body-regular)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 p{font-size:var(--font-size-body-regular);font-weight:var(--font-weight-body-regular);line-height:var(--line-height-body-regular);padding-bottom:32px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62{background:var(--color-sand)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62 img{height:100%;width:100%;object-fit:cover;border-radius:0 0 0 16px}@media screen and (min-width:992px){._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5{display:flex;flex-grow:1;margin:0 -72px;position:relative}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5{padding:0 72px;width:50%}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopLeft_7oqoq_5 h1{font-size:var(--font-size-h4);line-height:var(--line-height-h4)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13{width:50%;padding:0 72px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerTopRight_7oqoq_13 h1{font-size:var(--font-size-small)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerVerticalLine_7oqoq_93{background:var(--color-text);width:1px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerTop_7oqoq_5 ._promoBannerBgDesignContainer_7oqoq_21{display:block;position:absolute;top:-120px;bottom:0;right:-120px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24{display:flex;padding-top:90px;background:transparent}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28{background-color:var(--pathway-card-bg);padding:72px 90px 72px 72px;border-radius:16px 0 0 16px;width:50%}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43{padding-block:48px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h1{font-size:var(--font-size-h3);font-weight:var(--font-weight-h3);line-height:var(--line-height-h3)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 ._promoBannerTitleContainer_7oqoq_43 h2{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomLeft_7oqoq_28 p{padding-bottom:48px}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62{width:50%}._promoBannerBlock_7oqoq_1 ._promoBannerBlockContainer_7oqoq_5 ._promoBannerBottom_7oqoq_24 ._promoBannerBottomRight_7oqoq_62 img{border-radius:0 16px 96px 0}}._imageContent_l2g8r_1{color:var(--color-block-text)}._imageContent_l2g8r_1._left_l2g8r_4 ._imageContentWrapper_l2g8r_4,._imageContent_l2g8r_1._right_l2g8r_7 ._imageContentWrapper_l2g8r_4{flex-direction:column-reverse}._imageContentWrapper_l2g8r_4{display:flex;flex-wrap:wrap}._imageContent_l2g8r_1 ._imageWrapper_l2g8r_14{width:100%;margin-top:32px}._imageContent_l2g8r_1 ._imageHolder_l2g8r_18{position:relative;border-radius:2px 2px 96px;background:#d3d3d3 50%;overflow:hidden;height:100%}._imageContent_l2g8r_1 ._imageHolder_l2g8r_18:before{content:"";display:block;padding-top:72%}._imageContent_l2g8r_1 ._imageHolder_l2g8r_18 img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}._imageContent_l2g8r_1 ._content_l2g8r_38{width:100%;display:flex;align-items:center}._imageContent_l2g8r_1 ._contentWrappper_l2g8r_43{padding:32px 0}._imageContent_l2g8r_1 ._content_l2g8r_38 ._title_l2g8r_46{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}._imageContent_l2g8r_1 ._content_l2g8r_38 ._title_l2g8r_46 h3{font-weight:400}._imageContent_l2g8r_1 ._content_l2g8r_38 ._title_l2g8r_46 span{font-weight:700}._imageContent_l2g8r_1 ._content_l2g8r_38 ._desc_l2g8r_56{margin-top:72px;font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular);font-weight:400}._imageContent_l2g8r_1 ._content_l2g8r_38 ._action_l2g8r_62{padding-top:48px}._imageContent_l2g8r_1 ._pillarlogo_l2g8r_65{display:flex;align-items:center}._imageContent_l2g8r_1 ._pillarlogo_l2g8r_65 p{margin-left:16px;font-size:18px;line-height:1.4;font-weight:0}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65{display:flex;margin-bottom:48px;align-items:center}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65 p{margin-left:16px;font-size:18px;font-style:normal;font-weight:700;line-height:140%}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65._pillarlogoFull_l2g8r_87 svg{width:32px;height:32px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65 svg{width:160px;height:54px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38 ._title_l2g8r_46 h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-h4)}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38 ._desc_l2g8r_56{margin-top:48px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageContentWrapper_l2g8r_4{margin:0}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageWrapper_l2g8r_14 svg{width:100%;min-height:570px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageWrapper_l2g8r_14,._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38{padding:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113{position:relative;overflow:hidden}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._svgBackgroundPillar_l2g8r_117{position:absolute;width:60%;top:0;bottom:0;pointer-events:none}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._pillarlogo_l2g8r_65{margin-bottom:32px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._pillarlogo_l2g8r_65 svg{width:32px;height:32px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-left_l2g8r_131 ._imageHolder_l2g8r_18{border-radius:200px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-right_l2g8r_134 ._imageHolder_l2g8r_18{border-radius:0 200px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-right_l2g8r_137 ._imageHolder_l2g8r_18{border-radius:0 0 200px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-left_l2g8r_140 ._imageHolder_l2g8r_18{border-radius:0 0 0 200px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageContentWrapper_l2g8r_4{margin:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageWrapper_l2g8r_14{position:relative;padding:0;z-index:1;margin-top:0;width:calc(100% + 32px);margin-left:-16px;margin-right:-15px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageHolder_l2g8r_18{padding:0;height:100%;width:100%;min-width:50vw;min-height:380px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageHolder_l2g8r_18:before{content:none}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageHolder_l2g8r_18 img{width:100%;height:100%;object-fit:cover;object-position:center}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38{padding-top:32px;padding-bottom:32px;padding-right:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176{margin-top:48px;list-style:none}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li{margin-bottom:12px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li ._listWrapper_l2g8r_183{display:flex;align-items:center}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li ._listWrapper_l2g8r_183 svg{flex-shrink:0;margin-right:8px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38 ._list_l2g8r_176 li:last-child{margin-bottom:0}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194{overflow-x:hidden}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65{display:flex;margin-bottom:48px;align-items:center}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65 p{margin-left:16px;font-size:18px;font-style:normal;font-weight:700;line-height:140%}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65._pillarlogoFull_l2g8r_87 svg{width:32px;height:32px}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._pillarlogo_l2g8r_65 svg{width:160px;height:54px}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._imageContentWrapper_l2g8r_4{min-height:725px}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._imageHolder_l2g8r_18{min-width:50vw;border-radius:0;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;position:relative}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._imageHolder_l2g8r_18 ._clipPath_l2g8r_228{position:absolute;top:0;bottom:0;color:var(--color-block-bg)}._imageContent_l2g8r_1._imageContentFluid_l2g8r_194 ._content_l2g8r_38{padding-top:32px;padding-bottom:32px}@media screen and (min-width:1200px){._imageContentWrapper_l2g8r_4{margin:0 -52px}._imageContent_l2g8r_1 ._imageWrapper_l2g8r_14{width:50%;padding:0 52px;margin-top:0}._imageContent_l2g8r_1 ._content_l2g8r_38{width:50%;padding:0 52px}._imageContent_l2g8r_1._left_l2g8r_4 ._imageContentWrapper_l2g8r_4{flex-direction:row}._imageContent_l2g8r_1._right_l2g8r_7 ._imageContentWrapper_l2g8r_4{flex-direction:row-reverse}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65{margin-bottom:72px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._pillarlogo_l2g8r_65 svg{width:auto;height:auto}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageContentWrapper_l2g8r_4{margin:0 -44px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._imageWrapper_l2g8r_14,._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38{padding:0 44px}._imageContent_l2g8r_1._maskedImageContent_l2g8r_75 ._content_l2g8r_38{margin-top:72px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._pillarlogo_l2g8r_65{margin-bottom:48px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-left_l2g8r_131 ._imageHolder_l2g8r_18{border-radius:500px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._top-right_l2g8r_134 ._imageHolder_l2g8r_18{border-radius:0 500px 0 0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-right_l2g8r_137 ._imageHolder_l2g8r_18{border-radius:0 0 500px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113._bottom-left_l2g8r_140 ._imageHolder_l2g8r_18{border-radius:0 0 0 500px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageContentWrapper_l2g8r_4{margin:0;min-height:935px}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._imageWrapper_l2g8r_14{width:50%;margin-left:0;margin-right:0}._imageContent_l2g8r_1._imageContentFull_l2g8r_113 ._content_l2g8r_38{padding-right:198px;padding-left:0}}._button_1r8hm_1{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:linear all .3s;font-family:var(--font);border-radius:48px;background:var(--color-bg-btn);color:var(--color-text-btn)}._button_1r8hm_1 span{font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button)}._button_1r8hm_1._solid_1r8hm_19:hover:enabled,._button_1r8hm_1._solid_1r8hm_19:hover{background:var(--color-text-btn);color:var(--color-bg-btn)}._button_1r8hm_1._hollow_1r8hm_23{background:transparent;border:1px solid var(--color-bg-btn);color:var(--color-text-btn)}._button_1r8hm_1._hollow_1r8hm_23:hover:enabled,._button_1r8hm_1._hollow_1r8hm_23:hover{background:var(--color-bg-btn)}._button_1r8hm_1._noBorder_1r8hm_31{background:transparent;color:var(--color-text-btn)}._button_1r8hm_1._noBorder_1r8hm_31 span{text-decoration:underline}._button_1r8hm_1._noBorder_1r8hm_31:hover:enabled,._button_1r8hm_1._noBorder_1r8hm_31:hover{background:var(--color-bg-btn)}._button_1r8hm_1._default_1r8hm_41{padding:var(--spacing-1\/2) var(--spacing-2);min-height:50px}._button_1r8hm_1._default_1r8hm_41._noBorder_1r8hm_31{padding:var(--spacing-1\/2) var(--spacing-2)}._button_1r8hm_1._large_1r8hm_48{padding:var(--spacing-1\/2) var(--spacing-2-1\/2);height:54px}._button_1r8hm_1._large_1r8hm_48._noBorder_1r8hm_31{padding:var(--spacing-1\/2) var(--spacing-2-1\/2)}._button_1r8hm_1._small_1r8hm_55{padding:var(--spacing-1\/4) var(--spacing-3\/4);min-height:32px}._button_1r8hm_1._small_1r8hm_55._noBorder_1r8hm_31{padding:var(--spacing-1\/4) var(--spacing-1\/2)}._button_1r8hm_1 ._secondaryIcon_1r8hm_62{margin-left:24px}._button_1r8hm_1 ._secondaryIcon_1r8hm_62 svg{flex-shrink:0;height:24px;width:24px}._footer_1a63j_1{width:100%}._footer_1a63j_1 ._container_1a63j_4{max-width:1832px;margin:0 auto}._footer_1a63j_1 ._footerTop_1a63j_8{border-radius:12px 12px 0 0;background-color:var(--color-taste);padding:24px 16px}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13{color:var(--color-visit)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16{align-items:center}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h1{font-size:var(--font-size-h5);font-weight:var(--font-weight-h4);line-height:var(--line-height-h4)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h2{font-size:var(--font-size-h5);font-weight:var(--font-weight-bold);line-height:var(--line-height-h5);padding-bottom:32px}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopRight_1a63j_30 p{font-size:var(--font-size-body-regular)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerBgDesignContainer_1a63j_33{display:none}._footer_1a63j_1 ._footerMiddle_1a63j_36{background-color:var(--color-visit)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39{padding-top:35px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 img{padding-bottom:72px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 ._footerItem_1a63j_45 h3{color:var(--color-taste);font-size:var(--font-size-small);font-weight:var(--font-weight-h4)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 ._footerItem_1a63j_45 ul{display:none}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53{font-size:var(--font-size-regular)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56{display:flex}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59{padding:0 8px 0 0;padding-block:72px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59 ._footerLogo_1a63j_59{display:flex;background-color:#92c134;border-radius:50%;height:40px;width:40px;align-items:center;justify-content:center}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59 ._footerLogo_1a63j_59 a{display:flex;color:var(--color-inverse-text)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogoWrapper_1a63j_59 ._footerLogo_1a63j_59 a svg{height:24px;width:24px}._footer_1a63j_1 ._footerBottom_1a63j_56{background-color:var(--color-visit);padding-bottom:72px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLogo_1a63j_84{color:var(--font-color);font-size:var(--font-size-body-sm);padding-bottom:72px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 img{padding-bottom:24px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLinks_1a63j_92{display:flex;align-items:flex-end}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLinks_1a63j_92 ul{display:flex;gap:24px;list-style:none;padding:0;margin:0}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLinks_1a63j_92 ul a{color:var(--color-taste);font-size:var(--font-size-body-sm)}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56{display:none}@media screen and (min-width:1440px){._footer_1a63j_1 ._footerTop_1a63j_8{position:relative;padding:72px 0 0}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13{display:flex;gap:154px;justify-content:space-between}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16{display:flex;flex-direction:column;justify-content:center;align-items:start}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h1{font-size:var(--font-size-h3);font-weight:var(--font-weight-h1);line-height:var(--line-height-h3)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopLeft_1a63j_16 h2{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);line-height:var(--line-height-h3)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopRight_1a63j_30{display:flex;justify-content:center;align-items:center}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerTopWrapper_1a63j_13 ._footerTopRight_1a63j_30 p{font-size:var(--font-size-small)}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerBgDesignContainer_1a63j_33{display:block;position:absolute;top:0;bottom:0;right:96px}._footer_1a63j_1 ._footerTop_1a63j_8 ._footerBgDesignContainer_1a63j_33 svg{height:100%}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39{display:flex;flex-wrap:wrap;padding-top:64px;padding-bottom:32px}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleWrapper_1a63j_39 ._footerLogoContainer_1a63j_160{flex:1}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53{display:flex;flex-grow:1;flex-wrap:wrap}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerMiddleLinks_1a63j_53 ._footerSocialMediaLogos_1a63j_56 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56{display:none}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45{width:20%}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45 h3{padding-bottom:28px;font-weight:var(--font-weight-body-sm)}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45 ul{display:block!important;gap:16px;list-style:none;padding:0;margin:0}._footer_1a63j_1 ._footerMiddle_1a63j_36 ._footerItem_1a63j_45 a{color:var(--color-sand);font-size:var(--font-size-body-xsm)}._footer_1a63j_1 ._footerBottom_1a63j_56{padding-bottom:38px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84{display:flex;justify-content:space-between}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84{display:flex;gap:166px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomLeft_1a63j_84 ._footerBottomLeftWrapper_1a63j_84 ._footerBottomLeftLogo_1a63j_84{padding-bottom:0}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56{display:flex;align-items:flex-end}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56{display:flex;gap:16px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogo_1a63j_59{display:flex;background-color:var(--color-taste);border-radius:50%;height:40px;width:40px;align-items:center;justify-content:center}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogo_1a63j_59 a{display:flex;color:var(--color-visit)}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerLogo_1a63j_59 a svg{height:24px;width:24px}._footer_1a63j_1 ._footerBottom_1a63j_56 ._footerBottomWrapper_1a63j_84 ._footerBottomRight_1a63j_56 ._footerBottomRightWrapper_1a63j_56 ._footerMiddleSocialMediaWrapper_1a63j_228{display:flex}}._header_pd1mj_1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-taste)}._header_pd1mj_1._active_pd1mj_5{background:var(--header-bg)}._header_pd1mj_1 ._headerWrapper_pd1mj_8{display:flex;align-items:flex-end;justify-content:space-between;min-height:60px}._header_pd1mj_1 ._headerLogo_pd1mj_14{display:flex;padding-bottom:14px}._header_pd1mj_1 ._headerLogo_pd1mj_14 a{display:flex}._header_pd1mj_1 ._logo_pd1mj_21{display:none}._header_pd1mj_1 ._logoSmall_pd1mj_24{display:block}._header_pd1mj_1 ._headerRightWrapper_pd1mj_27{display:flex;align-items:center;margin:0 -12px}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32{padding:0 12px 12px;transition:all .3s ease-in}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32 a{display:flex;align-items:center;color:var(--header-color);font-size:24px;font-weight:400;line-height:1.5;cursor:pointer}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32 a ._icon_pd1mj_45{display:flex}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32 a ._icon_pd1mj_45 svg{margin-left:20px;flex-shrink:0;width:24px;height:24px}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32 ._menuDropdown_pd1mj_54{position:absolute;top:0;left:0;right:0;width:100%;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32:hover a{color:var(--font-color)}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32:hover ._menuDropdown_pd1mj_54{opacity:1;transform:translateY(0);pointer-events:auto}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32._active_pd1mj_5 a{color:var(--font-color)}@media screen and (min-width:1648px){._header_pd1mj_1 ._headerRightWrapper_pd1mj_27{display:flex;align-items:center;margin:0 -28px}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32{padding:0 28px 30px}}@media screen and (min-width:992px){._header_pd1mj_1 ._headerWrapper_pd1mj_8{min-height:96px}._header_pd1mj_1 ._logo_pd1mj_21{display:block}._header_pd1mj_1 ._logoSmall_pd1mj_24{display:none}._header_pd1mj_1 ._headerBottomItemHolder_pd1mj_32{padding-bottom:30px}}._hero_8fe50_1{background:var(--color-bg)}._heroLarge_8fe50_4{position:relative;min-height:494px;overflow-x:hidden}._heroLarge_8fe50_4 ._heroImg_8fe50_9{position:absolute;inset:0;border-radius:0 0 76.25px;overflow:hidden;background:linear-gradient(180deg,#00000080,#0000 41.35%),linear-gradient(0deg,#7c847b0d 0% 100%),#000}._heroLarge_8fe50_4 ._heroImg_8fe50_9 img{width:100%;height:100%;object-fit:cover;object-position:center}._heroLarge_8fe50_4 ._heroWrapper_8fe50_25{position:relative;z-index:10;width:100%;height:100%;padding-top:104px;color:var(--color-text)}._heroLarge_8fe50_4 ._heroWrapper_8fe50_25 h1{max-width:898px;font-size:44px;line-height:1;font-weight:400;letter-spacing:-1.76px}._heroLarge_8fe50_4 ._heroWrapper_8fe50_25 h1 span{font-weight:700}._heroLarge_8fe50_4 ._heroSvg_8fe50_43{color:var(--color-text);position:absolute;z-index:5;left:0;bottom:0;height:165px}._heroMedium_8fe50_51{position:relative;overflow-x:hidden}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25{display:flex;min-height:72vh;flex-wrap:wrap}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25 ._content_8fe50_60{display:flex;flex-direction:column;justify-content:center;width:100%;padding:20px 0;color:var(--color-text)}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25 ._content_8fe50_60 h1{max-width:604px;font-size:var(--font-size-h2);line-height:1;font-weight:400;letter-spacing:-5.6px}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25 ._content_8fe50_60 h1 span{font-weight:700}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25 ._content_8fe50_60 p{font-size:24px;line-height:1.3;font-weight:400;margin-top:72px;max-width:604px}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25 ._heroImg_8fe50_9{overflow:hidden;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;position:relative}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25 ._heroImg_8fe50_9 img{height:100%;width:100%;object-fit:cover;object-position:center;min-height:360px;display:block}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25 ._heroImg_8fe50_9 ._clipPath_8fe50_100{position:absolute;top:0;left:0;bottom:0;height:100%;color:var(--color-block-bg);pointer-events:none}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25 ._heroImg_8fe50_9 ._clipPath_8fe50_100 svg{height:100%}._heroSmall_8fe50_112{position:relative}._heroSmall_8fe50_112 ._heroWrapper_8fe50_25{display:flex;min-height:600px;flex-wrap:wrap}._heroSmall_8fe50_112 ._heroWrapper_8fe50_25 ._content_8fe50_60{display:flex;flex-direction:column;justify-content:center;width:100%;color:var(--color-text);padding:100px 0}._heroSmall_8fe50_112 ._heroWrapper_8fe50_25 ._content_8fe50_60 h1{max-width:604px;font-size:var(--font-size-h3);line-height:1;font-weight:400;letter-spacing:-3.6px}._heroSmall_8fe50_112 ._heroWrapper_8fe50_25 ._content_8fe50_60 h1 span{font-weight:700}._heroSmall_8fe50_112 ._heroWrapper_8fe50_25 ._content_8fe50_60 p{font-size:24px;line-height:1.3;font-weight:400;margin-top:90px;max-width:604px}._heroSmall_8fe50_112 ._heroWrapper_8fe50_25 ._heroImg_8fe50_9{overflow:hidden;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;position:relative}._heroSmall_8fe50_112 ._heroWrapper_8fe50_25 ._heroImg_8fe50_9 img{width:100%;height:100%;object-fit:cover;object-position:center}._heroSmall_8fe50_112 ._heroWrapper_8fe50_25 ._heroImg_8fe50_9 ._clipPath_8fe50_100{position:absolute;top:0;left:0;bottom:0;width:100%;color:var(--color-block-bg);pointer-events:none}._heroSmall_8fe50_112 ._heroWrapper_8fe50_25 ._heroImg_8fe50_9 ._clipPath_8fe50_100 svg{height:100%}@media screen and (min-width:992px){._heroLarge_8fe50_4{min-height:100vh}._heroLarge_8fe50_4 ._heroImg_8fe50_9{border-radius:0 0 366px}._heroLarge_8fe50_4 ._heroWrapper_8fe50_25 h1{font-size:var(--font-size-h1);letter-spacing:-1.68px}._heroLarge_8fe50_4 ._heroWrapper_8fe50_25{padding-top:207px}._heroLarge_8fe50_4 ._heroSvg_8fe50_43{height:340px}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25 ._content_8fe50_60{width:50%;padding:60px 0}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25 ._content_8fe50_60 p{margin-top:90px}._heroMedium_8fe50_51 ._heroWrapper_8fe50_25 ._heroImg_8fe50_9{margin-right:calc((100vw - 100%)*-1);width:50vw;margin-left:0}._heroSmall_8fe50_112 ._heroWrapper_8fe50_25 ._content_8fe50_60{width:50%;padding:10px 0}._heroSmall_8fe50_112 ._heroWrapper_8fe50_25 ._heroImg_8fe50_9{margin-right:calc((100vw - 100%)*-1);width:50vw;margin-left:0}}@media screen and (min-width:1400px){._heroLarge_8fe50_4 ._heroWrapper_8fe50_25 h1{letter-spacing:-7.68px}}._megaMenu_mwars_1{position:absolute;right:0;left:0;background:var(--color-bg);top:97px;border-radius:0 0 366px;overflow-x:hidden}._megaMenu_mwars_1 ._pillarIcon_mwars_10{color:var(--color-text);padding-bottom:80px}._megaMenu_mwars_1 ._pillarIcon_mwars_10 svg{width:180px;height:62px}._megaMenu_mwars_1 ._megaMenuSvg_mwars_18{pointer-events:none;position:absolute;color:var(--color-text);bottom:0}._megaMenu_mwars_1 ._megaMenuHolder_mwars_24{height:100%;position:relative}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28{display:flex;flex-wrap:wrap;position:relative;min-height:calc(100vh - 96px)}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._right_mwars_34{width:40%}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37{padding:96px 120px 96px 0;width:60%}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul{list-style:none}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul li{margin-bottom:36px}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul li a{display:flex;align-items:center;justify-content:space-between;color:var(--color-text);font-size:var(--font-size-h5);font-weight:700;transition:all .3s ease-in-out}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul li a svg{margin-left:16px;transition:transform .3s ease-in-out}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul li a:hover svg{animation:_wiggle_mwars_1 .6s ease-in-out infinite}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37 ul li:last-child{margin-bottom:0}._megaMenu_mwars_1 ._preview_mwars_66{background:var(--color-sand);border-radius:0 0 366px;overflow-x:hidden;height:100%;min-width:50vw}._megaMenu_mwars_1 ._preview_mwars_66 ._previewImg_mwars_73{height:452px}._megaMenu_mwars_1 ._preview_mwars_66 ._previewImg_mwars_73 img{width:100%;height:100%;object-fit:cover}._megaMenu_mwars_1 ._preview_mwars_66 ._content_mwars_81{padding-top:64px;padding-left:72px;max-width:479px;color:var(--color-bg)}._megaMenu_mwars_1 ._preview_mwars_66 ._content_mwars_81 h5{font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:400;margin-bottom:48px}._megaMenu_mwars_1 ._preview_mwars_66 ._content_mwars_81 h5 span{font-weight:700}._megaMenu_mwars_1 ._preview_mwars_66 ._action_mwars_96{padding-top:48px;padding-bottom:24px;padding-left:72px}@media screen and (max-width:1340px){._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28{display:flex;flex-wrap:wrap;position:relative;min-height:878px}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._right_mwars_34{display:none}._megaMenu_mwars_1 ._megaMenuWrapper_mwars_28 ._left_mwars_37{padding:64px 0;width:100%}._megaMenu_mwars_1 ._preview_mwars_66 ._content_mwars_81{padding-top:64px;padding-left:72px}}@keyframes _wiggle_mwars_1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}._element_1ue3h_1{background-color:var(--color-block-bg);color:var(--color-block-text);position:relative}._elementInner_1ue3h_6{position:relative;z-index:1}._element--pt-none_1ue3h_10{padding-top:0}._element--pt-xsm_1ue3h_13{padding-top:72px}._element--pt-sm_1ue3h_16{padding-top:90px}._element--pt-md_1ue3h_19{padding-top:120px}._element--pt-lg_1ue3h_22{padding-top:144px}._element--pb-none_1ue3h_25{padding-bottom:0}._element--pb-xsm_1ue3h_28{padding-bottom:40px}._element--pb-sm_1ue3h_31{padding-bottom:48px}._element--pb-md_1ue3h_34{padding-bottom:90px}._element--pb-lg_1ue3h_37{padding-bottom:120px}._element--pb-xl_1ue3h_40{padding-bottom:144px}._element--mt-none_1ue3h_43{margin-top:0}._element--mt-xsm_1ue3h_46{margin-top:72px}._element--mt-sm_1ue3h_49{margin-top:90px}._element--mt-md_1ue3h_52{margin-top:120px}._element--mt-lg_1ue3h_55{margin-top:144px}._element--mb-none_1ue3h_58{margin-bottom:0}._element--mb-xsm_1ue3h_61{margin-bottom:72px}._element--mb-sm_1ue3h_64{margin-bottom:90px}._element--mb-md_1ue3h_67{margin-bottom:120px}._element--mb-lg_1ue3h_70{margin-bottom:144px}@media(max-width:992px){._element--pt-none_1ue3h_10{padding-top:0}._element--pt-xsm_1ue3h_13{padding-top:36px}._element--pt-sm_1ue3h_16{padding-top:45px}._element--pt-md_1ue3h_19{padding-top:60px}._element--pt-lg_1ue3h_22{padding-top:72px}._element--pb-none_1ue3h_25{padding-bottom:0}._element--pb-xsm_1ue3h_28{padding-bottom:20px}._element--pb-sm_1ue3h_31{padding-bottom:24px}._element--pb-md_1ue3h_34{padding-bottom:45px}._element--pb-lg_1ue3h_37{padding-bottom:60px}._element--pb-xl_1ue3h_40{padding-bottom:72px}._element--mt-none_1ue3h_43{margin-top:0}._element--mt-xsm_1ue3h_46{margin-top:36px}._element--mt-sm_1ue3h_49{margin-top:45px}._element--mt-md_1ue3h_52{margin-top:60px}._element--mt-lg_1ue3h_55{margin-top:72px}._element--mb-none_1ue3h_58{margin-bottom:0}._element--mb-xsm_1ue3h_61{margin-bottom:36px}._element--mb-sm_1ue3h_64{margin-bottom:45px}._element--mb-md_1ue3h_67{margin-bottom:60px}._element--mb-lg_1ue3h_70{margin-bottom:72px}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hellobetterdigitalnz/selwynui",
3
- "version": "0.0.1-2",
3
+ "version": "0.0.1-20",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",
@@ -29,6 +29,7 @@
29
29
  "react-dom": "^19.2.0",
30
30
  "react-icons": "^5.5.0",
31
31
  "sass": "^1.94.1",
32
+ "slick-carousel": "^1.8.1",
32
33
  "vite-plugin-dts": "^4.5.4"
33
34
  },
34
35
  "peerDependencies": {
package/src/Components/DataDisplay/Accordion/Accordion.tsx CHANGED
@@ -2,7 +2,6 @@ import styles from "./Accordion.module.scss";
2
2
  import AccordionProvider from "./AccordionProvider";
3
3
  import AccordionProps from "./AccordionProps.tsx";
4
4
  import ScrollFadeIn from "../../Shared/ScrollFadeIn/ScrollFadeIn.tsx";
5
- import React, { Children, useEffect, useState } from "react";
6
5
  import AccordionBgDesign from "./accordion-bg-design.tsx";
7
6
 
8
7
  const Accordion = (props: AccordionProps) => {
@@ -11,25 +10,24 @@ const Accordion = (props: AccordionProps) => {
11
10
  allowMultiple,
12
11
  title,
13
12
  content,
14
- image,
15
- activeId,
16
- onActiveIdChange
17
13
  } = props;
18
14
 
19
- const childrenArray = Children.toArray(children);
20
15
 
21
- const [isTabletOrLarger, setIsTabletOrLarger] = useState(
22
- typeof window !== "undefined" ? window.innerWidth >= 768 : false
23
- );
24
-
25
- useEffect(() => {
26
- const handleResize = () => {
27
- setIsTabletOrLarger(window.innerWidth >= 768);
28
- };
29
-
30
- window.addEventListener("resize", handleResize);
31
- return () => window.removeEventListener("resize", handleResize);
32
- }, []);
16
+ // const childrenArray = Children.toArray(children);
17
+
18
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
19
+ // const [isTabletOrLarger, setIsTabletOrLarger] = useState(
20
+ // typeof window !== "undefined" ? window.innerWidth >= 768 : false
21
+ // );
22
+ //
23
+ // useEffect(() => {
24
+ // const handleResize = () => {
25
+ // setIsTabletOrLarger(window.innerWidth >= 768);
26
+ // };
27
+ //
28
+ // window.addEventListener("resize", handleResize);
29
+ // return () => window.removeEventListener("resize", handleResize);
30
+ // }, []);
33
31
 
34
32
  return (
35
33
  <AccordionProvider allowMultiple={allowMultiple ?? false} >
package/src/Components/DataDisplay/DetailsCard/DetailsCard.stories.tsx CHANGED
@@ -13,11 +13,15 @@ type Story = StoryObj<typeof DetailsCard>
13
13
 
14
14
  export const live: Story = {
15
15
  args: {
16
- date: "6 Nov 2025",
17
- title: "This is a card title that is quite long and probably wraps over a few lines",
16
+ title: "Listing Name",
18
17
  image:"./img/card-one.png",
19
- link: '#',
18
+ link: {
19
+ title: 'Learn more',
20
+ href: '/',
21
+ target: '',
22
+ },
20
23
  variation: 'short'
24
+
21
25
  },
22
26
  };
23
27
 
package/src/Components/DataDisplay/DetailsCard/DetailsCard.tsx CHANGED
@@ -10,12 +10,15 @@ const DetailsCard = (props: DetailsCardProps) => {
10
10
  date = '',
11
11
  image = '',
12
12
  variation= 'long',
13
- link = '',
14
- category = 'all'
13
+ link = {},
14
+ category = 'all',
15
+ pillar = 'visit'
15
16
  } = props;
16
17
 
17
18
  const classes = [
18
19
  styles.detailsCard,
20
+ `${pillar}--light`,
21
+ "visit",
19
22
  "detailsCard",
20
23
  ];
21
24
 
@@ -24,11 +27,10 @@ const DetailsCard = (props: DetailsCardProps) => {
24
27
  }
25
28
 
26
29
 
27
- return <>
28
- {link ? <div className={cx(classes)} id={category}>
29
- <a href={link} className={`${styles.cardWrap} ${styles.detailsCardWithLink}`}>
30
+ return <div className={cx(classes)} id={category}>
31
+ <a href={link?.href} target={link.target} rel={link.rel} className={`${styles.cardWrap} ${styles.detailsCardWithLink}`}>
30
32
  {image && <div className={styles.cardImage}>
31
- <img src={image} />
33
+ <img src={image} alt={title} />
32
34
  </div>}
33
35
 
34
36
  <div className={styles.cardContent}>
@@ -43,45 +45,15 @@ const DetailsCard = (props: DetailsCardProps) => {
43
45
  {description}
44
46
  </div>}
45
47
  </div>
46
- {link && <div className={styles.cardLink}>
47
- Learn more
48
+ {link.title && <div className={styles.cardLink}>
49
+ {link.title}
48
50
  <span>
49
51
  <ArrowRight />
50
52
  </span>
51
53
  </div>}
52
54
  </div>
53
55
  </a>
54
- </div> : <div className={cx(classes)} id={category}>
55
- <div className={styles.cardWrap}>
56
- {image && <div className={styles.cardImage}>
57
- <img src={image} />
58
- </div>}
59
-
60
- <div className={styles.cardContent}>
61
- <div className={styles.cardBody}>
62
- {date && <div className={styles.cardDate}>
63
- <p>{date}</p>
64
- </div>}
65
- {title && <div className={`${styles.cardTitle} typography`}>
66
- <h6>{title}</h6>
67
- </div>}
68
- {description && <div className={`${styles.cardDesc} typography`}>
69
- {description}
70
- </div>}
71
- </div>
72
- {link && <div className={styles.cardLink}>
73
- <a href={link}>
74
- Learn more
75
- <span>
76
- <ArrowRight />
77
- </span>
78
- </a>
79
- </div>}
80
- </div>
81
- </div>
82
- </div>}
83
-
84
- </>
56
+ </div>
85
57
  }
86
58
 
87
59
  export default DetailsCard;
package/src/Components/DataDisplay/DetailsCard/DetailsCardProps.tsx CHANGED
@@ -3,7 +3,13 @@ interface DetailsCardProps {
3
3
  title?:string,
4
4
  description?:string,
5
5
  date?: string,
6
- link?:string,
6
+ link?: {
7
+ title?: string;
8
+ href?: string;
9
+ target?: "_blank" | "_self" | "_parent" | "_top";
10
+ rel?: string;
11
+ };
12
+ pillar?: 'visit' | 'live' | 'business' | 'participate' | 'taste'
7
13
  image?:string,
8
14
  variation?: "long" | "short";
9
15
  category?: 'all' | 'adventure' | 'ski' | 'nature',
package/src/Components/DataDisplay/DetailsCard/detailsCard.module.scss CHANGED
@@ -9,16 +9,20 @@
9
9
  min-height: 274px;
10
10
  }
11
11
 
12
+ &:hover {
13
+ background-color: var(--pathway-card-hover-bg);
14
+ border:1px solid var(--pathway-card-hover-text);
15
+
16
+ .cardContent {
17
+ color: var(--pathway-card-hover-text);
18
+ }
19
+
20
+ }
21
+
12
22
  }
13
23
 
14
24
  .detailsCardWithLink {
15
25
  color: var(--pathway-card-text);
16
- transition: all ease 0.3s;
17
-
18
- &:hover {
19
- background-color: var(--pathway-card-hover-bg);
20
- color: var(--pathway-card-hover-text);
21
- }
22
26
  }
23
27
 
24
28
  .cardImage {
@@ -58,10 +62,6 @@
58
62
  .detailsCardShort & {
59
63
  min-height: 274px;
60
64
  }
61
-
62
- &:hover {
63
- border-radius: 12px;
64
- }
65
65
  }
66
66
 
67
67
  .cardContent {
package/src/Components/DataDisplay/ImageContent/ImageContent.stories.tsx CHANGED
@@ -3,6 +3,7 @@ import React from "react"
3
3
  import { Meta, StoryObj } from "@storybook/react-vite";
4
4
  import ImageContent from "./ImageContent";
5
5
  import ElementHolder from "../../Shared/ElementHolder/ElementHolder";
6
+ import Button from "../../Form/Button/Button";
6
7
 
7
8
 
8
9
  const meta: Meta = {
@@ -29,7 +30,13 @@ const ImageContentTemplate: Story = {
29
30
  pillar={'live'}
30
31
  level={'light'}
31
32
  >
32
- <ImageContent/>
33
+ <ImageContent
34
+ title={'Lorem'}
35
+ boldTitle={'ipsum dolor'}
36
+ content={'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat'}
37
+ action={<Button style={'solid'} pillar={'live'} label={'LOREM IPSUM'}/>}
38
+ alignment={'left'}
39
+ />
33
40
  </ElementHolder>
34
41
  </>
35
42
  )
@@ -59,6 +66,38 @@ const ImageContentMaskedTemplate: Story = {
59
66
  'https://images.pexels.com/photos/1563356/pexels-photo-1563356.jpeg',
60
67
  ],
61
68
  }}
69
+ title={'Lorem'}
70
+ boldTitle={'ipsum dolor'}
71
+ displayFullLogo={false}
72
+ content={'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat'}
73
+ action={<Button style={'solid'} pillar={'taste'} level={"secondary"} label={'LOREM IPSUM'}/>}
74
+ />
75
+ </ElementHolder>
76
+ </>
77
+ )
78
+ }
79
+ }
80
+
81
+ const ImageContentFluidTemplate : Story = {
82
+ render: () => {
83
+
84
+ return (
85
+ <>
86
+ <ElementHolder
87
+ paddingTop={'none'}
88
+ paddingBottom={'none'}
89
+ pillar={'taste'}
90
+ level={'primary'}
91
+ >
92
+ <ImageContent
93
+ rendition={'fluid'}
94
+ pillar={'live'}
95
+ imageSrc={'https://images.pexels.com/photos/1563356/pexels-photo-1563356.jpeg'}
96
+ title={'Lorem'}
97
+ boldTitle={'ipsum dolor'}
98
+ displayFullLogo={false}
99
+ content={'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat'}
100
+ action={<Button style={'solid'} pillar={'taste'} level={"secondary"} label={'LOREM IPSUM'}/>}
62
101
  />
63
102
  </ElementHolder>
64
103
  </>
@@ -80,11 +119,8 @@ const ImageContentFullTemplate: Story = {
80
119
  <ImageContent
81
120
  rendition={'full'}
82
121
  pillar={'live'}
83
- images={{
84
- single: [
85
- 'https://images.pexels.com/photos/1563356/pexels-photo-1563356.jpeg',
86
- ],
87
- }}
122
+ title={'More life'}
123
+ boldTitle={'less fuss'}
88
124
  list={[
89
125
  {
90
126
  id:'1',
@@ -99,7 +135,9 @@ const ImageContentFullTemplate: Story = {
99
135
  label:'What are you doing'
100
136
  }
101
137
  ]}
102
- imageBorder={'top'}
138
+ imageBorder={'top-right'}
139
+ alignment={'right'}
140
+ imageSrc={'https://images.pexels.com/photos/1563356/pexels-photo-1563356.jpeg'}
103
141
  />
104
142
  </ElementHolder>
105
143
  <ElementHolder
@@ -111,11 +149,6 @@ const ImageContentFullTemplate: Story = {
111
149
  <ImageContent
112
150
  rendition={'full'}
113
151
  pillar={'live'}
114
- images={{
115
- single: [
116
- 'https://images.pexels.com/photos/1563356/pexels-photo-1563356.jpeg',
117
- ],
118
- }}
119
152
  list={[
120
153
  {
121
154
  id:'1',
@@ -130,6 +163,7 @@ const ImageContentFullTemplate: Story = {
130
163
  label:'What are you doing'
131
164
  }
132
165
  ]}
166
+ imageSrc={'https://images.pexels.com/photos/1563356/pexels-photo-1563356.jpeg'}
133
167
  />
134
168
  </ElementHolder>
135
169
  </>
@@ -147,4 +181,8 @@ export const ImageContentMaskedComponent = {
147
181
 
148
182
  export const ImageContentFullTemplateComponent ={
149
183
  ...ImageContentFullTemplate
184
+ }
185
+
186
+ export const ImageContentFluidTemplateComponent ={
187
+ ...ImageContentFluidTemplate
150
188
  }
package/src/Components/DataDisplay/ImageContent/ImageContent.tsx CHANGED
@@ -10,7 +10,6 @@ const ImageContent = (props: ImageContentProps) => {
10
10
  const {
11
11
  pillar,
12
12
  displayFullLogo = false,
13
- displayIconWithTitle = false,
14
13
  title,
15
14
  boldTitle,
16
15
  content,
@@ -18,27 +17,33 @@ const ImageContent = (props: ImageContentProps) => {
18
17
  images,
19
18
  imageSrc,
20
19
  alignment = "right",
21
- imageBorder = "bottom",
20
+ imageBorder = "top-right",
22
21
  rendition = "contained",
23
22
  list,
24
23
  } = props;
25
24
 
25
+ const pillarLogo = (
26
+ <div className={`${styles.pillarlogo} ${!displayFullLogo ? styles.pillarlogoFull : ''}`}>
27
+ <PillarLogo brandPillar={pillar} brandFullLogo={displayFullLogo}/>
28
+ {!displayFullLogo && <p>
29
+ {pillar === "main" && "Visit"}
30
+ {pillar === "live" && "Live"}
31
+ {pillar === "visit" && "Vist"}
32
+ {pillar === "taste" && "Taste"}
33
+ {pillar === "business" && "Business"}
34
+ {pillar === "participate" && "Participate"}
35
+ </p>}
36
+ </div>
37
+ )
38
+
26
39
 
27
40
  if (rendition === 'full'){
28
- return <div className={`${styles.imageContent} ${styles.imageContentFull} ${styles[alignment]} ${styles[imageBorder]} `}>
41
+ return <div className={`${styles.imageContent} ${styles.imageContentFull} ${styles[imageBorder]} `}>
29
42
  <Container>
30
43
  <div className={styles.imageContentWrapper}>
31
- <div className={styles.imageWrapper}>
32
- <div className={styles.imageHolder}>
33
- {imageSrc && <img src={imageSrc}/>}
34
- </div>
35
- </div>
36
44
  <div className={styles.content}>
37
45
  <div className={styles.contentWrapper}>
38
- <div className={styles.pillarlogo}>
39
- <PillarLogo brandPillar={pillar} brandFullLogo={displayFullLogo}/>
40
- {<p>Pillar Title</p>}
41
- </div>
46
+ {pillarLogo}
42
47
  <div className={styles.title}>
43
48
  <h3>
44
49
  {title}
@@ -48,9 +53,9 @@ const ImageContent = (props: ImageContentProps) => {
48
53
  </>)}
49
54
  </h3>
50
55
  </div>
51
- <div className={styles.desc}>
52
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
53
- </div>
56
+ {content && <div className={styles.desc}>
57
+ <p>{content}</p>
58
+ </div>}
54
59
  {list && <ul className={styles.list}>
55
60
  {list.map((i) => (
56
61
  <li key={i.id}>
@@ -66,11 +71,55 @@ const ImageContent = (props: ImageContentProps) => {
66
71
  </div>}
67
72
  </div>
68
73
  </div>
74
+ <div className={styles.imageWrapper}>
75
+ <div className={styles.imageHolder}>
76
+ {imageSrc && <img src={imageSrc}/>}
77
+ </div>
78
+ </div>
69
79
  </div>
70
80
  </Container>
71
- <div className={styles.svgBackgroundPillar}>
81
+ {pillar && <div className={styles.svgBackgroundPillar}>
72
82
  <PillarIcon pillar={pillar}/>
73
- </div>
83
+ </div>}
84
+ </div>
85
+ }
86
+
87
+ if(rendition === "fluid"){
88
+ return <div className={`${styles.imageContent} ${styles.imageContentFluid} ${styles[alignment]}`}>
89
+ <Container>
90
+ <div className={styles.imageContentWrapper}>
91
+ <div className={styles.imageWrapper}>
92
+ <div className={styles.imageHolder}>
93
+ {imageSrc && <img src={imageSrc}/>}
94
+ <div className={styles.clipPath}>
95
+ <svg xmlns="http://www.w3.org/2000/svg" width="362" height="725" viewBox="0 0 362 725" fill="none">
96
+ <path d="M0 0C0 296.003 141.877 559.012 361.463 725H0V0Z" fill="currentColor"/>
97
+ </svg>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ <div className={styles.content}>
102
+ <div className={styles.contentWrapper}>
103
+ {pillarLogo}
104
+ <div className={styles.title}>
105
+ <h3>
106
+ {title}
107
+ {boldTitle && (<>
108
+ <br/>
109
+ <span>{boldTitle}</span>
110
+ </>)}
111
+ </h3>
112
+ </div>
113
+ <div className={styles.desc}>
114
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
115
+ </div>
116
+ {action && <div className={styles.action}>
117
+ {action}
118
+ </div>}
119
+ </div>
120
+ </div>
121
+ </div>
122
+ </Container>
74
123
  </div>
75
124
  }
76
125
 
@@ -88,9 +137,7 @@ const ImageContent = (props: ImageContentProps) => {
88
137
  {/* CONTENT */}
89
138
  <div className={styles.content}>
90
139
  <div className={styles.contentWrapper}>
91
- <div className={styles.pillarlogo}>
92
- <PillarLogo brandPillar={pillar} brandFullLogo={displayFullLogo}/>
93
- </div>
140
+ {pillarLogo}
94
141
  <div className={styles.title}>
95
142
  <h4>{title}</h4>
96
143
  </div>
@@ -134,7 +181,7 @@ const ImageContent = (props: ImageContentProps) => {
134
181
  <p>{content}</p>
135
182
  </div>}
136
183
  {action && <div className={styles.action}>
137
- <button>LOREM IPSUM</button>
184
+ {action}
138
185
  </div>}
139
186
  </div>
140
187
  </div>
package/src/Components/DataDisplay/ImageContent/ImageContentProps.tsx CHANGED
@@ -10,6 +10,7 @@ export type PillarType =
10
10
 
11
11
  export type RenditionType =
12
12
  | "full"
13
+ | "fluid"
13
14
  | "contained"
14
15
  | "masked";
15
16
 
@@ -34,7 +35,7 @@ export interface ImageContentProps {
34
35
  images?: ImageSet;
35
36
  imageSrc?:string;
36
37
  alignment?: 'left' | 'right';
37
- imageBorder?: 'top' | 'bottom'
38
+ imageBorder?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'
38
39
  rendition?: RenditionType;
39
40
  list?: Item[];
40
41
  }