.c-homepage-timeline {
  z-index: var(--z-index-above);
  background-color: var(--color-beige-400);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  position: relative;
}
.c-homepage-timeline c-rive {
  pointer-events: none;
}
.c-homepage-timeline_intro {
  --progress: 0;
  padding-top: calc(
    1 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
      (1 - 1 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
  );
  z-index: 5;
  position: relative;
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline_intro {
    margin-bottom: -24.4vw;
  }
  @media (min-width: 700px) {
    .c-homepage-timeline_intro {
      margin-bottom: -20vw;
    }
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline_intro {
    margin-bottom: -4.75vw;
  }
}
.c-homepage-timeline_intro_illustration_canvas {
  aspect-ratio: 1430/1022;
  z-index: 2;
  position: relative;
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline_intro_illustration_canvas {
    width: 115%;
    margin-left: -7.5%;
  }
  @media (min-width: 700px) {
    .c-homepage-timeline_intro_illustration_canvas {
      width: 95%;
      margin: 0 auto 0 5%;
    }
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline_intro_illustration_canvas {
    width: calc(
      9 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
        (1 - 9 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
    );
  }
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline_intro_ghost {
    aspect-ratio: 1430/1000;
    width: 100%;
  }
  @media (min-width: 700px) {
    .c-homepage-timeline_intro_ghost {
      aspect-ratio: 1430/850;
      width: 96%;
    }
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline_intro_ghost {
    width: calc(
      9 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
        (1 - 9 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
    );
    aspect-ratio: 1430/600;
  }
}
.c-homepage-timeline_intro_ghost {
  margin: 0 auto;
}
.c-homepage-timeline_intro_illustration {
  margin-bottom: -14.5vw;
  position: relative;
}
@media (min-width: 1000px) {
  .c-homepage-timeline_intro_illustration {
    transform: scaled3d(0.9, 0.9, 1);
    --scale-start: 0.9;
    --scale-end: 1;
    padding-top: 1vw;
  }
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline_intro_illustration {
    width: 100%;
    margin-bottom: -52.5vw;
    padding: 5vw 5% 38vw;
    overflow: hidden;
  }
  @media (min-width: 700px) {
    .c-homepage-timeline_intro_illustration {
      margin-bottom: -50.5vw;
      padding-top: 9vw;
      padding-left: 0%;
      padding-right: 0%;
    }
  }
}
.c-homepage-timeline_intro_illustration_background {
  position: absolute;
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline_intro_illustration_background {
    width: 104%;
    max-width: 104%;
    top: 0.5%;
    left: -3%;
  }
  @media (min-width: 700px) {
    .c-homepage-timeline_intro_illustration_background {
      width: 93%;
      max-width: 93%;
      top: 6%;
      left: 5%;
    }
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline_intro_illustration_background {
    width: 94%;
    top: 0%;
    left: 2%;
  }
}
.c-homepage-timeline_intro_illustration_wrap {
  pointer-events: none;
  z-index: 2;
  width: 100%;
  position: absolute;
  top: -100svh;
  bottom: 0;
  left: 0;
}
.c-homepage-timeline_intro_path {
  z-index: -1;
  width: 78%;
  position: absolute;
  bottom: -29%;
  right: 13%;
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline_intro_path {
    width: 110%;
    bottom: 0%;
    right: -12%;
  }
  @media (min-width: 700px) {
    .c-homepage-timeline_intro_path {
      width: 106%;
      right: -10%;
    }
  }
}
.c-homepage-timeline_intro_illustration_sticky {
  justify-content: center;
  align-items: flex-end;
  height: 100svh;
  display: flex;
  position: sticky;
  top: 0;
}
.c-homepage-timeline_path {
  margin-left: -2vw;
  margin-right: -2vw;
  display: block;
  position: relative;
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline_path {
    margin-bottom: -86vw;
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline_path {
    margin-bottom: -10vw;
  }
}
.c-homepage-timeline-cards {
  z-index: 3;
  position: absolute;
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline-cards {
    left: var(--unit-md);
    right: var(--unit-md);
    transform: none !important;
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline-cards {
    width: calc(
      6 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
        (1 - 6 / 16) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)
    );
    max-width: 800px;
  }
  @media not all and (min-width: 1400px) {
    .c-homepage-timeline-cards {
      width: calc(
        7 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
          (1 - 7 / 16) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)
      );
    }
  }
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline-cards:first-child {
    top: 10%;
  }
  @media (min-width: 700px) {
    .c-homepage-timeline-cards:first-child {
      right: calc(
        6 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
          (1 - 6 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
      );
      top: 11%;
    }
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline-cards:first-child {
    right: calc(
      1 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
        (1 - 1 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
    );
    top: 11%;
  }
  @media not all and (min-width: 1400px) {
    .c-homepage-timeline-cards:first-child {
      top: 9%;
      right: var(--unit-md);
    }
  }
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline-cards:nth-child(2) {
    top: 25.5%;
  }
  @media (min-width: 700px) {
    .c-homepage-timeline-cards:nth-child(2) {
      top: 26.5%;
      left: calc(
        6 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
          (1 - 6 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
      );
    }
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline-cards:nth-child(2) {
    left: calc(
      1 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
        (1 - 1 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
    );
    top: 25.5%;
  }
  @media not all and (min-width: 1400px) {
    .c-homepage-timeline-cards:nth-child(2) {
      top: 22%;
      left: var(--unit-md);
    }
  }
  @media not all and (min-width: 1800px) {
    .c-homepage-timeline-cards:nth-child(2) {
      top: 25%;
    }
  }
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline-cards:nth-child(3) {
    top: 45.5%;
  }
  @media (min-width: 700px) {
    .c-homepage-timeline-cards:nth-child(3) {
      top: 47%;
      left: calc(
        6 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
          (1 - 6 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
      );
    }
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline-cards:nth-child(3) {
    top: 47%;
  }
  @media not all and (min-width: 1400px) {
    .c-homepage-timeline-cards:nth-child(3) {
      width: calc(
        7 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
          (1 - 7 / 16) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)
      ) !important;
      top: 44% !important;
    }
  }
}
@media (min-width: 1600px) {
  .c-homepage-timeline-cards:nth-child(3) {
    left: calc(
      5.5 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
        (1 - 5.5 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
    );
    width: calc(
      5 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
        (1 - 5 / 16) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)
    );
  }
  @media not all and (min-width: 1800px) {
    .c-homepage-timeline-cards:nth-child(3) {
      top: 46%;
    }
  }
}
@media not all and (min-width: 1600px) {
  @media (min-width: 1000px) {
    .c-homepage-timeline-cards:nth-child(3) {
      top: 45%;
      left: calc(
        5 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
          (1 - 5 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
      );
      width: calc(
        6 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
          (1 - 6 / 16) * var(--grid-gutter, 0px) + 0 * var(--grid-gutter, 0px)
      );
    }
  }
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline-cards:nth-child(4) {
    top: 70%;
  }
  @media (min-width: 700px) {
    .c-homepage-timeline-cards:nth-child(4) {
      top: 72%;
      right: calc(
        6 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
          (1 - 6 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
      );
    }
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline-cards:nth-child(4) {
    right: calc(
      1 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
        (1 - 1 / 16) * var(--grid-gutter, 0px) + 2 * var(--grid-gutter, 0px)
    );
    top: 70%;
  }
  @media not all and (min-width: 1400px) {
    .c-homepage-timeline-cards:nth-child(4) {
      right: var(--unit-md);
    }
  }
}
.c-homepage-timeline_end {
  width: 100%;
  z-index: var(--z-index-above);
  align-items: flex-end;
  height: 60vw;
  display: flex;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.c-homepage-timeline_end_green_middle,
.c-homepage-timeline_end_green_back {
  bottom: 0;
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline_end_green_middle,
  .c-homepage-timeline_end_green_back {
    left: 0%;
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline_end_green_middle,
  .c-homepage-timeline_end_green_back {
    width: 100%;
    left: 0;
  }
}
@media not all and (min-width: 1000px) {
  .c-homepage-timeline_end_green_middle,
  .c-homepage-timeline_end_green_front,
  .c-homepage-timeline_end_green_back {
    max-width: inherit;
    width: 140%;
    margin-left: -20%;
    margin-right: -20%;
  }
}
@media (min-width: 1000px) {
  .c-homepage-timeline_end_green_middle,
  .c-homepage-timeline_end_green_front,
  .c-homepage-timeline_end_green_back {
    width: 100%;
  }
}
.c-homepage-timeline_end_green_back {
  bottom: -10%;
}
.c-homepage-timeline_end_green_middle,
.c-homepage-timeline_end_green_front,
.c-homepage-timeline_end_green_back,
.c-homepage-timeline_end_cloud_1,
.c-homepage-timeline_end_cloud_2,
.c-homepage-timeline_end_cloud_3,
.c-homepage-timeline_end_cloud_4,
.c-homepage-timeline_end_cloud_5 {
  position: absolute;
}
@media (min-width: 1000px) {
  :is(
      .c-homepage-timeline_end_cloud_1,
      .c-homepage-timeline_end_cloud_2,
      .c-homepage-timeline_end_cloud_3,
      .c-homepage-timeline_end_cloud_4,
      .c-homepage-timeline_end_cloud_5
    ):not(:where(.firefox *)) {
    transform: translate(
      calc(var(--start) + (var(--end) - var(--start)) * var(--progress))
    );
  }
}
.c-homepage-timeline_end_cloud_1 {
  --start: 200px;
  --end: -200px;
  width: 33%;
  top: 0;
  right: 20%;
}
.c-homepage-timeline_end_cloud_2 {
  --start: 300px;
  --end: -300px;
  width: 10%;
  top: 20%;
  left: 18%;
}
.c-homepage-timeline_end_cloud_3 {
  --start: 300px;
  --end: -100px;
  width: 18%;
  top: 30%;
  left: -6%;
}
.c-homepage-timeline_end_cloud_4 {
  --start: 100px;
  --end: -300px;
  width: 8%;
  top: 46%;
  right: -2%;
}
.c-homepage-timeline_end_cloud_5 {
  --start: 200px;
  --end: -200px;
  width: 5%;
  top: 49%;
  left: 23%;
}
.c-hero-home {
  width: 100%;
  min-height: 100svh;
}
@media not all and (min-width: 1000px) {
  .c-hero-home {
    min-height: calc(100vh + var(--radius-lg));
    min-height: calc(100svh + var(--radius-lg));
    margin-bottom: calc(var(--radius-lg) * -1);
    background-color: var(--color-green);
    overflow: hidden;
  }
}
.c-hero-home_inner {
  background-color: var(--color-green);
}
@media not all and (min-width: 1000px) {
  .c-hero-home_inner.-sticky {
    display: none;
  }
}
@media (min-width: 1000px) {
  .c-hero-home_inner:before {
    content: "";
    background-color: var(--color-charcoal);
    opacity: calc(var(--progress, 0) * 0.4);
    position: absolute;
    inset: 0;
  }
  .c-hero-home_inner:not(.-sticky) {
    opacity: 0;
    pointer-events: none;
  }
  .c-hero-home_inner.-sticky {
    width: 100%;
    height: 200svh;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.c-hero-home_container {
  padding-top: calc(
    var(--menu-bar-height) + calc(var(--spacing, 0.25rem) * 4) * 2 +
      var(--spacing-fluid-xs)
  );
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
}
@media not all and (min-width: 1000px) {
  .c-hero-home_container {
    padding-bottom: 50vw;
  }
}
@media (min-width: 1000px) {
  .c-hero-home_container {
    padding-bottom: 17.5vw;
  }
  .c-hero-home_inner.-sticky .c-hero-home_container {
    position: sticky;
    top: 0;
  }
}
.c-hero-home_content {
  text-align: center;
  gap: calc(var(--spacing, 0.25rem) * 12);
  flex-direction: column;
  padding: 0 15vw;
  display: flex;
}
@media (max-aspect-ratio: 3/4) {
  .c-hero-home_content {
    padding: 0 20vw;
  }
}
@media (min-aspect-ratio: 16/9) {
  .c-hero-home_content {
    padding: 0 20vw;
  }
}
@media not all and (min-width: 1000px) {
  .c-hero-home_content {
    padding: 0;
  }
}
@media (min-width: 1000px) {
  .c-hero-home_content {
    --scale-min: 0.8;
    transform: scale3d(
      calc(1 - ((1 - var(--scale-min)) * var(--progress))),
      calc(1 - ((1 - var(--scale-min)) * var(--progress))),
      calc(1 - ((1 - var(--scale-min)) * var(--progress)))
    );
  }
}
.c-hero-home_title {
  font-size: var(--text-heading-xl);
  font-family: var(--font-sans);
  letter-spacing: -0.06em;
  font-style: normal;
  font-weight: 500;
  line-height: 0.95;
}
@media (min-width: 1000px) {
  .c-hero-home_title {
    font-size: 9.7vw;
  }
  @media (max-aspect-ratio: 3/4) {
    .c-hero-home_title {
      font-size: 8vh;
    }
  }
  @media (min-aspect-ratio: 16/9) {
    .c-hero-home_title {
      font-size: 9.7vw;
    }
  }
}
@media (min-height: 1000px) and (max-width: 1700px) and (max-aspect-ratio: 16/8) {
  .c-hero-home_title {
    font-size: 12.5vw !important;
  }
}
@media not all and (min-width: 700px) {
  .c-hero-home_title {
    padding-top: var(--spacing-fluid-md);
  }
}
.c-hero-home_tagline {
  font-size: var(--text-heading-xs);
  font-family: var(--font-sans);
  letter-spacing: -0.06em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}
@media (min-height: 1000px) and (max-width: 1700px) and (max-aspect-ratio: 16/8) {
  .c-hero-home_tagline {
    --text-heading-xs: clamp(1.5rem, 1.2826rem + 1.087vw, 2.125rem);
  }
}
.c-featured-articles {
  padding-top: clamp(5rem, 3.9565rem + 5.2174vw, 8rem);
  padding-bottom: clamp(2rem, 1.8261rem + 0.8696vw, 2.5rem);
}
@media (min-width: 1000px) {
  .c-featured-articles {
    padding-top: clamp(8rem, 7.3043rem + 3.4783vw, 10rem);
    padding-bottom: clamp(3.5rem, 2.9783rem + 2.6087vw, 5rem);
    gap: var(--spacing-gutter);
    padding-left: var(--spacing-gutter);
    padding-right: var(--spacing-gutter);
    grid-template-columns: repeat(16, 1fr);
    display: grid;
  }
}
@media not all and (min-width: 1000px) {
  .c-featured-articles_list {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-right: var(--spacing-gutter);
    padding-bottom: var(--spacing-gutter);
    display: flex;
    overflow-x: auto;
  }
  .c-featured-articles_list::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 1000px) {
  .c-featured-articles_list {
    column-gap: var(--unit-md);
    row-gap: var(--unit-md);
    grid-column: 2/16;
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }
}
@media not all and (min-width: 1000px) {
  .c-featured-articles_item {
    scroll-snap-align: start;
    width: calc(
      14 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
        (1 - 14 / 16) * var(--grid-gutter, 0px) + 1 * var(--grid-gutter, 0px)
    );
    padding-left: var(--spacing-gutter);
    flex: none;
  }
  @media (min-width: 700px) {
    .c-featured-articles_item {
      width: calc(
        7 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
          (1 - 7 / 16) * var(--grid-gutter, 0px) + 1 * var(--grid-gutter, 0px)
      );
    }
  }
}
@media (min-width: 1000px) {
  .c-featured-articles_item {
    padding-bottom: calc(var(--spacing, 0.25rem) * 20);
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
  }
  .c-featured-articles_item .c-article-card_content {
    width: 100%;
    padding-top: var(--spacing-fluid-xs);
    height: calc(var(--spacing, 0.25rem) * 20);
    position: absolute;
    top: 100%;
    left: 0;
  }
  .c-featured-articles_item .c-article-card_content .c-article-card_title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .c-featured-articles_item:first-child {
    grid-area: span 3 / span 2;
  }
  .c-featured-articles_item:first-child .c-article-card_image-container {
    aspect-ratio: 638/916;
  }
  .c-featured-articles_item:first-child .c-article-card_title {
    font-size: var(--text-heading-xs);
    font-family: var(--font-sans);
    letter-spacing: -0.06em;
    text-wrap: balance;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
  }
  .c-featured-articles_item:nth-child(2) {
    grid-area: span 2 / span 2;
    justify-content: flex-start;
  }
  .c-featured-articles_item:nth-child(2) .c-article-card_content {
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@layer components {
  @media not all and (min-width: 700px) {
    .c-numbers-stack {
      --stacking-gap: var(--spacing-fluid-lg);
    }
  }
  @media (min-width: 700px) {
    .c-numbers-stack {
      --stacking-gap: 10vh;
    }
  }
  .c-numbers-stack {
    z-index: 10;
    background-color: var(--color-beige-400);
    border-radius: var(--radius-lg);
    padding-top: var(--spacing-fluid-3xl);
    padding-bottom: var(--spacing-fluid-4xl);
    position: relative;
  }
  .c-numbers-stack_grid {
    gap: var(--spacing-gutter);
    display: grid;
  }
  @media not all and (min-width: 1000px) {
    .c-numbers-stack_grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media (min-width: 1000px) {
    .c-numbers-stack_grid {
      grid-template-columns: repeat(14, 1fr);
    }
    .c-numbers-stack_content {
      grid-column: 1/9;
    }
  }
  .c-numbers-stack_content_sticky {
    gap: var(--spacing-fluid-lg);
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }
  @media (min-width: 1000px) {
    .c-numbers-stack_content_sticky {
      top: calc(var(--menu-bar-height) + var(--stacking-gap));
      min-height: 50vh;
      position: sticky;
    }
  }
  .c-numbers-stack_list {
    margin-bottom: var(--spacing-fluid-4xl);
    flex-direction: column;
    display: flex;
  }
  @media (min-width: 1000px) {
    .c-numbers-stack_list {
      padding-top: calc(var(--spacing-fluid-4xl) * 2);
      grid-column: 10/15;
    }
  }
  .c-numbers-stack_title {
    --wave-speed: 3s;
  }
  @media (min-width: 700px) {
    .c-numbers-stack_title {
      --wave-h: 20px;
      --wave-w: -64px;
      --wave-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 20'><path d='M0,5.7c16,0,16,8.8,32.1,8.8s16-8.8,32.1-8.8' fill='none' stroke='black' stroke-width='10'/></svg>");
      --wave-bottom-position: -16px;
    }
  }
  @media not all and (min-width: 700px) {
    .c-numbers-stack_title {
      --wave-h: 9.5px;
      --wave-w: -30px;
      --wave-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 9.5'><path d='M0,2.9c7.5,0,7.5,3.9,15,3.9s7.5-3.9,15-3.9' fill='none' stroke='black' stroke-width='5'/></svg>");
      --wave-bottom-position: -10px;
    }
  }
  @media (min-width: 1400px) {
    .c-numbers-stack_title.-wave-large {
      --wave-h: 46px;
      --wave-w: -144px;
      --wave-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 144 46'><path d='M0,13c36.1,0,36.1,19.8,72.3,19.8s36.1-19.8,72.3-19.8' fill='none' stroke='black' stroke-width='24'/></svg>");
      --wave-bottom-position: -30px;
    }
  }
  @media (min-width: 700px) {
    @media not all and (min-width: 1400px) {
      .c-numbers-stack_title.-wave-large {
        --wave-h: 35px;
        --wave-w: -108px;
        --wave-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 34.4'><path d='M0,9.8c27,0,27,14.7,54,14.7s27-14.7,54-14.7' fill='none' stroke='black' stroke-width='18'/></svg>");
        --wave-bottom-position: -32px;
      }
    }
  }
  @media not all and (min-width: 700px) {
    .c-numbers-stack_title.-wave-large {
      --wave-h: 20px;
      --wave-w: -64px;
      --wave-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 20'><path d='M0,5.7c16,0,16,8.8,32.1,8.8s16-8.8,32.1-8.8' fill='none' stroke='black' stroke-width='10'/></svg>");
      --wave-bottom-position: -20px;
    }
  }
  .c-numbers-stack_title u,
  .c-numbers-stack_title strong {
    font-weight: inherit;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  :is(.c-numbers-stack_title u, .c-numbers-stack_title strong):after {
    content: "";
    left: 0.08em;
    right: -0.05em;
    bottom: var(--wave-bottom-position);
    height: var(--wave-h);
    background: var(--accent-color, var(--color-green-500));
    -webkit-mask-image: var(--wave-svg);
    mask-image: var(--wave-svg);
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-mask-size: var(--wave-w) var(--wave-h);
    mask-size: var(--wave-w) var(--wave-h);
    animation: wave-scroll var(--wave-speed) linear infinite;
    animation-play-state: paused;
    position: absolute;
  }
  :is(
      .c-numbers-stack_title.is-inview u,
      .c-numbers-stack_title.is-inview strong
    ):after {
    animation-play-state: running;
  }
  .c-numbers-stack_title {
    max-width: calc(var(--spacing, 0.25rem) * 120);
    font-size: var(--text-heading-md);
    font-family: var(--font-sans);
    letter-spacing: -0.06em;
    font-style: normal;
    font-weight: 500;
    line-height: 1.15;
  }
  @media not all and (min-width: 1000px) {
    .c-numbers-stack_title {
      max-width: calc(var(--spacing, 0.25rem) * 140);
      font-size: var(--text-heading-lg);
      font-family: var(--font-sans);
      letter-spacing: -0.06em;
      font-style: normal;
      font-weight: 500;
      line-height: 0.95;
    }
  }
  @media (min-width: 1400px) {
    .c-numbers-stack_title {
      max-width: calc(var(--spacing, 0.25rem) * 175);
      font-size: var(--text-heading-lg);
      font-family: var(--font-sans);
      letter-spacing: -0.06em;
      font-style: normal;
      font-weight: 500;
      line-height: 0.95;
    }
  }
  .c-numbers-stack_text {
    max-width: 25rem;
    text-wrap: balance;
  }
  @media not all and (min-width: 1000px) {
    .c-numbers-stack_text {
      font-size: var(--text-lg);
      letter-spacing: -0.04em;
      font-style: normal;
      font-weight: 500;
      line-height: 1.25;
    }
  }
  @media (min-width: 1000px) {
    .c-numbers-stack_text {
      font-size: var(--text-md);
      letter-spacing: -0.04em;
      width: calc(
        4 / 16 * (calc(var(--vw, 1vw) * 100) - 2 * var(--grid-margin, 0px)) -
          (1 - 4 / 16) * var(--grid-gutter, 0px) + 1 * var(--grid-gutter, 0px)
      );
      font-style: normal;
      font-weight: 500;
      line-height: 1.25;
    }
  }
  .c-numbers-stack_list_item {
    top: calc(
      var(--menu-bar-height) + var(--stacking-gap) - var(--spacing-fluid-lg)
    );
    transform: translateY(calc(var(--index) * var(--spacing-fluid-xl)));
    transition: transform 0.3s;
    position: sticky;
  }
  .c-numbers-stack_card {
    background-color: var(--background-color, var(--color-white));
    color: var(--color, var(--color-charcoal));
    border-radius: var(--radius-lg);
    min-height: 400px;
    padding: var(--spacing-fluid-md);
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }
  @media screen and (min-height: 860px) and (min-width: 1000px) {
    .c-numbers-stack_card {
      min-height: 550px;
    }
  }
  @media screen and (min-height: 860px) and (min-width: 1000px) and (max-width: 1400px) {
    .c-numbers-stack_card {
      aspect-ratio: 450/550;
      min-height: auto;
    }
  }
  .c-numbers-stack_card.-blue {
    --background-color: var(--color-white);
    --color: var(--color-blue-500);
  }
  .c-numbers-stack_card.-green {
    --color: var(--color-white);
    --background-color: var(--color-green-500);
  }
  .c-numbers-stack_card.-red {
    --color: var(--color-white);
    --background-color: var(--color-red-500);
  }
  @media (min-width: 1000px) {
    .c-numbers-stack_card {
      --progress-start: 0;
      --progress-end: 1;
      --t: clamp(
        0,
        1,
        (var(--progress) - var(--progress-start))/ (var(--progress-end) -
              var(--progress-start))
      );
      --tx-start: 0px;
      --tx-end: 0px;
      --ty-start: 20%;
      --ty-end: 0%;
      --rot-start: 0deg;
      --rot-end: 0deg;
      --scale-start: 1;
      --scale-end: 1;
      --tx: calc(
        var(--tx-start) + (var(--tx-end) - var(--tx-start)) * var(--t)
      );
      --ty: calc(
        var(--ty-start) + (var(--ty-end) - var(--ty-start)) * var(--t)
      );
      --rot: calc(
        var(--rot-start) + (var(--rot-end) - var(--rot-start)) * var(--t)
      );
      --scale: calc(
        var(--scale-start) + (var(--scale-end) - var(--scale-start)) * var(--t)
      );
      transform: translate(var(--tx)) translateY(var(--ty)) rotate(var(--rot))
        scale(var(--scale));
    }
    .c-numbers-stack_list_item:nth-child(odd) .c-numbers-stack_card {
      --rot-start: -10deg;
    }
    .c-numbers-stack_list_item:nth-child(2n) .c-numbers-stack_card {
      --rot-start: 10deg;
    }
  }
  .c-numbers-stack_card_stat {
    font-size: var(--text-heading-xl);
    font-family: var(--font-sans);
    letter-spacing: -0.06em;
    font-style: normal;
    font-weight: 400;
    line-height: 0.95;
  }
  @media screen and (min-height: 860px) and (min-width: 1000px) {
    .c-numbers-stack_card_stat {
      --text-heading-xl: 10vw;
    }
  }
  @media screen and (min-height: 860px) and (min-width: 1000px) and (max-width: 1400px) {
    .c-numbers-stack_card_stat {
      --text-heading-xl: 9.8vw;
    }
  }
  @media not all and (min-width: 1000px) {
    .c-numbers-stack_card_stat {
      --text-heading-xl: 27vw;
    }
  }
  .c-numbers-stack_card_icon_wrap {
    justify-content: flex-end;
    display: flex;
  }
  .c-numbers-stack_card_icon {
    width: 3.75rem;
    height: 3.75rem;
    background-color: var(--color);
    color: var(--background-color);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    display: flex;
  }
  .c-numbers-stack_card_description {
    font-size: var(--text-lg);
    letter-spacing: -0.04em;
    text-wrap: balance;
    flex-grow: 1;
    align-items: flex-end;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25;
    display: flex;
  }
} /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer components {
  .c-brands-section {
    padding-block: clamp(8rem, 7.3043rem + 3.4783vw, 10rem);
  }
  .c-brands-section_title {
    font-size: var(--text-heading-md);
    font-family: var(--font-sans);
    letter-spacing: -0.06em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--spacing-fluid-2xl);
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: 1.15;
  }
  @media not all and (min-width: 1000px) {
    .c-brands-section_title {
      max-width: 31.25rem;
    }
  }
  @media (min-width: 1000px) {
    .c-brands-section_title {
      max-width: 37.5rem;
    }
  }
  .c-brands-section_item {
    background-color: var(--color-beige-400);
    padding: calc(var(--spacing, 0.25rem) * 5)
      calc(var(--spacing, 0.25rem) * 10) calc(var(--spacing, 0.25rem) * 5)
      calc(var(--spacing, 0.25rem) * 5);
    border-radius: calc(var(--spacing, 0.25rem) * 15);
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 5);
    display: flex;
  }
  .c-brands-section_item_visual {
    width: calc(var(--spacing, 0.25rem) * 15);
    height: calc(var(--spacing, 0.25rem) * 15);
    background-color: var(--color-white);
    padding: calc(var(--spacing, 0.25rem) * 4);
    border-radius: 100%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .c-brands-section_item_title {
    font-size: var(--text-lg);
    letter-spacing: -0.04em;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25;
  }
  .c-brands-section_rails {
    gap: calc(var(--spacing, 0.25rem) * 4);
    flex-direction: column;
    display: flex;
  }
}