@digital-b2c/coreui-kit 0.1.0 → 0.2.1

package/dist/index.css

@@ -1,5 +1,23 @@
+/* src/components/Picture/Picture.module.scss */
+.Picture_module_image-desktop {
+  display: block;
+}
+@media (max-width: 768px) {
+  .Picture_module_image-desktop {
+    display: none;
+  }
+}
+.Picture_module_image-mobile {
+  display: none;
+}
+@media (max-width: 768px) {
+  .Picture_module_image-mobile {
+    display: block;
+  }
+}
+
 /* src/components/Button/Button.module.scss */
-.button {
+.Button_module_button {
   width: fit-content;
   overflow: hidden;
   cursor: pointer;
@@ -17,22 +35,23 @@
   background: rgba(255, 255, 255, 0);
   font-family: var(--font-family-primary);
   font-size: var(--font-size-md);
-  font-weight: var(--font-weight-regular);
+  font-weight: var(--font-weight-medium);
   line-height: var(--line-height-normal);
   letter-spacing: -0.5%;
   position: relative;
+  transition: all 0.2s ease-in-out;
 }
-.button:hover {
+.Button_module_button:hover {
   text-decoration: none;
   background: rgba(255, 255, 255, 0.2);
 }
-.button:active {
+.Button_module_button:active {
   background: rgba(255, 255, 255, 0.3019607843);
 }
-.button.fullWidth {
+.Button_module_button.Button_module_fullWidth {
   width: 100%;
 }
-.button.primary {
+.Button_module_button.Button_module_primary {
   color: var(--color-white);
   background:
     radial-gradient(
@@ -41,7 +60,7 @@
       #1b1b1b 100%);
   border: 1px solid #000000;
 }
-.button.primary:hover {
+.Button_module_button.Button_module_primary:hover {
   background:
     linear-gradient(
       0deg,
@@ -52,10 +71,10 @@
       #000000 0%,
       #1b1b1b 100%);
 }
-.button.primary:active {
+.Button_module_button.Button_module_primary:active {
   background: #0e0e0e;
 }
-.button.primary:focus {
+.Button_module_button.Button_module_primary:focus {
   background:
     linear-gradient(
       0deg,
@@ -67,87 +86,87 @@
       #1b1b1b 100%);
   outline: 4px solid var(--color-link);
 }
-.button.secondary {
+.Button_module_button.Button_module_secondary {
   color: var(--color-black);
   background: var(--color-white);
   border: 1px solid #c2c2c2;
 }
-.button.secondary:hover {
+.Button_module_button.Button_module_secondary:hover {
   background: #eeeeee;
 }
-.button.secondary:active {
+.Button_module_button.Button_module_secondary:active {
   background: #e3e3e3;
 }
-.button.secondary:focus {
+.Button_module_button.Button_module_secondary:focus {
   background: #eeeeee;
   outline: 4px solid var(--color-link);
 }
-.button.ghost {
+.Button_module_button.Button_module_ghost {
   color: var(--color-black);
   background: var(--color-white);
   border: none;
 }
-.button.ghost:hover {
+.Button_module_button.Button_module_ghost:hover {
   background: #eeeeee;
 }
-.button.ghost:active {
+.Button_module_button.Button_module_ghost:active {
   background: #c3c3c3;
 }
-.button.ghost:focus {
+.Button_module_button.Button_module_ghost:focus {
   background: #eeeeee;
   outline: 4px solid var(--color-link);
 }
-.button.nofill {
+.Button_module_button.Button_module_nofill {
   color: var(--color-white);
   background: transparent;
   border: none;
 }
-.button.nofill:hover {
+.Button_module_button.Button_module_nofill:hover {
   background: rgba(255, 255, 255, 0.2);
 }
-.button.nofill:active {
+.Button_module_button.Button_module_nofill:active {
   background: rgba(255, 255, 255, 0.3019607843);
 }
-.button.nofill:focus {
+.Button_module_button.Button_module_nofill:focus {
   background: rgba(255, 255, 255, 0.2);
   outline: 4px solid var(--color-link);
 }
-.button.nofillblack {
+.Button_module_button.Button_module_nofillblack {
   color: var(--color-black);
   background: transparent;
   border: none;
 }
-.button.nofillblack:hover {
+.Button_module_button.Button_module_nofillblack:hover {
   background: rgba(229, 229, 229, 0.5019607843);
 }
-.button.nofillblack:active {
+.Button_module_button.Button_module_nofillblack:active {
   background: rgba(203, 203, 203, 0.5019607843);
 }
-.button.nofillblack:focus {
+.Button_module_button.Button_module_nofillblack:focus {
   background: rgba(229, 229, 229, 0.5019607843);
   outline: 4px solid var(--color-link);
 }
-.button.grey {
+.Button_module_button.Button_module_grey {
   color: var(--color-white);
   background: transparent;
   border: 1px solid #949494;
 }
-.button.grey:hover {
+.Button_module_button.Button_module_grey:hover {
   background: rgba(255, 255, 255, 0.2);
 }
-.button.grey:active {
+.Button_module_button.Button_module_grey:active {
   background: rgba(93, 93, 93, 0.9019607843);
 }
-.button.grey:focus {
+.Button_module_button.Button_module_grey:focus {
   background: rgba(255, 255, 255, 0.2);
   outline: 4px solid var(--color-link);
 }
-.button.shiny {
+.Button_module_button.Button_module_shiny {
   color: var(--color-white);
   background: transparent;
   border: none;
 }
-.button.shiny::before {
+.Button_module_button.Button_module_shiny::before {
   content: "";
   position: absolute;
   inset: 0;
@@ -158,21 +177,27 @@
       #ffffff,
       rgba(153, 153, 153, 0.39));
   border-radius: inherit;
-  animation: rotateGradient 2s linear infinite;
+  animation: Button_module_rotateGradient 2s ease-in infinite;
   -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   pointer-events: none;
 }
-.button.shiny:hover {
+.Button_module_button.Button_module_shiny:hover {
   background: rgba(255, 255, 255, 0.2);
 }
-.button.shiny:focus {
+.Button_module_button.Button_module_shiny:focus {
   background: transparent;
   outline: 4px solid var(--color-link);
 }
+.Button_module_button .Button_module_icon,
+.Button_module_button .Button_module_logo {
+  width: 24px;
+  height: 24px;
+  object-fit: contain;
+}
 @property --angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
-@keyframes rotateGradient {
+@keyframes Button_module_rotateGradient {
   from {
     --angle: 0deg;
   }
@@ -181,8 +206,119 @@
   }
 }
 
+/* src/components/BrandsStrip/BrandsStrip.module.scss */
+.BrandsStrip_module_brandsStrip {
+  display: flex;
+  height: 116px;
+  padding: 16px;
+  position: relative;
+  overflow: hidden;
+}
+.BrandsStrip_module_brandsStrip.BrandsStrip_module_light {
+  background:
+    linear-gradient(
+      89.48deg,
+      rgba(255, 255, 255, 0.25) -2.75%,
+      rgba(153, 153, 153, 0) 187.82%);
+  backdrop-filter: blur(7.45513px);
+}
+.BrandsStrip_module_brandsStrip.BrandsStrip_module_light::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  padding: 0.75px;
+  border: 0.75px solid;
+  background:
+    linear-gradient(
+      89.06deg,
+      rgba(153, 153, 153, 0.39) -2.28%,
+      rgba(255, 255, 255, 0.39) 101.91%);
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  pointer-events: none;
+}
+.BrandsStrip_module_brandsStrip.BrandsStrip_module_dark {
+  background-color: var(--color-black);
+}
+.BrandsStrip_module_brandsStrip.BrandsStrip_module_small {
+  height: 80px;
+}
+.BrandsStrip_module_brandsStrip.BrandsStrip_module_small .BrandsStrip_module_logoWrapper {
+  height: 49px;
+  width: 183px;
+}
+.BrandsStrip_module_brandsStrip .BrandsStrip_module_container {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 16px;
+  width: 100%;
+  height: 100%;
+  transition: filter 0.3s ease;
+}
+.BrandsStrip_module_brandsStrip .BrandsStrip_module_container .BrandsStrip_module_title {
+  color: var(--color-white);
+}
+.BrandsStrip_module_brandsStrip .BrandsStrip_module_container.BrandsStrip_module_blurred {
+  filter: blur(15px);
+  cursor: pointer;
+}
+.BrandsStrip_module_brandsStrip .BrandsStrip_module_logos {
+  display: flex;
+  gap: 120px;
+}
+.BrandsStrip_module_brandsStrip .BrandsStrip_module_logos.BrandsStrip_module_marquee {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+.BrandsStrip_module_brandsStrip .BrandsStrip_module_logos.BrandsStrip_module_marquee .BrandsStrip_module_logoWrapper {
+  --marquee-duration: 8s;
+  --marquee-item-width: 258px;
+  --marquee-gap: 120px;
+  --total-distance: calc( (var(--marquee-item-width) + var(--marquee-gap)) * var(--total-items) );
+  position: absolute;
+  inset-inline-start: 100%;
+  width: var(--marquee-item-width);
+  animation: BrandsStrip_module_scrollIndividual var(--marquee-duration) linear infinite;
+  animation-delay: calc(var(--marquee-duration) / var(--total-items) * var(--item-index) * -1);
+}
+.BrandsStrip_module_brandsStrip .BrandsStrip_module_logos.BrandsStrip_module_marquee .BrandsStrip_module_logoWrapper.BrandsStrip_module_paused {
+  animation-play-state: paused;
+}
+.BrandsStrip_module_brandsStrip .BrandsStrip_module_logoWrapper {
+  flex-shrink: 0;
+  height: 69px;
+  width: 260px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.BrandsStrip_module_brandsStrip .BrandsStrip_module_logoWrapper .BrandsStrip_module_logo {
+  width: 100%;
+  height: auto;
+  object-fit: contain;
+}
+.BrandsStrip_module_brandsStrip .BrandsStrip_module_cta {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 10;
+  max-width: 295px;
+}
+@keyframes BrandsStrip_module_scrollIndividual {
+  to {
+    transform: translateX(calc(var(--total-distance) * -1));
+  }
+}
+
 /* src/components/Card/Card.module.scss */
-.card {
+.Card_module_card {
   display: flex;
   flex-direction: column;
   border-radius: 8px;
@@ -191,33 +327,15 @@
   background: var(--color-gradient-black);
   min-width: 308px;
 }
-.card h3 {
+.Card_module_card h3 {
   color: var(--color-white);
 }
-.card p {
+.Card_module_card p {
   color: #cecece;
 }
 
-/* src/components/Picture/Picture.module.scss */
-.image-desktop {
-  display: block;
-}
-@media (max-width: 768px) {
-  .image-desktop {
-    display: none;
-  }
-}
-.image-mobile {
-  display: none;
-}
-@media (max-width: 768px) {
-  .image-mobile {
-    display: block;
-  }
-}
-
 /* src/components/CountingCard/CountingCard.module.scss */
-.counting-card {
+.CountingCard_module_counting-card {
   display: flex;
   flex-direction: column;
   border-radius: 16px;
@@ -227,29 +345,29 @@
   width: 314px;
   color: var(--color-white);
 }
-.counting-card .count::after {
+.CountingCard_module_counting-card .CountingCard_module_count::after {
   content: "+";
 }
-.counting-card .logo {
+.CountingCard_module_counting-card .CountingCard_module_logo {
   max-height: 67px;
   filter: brightness(0) invert(1);
 }
 
 /* src/components/InfoCard/InfoCard.module.scss */
-.info-card {
+.InfoCard_module_info-card {
   width: 100%;
   display: flex;
   flex-direction: column;
   padding: var(--spacing-lg);
   gap: var(--spacing-md);
 }
-.info-card .header {
+.InfoCard_module_info-card .InfoCard_module_header {
   display: flex;
   flex-direction: row;
   gap: var(--spacing-md);
   color: var(--color-black);
 }
-.info-card .badge {
+.InfoCard_module_info-card .InfoCard_module_badge {
   border-radius: 50%;
   color: var(--color-white);
   width: 40px;
@@ -259,20 +377,20 @@
   justify-content: center;
   background-color: #cecece;
 }
-.info-card.hasIcon .header {
+.InfoCard_module_info-card.InfoCard_module_hasIcon .InfoCard_module_header {
   color: var(--color-lenscrafter-blue);
 }
 
 /* src/components/Pagination/Pagination.module.scss */
-.pagination {
+.Pagination_module_pagination {
   display: flex;
   flex-direction: row;
   gap: 11px;
   padding: 5px;
   align-items: center;
 }
-.pagination .next,
-.pagination .prev {
+.Pagination_module_pagination .Pagination_module_next,
+.Pagination_module_pagination .Pagination_module_prev {
   padding: 0;
   border: none;
   border-radius: 50%;
@@ -282,17 +400,17 @@
   cursor: pointer;
   background: none;
 }
-.pagination .next path,
-.pagination .prev path {
+.Pagination_module_pagination .Pagination_module_next path,
+.Pagination_module_pagination .Pagination_module_prev path {
   fill: var(--color-black);
 }
-.pagination .pages {
+.Pagination_module_pagination .Pagination_module_pages {
   display: flex;
   justify-content: space-between;
   gap: 4px;
   width: max-content;
 }
-.pagination .page {
+.Pagination_module_pagination .Pagination_module_page {
   padding: 0;
   margin: 0;
   width: 20px;
@@ -303,218 +421,607 @@
   transition: width 0.3s;
   cursor: pointer;
 }
-.pagination .page.active {
+.Pagination_module_pagination .Pagination_module_page.Pagination_module_active {
   width: 40px;
   border: none;
   border-radius: 16px;
   background-color: var(--color-black);
 }
-.pagination .page.number.active {
+.Pagination_module_pagination .Pagination_module_page.Pagination_module_number.Pagination_module_active {
   width: 28px;
 }
 
 /* src/components/primitives/Container/Container.module.scss */
-.container {
+.Container_module_container {
   width: 100%;
-  max-width: 1440px;
+  max-width: 1280px;
   overflow: visible;
   margin: 0 auto;
+  position: relative;
+}
+
+/* src/components/PracticeCard/PracticeCard.module.scss */
+.PracticeCard_module_practice-card {
+  color: var(--color-white);
+  position: relative;
+  max-width: 426px;
+  height: 521px;
+  overflow: hidden;
+  cursor: pointer;
+}
+.PracticeCard_module_practice-card .PracticeCard_module_wrapper {
+  color: inherit;
+  text-decoration: none;
+}
+.PracticeCard_module_practice-card .PracticeCard_module_background {
+  object-fit: cover;
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transition: transform 0.2s ease;
+}
+.PracticeCard_module_practice-card .PracticeCard_module_container {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 100%;
+  height: 100%;
+  padding: var(--spacing-lg);
+}
+@media (max-width: 768px) {
+  .PracticeCard_module_practice-card .PracticeCard_module_container {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--spacing-md);
+  }
+}
+.PracticeCard_module_practice-card .PracticeCard_module_title {
+  max-width: 196px;
+}
+@media (max-width: 768px) {
+  .PracticeCard_module_practice-card .PracticeCard_module_title {
+    max-width: 146px;
+    font-size: var(--font-size-xl);
+    line-height: var(--line-height-tight-4);
+  }
+}
+.PracticeCard_module_practice-card .PracticeCard_module_cta {
+  display: flex;
+  justify-content: flex-end;
+}
+.PracticeCard_module_practice-card .PracticeCard_module_ctaRest {
+  position: absolute;
+  opacity: 1;
+  transition: opacity 0.2s ease, transform 0.2s ease;
+}
+.PracticeCard_module_practice-card .PracticeCard_module_ctaHover {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+.PracticeCard_module_practice-card:hover .PracticeCard_module_background {
+  transform: scale(1.08);
+}
+.PracticeCard_module_practice-card:hover .PracticeCard_module_ctaRest {
+  opacity: 0;
+  transform: rotate(-45deg);
+}
+.PracticeCard_module_practice-card:hover .PracticeCard_module_ctaHover {
+  opacity: 1;
+  transition-delay: 0.1s;
+}
+@media (max-width: 768px) {
+  .PracticeCard_module_practice-card {
+    width: 100%;
+    max-width: unset;
+    height: 140px;
+  }
 }
 
 /* src/widgets/CardCollection/CardCollection.module.scss */
-.card-collection {
+.CardCollection_module_card-collection {
   display: block;
   width: 100%;
   padding: var(--spacing-3xl) var(--spacing-7xl);
 }
-.card-collection h2 {
+.CardCollection_module_card-collection h2 {
   color: var(--color-black);
   margin-bottom: var(--spacing-sm);
 }
-.card-collection .content {
+.CardCollection_module_card-collection .CardCollection_module_content {
   margin-bottom: var(--spacing-xl);
 }
-.card-collection .wrapper {
+.CardCollection_module_card-collection .CardCollection_module_wrapper {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: var(--spacing-md);
 }
-.card-collection.threeCols .wrapper {
+.CardCollection_module_card-collection.CardCollection_module_threeCols .CardCollection_module_wrapper {
   grid-template-columns: repeat(3, 1fr);
 }
-.card-collection.examCard .wrapper {
+.CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper {
   grid-template-columns: repeat(auto-fit, minmax(314px, 1fr));
 }
 @media (max-width: 768px) {
-  .card-collection {
+  .CardCollection_module_card-collection {
     padding: var(--spacing-lg);
   }
-  .card-collection .wrapper {
+  .CardCollection_module_card-collection .CardCollection_module_wrapper {
     grid-template-columns: 1fr;
   }
-  .card-collection.threeCols .wrapper {
+  .CardCollection_module_card-collection.CardCollection_module_threeCols .CardCollection_module_wrapper {
     grid-template-columns: 1fr;
   }
 }
 
+/* src/widgets/ContactModule/ContactModule.module.scss */
+.ContactModule_module_contact-module {
+  width: 100%;
+  display: block;
+  padding-top: 96px;
+}
+.ContactModule_module_contact-module .ContactModule_module_container,
+.ContactModule_module_contact-module .ContactModule_module_wrapper,
+.ContactModule_module_contact-module .ContactModule_module_content,
+.ContactModule_module_contact-module .ContactModule_module_cta-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+.ContactModule_module_contact-module .ContactModule_module_cta-wrapper {
+  flex-direction: row;
+  justify-content: center;
+  gap: var(--spacing-sm);
+}
+@media (max-width: 768px) {
+  .ContactModule_module_contact-module .ContactModule_module_cta-wrapper {
+    flex-direction: column-reverse;
+  }
+  .ContactModule_module_contact-module .ContactModule_module_cta-wrapper .ContactModule_module_cta {
+    width: 100%;
+  }
+}
+.ContactModule_module_contact-module .ContactModule_module_wrapper {
+  gap: var(--spacing-lg);
+  padding: 0 var(--spacing-md);
+}
+.ContactModule_module_contact-module .ContactModule_module_content {
+  gap: var(--spacing-sm);
+  text-align: center;
+}
+@media (max-width: 768px) {
+  .ContactModule_module_contact-module .ContactModule_module_content {
+    max-width: 80%;
+  }
+}
+.ContactModule_module_contact-module .ContactModule_module_title {
+  color: var(--color-black);
+}
+@media (max-width: 768px) {
+  .ContactModule_module_contact-module .ContactModule_module_title {
+    max-width: 75%;
+  }
+}
+@media (max-width: 768px) {
+  .ContactModule_module_contact-module .ContactModule_module_image {
+    max-width: 80%;
+    margin-top: -14px;
+  }
+}
+
+/* src/widgets/HeroBanner/HeroBanner.module.scss */
+.HeroBanner_module_heroBanner {
+  width: 100%;
+  position: relative;
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner {
+  background-color: #f3f3f3;
+  padding: 48px 80px 0 80px;
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner .HeroBanner_module_container {
+  max-width: 1280px;
+  height: calc(100dvh - 112px);
+  margin: 0 auto;
+  border-radius: 16px;
+  overflow: hidden;
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container {
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  height: 100dvh;
+  padding: var(--spacing-7xl);
+  gap: 64px;
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner {
+  padding: 0;
+  justify-content: center;
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_title {
+  color: var(--color-black);
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_subtitle {
+  color: var(--color-gray);
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_logoWrapper {
+  z-index: 2;
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_logoWrapper .HeroBanner_module_logo {
+  object-fit: contain;
+  max-width: 466px;
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_horizontalGradient {
+  display: flex;
+  height: 8px;
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_horizontalGradient .HeroBanner_module_lensCrafters {
+  background-color: var(--color-lenscrafter-blue);
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_horizontalGradient .HeroBanner_module_forEyes {
+  background-color: var(--color-foreyes-brown);
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_horizontalGradient .HeroBanner_module_optical {
+  background-color: var(--color-targetoptical-red);
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_horizontalGradient .HeroBanner_module_pearleVision {
+  background-color: var(--color-pearlevision-green);
+}
+.HeroBanner_module_heroBanner .HeroBanner_module_container {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: end;
+  height: calc(100dvh - 64px);
+}
+.HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner {
+  display: flex;
+  flex-direction: column;
+  justify-content: end;
+  width: 100%;
+  max-width: 661px;
+  height: 100%;
+  gap: var(--spacing-lg);
+  padding: var(--spacing-7xl);
+  z-index: 2;
+}
+.HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  color: var(--color-white);
+}
+.HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_ctaContainer {
+  display: flex;
+  gap: var(--spacing-sm);
+}
+.HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_brandsStrip {
+  z-index: 3;
+}
+.HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_backgroundImage {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  z-index: 1;
+}
+.HeroBanner_module_heroBanner .HeroBanner_module_scrollDown {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 64px;
+}
+.HeroBanner_module_heroBanner .HeroBanner_module_scrollDown .HeroBanner_module_arrow {
+  width: 32px;
+  height: 32px;
+}
+@media (max-width: 768px) {
+  .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner {
+    padding: 24px 16px;
+  }
+  .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner .HeroBanner_module_container {
+    height: calc(100dvh - 88px);
+  }
+  .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container {
+    flex-direction: column;
+    padding: 24px 16px;
+    gap: 32px;
+  }
+  .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner {
+    order: 2;
+    height: unset;
+  }
+  .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_logoWrapper {
+    order: 1;
+  }
+  .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_logoWrapper .HeroBanner_module_logo {
+    width: 100%;
+  }
+  .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner {
+    padding: var(--spacing-lg) var(--spacing-md);
+  }
+  .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_ctaContainer {
+    flex-direction: column;
+  }
+}
+
+/* src/widgets/MiniBanner/MiniBanner.module.scss */
+.MiniBanner_module_minibanner {
+  width: 100%;
+  background-color: #f3f3f3;
+  min-height: 192px;
+  position: relative;
+  color: var(--color-white);
+  text-align: center;
+}
+.MiniBanner_module_minibanner .h1 {
+  font-weight: 400;
+}
+.MiniBanner_module_minibanner .MiniBanner_module_background {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  z-index: 1;
+}
+.MiniBanner_module_minibanner .MiniBanner_module_container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-lg);
+  padding: var(--spacing-3xl) 0;
+  z-index: 2;
+}
+@media (max-width: 768px) {
+  .MiniBanner_module_minibanner .MiniBanner_module_container {
+    padding: var(--spacing-3xl) var(--spacing-md);
+  }
+}
+.MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG {
+  color: var(--color-black);
+}
+.MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_container {
+  gap: var(--spacing-lg);
+  padding: var(--spacing-5xl) 0;
+}
+@media (max-width: 768px) {
+  .MiniBanner_module_minibanner.MiniBanner_module_miniBannerNoBG .MiniBanner_module_container {
+    padding: var(--spacing-5xl) var(--spacing-md);
+  }
+}
+
 /* src/widgets/MiniSectionCta/MiniSectionCta.module.scss */
-.miniSectionCta {
+.MiniSectionCta_module_miniSectionCta {
   width: 100%;
 }
-.miniSectionCta .container {
+.MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_container {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   gap: var(--spacing-md);
   padding: var(--spacing-3xl) var(--spacing-7xl);
 }
-.miniSectionCta .col {
+.MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_col {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
-.miniSectionCta h2 {
+.MiniSectionCta_module_miniSectionCta h2 {
   color: var(--color-black);
 }
-.miniSectionCta.BgColorBlack {
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
   background: var(--color-black);
   color: var(--color-white);
 }
-.miniSectionCta.BgColorBlack h2 {
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack h2 {
   color: var(--color-white);
 }
-.miniSectionCta.BgColorBlack :global(.subheading) {
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack .subheading {
   color: #cecece;
 }
-.miniSectionCta.infoCallout .col {
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
   flex-direction: row;
   gap: 112px;
   align-items: center;
 }
-.miniSectionCta.infoCallout h2 {
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout h2 {
   min-width: fit-content;
 }
-.miniSectionCta.miniTextCenterCta .container {
+.MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_container {
   flex-direction: column;
   align-items: center;
 }
 @media (max-width: 768px) {
-  .miniSectionCta .container {
+  .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_container {
     flex-direction: column;
     padding: var(--spacing-lg) var(--spacing-md);
   }
-  .miniSectionCta .cta {
+  .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
     width: 100%;
   }
-  .miniSectionCta.BgColorBlack {
+  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
     text-align: center;
   }
-  .miniSectionCta.BgColorGrey {
+  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorGrey {
     text-align: center;
   }
-  .miniSectionCta.infoCallout .col {
+  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
     flex-direction: column;
     gap: var(--spacing-md);
     align-items: flex-start;
   }
-  .miniSectionCta.infoCallout .subtitle {
+  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_subtitle {
     font-size: var(--font-size-lg);
-    font-weight: var(--font-weight-regular);
+    font-weight: var(--font-weight-medium);
     line-height: var(--line-height-tight-1);
   }
-  .miniSectionCta.miniTextCenterCta .col {
+  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_miniTextCenterCta .MiniSectionCta_module_col {
+    width: 100%;
+  }
+}
+
+/* src/widgets/PracticePathCards/PracticePathCards.module.scss */
+.PracticePathCards_module_practice-path-cards {
+  display: block;
+  width: 100%;
+  padding: var(--spacing-3xl) 0;
+}
+@media (max-width: 768px) {
+  .PracticePathCards_module_practice-path-cards {
+    padding: var(--spacing-lg) var(--spacing-md);
+  }
+}
+.PracticePathCards_module_practice-path-cards h2 {
+  color: var(--color-black);
+}
+.PracticePathCards_module_practice-path-cards .PracticePathCards_module_container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl);
+}
+.PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-xl);
+}
+@media (max-width: 768px) {
+  .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper {
+    flex-direction: column;
+  }
+  .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper .PracticePathCards_module_ctaWrapper {
+    width: 100%;
+    padding: 0 var(--spacing-lg);
+  }
+  .PracticePathCards_module_practice-path-cards .PracticePathCards_module_wrapper .PracticePathCards_module_ctaWrapper .PracticePathCards_module_cta {
+    width: 100%;
+  }
+}
+.PracticePathCards_module_practice-path-cards .PracticePathCards_module_content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+}
+.PracticePathCards_module_practice-path-cards .PracticePathCards_module_cards {
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+  border-radius: 16px;
+  justify-content: center;
+}
+@media (max-width: 768px) {
+  .PracticePathCards_module_practice-path-cards .PracticePathCards_module_cards {
+    flex-direction: column;
+  }
+}
+.PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
+  width: 33.333%;
+}
+@media (max-width: 768px) {
+  .PracticePathCards_module_practice-path-cards .PracticePathCards_module_card {
     width: 100%;
   }
 }
 
 /* src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss */
-.teaser5050-3text {
+.Teaser5050With3Text_module_teaser5050-3text {
   width: 100%;
 }
-.teaser5050-3text .container {
+.Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_container {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xl);
 }
-.teaser5050-3text .content {
+.Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_content {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: var(--spacing-xl);
 }
-.teaser5050-3text.right .content {
+.Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_content {
   flex-direction: row-reverse;
 }
-.teaser5050-3text .title {
+.Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_title {
   color: var(--color-black);
 }
-.teaser5050-3text .image {
+.Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_image {
   width: 50%;
   border-radius: 16px;
 }
 @media (max-width: 768px) {
-  .teaser5050-3text .container {
+  .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_container {
     padding: var(--spacing-lg) var(--spacing-md);
     gap: 0;
   }
-  .teaser5050-3text.right .container {
+  .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_container {
     gap: var(--spacing-xl);
   }
-  .teaser5050-3text .content {
+  .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_content {
     flex-direction: column;
   }
-  .teaser5050-3text.right .content {
+  .Teaser5050With3Text_module_teaser5050-3text.Teaser5050With3Text_module_right .Teaser5050With3Text_module_content {
     flex-direction: column-reverse;
     gap: var(--spacing-xl);
   }
-  .teaser5050-3text .image {
+  .Teaser5050With3Text_module_teaser5050-3text .Teaser5050With3Text_module_image {
     width: 100%;
     padding: 0;
   }
 }
 
 /* src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss */
-.teaser5050 {
+.Teaser5050WithCta_module_teaser5050 {
   width: 100%;
 }
-.teaser5050 .container {
+.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 }
-.teaser5050.right .container {
+.Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_right .Teaser5050WithCta_module_container {
   flex-direction: row-reverse;
 }
-.teaser5050 .wrapper {
+.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-md);
   padding: 0 var(--spacing-5xl);
   width: 50%;
 }
-.teaser5050 .title {
+.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_title {
   color: var(--color-black);
 }
-.teaser5050 .image {
+.Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
   width: 50%;
   border-radius: 16px;
 }
 @media (max-width: 768px) {
-  .teaser5050 .container {
+  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_container {
     flex-direction: column-reverse;
     gap: var(--spacing-xl);
   }
-  .teaser5050.right .container {
+  .Teaser5050WithCta_module_teaser5050.Teaser5050WithCta_module_right .Teaser5050WithCta_module_container {
     flex-direction: column-reverse;
   }
-  .teaser5050 .wrapper,
-  .teaser5050 .image {
+  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_wrapper,
+  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_image {
     width: 100%;
     padding: 0;
   }
-  .teaser5050 .cta {
+  .Teaser5050WithCta_module_teaser5050 .Teaser5050WithCta_module_cta {
     width: 100%;
   }
 }