@layer elements {
    :where(picture) {
        width: 100%;
        height: auto;
    }

    :where(figcaption) {
        font-style: italic;
        opacity: 0.8;
        margin-top: 4px;
        font-size: var(--brand__font-size--small);
        text-align: start;
    }

    :where(svg) {
        --svg--size: 1em;
        fill: currentColor;
        width: var(--set-svg--size, var(--svg--size));
        height: var(--set-svg--size, var(--svg--size));
        flex-shrink: 0;
    }
}

@layer elements {
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    color: var(
      --set-brand__heading--color,
      var(--brand__heading--color, rgba(var(--brand__color--white), 1))
    );
    margin: var(--brand__heading--margin ,0 0 0.5em 0);
    text-wrap: balance;
  }

  h1,
  .h1 {
    font-size: var(--brand__font-size--h1);
    font-weight: var(--brand__font-weight--light);
    line-height: 1;
    text-transform: var(--brand__text-transform--h1);
    font-family: "Montserrat Alt1", Verdana;
  }

  h2,
  .h2 {
    font-size: var(--brand__font-size--h2);
    font-weight: var(--brand__font-weight--h2);
    line-height: 1.3;
    text-transform: var(--brand__text-transform--h2);
  }

  h3,
  .h3 {
    font-size: var(--brand__font-size--h3);
    font-weight: var(--brand__font-weight--h3);
    line-height: 1.3;
    text-transform: var(--brand__text-transform--h3);
  }

  h4,
  .h4 {
    font-size: var(--brand__font-size--h4);
    font-weight: var(--set-brand__font-weight, var(--brand__font-weight--h4));
    line-height: 1.3;
    text-transform: var(--brand__text-transform--h4);
  }

  h5,
  .h5 {
    font-size: var(--brand__font-size--h5);
    font-weight: var(--brand__font-weight--h5);
    line-height: 1.3;
    text-transform: var(--brand__text-transform--h5);
  }

  h6,
  .h6 {
    font-size: var(--brand__font-size--h6);
    font-weight: var(--brand__font-weight--h6);
    line-height: 1.3;
    text-transform: var(--brand__text-transform--h6);
  }

  @media (max-width: 61.25em) {
    h1,
    .h1 {
      font-size: 2.5rem;
    }

    h2,
    .h2 {
      font-size: 2rem;
    }

    h3,
    .h3 {
      font-size: 1.5rem;
    }
  }
}

@layer elements {
  html {
    scroll-behavior: smooth;

    @media screen and (prefers-reduced-motion: reduce) {
      scroll-behavior: auto;
    }
  }

  body {
    font-family: "Montserrat", Verdana;
    font-weight: var(--brand__font-weight--light);
    font-size: 0.938rem;
    background-color: rgba(var(--brand__color--dark), 1);
    margin: 0;
    position: relative;
    line-height: 140%;
  }

  p,
  div,
  a {
    color: rgba(var(--brand__color--white), 1);
    font-weight: var(--brand__font-weight--light);
  }

  a {
    text-decoration-thickness: from-font;
    text-underline-offset: var(--a__text-underline-offset, auto);
  }

  small {
    font-size: var(--small__font-size, var(--brand__font-size--small));
  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  li::marker {
    color: rgba(var(--brand__color--white), 1);
  }
}

:focus-visible {
  outline: 2px solid rgb(var(--brand__color--white));
  outline-offset: -3px;
}



@custom-media --mobile (min-width: 36em);
@custom-media --tablet (min-width: 46.25em);
@custom-media --desktop (min-width: 61.25em);
@custom-media --large (min-width: 78.75em);
@custom-media --wide (min-width: 87.5em);
@custom-media --until-mobile (max-width: 36em - 1);
@custom-media --until-tablet (max-width: 46.25em - 1);
@custom-media --until-desktop (max-width: 61.25em - 1);
@custom-media --until-large (max-width: 78.75em);
@custom-media --until-wide (max-width: 87.5em);

:root {
  /* Cleanup, align with Figma */
  --brand__color--gray: 36, 36, 36;
  --brand__color--text: 255, 255, 255, 0.8;
  --brand__color--dark: 7, 7, 7;
  --brand__color--dark-light: 27, 27, 27;
  --brand__color--black: 0, 0, 0;
  --brand__color--white: 255, 255, 255;

  /* Aligned with Figma */
  --brand__color--primary-dark: 56, 91, 42;
  --brand__color--primary: 84, 137, 63;
  --brand__color--primary-light: 122, 202, 91;

  --brand__color--secondary: 196, 125, 43;

  --brand__color--danger: 196, 86, 43;
  --brand__color--warning: var(--brand__color--secondary);
  --brand__color--success: var(--brand__color--primary);

  --brand__color--accent1: 45, 72, 35;
  --brand__color--accent2: 214, 0, 0;
  --brand__color--accent3: 0, 136, 214;
  --brand__color--accent4: 44, 181, 142;
  --brand__color--accent5: 255, 102, 0;
  --brand__color--accent6: 255, 0, 153;

  --brand__color--gradient-black: linear-gradient(
    180deg,
    rgba(var(--brand__color--black), 0) 0%,
    rgba(var(--brand__color--dark)) 81.89%
  );

  --brand__color--gradient-black-135: linear-gradient(
    135deg,
    rgba(var(--brand__color--black), 0) 0%,
    rgba(var(--brand__color--dark)) 81.89%
  );

  --brand__color--gradient-black-135-reverted: linear-gradient(
    -35deg,
    rgba(var(--brand__color--black), 0) 0%,
    rgba(var(--brand__color--dark)) 81.89%
  );

  --brand__color--gradient-gray-135-reverted: linear-gradient(
    -35deg,
    rgba(var(--brand__color--gray), 0) 0%,
    rgba(var(--brand__color--gray)) 81.89%
  );
}

:root {
  --brand__font--primary: "Montserrat";
  --brand__font--secondary: "Montserrat Alt1";
  --brand__font--fallback: Verdana, sans-serif;
  --brand__font-family: var(--brand__font--primary),
    var(--brand__font--fallback);

  --brand__font-size--tiny: 0.65rem;
  --brand__font-size--small: 0.875rem;
  --brand__font-size--medium: 1.125rem;
  --brand__font-size--large: 1.375rem;

  --brand__font-size--12px: 0.75rem;
  --brand__font-size--14px: 0.875rem;
  --brand__font-size--18px: 1.125rem;
  --brand__font-size--20px: 1.25rem;

  --brand__font-size--h1: 2.625rem;
  --brand__font-size--h2: 1.875rem;
  --brand__font-size--h3: 1.5rem;
  --brand__font-size--h4: 1.25rem;
  --brand__font-size--h5: 1.125rem;
  --brand__font-size--h6: 1rem;

  --brand__font-weight--h4: 400;

  --brand__font-weight--light: 300;
  --brand__font-weight--regular: 400;
  --brand__font-weight--semi-bold: 500;
  --brand__font-weight--bold: 700;

  --brand__font-weight--h5: 500;
}

:root {
  --brand__spacing--tiny: 5px;
  --brand__spacing--small: 10px;
  --brand__spacing: 20px;
  --brand__spacing--large: 48px;
  --brand__spacing--huge: 60px;
  --brand__spacing--enormous: 100px;
  --brand__spacing--component-small: 80px;
  --brand__spacing--component-tiny: 60px;
  --brand__spacing--component: var(--brand__spacing--huge);

  @media (min-width: 61.25em) {
    --brand__spacing--component: 120px;
  }
}

:root {
  --brand__border-radius--big: 100px;
  --brand__border-radius: 8px;
}



.c-btn {
  color: rgba(var(--brand__color--white), 1);
  background-color: transparent;
  cursor: pointer;
  width: var(--brand__button--width, fit-content);
  border-radius: var(--brand__border-radius--big);
  border: 2px solid rgba(var(--brand__color--white), 1);
  padding: calc(var(--brand__spacing) + var(--brand__spacing--tiny))
    var(--brand__spacing--small);
  font-size: 1rem;
  font-weight: var(--brand__font-weight--light);
  font-family: var(--brand__font--primary), var(--brand__font--fallback);
  height: fit-content;
}

.c-btn--link {
  text-decoration: underline;
  border: 0;
  color: rgb(var(--brand__color--primary));
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  font-weight: var(--brand__font-weight--semi-bold);
  padding: 0;

  &:hover {
    text-underline-offset: 2px;
    text-decoration-thickness: 2px;
  }
}

.c-btn--primary {
  display: flex;
  justify-content: space-between;
  gap: var(--brand__spacing--small);
  align-items: center;
  background-color: rgba(var(--brand__color--white), 1);
  color: rgba(var(--brand__color--dark), 1);
  font-weight: var(--brand__font-weight--semi-bold);
  padding: calc(var(--brand__spacing--small) + var(--brand__spacing--tiny))
    var(--brand__spacing);
  text-transform: uppercase;
  text-decoration: none;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;

  &:hover {
    background-color: rgba(var(--brand__color--dark), 1);
    color: white;
  }
}

.c-btn--secondary {
  display: flex;
  text-decoration: none;
  align-items: center;
  gap: 15px;
  border: 1px solid rgba(var(--brand__color--primary), 1);
  padding: 0 0 0 calc(var(--brand__spacing));
  transition: 0.3s ease-in-out;

  & svg {
    width: 36px;
    height: 36px;
  }

  &:hover {
    gap: 25px;
  }
}

.a-icon-header {
  width: 175px;
  height: auto;
}

.a-icon-close {
  width: 30px;
  height: 30px;
}

.a-heading {
  display: flex;
  flex-direction: column-reverse;

  h3 {
    margin: 0;
  }

  h4 {
    text-transform: uppercase;
    color: rgba(var(--brand__color--primary), 1);
    font-weight: var(--brand__font-weight--semi-bold);
    font-size: 1rem;
  }
}

.a-heading:not(:has(h3 + h4)) {
  h4 {
    margin-bottom: 0;
  }
}

.a-heading-large {
  padding: var(--brand__spacing) 0;
  border-top: 1px solid rgba(var(--brand__color--white), 0.4);
  border-bottom: 1px solid rgba(var(--brand__color--white), 0.4);
}

.a-link--overlay {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  z-index: var(--link-overlay--z-index, 2);
}

.a-card-overlay {
  &:after {
    content: "";
    position: absolute;
    inset: 0 0 0 0;
    z-index: var(--link-overlay--z-index, 2);
  }
}

.a-select {
  font-size: var(--brand__font-size--14px);

  select {
    background-color: transparent;
    color: white;
    text-transform: uppercase;
    border: none;
  }
}

.a-checkbox {
  display: flex;
  align-items: center;
  gap: var(--brand__spacing--small);
  text-transform: uppercase;
  font-size: var(--brand__font-size--14px);
  cursor: pointer;

  input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--brand__color--white), 0.25);
    border-radius: 0;
    width: 16px;
    height: 16px;
  }

  input[type="checkbox"]::before {
    content: "";
    width: 12px;
    height: 12px;
    transform: scale(0);
    background-color: rgba(var(--brand__color--primary), 1);
  }

  input[type="checkbox"]:checked::before {
    transform: scale(1);
  }
}

.a-tag {
    color: var(--tag--color);
    background-color: var(--tag--background-color);
    padding: var(--tag--padding);
    font-weight: var(--brand__font-weight--regular);
    display: block;
}

.a-tag--pill {
    --tag--background-color: rgb(var(--brand__color--primary-dark));
    --tag--color: white;
    padding: var(--brand__spacing--tiny) var(--brand__spacing);
    border-radius: 100px;
    font-weight: var(--brand__font-weight--semi-bold);
    font-size: var(--brand__font-size--regular);
}

.a-tag--dark {
    --tag--color: white;
    --tag--background-color: rgb(var(--brand__color--dark));
}

.a-tag--small {
    --tag--color: rgb(var(--brand__color--primary));
    text-transform: uppercase;
    text-decoration: underline;
    font-size: var(--brand__font-size--tiny);
    text-underline-offset: 0.25em;
}
.a-long-text {
    column-count: 1;
    margin-block-start: 0;
    
    @media (min-width: 46.25em) {
        column-count: 2;
        column-gap: var(--brand__spacing);
    }
}
.a-partner {
  display: flex;
  gap: var(--brand__spacing--tiny);
  position: relative;
  padding: 0;
  margin: 0;
  max-width: 100px;
  max-height: 40px;

  @media (min-width: 46.25em) {
    max-width: 150px;
    max-height: 70px;
  }

  img {
    max-height: 45px;
    max-width: 150px;
    height: auto;
    width: auto;
  }
}

.a-partner--project {
  max-width: unset;
  height: 45px;
  align-items: center;
  justify-content: center;

  @media (min-width: 46.25em) {
    height: 70px;
  }
}



.m-number {
  font-family: var(--brand__font--secondary), var(--brand__font--fallback);
  font-size: 4rem;
  color: var(--number--color, rgba(var(--brand__color--primary)));
  width: fit-content;
  position: relative;
  padding: var(--number--padding, 0 50px 10px 0);
  font-weight: var(--brand__font-weight--light);
  flex-wrap: wrap;
  line-height: initial;
  --number__plus--icon-size: 55px;

  small {
    margin-top: auto;
  }
}

dlw-count-up {
  line-height: normal;
}

.m-number--tiny {
  font-size: 2.625rem;
  --number__plus--icon-size: 35px;
}

.m-number--small {
  font-size: 3.125rem;
  --number__plus--icon-size: 35px;
}

.m-number--danger {
  --number--color: rgb(var(--brand__color--danger));

  svg {
    --number__plus--icon-color: rgb(var(--brand__color--danger));
  }
}

.m-number--warning {
  --number--color: rgb(var(--brand__color--secondary));

  svg {
    --number__plus--icon-color: rgb(var(--brand__color--secondary));
  }
}

.m-number--success {
  --number--color: rgb(var(--brand__color--success));

  svg {
    --number__plus--icon-color: rgb(var(--brand__color--success));
  }
}

.m-number--plus {
  margin-bottom: 20px;
  --number__plus--icon-size: 40px;

  .m-number__plus {
    position: absolute;
    bottom: 0;
    content: "";
    display: block;
    height: var(--number__plus--icon-size);
    right: 0;
    width: var(--number__plus--icon-size);
  }
}

.m-number__plus {
  position: relative;

  svg {
    width: var(--number__plus--icon-size);
    height: var(--number__plus--icon-size);
    fill: var(--number__plus--icon-color, rgb(var(--brand__color--success)));
  }
}

.m-number__plus::after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background: var(
    --number__plus--after--background,
    var(--brand__color--gradient-black-135)
  );
}

.m-number--small::after {
  top: 0;
  left: -45;
  width: 35px;
  height: 35px;
  background-size: 100% auto;
}

.m-number--large::after {
  content: "";
  display: block;
  background-image: var(--base64--number);
  background-size: 100px;
  width: 100px;
  height: 100px;
  position: absolute;
  top: -125px;
  left: -125px;
}

.m-number--reverted::after {
  left: 15px;
}

@media (max-width: 61.25em) {
  .m-number--large::after {
    left: 15px;
  }
}

@media (max-width: 46.25em) {
  .m-number--large::after {
    display: none;
  }
}

.m-close {
  background: var(--base64--close) center center no-repeat;
  width: 20px;
  height: 20px;
  display: block;
}

.m-open {
  background: var(--base64--plus) center center no-repeat;
  width: 20px;
  height: 20px;
  display: block;

  @media (max-width: 36em) {
    background: var(--base64--newsletter);
    background-size: 20px;
    width: 20px;
    height: 20px;
  }
}



.c-media-banner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  --a__text-underline-offset: 5px;

  .c-btn-wrapper {
    margin-top: calc(var(--brand__spacing) * 2);
    animation: MoveUpDown 1s linear 3;

    .c-btn {
      display: block;
      padding: var(--brand__spacing) var(--brand__spacing--small);
    }
  }
}

.c-media-banner:not(:has(.c-breadcrumb)) {
  h1 {
    font-size: 3.5rem;
  }

  h2 {
    font-size: 1.875rem;
  }

  .c-media-banner__content-wrapper {
    padding-block-start: calc(
      var(--brand__spacing--huge) + (var(--brand__spacing) * 2)
    );
  }

  .c-media-banner__body {
    margin-top: 0;
  }
}

.c-media-banner__media-wrapper {
  grid-column: 1/-1;
  grid-row: 1/-1;

  video,
  picture {
    position: absolute;
    inset: 0;
  }

  @media (max-width: 87.5em) {
    margin-inline: calc(0px - var(--brand__spacing));
  }
}

.c-media-banner__media-container {
  position: relative;
  height: 100%;

  &::before {
    content: "";
    position: absolute;
    width: 100%;
    inset: 0;
    background: var(--brand__color--gradient-black);
    z-index: 1;
  }
}

.c-media-banner__content-wrapper {
  grid-column: 1/-1;
  grid-row: 1/-1;
  z-index: 1;
  padding-block-start: var(--brand__spacing--large);
}

.c-media-banner__content {
  max-width: 75%;
  @media (max-width: 61.25em) {
    max-width: unset;
  }
}

.c-media-banner__body {
  margin-top: calc(var(--brand__spacing) * 2);
}

.c-media-banner__overlay {
  position: absolute;
  inset: 0;
  height: calc(100% + 2px);
  background: linear-gradient(
    180deg,
    rgba(var(--brand__color--black), 0) 0%,
    rgba(var(--brand__color--dark), 1) 80%
  );
}

@keyframes MoveUpDown {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.c-rich-text {
  & > :first-child {
    margin-top: 0;
  }
  & > :last-child {
    margin-bottom: 0;
  }

  ul {
    list-style: initial;
    padding-left: calc(var(--brand__spacing) * 2);
  }
}

.c-rich-text-media {
  --set-brand__font-weight: 500;
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: calc(var(--brand__spacing--huge) + var(--brand__spacing));
}

.c-rich-text-media--reversed {
  grid-template-columns: 1.25fr 1fr;
  > div {
    grid-column: 2/3;
    grid-row: 1/2;
  }

  .c-rich-text-media__img {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}

.c-rich-text-media__content {
  display: flex;
  flex-direction: column;
}

.c-rich-text-media__title {
  padding: var(--brand__spacing) 0;
  border-top: 1px solid rgba(var(--brand__color--white), 0.4);
  border-bottom: 1px solid rgba(var(--brand__color--white), 0.4);
}

.c-rich-text-media__img {
  aspect-ratio: 1/1;
}

@media (max-width: 61.25em) {
  .c-rich-text-media {
    display: flex;
    flex-direction: column;
    gap: calc(var(--brand__spacing--large));
  }

  .c-rich-text-media__img {
    aspect-ratio: 3/2;
  }
}

dlw-scrollspy > div, dlw-scrollspy > dlw-intoview {
    scroll-margin-top: calc(var(--brand__spacing) + 68px); /* header height */

    @media (min-width: 61.25em) {
      scroll-margin-top: var(--brand__spacing--large);
    }
}
.rich-text-media-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

  img {
    aspect-ratio: 4/3;
    grid-column: 1/2;
    grid-row: 1/2;
    margin-right: var(--brand__spacing--huge);
  }

  .rich-text-media-grid__content {
    padding-top: var(--brand__spacing--huge);
    grid-column: 2/3;
    grid-row: 1/2;
  }
}

.rich-text-media-grid--reverted {
  img {
    grid-column: 3/4;
    margin-right: 0;
    margin-left: var(--brand__spacing--huge);
  }
}

@media (max-width: 61.25em) {
  .rich-text-media-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .rich-text-media-grid--reverted {
    img {
      grid-column: 2/3;
    }

    .rich-text-media-grid__content {
      grid-column: 1/2;
    }
  }
}

@media (max-width: 46.25em) {
  .rich-text-media-grid {
    display: flex;
    align-items: center;
    flex-direction: column;

    img {
      margin: 0;
      object-fit: cover;
      object-position: center center;
      width: 100%;
      height: 100%;
      order: 1;
    }
  }

  .rich-text-media-grid__content {
    padding-block-start: 0 !important; /*override*/
    padding-block-end: var(--brand__spacing);

    .m-number--plus {
      margin-bottom: var(--brand__spacing--small);
    }
  }
}

.c-rich-text-columns {
  display: flex;
  flex-direction: column;
}

.c-rich-text-columns__title {
  text-transform: uppercase;
  color: rgba(var(--brand__color--primary), 1);
  font-weight: var(--brand__font-weight--semi-bold);
  margin: 0;
  font-size: 1rem;
}

.c-rich-text-columns__items {
  list-style-type: none;
  padding: 0;
  display: flex;
  gap: var(--brand__spacing--large);
  margin: 0;
  flex-wrap: wrap;

  @media (min-width: 78.75em) {
    gap: calc(var(--brand__spacing--huge) + var(--brand__spacing));
  }
}

.c-rich-text-columns__item {
  display: flex;

  .c-rich-text {
    max-width: 300px;
    flex-grow: 1;
  }
}

.c-quote {
  color: rgba(var(--brand__color--white), 1);
  container: quote / inline-size;

  & svg {
    width: 95px;
    height: 95px;

    @container quote (inline-size < 400px) {
      margin: 0 auto;
    }
  }
}

.c-quote:has(svg) {
  background: linear-gradient(
    268deg,
    rgba(var(--brand__color--gray), 1) -4.56%,
    rgba(var(--brand__color--dark-light), 0) 109.37%
  );
}

.c-quote--large {
  .c-quote__content {
    font-size: 25px;
  }
}

.c-quote__wrapper {
  padding: var(--brand__spacing--huge);
  display: flex;
  gap: calc(var(--brand__spacing--huge) + var(--brand__spacing));
}

.c-quote__content {
  text-wrap: unset;
  font-size: var(--brand__font-size--h2);
  line-height: normal;
}

@container quote (inline-size < 850px) {
  .c-quote__wrapper {
    gap: calc(var(--brand__spacing--large));
    padding: calc(var(--brand__spacing--large));
  }
}

@container quote (inline-size < 650px) {
  .c-quote__wrapper {
    flex-direction: column;
    gap: calc(var(--brand__spacing--large));
    padding: calc(var(--brand__spacing--large));
  }
}

@container quote (inline-size < 400px) {
  .c-quote__wrapper {
    flex-direction: column;
    padding: var(--brand__spacing);
  }

  .c-quote__content {
    font-size: 2rem;
  }
}

.c-partners {
  display: flex;
  justify-content: space-between;
  gap: calc(var(--brand__spacing) + var(--brand__spacing--small));
  flex-wrap: wrap;

  img {
    max-height: 45px;
    max-width: 150px;
    height: auto;
    width: auto;
  }

  @media (max-width: 78.75em) {
    column-gap: var(--brand__spacing--large);
    row-gap: var(--brand__spacing);
    justify-content: center;
  }
}

.c-partners--large {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: calc(var(--brand__spacing--huge) * 3);
  row-gap: var(--brand__spacing--large);

  img {
    max-height: 75px;
    max-width: 200px;
  }

  .c-partners__container {
    position: relative;
    background-color: var(--c-partners__container--hover-bg-color, rgba(var(--brand__color--gray), 1));
    padding: calc(var(--brand__spacing) * 2) var(--brand__spacing--huge);
    text-align: center;
    transition: .3s background-color;
  }
  
  .c-partners__container:hover {
    --c-partners__container--hover-bg-color: rgba(var(--brand__color--gray), .7)
  }
}

.c-partners__logo {
  grid-column: 1/3;
  position: relative;
  margin-left: auto;
  margin-right: auto;

  &::after {
    content: "";
    position: absolute;
    bottom: -135px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background-image: var(--base64--partners-logo-plus);
  }

  svg {
    max-width: 220px;
    height: auto;
  }
}

.c-partners__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--brand__spacing);
}

@media (max-width: 78.75em) {
  .c-partners--large {
    column-gap: calc(var(--brand__spacing--huge) * 2);
  }

  .c-partners__logo::after {
    width: 75px;
    height: 75px;
    background-image: var(--base64--partners-logo-big);
  }
}

@media (max-width: 61.25em) {
  .c-partners--large {
    column-gap: calc(var(--brand__spacing));
    row-gap: calc(var(--brand__spacing));

    img {
      max-height: 50px;
    }
  }

  .c-partners__logo::after {
    display: none;
  }
}

@media (max-width: 46.25em) {
  .c-partners {
    justify-content: center;
  }

  .c-partners--large {
    display: flex;
    flex-direction: column;
    gap: var(--brand__spacing);

    img {
      max-height: 50px;
    }
  }
}

.c-carousel:has(.c-media) {
  .swiper-wrapper {
    height: auto;
    padding-bottom: calc(var(--brand__spacing) * 2);
  }
}

.c-media {
  --kpis__ul--gap: var(--brand__spacing--small);
  --kpis__ul--jc: space-between;
  position: relative;
  container: video / inline-size;
  height: 100%;

  video,
  iframe,
  .c-media__background-image {
    grid-column: 1/2;
    grid-row: 1/2;
    object-fit: cover;
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
  }
}

.c-media__image {
  position: relative;
  grid-column: 1/2;
  grid-row: 1/2;
  aspect-ratio: 16/9;
}

.swiper-slide:has(.c-media) {
  height: auto;
}

.c-media__wrapper {
  display: grid;
  grid-template-columns: 62.5% 37.5%;
  align-items: center;
  height: 100%;

  iframe {
    height: 100%;
  }

  &:not(:has(> div)) {
    grid-template-columns: auto;

    .c-media__image {
      position: absolute;
      inset: 0;
    }
  }
}

.c-media__wrapper--large {
  --video__rich-text--margin: var(--brand__spacing)
    calc(var(--brand__spacing) * 2) var(--brand__spacing) 0;

  .c-media__rich-text {
    max-width: 540px;
  }
}

.c-media.is-active .c-media__rich-text {
  button {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
  }
}

.c-media:not(.is-active) iframe {
  display: none;
}

.c-media__rich-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 1;
  background-color: rgba(var(--brand__color--gray), 1);
  padding: calc(var(--brand__spacing) * 2);

  .c-rich-text {
    & p,
    h3 {
      opacity: 0.9;
    }
  }
}

@container video (inline-size < 1100px) {
  .c-media {
    --kpis__ul--gap: var(--brand__spacing);
  }

  .c-media__wrapper--large {
    display: block;

    .c-media__rich-text {
      margin: 0;
      max-width: unset;
    }
  }
}

@container video (inline-size < 850px) {
  .c-media {
    video,
    iframe {
      grid-column: 1/2;
      grid-row: 2/3;
    }
  }

  .c-media__wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
  }

  .c-media__rich-text {
    --number__plus--after--background: none;
    max-width: none;
    grid-column: 1/3;
    margin: 0;
    width: unset;
    background-color: rgba(var(--brand__color--gray), 1);
    padding: var(--brand__spacing--large);

    .c-kpis ul {
      justify-content: flex-start;
    }
  }

  .c-media__image {
    position: relative;
    grid-column: 1/3;
    grid-row: 2/3;
  }
}

.c-cta {
  position: relative;
  overflow: hidden;
  padding: var(--brand__spacing--huge) 0;
}

@media (min-width: 61.25em) {
  .c-cta::after {
    content: "";
    position: absolute;
    top: 0;
    left: 2%;
    display: block;
    width: 150px;
    height: 150px;
    background-image: var(--base64--cta-plus);
    z-index: -1;
  }
}

.c-cta__wrapper {
  position: relative;
  overflow: hidden;
}

.c-cta__container {
  position: relative;

  @media (max-width: 61.25em) {
    .c-rich-text {
      min-width: 60%;
    }
  }
}

.c-cta__image {
  position: absolute;
  right: calc((100% - var(--wrapper--width)) / 2);
  top: 50%;
  transform: translate(0, -50%);
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 395px;
  height: 100%;

  img {
    border-radius: 100%;
    aspect-ratio: 1;
  }

  &::before {
    content: "";
    position: absolute;
    inset: 0;
  }

  &::before {
    background: radial-gradient(
      circle,
      rgba(var(--brand__color--dark), 0) 0%,
      rgba(var(--brand__color--dark), 1) 55%,
      rgba(var(--brand__color--dark), 1) 100%
    );
  }
}

.c-cta__image-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: -1;

  &::before,
  &::after {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    bottom: 0;
  }

  &::before {
    background: linear-gradient(
      90deg,
      rgba(var(--brand__color--dark), 1) 0%,
      rgba(var(--brand__color--dark), 1) 10px,
      rgba(var(--brand__color--dark), 0) 30px,
      rgba(var(--brand__color--dark), 0) calc(100% - 30px),
      rgba(var(--brand__color--dark), 1) calc(100% - 10px),
      rgba(var(--brand__color--dark), 1) 100%
    );
  }

  &::after {
    background: linear-gradient(
      0deg,
      rgba(var(--brand__color--dark), 1) 0%,
      rgba(var(--brand__color--dark), 1) 10px,
      rgba(var(--brand__color--dark), 0) 30px,
      rgba(var(--brand__color--dark), 0) calc(100% - 30px),
      rgba(var(--brand__color--dark), 1) calc(100% - 10px),
      rgba(var(--brand__color--dark), 1) 100%
    );
  }
}

@media (max-width: 75em) {
  .c-cta__image {
    right: var(--brand__spacing);
  }
}

@media (max-width: 61.25em) {
  .c-cta {
    padding: 0;
  }

  .c-cta__wrapper {
    & > :first-child {
      max-width: 100%;
    }
  }

  .c-cta__image-bottom {
    display: none;
  }
}

@media (max-width: 46.25em) {
  .c-cta::after {
    display: none;
  }

  .c-cta__image-bottom {
    display: none;
  }
}

.c-kpis {
  --number__plus--after--background: var(--brand__color--gray);

  ul {
    display: flex;
    gap: var(--kpis__ul--gap, var(--brand__spacing--large));
    justify-content: var(--kpis__ul--jc, space-between);
    flex-wrap: wrap;

    @media (max-width: 61.25em) {
      --kpis__ul--gap: var(--brand__spacing);
    }
  }

  li {
    display: flex;
    flex-direction: column;
    gap: var(--brand__spacing--small);
  }

  p {
    opacity: 0.8;
  }

  svg {
    width: 38px;
    height: 38px;
  }
}

.c-kpis__number {
  --small__font-size: 16px;

  display: flex;
  gap: var(--brand__spacing--small);
  align-items: center;
  justify-content: center;
  font-size: 3.125rem;

  div {
    color: rgba(var(--brand__color--primary), 1);
  }
}

.c-kpis__number--reverted {
  div {
    color: rgba(var(--brand__color--secondary), 1);
  }
}

@media (max-width: 36em) {
  .c-kpis {
    ul {
      flex-direction: column;
    }
  }
}

@layer {
  .c-globe {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0 var(--brand__spacing--huge);
    flex-direction: column;

    @media (max-width: 46.25em) {
      padding: 0;
    }
  }

  .c-globe::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 140px;
    height: 140px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM0IiBoZWlnaHQ9IjE0MiIgdmlld0JveD0iMCAwIDEzNCAxNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJFbGxpcHNlIDUiIGQ9Ik0wLjkzOTM0IDEyOC45MzlDMC4zNTM1NTMgMTI5LjUyNSAwLjM1MzU1MyAxMzAuNDc1IDAuOTM5MzQgMTMxLjA2MUwxMC40ODUzIDE0MC42MDdDMTEuMDcxMSAxNDEuMTkyIDEyLjAyMDggMTQxLjE5MiAxMi42MDY2IDE0MC42MDdDMTMuMTkyNCAxNDAuMDIxIDEzLjE5MjQgMTM5LjA3MSAxMi42MDY2IDEzOC40ODVMNC4xMjEzMiAxMzBMMTIuNjA2NiAxMjEuNTE1QzEzLjE5MjQgMTIwLjkyOSAxMy4xOTI0IDExOS45NzkgMTIuNjA2NiAxMTkuMzkzQzEyLjAyMDggMTE4LjgwOCAxMS4wNzExIDExOC44MDggMTAuNDg1MyAxMTkuMzkzTDAuOTM5MzQgMTI4LjkzOVpNMTMwLjUgMEMxMzAuNSA3MC45Njg2IDcyLjk2ODYgMTI4LjUgMiAxMjguNVYxMzEuNUM3NC42MjU1IDEzMS41IDEzMy41IDcyLjYyNTUgMTMzLjUgMEgxMzAuNVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl82MTNfMjI3NDQpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNjEzXzIyNzQ0IiB4MT0iNjciIHkxPSIwIiB4Mj0iNjciIHkyPSIxMzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzJENDgyMyIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMC43NjkyMzEiIHN0b3AtY29sb3I9IiM1NDg5M0YiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
  }

  .c-globe__heading {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    list-style: none;
    margin: 0;
    padding: var(--brand__spacing) calc(var(--brand__spacing) * 2);
    background-color: rgba(var(--brand__color--dark), 1);
    border: 1px solid rgba(var(--brand__color--accent1), 1);
    border-radius: var(--brand__border-radius);
    display: flex;
    align-items: center;
    align-items: center;
    justify-content: center;

    @media (max-width: 46.25em) {
      padding: var(--brand__spacing--small);
    }
  }

  .c-globe__heading--legend {
    gap: calc(var(--brand__spacing) * 2);
    width: fit-content;

    @media (max-width: 46.25em) {
      gap: var(--brand__spacing--small);
    }

    li {
      display: flex;
      align-items: center;
      gap: var(--brand__spacing--small);
      width: fit-content;
      white-space: nowrap;

      @media (max-width: 46.25em) {
        font-size: var(--brand__font-size--14px);
      }
    }

    & > li::before {
      content: "";
      display: block;
      width: 15px;
      height: 15px;
      flex-shrink: 0;
      border: 1px solid rgba(var(--brand__color--white), 1);
      border-radius: 100%;
    }

    & > :first-child::before {
      background-color: rgba(var(--brand__color--primary-light), 1);
    }
    & > :last-child::before {
      background-color: rgba(var(--brand__color--secondary), 1);
    }
  }

  .c-globe__heading--filters {
    gap: calc(var(--brand__spacing) * 2);
  }

  .c-globe__body {
    position: relative;
    z-index: -1;
    margin-top: calc(var(--brand__spacing) + var(--brand__spacing--tiny));

    img {
      max-width: 668px;
    }

    svg {
      position: absolute;
      width: 47px;
      height: 44px;
    }

    & > svg:first-of-type {
      top: 15%;
      left: 0;
      transform: rotate(190.481deg);
    }

    & > svg:nth-of-type(2) {
      bottom: 2%;
      left: 10%;
      transform: rotate(103.403deg);
    }

    & > svg:nth-of-type(3) {
      top: 65%;
      right: -7%;
      transform: rotate(4.33deg);
    }
  }

  @media (max-width: 61.25em) {
    .c-globe::after {
      display: none;
    }
  }

  @media (max-width: 46.25em) {
    .c-globe__heading {
      flex-wrap: wrap;
      position: static;
      transform: none;
      padding: var(--brand__spacing) var(--brand__spacing--small);

      li {
        white-space: normal;
      }
    }

    .c-globe__body {
      & > svg:first-of-type {
        top: 15%;
        left: -5%;
      }

      & > svg:nth-of-type(2) {
        bottom: 0%;
        left: 10%;
      }

      & > svg:nth-of-type(3) {
        top: 65%;
        right: -9%;
      }
    }
  }

  @media (max-width: 36em) {
    .c-globe__body {
      & > svg {
        display: none;
      }

      & > svg:first-of-type {
        top: 0%;
        left: -12%;
      }

      & > svg:nth-of-type(2) {
        bottom: -15%;
        left: 3%;
      }

      & > svg:nth-of-type(3) {
        top: 65%;
        right: -20%;
      }
    }
  }
}

.c-header {
  position: relative;
  z-index: var(--z-index--header);

  dlw-reveal {
    & > [slot="content"] {
      display: none;
    }

    &[open] > [slot="content"] {
      display: block;
    }
  }
}

.c-header--portal {
  .c-header__container nav {
    align-items: stretch;
    gap: var(--brand__spacing--tiny);

    @media (max-width: 78.75em) {
      gap: calc(var(--brand__spacing) + var(--brand__spacing--tiny));
    }
  }

  a {
    font-weight: var(--brand__font-weight--semi-bold);
  }
}

.c-header__wrapper {
  min-height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-header__container {
  justify-content: space-between;
  align-items: center;
  gap: var(--brand__spacing);

  nav {
    display: flex;
    gap: var(--brand__spacing--huge);
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
  }

  ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--brand__spacing--tiny);

    li a {
      display: block;
      padding: calc(var(--brand__spacing) + var(--brand__spacing--small))
        var(--brand__spacing);
      transition: 0.2s all;

      @media (max-width: 78.75em) {
        padding: calc(var(--brand__spacing) + var(--brand__spacing--small))
          var(--brand__spacing--small);
      }
    }

    li a:hover {
      background-color: rgba(255, 255, 255, 0.07);
    }
  }

  a {
    text-decoration: none;
  }
}

.c-header__login {
  height: 100%;
  display: flex;
  align-items: center;
}

.c-header__dropdown {
  position: relative;

  button {
    font-weight: var(--brand__font-weight--semi-bold);
    text-transform: uppercase;
  }

  div {
    background-color: rgb(var(--brand__color--gray));
    position: absolute;
    white-space: nowrap;
  }

  ul {
    display: block;

    li a {
      padding: var(--brand__spacing--small) var(--brand__spacing);
      font-weight: var(--brand__font-weight--semi-bold);
    }
  }

  &:hover {
    .c-header__button {
      background-color: rgba(255, 255, 255, 0.07);
    }
  }
}

.c-header__profile {
  position: relative;

  &:has(.c-btn) {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  &:not(:has(button)) {
    min-width: 150px;
    max-width: 250px;
  }

  img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 100%;
  }

  div {
    background-color: rgb(var(--brand__color--gray));
    position: absolute;
    white-space: nowrap;
    width: 100%;
    white-space: unset;
  }

  ul {
    display: block;

    li a {
      padding: var(--brand__spacing--small) var(--brand__spacing);
      word-break: break-all;
    }
  }

  span {
    font-weight: var(--brand__font-weight--light);
    text-transform: initial;
  }

  &:hover {
    .c-header__button {
      background-color: rgba(255, 255, 255, 0.07);
    }
  }
}

.c-header__button {
  border: 0;
  background-color: transparent;
  color: rgba(var(--brand__color--white), 1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--brand__spacing--small);
  transition: 0.2s all;
  height: 100%;
  padding: 0 var(--brand__spacing);

  &::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-image: var(--base64--chevron);
    width: 12px;
    height: 12px;
    flex-shrink: 0;
  }

  @media (max-width: 78.75em) {
    padding: 0 var(--brand__spacing--small);
  }
}

.c-header__menu {
  display: none;
  color: rgba(var(--brand__color--primary), 1);
}

.c-header__container-close {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: rgba(var(--brand__color--white), 1);
  cursor: pointer;
}

@media (max-width: 78.75em) {
  .c-header__container {
    nav {
      gap: var(--brand__spacing);
    }

    ul {
      gap: calc(var(--brand__spacing) + var(--brand__spacing--tiny));
    }
  }
}

@media (max-width: 61.25em) {
  .c-header {
    position: sticky;
    top: 0;
    background-color: rgb(var(--brand__color--dark));
  }

  .c-header__container-close {
    display: block;
  }
  .c-header__menu {
    display: block;
    border: 0;
    background-color: transparent;
    cursor: pointer;

    svg {
      width: 20px;
      height: 20px;
    }
  }

  .c-header__container {
    background-color: rgba(var(--brand__color--dark), 1);
    position: absolute;
    inset: 0;
    height: 100vh;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: calc(var(--brand__spacing) * 2);

    nav {
      margin-top: var(--brand__spacing--huge);
      flex-direction: column;
    }

    ul {
      flex-direction: column;
      width: 100%;

      li {
        width: 100%;
        text-align: center;

        a {
          width: fit-content;
          margin: 0 auto;
          padding: var(--brand__spacing--small);
          display: block;
        }
      }
    }

    .c-header__button {
      width: fit-content;
      margin: 0 auto;
      padding: var(--brand__spacing--small);

      &::after {
        rotate: -90deg;
      }
    }

    .c-header__dropdown,
    .c-header__profile {
      position: static;
    }

    .c-header__profile {
      min-width: initial;
      max-width: initial;
    }

    .c-header__dropdown[open],
    .c-header__profile[open] {
      div {
        padding-top: var(--brand__spacing--huge);
        position: absolute;
        inset: 0;
        width: 100dvw;
        height: 100dvh;
        z-index: 1;
      }
    }
  }
}

.c-footer {
  position: relative;
  z-index: var(--z-index--footer);

  ul {
    display: flex;
  }
}

.c-footer__content {
  border-top: 1px solid rgba(var(--brand__color--white), 0.25);
  border-bottom: 1px solid rgba(var(--brand__color--white), 0.25);

  ul {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--brand__spacing--huge);
    margin: var(--brand__spacing--huge) 0;

    @media (max-width: 46.25em) {
      gap: var(--brand__spacing);
    }
  }
}

.c-footer__intro {
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing);

  svg {
    width: 150px;
    height: 20px;
  }
}

.c-footer__socials {
  min-width: 225px;

  ul {
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--brand__spacing);
    width: fit-content;
  }

  svg {
    width: 20px;
    height: 20px;
  }
}

.c-footer__socials-title {
  color: rgba(var(--brand__color--primary-light), 1);
  margin: 0 0 calc(var(--brand__spacing) - var(--brand__spacing--tiny)) 0;
  font-size: var(--brand__font-size--14px);
}

.c-footer__navigation {
  ul {
    margin: 0;
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: var(--brand__spacing--small);
  }

  a {
    text-decoration: none;
  }

  a:hover {
    text-decoration: underline;
    text-decoration-color: rgba(var(--brand__color--white), 0.5);
    text-underline-offset: 0.12rem;
  }
}

.c-footer__cta {
  max-width: 350px;

  h4 {
    font-size: var(--brand__font-size--20px);
  }

  svg {
    width: 16px;
    height: 16px;
  }
}

.c-footer__cta-btn {
  width: 100%;
  margin-block-start: var(--brand__spacing);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--brand__spacing) + var(--brand__spacing--small));
  border-radius: 100px;
  background-color: rgba(var(--brand__color--white), 1);
  color: rgba(var(--brand__color--dark), 1);
  font-weight: var(--brand__font-weight--light);
  border: none;
  box-shadow: none;
  padding: 1px 1px 1px var(--brand__spacing);
  font-size: 16px;

  span {
    border-radius: 100px;
    background-color: rgba(var(--brand__color--dark), 1);
    color: rgba(var(--brand__color--white), 1);
    font-weight: var(--brand__font-weight--semi-bold);
    text-transform: uppercase;
    display: flex;
    gap: var(--brand__spacing--small);
    padding: calc(var(--brand__spacing) - var(--brand__spacing--tiny))
      var(--brand__spacing);
  }
}

.c-footer__policy {
  margin: var(--brand__spacing) 0;
  gap: calc(var(--brand__spacing) * 2);
  justify-content: flex-start;
  color: rgba(var(--brand__color--white), 1);
  font-size: var(--brand__font-size--14px);
}

.c-footer__join {
  max-width: 300px;
}

@layer {
  .c-breadcrumb {
    --a__text-underline-offset: auto;

    ul {
      display: flex;
      gap: var(--brand__spacing);
      font-size: 14px;
    }

    .c-breadcrumb__item:not(:last-child) {
      display: flex;
      gap: var(--brand__spacing);
      align-items: center;
    }
    .c-breadcrumb__item:not(:last-child)::after {
      content: "";
      display: block;
      background-image: var(--base64--breadcrumb);
      background-repeat: no-repeat;
      background-position: center;
      width: 12px;
      height: 12px;
    }
  }
}

@layer components {
  .c-page-intro {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    align-items: start;

    @media (max-width: 61.25em) {
      &:not(.u-padding-bottom-component) {
        margin-block-end: var(--brand__spacing--large);
      }
    }

    @media (min-width: 46.25em) {
      &:not(".c-page-intro--cta") {
        .c-page-intro__content {
          max-width: var(--brand__wrapper--small);
        }
      }
    }
  }

  .c-page-intro__wrapper {
    grid-column: 1/-1;
    grid-row: 1/-1;
    padding-block-start: var(--brand__spacing--large);
    position: relative;
    z-index: 2;
    --wrapper--width: 75rem;
  }

  .c-page-intro__description {
    p {
      margin: 0;
    }

    @media (min-width: 46.25em) {
      columns: 2;
    }
  }

  .c-page-intro--image {
    background: transparent;
  }

  .c-page-intro__image-container {
    grid-column: 1/-1;
    grid-row: 1/-1;
    position: relative;
    padding-bottom: 1px;

    img {
      width: 100%;
    }

    &::before {
      content: "";
      position: absolute;
      width: 100%;
      inset: 0;
      background: var(--brand__color--gradient-black);
    }
  }

  .c-page-intro__content {
    margin-block-start: calc(
      var(--brand__spacing) + var(--brand__spacing--small)
    );
  }

  .c-page-intro__heading {
    @media (min-width: 61.25em) {
      max-width: 60%;
    }
  }

  .c-page-intro__text {
    font-size: var(--brand__font-size--20px);

    @media (max-width: 61.25em) {
      font-size: var(--brand__font-size--18px);
    }
  }

  .c-page-intro--small {
    .c-page-intro__content {
      @media (min-width: 87.5em) {
        max-width: 60%;
      }
    }
  }

  .c-page-intro--cta {
    .c-page-intro__image-container {
      background: none;
    }

    .c-page-intro__wrapper {
      grid-column: 1/2;
      grid-row: 1/2;
    }

    .c-page-intro__content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: var(--brand__spacing);

      @media (min-width: 61.25em) {
        gap: calc(var(--brand__spacing--large) * 2);
      }
    }
  }

  .c-page-intro__image {
    height: 100%;
    grid-column: 1/2;
    grid-row: 1/2;

    div {
      position: relative;
      height: 100%;

      .c-page-intro__image-container {
        background: linear-gradient(
          180deg,
          rgba(var(--brand__color--gray), 1) 100%,
          rgba(0, 0, 0, 0) 100%
        );
        position: absolute;
        inset: 0;
      }
    }

    @media (max-width: 87.5em) {
      margin-inline: calc(0px - var(--brand__spacing));
    }
  }

  .c-page-overview {
    --brand__button--width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--brand__spacing);

    @media (min-width: 46.25em) {
      grid-template-columns: repeat(2, 1fr);
    }

    @media (min-width: 61.25em) {
      grid-template-columns: repeat(3, 1fr);
    }

    @media (min-width: 78.75em) {
      grid-template-columns: repeat(4, 1fr);
      column-gap: var(--brand__spacing--huge);
      row-gap: calc(var(--brand__spacing) * 2);
    }

    button {
      justify-content: space-between;
    }

    li {
      position: relative;
    }
  }

  .c-page-overview__item {
    .a-icon {
      transition: all 0.3s ease-in-out;
      margin-left: var(
        --page-overview__item--icon--margin-left,
        var(--brand__spacing--small)
      );
    }

    &:hover {
      --page-overview__item--icon--margin-left: calc(
        var(--brand__spacing--small) + var(--brand__spacing--tiny)
      );
    }
  }

  .c-page-intro__columns {
    display: flex;
    gap: var(--brand__spacing--huge);
  }

  @media (max-width: 61.25em) {
    .c-page-intro--small {
      .c-page-intro__content {
        max-width: 100%;
      }
    }

    .c-page-intro__columns {
      flex-direction: column;
      gap: var(--brand__spacing);
    }
  }
}

.c-carousel {
  display: block;

  .swiper-wrapper {
    padding-bottom: calc(var(--brand__spacing) + var(--brand__spacing--small));
  }

  .swiper-slide {
    overflow: hidden;

    dlw-video {
      width: 100%;
      height: 100%;
      display: block;

      /* force 16/9 ratio on large devices */
      @media (min-width: 46.25em) {
        &:not(:has(.c-media)) {
          aspect-ratio: 16 / 9;
        }
      }
    }
  }

  .swiper-button-prev {
    z-index: 2;
    top: unset;
    bottom: 0;
    left: calc(50% - 50px);
    right: unset;
    transform: translateX(-50%);
    width: 17px;
    height: 17px;
    background-image: var(--base64--swiper-prev);
    background-repeat: no-repeat;
    background-position: center;

    &::after {
      content: none;
    }
  }

  .swiper-button-next {
    z-index: 2;
    top: unset;
    bottom: 0;
    right: calc(50% - 50px);
    left: unset;
    transform: translateX(-50%);
    width: 17px;
    height: 17px;
    background-image: var(--base64--swiper-next);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: center;

    &::after {
      content: none;
    }
  }

  .swiper-pagination {
    z-index: -1;
    top: unset;
    bottom: 0;
  }
}

.c-image-block {
  --kpis__ul--gap: var(--brand__spacing--small);
  --kpis__ul--jc: space-between;
  position: relative;
  container: image-block / inline-size;

  img {
    grid-column: 1/3;
    grid-row: 1/2;
    object-fit: cover;
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
  }
}

.c-image-block__wrapper {
  --image-block__rich-text--margin: var(--brand__spacing)
    calc(var(--brand__spacing) * 2) var(--brand__spacing) 0;

  display: grid;
  align-items: flex-end;

  .c-image-block__rich-text {
    max-width: 540px;
  }
}

.c-image-block.is-active .c-image-block__rich-text {
  display: none;
}

.c-image-block__rich-text {
  box-sizing: border-box;
  grid-column: 2/3;
  grid-row: 1/2;
  margin: var(
    --image-block__rich-text--margin,
    var(--brand__spacing--huge) var(--brand__spacing--huge)
      var(--brand__spacing--huge) 0
  );
  height: var(--image-block__rich-text--height, fit-content);
  max-width: 475px;

  z-index: 1;
  background-color: rgba(var(--brand__color--dark), 1);
  padding: calc(var(--brand__spacing) * 2) calc(var(--brand__spacing) * 2)
    var(--brand__spacing--huge) calc(var(--brand__spacing) * 2);

  .c-rich-text {
    & p,
    h3 {
      opacity: 0.9;
    }
  }
}

@container image-block (inline-size < 1100px) {
  .c-image-block__wrapper {
    .c-image-block__rich-text {
      margin: 0;
      max-width: unset;
    }

    img {
      grid-row: 2/3;
    }
  }

  .c-image-block__rich-text {
    grid-column: 1/3;
    max-width: none;
    margin: 0 var(--brand__spacing--huge);
    width: unset;
    padding: 0 0 var(--brand__spacing--large);
  }
}

@container image-block (inline-size < 850px) {
  /* 100% height seems to overwrite the aspect ratio. */
  /* See task: 156 */
  .c-image-block {
    img {
      height: auto;
    }
  }

  .c-image-block__rich-text {
    margin: 0 0 var(--brand__spacing) 0;
  }
}

.c-sticky-bar {
  z-index: 99;
  display: block;
  position: fixed;
  bottom: var(--brand__spacing);
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
}

.c-sticky-bar__wrapper {
  display: flex;
  align-items: center;
  gap: var(--brand__spacing);
  background-color: rgba(var(--brand__color--gray), 1);
  padding: var(--brand__spacing--small);
  border-radius: 100px;
  width: fit-content;

  a {
    display: block;
    padding: calc(var(--brand__spacing) - var(--brand__spacing--tiny))
      var(--brand__spacing);
    color: rgba(var(--brand__color--white), 1);
    font-size: var(--brand__font-size--14px);
    font-weight: var(--brand__font-weight--semi-bold);
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
  }

  a.active {
    background-color: rgba(var(--brand__color--white), 1);
    color: rgba(var(--brand__color--dark), 1);
    border-radius: 100px;
  }
}

@media (max-width: 46.25em) {
  .c-sticky-bar {
    display: none;
  }
}

.c-hs-form {
  .hs-form-field {
    margin-bottom: var(--brand__spacing);
  }

  .hs-error-msgs {
    margin: 0;
  }

  input[type="text"],
  input[type="email"],
  input[type="number"],
  input[type="password"],
  textarea {
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: rgba(var(--brand__color--white), 1);
    padding: var(--brand__spacing--small)
      calc(var(--brand__spacing--small) + var(--brand__spacing--tiny));
    width: 100%;
    max-width: 400px;
    margin-top: var(--brand__spacing--small);
    margin-bottom: var(--brand__spacing--tiny);
  }

  textarea {
    height: 100px;
  }

  .hs-form-required,
  .hs-error-msg {
    color: rgba(var(--brand__color--secondary), 1);
  }

  .hs-form-checkbox {
    label {
      display: flex;
      align-items: center;
      gap: var(--brand__spacing--small);
      text-transform: uppercase;
      font-size: var(--brand__font-size--14px);
      cursor: pointer;
    }

    input[type="checkbox"] {
      appearance: none;
      -webkit-appearance: none;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(var(--brand__color--white), 0.25);
      border-radius: 0;
      width: 16px;
      height: 16px;
    }

    input[type="checkbox"]::before {
      content: "";
      width: 12px;
      height: 12px;
      transform: scale(0);
      background-color: rgba(var(--brand__color--primary), 1);
    }

    input[type="checkbox"]:checked::before {
      transform: scale(1);
    }
  }

  .hs-button {
    color: rgba(var(--brand__color--white), 1);
    background-color: transparent;
    cursor: pointer;
    width: var(--brand__button--width, fit-content);
    border-radius: var(--brand__border-radius--big);
    padding: var(--brand__spacing--small)
      calc(var(--brand__spacing) - var(--brand__spacing--tiny));
    font-size: 1rem;
    font-weight: var(--brand__font-weight--light);
    font-family: var(--brand__font--primary), var(--brand__font--fallback);
    height: fit-content;
    border: 2px solid rgba(var(--brand__color--primary), 1);

    &:hover {
      background-color: rgba(var(--brand__color--dark), 1);
      color: white;
    }
  }

  @media (max-width: 46.25em) {
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="password"],
    textarea {
      width: 100%;
      max-width: unset;
    }
  }
}

.c-hs-form--newsletter {
  margin-top: var(--brand__spacing);
  form {
    position: relative;
    border-radius: var(--brand__border-radius--big);
    background-color: rgb(var(--brand__color--white));
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    > :first-child {
      width: 100%;
    }

    .hs-form-field {
      margin-bottom: 0;
    }

    label:not(.hs-error-msg) {
      display: none;
    }

    label.hs-error-msg {
      position: absolute;
      top: calc(100% + 5px);
    }

    input[type="email"] {
      height: 52px;
      margin: 0;
      border-radius: var(--brand__border-radius--big) 0 0
        var(--brand__border-radius--big);
      height: 52px;
      border: 0;
    }

    input[type="submit"] {
      height: 48px;
      background-color: rgb(var(--brand__color--dark));
      border: 0;
      margin-right: 2px;

      &:hover {
        background-color: rgb(var(--brand__color--primary));
      }
    }
  }
}

.c-project-card {
  --project-card--background-color: var(--brand__color--gray);
  --project-card--gradient: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 18%,
    rgba(0, 0, 0, 0.8) 64%
  );
  --project-card--image-overlay-opacity: 1;
  position: relative;
  width: 100%;
}

.c-project-card:hover {
  --project-card--background-color: 45, 45, 45;
  --project-card--image-overlay-opacity: 0.8;
}

.c-project-card__container {
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing);
}

.c-project-card__image-block {
  position: relative;
  aspect-ratio: 3/4;
}

.c-project-card__image-block::after {
  content: "";
  position: absolute;
  background: var(--project-card--gradient);
  inset: 0 0 0 0;
  z-index: 1;
  opacity: var(--project-card--image-overlay-opacity);
  transition: 0.3s all;
}

.c-project-card__title-wrapper {
  position: absolute;
  bottom: var(--brand__spacing);
  left: 0;
  width: 100%;
  z-index: 2;

  .c-project-card__title-box {
    --brand__heading--margin: 0 0 0.25em 0;
    padding: var(--brand__spacing);
  }
}

.c-project-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--brand__spacing--tiny);
}

.c-project-card__size-label-wrapper {
  position: absolute;
  top: var(--brand__spacing);
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.c-project-card__info-block {
  background-color: rgb(var(--project-card--background-color));
  padding: var(--brand__spacing);
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing);
  transition: 0.3s background;
}

.c-project-card__numbers {
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing--small);
  position: relative;
}

.c-project-card__number {
  font-weight: var(--brand__font-weight--light);
  margin-inline-start: var(--brand__spacing);
  font-size: var(--brand__font-size--small);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.c-project-card__number::before {
  content: "+";
  position: absolute;
  font-weight: var(--brand__font-weight--light);
  left: 0;
  font-size: var(--brand__font-size--large);
  line-height: var(--brand__font-size--medium);
  vertical-align: middle;
  opacity: 0.8;
}

.c-project-card__highlight {
  background-color: rgb(var(--project-card--background-color));
  padding: var(--brand__spacing);
  display: flex;
  flex-direction: column;
  transition: 0.3s background;
}

.c-project-card__highlight-number {
  color: rgb(var(--brand__color--secondary));
  font-size: var(--brand__font-size--h2);
  margin: 0;
  display: flex;
  align-items: center;
  margin-bottom: var(--brand__spacing);

  svg {
    height: 38px;
  }
}

.c-project-card__highlight-text {
  text-transform: uppercase;
  font-weight: var(--brand__font-weight--light);
  letter-spacing: 0.1em;
}

.c-project-card-grid {
  overflow: hidden;

  .c-project-card-grid__prio-wrapper {
    position: relative;
  }

  .c-project-card-grid__container {
    display: flex;
    gap: var(--brand__spacing);
    flex-wrap: wrap;
    margin-inline-end: -180px;

    > li {
      flex-basis: 270px;
      flex-grow: 1;

      @media (max-width: 36em) {
        flex-basis: 220px;
      }

      .c-project-card-grid__cta {
        display: none;
      }
    }

    > li:last-child {
      position: relative;

      &::before {
        content: "";
        position: absolute;
        inset: 0 0 0 0;
        background: rgb(var(--brand__color--dark));
        background: linear-gradient(
          90deg,
          rgba(var(--brand__color--dark), 0.6) 0%,
          rgba(var(--brand__color--dark), 1) 60%
        );
        z-index: 10;
      }

      &::after {
        content: "";
        position: absolute;
        inset: calc(50% - 30px) 5px;
        opacity: 0.7;
        background: var(--base64--project-card) left center no-repeat;
        z-index: 10;
      }

      .c-project-card-grid__cta {
        display: block;
        z-index: 11;
      }
    }
  }

  .c-project-card-grid__overflow {
    display: none;
  }
}

.c-pollution-map {
  position: relative;
  padding-block: 0;
  display: flex;
  flex-direction: column;

  @media (min-width: 61.24em) {
    padding-block: var(--brand__spacing--huge);
    flex-direction: row;
    height: 500px;
  }
}

.c-pollution-map__card {
  width: 100%;
  margin-top: auto;

  @media (min-width: 61.24em) {
    margin-top: unset;
    > :first-child {
      height: 100%;
      overflow: scroll;
    }
  }
}

.c-pollution-map__card-wrapper {
  --number--padding: 0 0 10px 0;
  box-sizing: border-box;
  margin: var(--video__rich-text--margin, auto 0 0 0);
  height: var(--video__rich-text--height, fit-content);
  width: 450px;

  z-index: 1;
  background-color: rgba(var(--brand__color--dark), 1);
  padding: var(--brand__spacing) calc(var(--brand__spacing) * 2)
    var(--brand__spacing) calc(var(--brand__spacing) * 2);

  > div,
  ul {
    flex-direction: column;
  }

  h3,
  p {
    opacity: 0.8;
  }

  @media (max-width: 61.24em) {
    --number--padding: 0 50px 10px 0;
    width: 100%;
    padding: 0;
    margin-top: var(--brand__spacing);
    flex-direction: column;

    > div {
      flex-direction: column;
      flex-wrap: wrap;
    }

    ul {
      flex-direction: row;
      flex-wrap: wrap;
    }
  }
}

.c-pollution-map__image-container {
  position: relative;

  #myMap {
    position: relative;
    width: 100%;
    height: 60vh;
    aspect-ratio: 16 / 9;
  }

  @media (min-width: 61.24em) {
    position: absolute;
    inset: 0 0 0 0;
    z-index: 1;

    #myMap {
      height: 100%;
    }
  }
}

/* @media (min-width: 61.25em) {
    .c-pollution-map__image-container::before {
        content: '';
        position: absolute;
        inset: 0 0 0 0;
        background: linear-gradient(270deg, rgb(var(--brand__color--dark)) 20%, rgba(0, 0, 0, 0) 60%);
        z-index: 1000000;
    }
} */

.c-pollution-map__legend-color {
  width: 12px;
  height: 12px;
  border-radius: 6px;
}

.c-tabs {
  display: flex;
  gap: var(--brand__spacing);
  align-items: center;
  justify-content: center;
  list-style-type: none;
  width: fit-content;
  margin: 0 auto;
  flex-wrap: wrap;

  li > a {
    border: 1px solid rgb(var(--brand__color--secondary));
    border-radius: var(--brand__border-radius);
    padding: var(--brand__spacing--tiny) var(--brand__spacing--small);
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s;
  }

  li > a[aria-selected="true"] {
    background-color: rgb(var(--brand__color--secondary));
  }

  li > a:not([aria-selected="true"]):hover {
    background-color: rgb(var(--brand__color--secondary));
  }
}

.c-detail-numbers-section {
    padding: var(--brand__spacing--large) var(--brand__spacing--large) var(--brand__spacing--large) 0;
    display: flex;
    flex-direction: column;
    gap: var(--brand__spacing);
    background: linear-gradient(242.75deg, #242424 0%, rgba(27, 27, 27, 0) 60.63%);

    .c-detail-numbers-section__numbers {
        display: flex;
        gap: var(--brand__spacing);
    }
}

.c-stacked-grid {
  column-count: 1;
  column-gap: var(--brand__spacing);
  column-width: 25%;

  @media (min-width: 46.25em) {
    column-count: 2;
  }

  @media (min-width: 61.25em) {
    column-count: 3;
  }

  > li {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: var(--brand__spacing);
  }
}

subscribe-popup {
  display: block;
  --subscribe-close-button-size: 20px;

  button[popup-close],
  button[popup-open] {
    display: none;
    background: none;
    border: none;
    padding: 0;
    color: white;
    font-size: 0;
    width: var(--subscribe-close-button-size);
    height: var(--subscribe-close-button-size);
    right: var(--brand__spacing--large);
    top: var(--brand__spacing--large);
    cursor: pointer;
  }

  button[popup-close] {
    position: absolute;
  }

  button[popup-open] {
    &:after {
      content: "";
      position: absolute;
      inset: 0 0 0 0;
      z-index: var(--link-overlay--z-index, 2);
    }
  }

  &[state="loading"] {
    opacity: 0;
    margin-inline-start: var(--subscribe-close-button-size);
  }

  &[state="popup"] {
    opacity: 1;
    margin-inline-start: 0;
    transition: 0.3s 1s ease-in-out all;

    button[popup-close] {
      display: block;
      top: 15px;
      right: 15px;
    }

    div[popup-container] {
      position: fixed;
      inset: auto var(--brand__spacing--large) var(--brand__spacing--large) auto;
      margin-inline-start: var(--brand__spacing--large);
      background-color: rgb(var(--brand__color--dark-light));
      max-width: 500px;
      box-sizing: border-box;
      padding: calc(var(--brand__spacing) * 3)
        calc(var(--brand__spacing) * 3 + var(--brand__spacing--tiny));

      @media (max-width: 36em) {
        display: block;
        margin: 0;
        inset: auto var(--brand__spacing--small) var(--brand__spacing--small)
          var(--brand__spacing--small);
        padding: var(--brand__spacing--huge) var(--brand__spacing--small)
          var(--brand__spacing--large);
      }
    }
  }

  &[state="static"] {
    button[popup-open] {
      display: block;
    }

    div[popup-container] {
      position: fixed;
      inset: auto var(--brand__spacing) var(--brand__spacing) auto;
      margin-inline-start: var(--brand__spacing--large);
      background-color: rgb(var(--brand__color--primary));
      max-width: 500px;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      gap: calc(var(--brand__spacing--small) + var(--brand__spacing--tiny));
      padding: calc(var(--brand__spacing--small) + var(--brand__spacing--tiny))
        var(--brand__spacing);
      border-radius: var(--brand__border-radius--big);
      /* add min width and height to create a round button */
      min-width: 60px;
      min-height: 50px;

      p {
        line-height: 130%;
        display: none;
      }

      p[popup-title] {
        display: block;
        margin: 0;
      }

      @media (max-width: 36em) {
        display: block;
        inset: auto var(--brand__spacing--small) var(--brand__spacing--small)
          auto;
        padding: var(--brand__spacing);
      }
    }

    div[popup-form] {
      display: none;
    }
  }
}

#myMap {
  overflow: visible;
}

.atlas-map .popup-collection-container {
  overflow: visible !important;
}

.popup-container {
  border-color: black !important;

  p {
    margin: 0;
  }
}

.popup-close {
  display: none;
}

.popup-custom-infobox {
  max-width: 300px;
  padding: 10px 20px;
  font-size: 14px;
  background-color: black;
  text-wrap: wrap;
  border-radius: 10px;
  box-shadow: -3px -3px 4px rgba(0, 0, 0, 0.32);
}

.atlas-map .popup-content-container {
  border-radius: 10px;
  background-color: transparent !important;
  box-shadow: none !important;
}

.popup-heading {
  border-bottom: 1px solid #ffffff;
  padding: 10px 0;
}

.popup-body {
  padding: 10px 0;

  &:has(+ .popup-info) {
    border-bottom: 1px solid #ffffff;
  }
}

.popup-info {
  padding: 10px 0;
}

.popup-name {
  font-size: 16px;

  strong {
    font-weight: var(--brand__font-weight--semi-bold);
  }
}

.popup-contamination-site {
  text-transform: uppercase;
  padding-bottom: 5px;
}

.popup-city {
  font-size: 18px;
  font-weight: var(--brand__font-weight--semi-bold);
}

.popup-values {
  text-align: right;
}

.popup-list {
  display: flex;
  gap: var(--brand__spacing--small);
  justify-content: space-between;

  &:not(:last-child) {
    padding-bottom: 2px;
  }

  &:not(:first-child) {
    padding-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }

  &:not(:last-child):not(:first-child) {
    padding: 5px 0 2px 0;
  }

  &:has(.popup-values:empty) {
    display: none;
  }
}

.c-article-card__wrapper {
  display: grid;
  gap: var(--brand__spacing);

  @media (min-width: 36em) {
    grid-template-columns: repeat(2, minmax(200px, 360px));
  }

  @media (min-width: 46.25em) {
    grid-template-columns: repeat(3, minmax(200px, 360px));
  }
}

.c-article-card {
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing);
  position: relative;

  &:hover {
    .c-btn--secondary {
      gap: 25px;
    }
  }
}

.c-article-card__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing--small);

  h3 {
    font-size: var(--brand__font-size--large);
    font-weight: bold;
  }

  a {
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
  }

  small {
    color: rgb(var(--brand__color--primary));
    text-transform: uppercase;
  }
}

.c-dashboard {
  background-color: rgb(var(--brand__color--gray));
  padding-top: calc(var(--brand__spacing) * 2);
  padding-bottom: calc(var(--brand__spacing) * 2);
}

.c-dashboard__kpi {
  display: flex;
  flex-direction: column;
  gap: calc(var(--brand__spacing) * 2);
}

.c-dashboard__kpi-header {
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing);
}

.c-dashboard__kpi-title {
  display: flex;
  gap: var(--brand__spacing);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;

  h1 {
    font-family: var(--brand__font-family);
  }
}

.c-overview-block {
  padding-top: var(--brand__spacing--huge);

  summary {
    outline: none;
    list-style: none;
    margin-bottom: var(--brand__spacing);
    border-bottom: 1px solid rgba(var(--brand__color--white), 0.3);
    cursor: pointer;
    padding-bottom: var(--brand__spacing);

    div {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--brand__spacing);
    }
  }

  summary::-webkit-details-marker {
    /* Hides marker on Safari */
    display: none;
  }

  details[open] {
    h2::before {
      background-image: var(--base64--white-min);
    }
  }

  h2 {
    display: flex;
    align-items: center;
    gap: var(--brand__spacing);
    margin: 0;
    font-weight: var(--brand__font-weight--semi-bold);

    &::before {
      content: "";
      background-image: var(--base64--white-plus);
      background-position: center;
      background-repeat: no-repeat;
      display: block;
      width: 30px;
      height: 30px;
      flex-shrink: 0;
    }
  }
}

.c-grid-block {
  container-type: inline-size;
  container-name: grid-block;
  word-break: break-all;
  --number__plus--after--background: var(
    --brand__color--gradient-black-135-reverted
  );
}

.c-grid-block__container {
  display: grid;
  gap: var(--brand__spacing--small);
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);

  > div {
    background-color: rgb(var(--brand__color--dark));
    width: auto;
    padding: var(--brand__spacing);
    display: flex;
    flex-direction: column;
    gap: var(--brand__spacing--small);

    .m-number {
      padding: 0;
    }

    &:has(img) {
      padding: 0;
    }
  }
}

@container grid-block (max-width: 550px) {
  .c-grid-block__container {
    display: flex;
    flex-direction: column;

    > div:empty {
      display: none;
    }
  }
}

.c-grid-block--2-1-1 {
  .c-grid-block__container {
    > div:nth-child(1) {
      grid-column: 1/2;
      grid-row: 1/2;
    }

    > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }

    > div:nth-child(3) {
      grid-column: 2/3;
      grid-row: 1/3;
    }

    > div:nth-child(4) {
      grid-column: 3/4;
      grid-row: 1/3;
    }
  }
}

.c-grid-block--2-2-1 {
  .c-grid-block__container {
    > div:nth-child(1) {
      grid-column: 1/2;
      grid-row: 1/2;
    }

    > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }

    > div:nth-child(3) {
      grid-column: 2/3;
      grid-row: 1/2;
    }

    > div:nth-child(4) {
      grid-column: 2/3;
      grid-row: 2/3;
    }

    > div:nth-child(5) {
      grid-column: 3/4;
      grid-row: 1/3;
    }
  }
}

.c-grid-block--2-1-2 {
  .c-grid-block__container {
    > div:nth-child(1) {
      grid-column: 1/2;
      grid-row: 1/2;
    }

    > div:nth-child(2) {
      grid-column: 1/2;
      grid-row: 2/3;
    }

    > div:nth-child(3) {
      grid-column: 2/3;
      grid-row: 1/3;
    }

    > div:nth-child(4) {
      grid-column: 3/4;
      grid-row: 1/2;
    }

    > div:nth-child(5) {
      grid-column: 3/4;
      grid-row: 2/3;
    }
  }
}

.c-grid-block--gray {
  --number__plus--after--background: var(
    --brand__color--gradient-gray-135-reverted
  );

  > div {
    background-color: rgb(var(--brand__color--gray));
  }
}

.c-chart {
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing);
}

.c-chart__container {
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing);
  justify-content: space-between;
  align-items: center;
}

.c-chart__pie {
  max-width: 250px;

  svg {
    width: 100%;
    height: auto;
  }
}

.c-chart__legend {
  display: flex;
  column-gap: var(--brand__spacing);
  row-gap: var(--brand__spacing--small);
  justify-content: center;
  flex-wrap: wrap;
}

.c-chart__legend-item {
  display: flex;
  gap: var(--brand__spacing--small);
  align-items: center;
  font-size: var(--brand__font-size--14px);

  span {
    white-space: nowrap;
  }
}

.c-chart__legend-color {
  width: 8px;
  height: 2px;
}

.c-sidebar {
  background-color: rgb(var(--brand__color--dark));
  padding: calc(var(--brand__spacing) * 2) 0;
  width: 400px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing--huge);

  @media (max-width: 61.25em) {
    width: 100%;
    height: auto;
  }
}

.c-sidebar__head {
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing--small);
  padding: 0 calc(var(--brand__spacing) * 2);

  h2 {
    font-size: var(--brand__font-size--h4);
    font-weight: var(--brand__font-weight--bold);
  }

  time {
    color: rgb(var(--brand__color--primary));
  }

  time:has(~ time):not(:last-of-type)::after {
    content: " -";
  }
}

.c-sidebar__nav {
  a {
    display: flex;
    justify-content: space-between;
    gap: var(--brand__spacing);
    padding: var(--brand__spacing) calc(var(--brand__spacing) * 2);
    border-bottom: 1px solid rgba(var(--brand__color--white), 0.3);
    font-size: var(--brand__font-size--large);
    font-weight: var(--brand__font-weight--bold);
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease-in-out;

    &::after {
      content: "";
      rotate: -90deg;
      background-image: var(--base64--chevron);
      width: 16px;
      height: 16px;
      flex-shrink: 0;
    }

    &:hover {
      background-color: rgb(var(--brand__color--gray));
    }
  }
}

.c-sidebar__nav-item--active {
  a {
    background-color: rgb(var(--brand__color--gray));
  }
}

.c-sidebar__partners {
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing);
  margin-top: auto;
  padding: 0 calc(var(--brand__spacing) * 2);

  span {
    color: rgb(var(--brand__color--primary));
    font-weight: var(--brand__font-weight--bold);
  }

  ul {
    li:not(:last-child) {
      margin-bottom: var(--brand__spacing--small);
    }
  }

  img {
    max-height: 45px;
    max-width: 150px;
    height: auto;
    width: auto;
  }

  @media (max-width: 61.25em) {
    display: none;
  }
}

.c-project-page {
  display: grid;
  grid-template-columns: 400px 1fr;

  @media (max-width: 61.25em) {
    display: flex;
    flex-direction: column;
  }
}

.c-project-page__partners {
  display: flex;
  flex-direction: column;
  gap: var(--brand__spacing);

  span {
    color: rgb(var(--brand__color--primary));
    font-weight: var(--brand__font-weight--bold);
  }

  ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--brand__spacing) * 2);
  }

  img {
    max-height: 45px;
    max-width: 150px;
    height: auto;
    width: auto;
  }
}

.c-project-detail {
  background-color: rgb(var(--brand__color--gray));
  padding: var(--brand__spacing--huge);
  display: flex;
  flex-direction: column;
  gap: calc(var(--brand__spacing) * 2);
  --number__plus--after--background: var(
    --brand__color--gradient-gray-135-reverted
  );
}

.c-project-detail__head {
  h1 {
    font-size: var(--brand__font-size--h2);
    font-family: var(--brand__font-family);
    margin-bottom: var(--brand__spacing--small);
  }

  time {
    color: rgb(var(--brand__color--primary));
  }

  time:has(~ time):not(:last-of-type)::after {
    content: " -";
  }
}

.c-download-form {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--brand__spacing--huge);
  --set-svg--size: 32px;

  h4 {
    font-size: var(--brand__font-size--18px);
    margin-bottom: var(--brand__spacing);
  }
}

.c-download-form__items {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--brand__spacing--huge);
  row-gap: var(--brand__spacing--huge);
}

.c-download-form__item button {
  display: flex;
  gap: var(--brand__spacing--small);
  background-color: unset;
  font-size: inherit;
  text-align: inherit;
  border: none;
  cursor: pointer;

  div {
    display: flex;
    flex-direction: column;
    gap: var(--brand__spacing--tiny);
  }
}

.c-download-popup dialog {
  background-color: rgb(var(--brand__color--gray));
  padding: var(--brand__spacing--large);
  max-height: calc(100% - 100px);

  .m-close {
    cursor: pointer;
    position: absolute;
    top: var(--brand__spacing);
    right: var(--brand__spacing);
  }

  &::backdrop {
    background-color: rgba(var(--brand__color--dark), 0.3);
  }
}



/* Add this class to elements that should only be discoverable by screen readers, eg. labels for inputs */
@layer utilities {
  .u-sr {
    position: absolute;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
  }
}

@layer utilities {
  .u-color-primary {
    color: rgb(var(--brand__color--primary));
  }

  .u-color-primary-light {
    color: rgb(var(--brand__color--primary-light));
  }

  .u-color-primary-lighter {
    color: rgb(var(--brand__color--primary-lighter));
  }

  .u-color-secondary {
    color: rgb(var(--brand__color--secondary));
  }

  .u-color-secondary-light {
    color: rgb(var(--brand__color--secondary-light));
  }

  .u-color-secondary-lighter {
    color: rgb(var(--brand__color--secondary-lighter));
  }

  .u-color-white {
    color: #fff;
  }

  .u-color-dark {
    color: rgba(var(--brand__color--dark), 1);
  }

  .u-bg-color-primary,
  .u-bg-color-secondary,
  .u-bg-color-gray,
  .u-bg-color-accent1 {
    --bg-color-active: 1;
  }

  /* Review: Not in lign with Figma */
  .u-bg-color-primary,
  .u-bg-color-secondary {
    color: var(--brand__color--white);

    --quote--color: var(--brand__color--white);

    --brand__button-primary--bg: var(--brand__color--white);
    --brand__button-primary--color: var(--brand__color--black);

    --brand__link--color: var(--brand__color--white);
  }

  .u-bg-color-primary {
    background-color: var(--brand__color--primary);

    --btn-primary--bc: white;
    --btn-secondary--bc: white;
    --btn-secondary--color: var(--brand__color--text);
  }

  .u-bg-color-secondary {
    background-color: var(--brand__color--dark-blue);

    --btn-primary--bc: white;
    --btn-primary--bg: transparent;
    --btn-secondary--bc: white;
    --btn-secondary--color: var(--brand__color--text);

    --quote--color: var(--brand__color--white);
  }

  .u-bg-color-gray {
    background-color: var(--brand__color--gray);
  }

  .u-bg-color-white {
    background-color: var(--brand__color--white);
  }

  .u-bg-color-accent1 {
    background-color: var(--brand__color--background-accent1);
  }
}

@layer utilities {
  .u-hide-until-desktop {
    display: none;

    @media (min-width: 61.25em) {
      display: block;
    }
  }

  .u-hide-mobile {
    display: block;

    @media (min-width: 36em) {
      display: none;
    }
  }

  .u-hide-until-mobile {
    display: none !important;

    @media (min-width: 36em) {
      display: block !important;
    }
  }

  .u-hide-desktop {
    display: block;

    @media (min-width: 61.25em) {
      display: none;
    }
  }

  .u-hidden {
    display: none;
  }

  .u-block {
    display: block;
  }

  @media (max-width: 61.25em) {
    .u-overflow-hidden-desktop {
      overflow: hidden;
    }
  }
}

@layer utilities {
  .u-txt-tiny {
    font-size: var(--brand__font-size--12px);
  }

  .u-txt-small {
    font-size: var(--brand__font-size--small);
  }

  .u-txt-large {
    font-size: var(--brand__font-size--large);
  }

  .u-txt-huge {
    font-size: var(--brand__font-size--20px);
  }

  .u-txt-center {
    text-align: center;
  }

  .u-txt-end {
    text-align: end;
  }

  .u-txt-start {
    text-align: start;
  }

  .u-txt-upper {
    text-transform: uppercase;
  }

  .u-txt-bold {
    font-weight: var(--brand__font-weight--bold);
  }

  .u-txt-semi-bold {
    font-weight: var(--brand__font-weight--semi-bold);
  }

  .u-txt-light {
    font-weight: var(--brand__font-weight--light);
  }

  .u-txt-underlined {
    text-decoration: underline;
  }
}

.u-margin-none {
  margin: 0;
}

.u-margin-top-none {
  margin-top: 0;
}

.u-margin-right {
  margin-right: var(--brand__spacing);
}

.u-margin-huge {
  margin: var(--brand__spacing--huge);
}

.u-margin-top {
  margin-top: var(--brand__spacing);
}

.u-margin-top-huge {
  margin-top: var(--brand__spacing--huge);
}

.u-margin-top-small {
  margin-top: var(--brand__spacing--small);
}

.u-margin-bottom {
  margin-bottom: var(--brand__spacing);
}

.u-margin-bottom-huge {
  margin-bottom: var(--brand__spacing--huge);
}

.u-margin-top-semi-large {
  margin-top: calc(var(--brand__spacing) * 2);
}

.u-margin-bottom-semi-large {
  margin-bottom: calc(var(--brand__spacing) * 2);
}

.u-margin-bottom-tiny {
  margin-bottom: var(--brand__spacing--tiny);
}

.u-margin-bottom-small {
  margin-bottom: var(--brand__spacing--small);
}

.u-margin-bottom-large {
  margin-bottom: var(--brand__spacing--large);
}

.u-margin-left-huge {
  margin-left: var(--brand__spacing--huge);
}

.u-margin-bottom-component {
  margin-bottom: var(--brand__spacing--component);
}

.u-padding-bottom-component {
  padding-bottom: var(--brand__spacing--component);
}

.u-margin-bottom-component-small {
  margin-bottom: var(--brand__spacing--component-small);
}

.u-margin-bottom-component-tiny {
  margin-bottom: var(--brand__spacing--component-tiny);
}

.u-margin-left-auto {
  margin-left: auto;
}

.u-margin-right-auto {
  margin-right: auto;
}

.u-margin-right-small {
  margin-right: var(--brand__spacing--small);
}

:root {
  --z-index--header: 99;
  --z-index--footer: 12;
}

:root {
  --base64--newsletter: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQwOTZfMTQwODIpIj4KPHBhdGggZD0iTTQ1Ljk5MiAxNi45OTk0TDQxLjU4MzEgMTQuNzEyNFYwSDguMTE4NzRWMTQuODc3NEw0LjAxNjI1IDE3LjAwNzJDMy4zNDAzNiAxNy4zNjA5IDIuOTIzODMgMTguMDQ0NiAyLjkyMzgzIDE4LjgwN1Y0OC4yMjM4QzIuOTIzODMgNDkuMjA2MiAzLjcyNTQ2IDUwLjAwNzkgNC43MDc4NiA1MC4wMDc5SDQ1LjMwODNDNDYuMjkwNyA1MC4wMDc5IDQ3LjA5MjMgNDkuMjA2MiA0Ny4wOTIzIDQ4LjIyMzhWMTguNzk5MUM0Ny4wOTIzIDE4LjAzNjggNDYuNjc1OCAxNy4zNDUyIDQ1Ljk5OTkgMTYuOTk5NEg0NS45OTJaTTQ0LjcyNjcgMjYuMDM3NFY0MS45MjA4TDMwLjI3MzcgMzMuOTkwOUw0NC43MjY3IDI2LjAzNzRaTTQ0LjcyNjcgMTkuMDAzNVYyMy4zNDk2TDQxLjU4MzEgMjUuMDc4NlYxNy4zNjg4TDQ0LjcyNjcgMTkuMDAzNVpNMzkuMjI1MyAyLjM1Nzc1VjI2LjM3NTRMMjcuODIxNyAzMi42NDdMMjQuODQzIDMxLjAxMjNMMjEuODg4IDMyLjY1NDhMMTAuNDY4NiAyNi4zNzU0VjIuMzU3NzVIMzkuMjE3NEgzOS4yMjUzWk0xOS40NTk1IDM0LjAwNjZMNS4yNzM3MiA0MS45MDUxVjI2LjIwMjVMMTkuNDU5NSAzNC4wMDY2Wk04LjExODc0IDE3LjUyNTlWMjUuMDcwN0w1LjI4MTU4IDIzLjUwNjhWMTguOTk1Nkw4LjExODc0IDE3LjUyNTlaTTUuMjgxNTggNDcuNjQyM1Y0NC42MDA4TDI0Ljg1ODggMzMuNzAwMUw0NC43MzQ2IDQ0LjYwODZWNDcuNjQyM0g1LjI4MTU4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTM1LjkzOTUgNi4yNDAyM0gxNC4wNTk2VjguNTk3OThIMzUuOTM5NVY2LjI0MDIzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMyLjMzMjEgMTEuNDE4OUgxNC4wNTk2VjEzLjc3NjdIMzIuMzMyMVYxMS40MTg5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTMyLjMzMjEgMTYuMTI3SDE0LjA1OTZWMTguNDg0N0gzMi4zMzIxVjE2LjEyN1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMi4zMzIxIDIwLjgyNzFIMTQuMDU5NlYyMy4xODQ5SDMyLjMzMjFWMjAuODI3MVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDA5Nl8xNDA4MiI+CjxyZWN0IHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
  --base64--plus: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ljk1Mjg4IDBWNy41MjQyMUgxNi44VjguNTE3ODlIOC45NTI4OFYxNkg3Ljg0NzEyVjguNTE3ODlIMFY3LjUyNDIxSDcuODQ3MTJWMEg4Ljk1Mjg4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  --base64--close: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 18 17%27%3E%3Cpath fill=%27%23fff%27 fill-rule=%27evenodd%27 d=%27m16.16.11 1.54 1.55-6.86 6.86 6.63 6.64-1.62 1.62-6.64-6.63L2.35 17 .8 15.47 7.67 8.6 1 1.93 2.62.31 9.3 6.98 16.16.1Z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
  --base64--number: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU1IiBoZWlnaHQ9IjE0OSIgdmlld0JveD0iMCAwIDE1NSAxNDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJQbHVzIiBvcGFjaXR5PSIwLjI1Ij4KPHBhdGggaWQ9IlBsdXNfMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Mi4zNjI3IDBWNzAuMDY5MkgxNTQuNTUzVjc5LjMyMjlIODIuMzYyN1YxNDlINzIuMTkwMVY3OS4zMjI5SDBWNzAuMDY5Mkg3Mi4xOTAxVjBIODIuMzYyN1oiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yMjA0XzE1NjYzKSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjIwNF8xNTY2MyIgeDE9IjIwNS41MzQiIHkxPSIxNTIuOTk5IiB4Mj0iLTMuNTc4MzIiIHkyPSIyNC41ODU3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NDg5M0YiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1NDg5M0YiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
  --base64--project-card: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 69 67%27%3E%3Cpath fill=%27%23fff%27 fill-rule=%27evenodd%27 d=%27M36.57.73v31.16h32.06v4.12H36.57V67h-4.52V36H0v-4.1h32.05V.72h4.52Z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
  --base64--partners-logo-plus: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA0IiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwNCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJTdWJ0cmFjdCIgb3BhY2l0eT0iMC4zNSI+CjxtYXNrIGlkPSJwYXRoLTEtaW5zaWRlLTFfNjQ5XzE5NDY1IiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTUuNDAyNiA4LjQ4NzdlLTA1VjQ3LjAxNzRIMTAzLjc3NFY1My4yMzU2SDU1LjQwMjZWMTAwSDQ4LjU5NzJWNTMuMjM1NkgwLjIyNjE1OVY0Ny4wMTc0SDQ4LjU5NzJWOC40ODc3ZS0wNUg1NS40MDI2WiIvPgo8L21hc2s+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTUuNDAyNiA4LjQ4NzdlLTA1VjQ3LjAxNzRIMTAzLjc3NFY1My4yMzU2SDU1LjQwMjZWMTAwSDQ4LjU5NzJWNTMuMjM1NkgwLjIyNjE1OVY0Ny4wMTc0SDQ4LjU5NzJWOC40ODc3ZS0wNUg1NS40MDI2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzY0OV8xOTQ2NSkiLz4KPHBhdGggZD0iTTU1LjQwMjYgNDcuMDE3NEg1NC40MDI2VjQ4LjAxNzRINTUuNDAyNlY0Ny4wMTc0Wk01NS40MDI2IDguNDg3N2UtMDVINTYuNDAyNlYtMC45OTk5MTVINTUuNDAyNlY4LjQ4NzdlLTA1Wk0xMDMuNzc0IDQ3LjAxNzRIMTA0Ljc3NFY0Ni4wMTc0SDEwMy43NzRWNDcuMDE3NFpNMTAzLjc3NCA1My4yMzU2VjU0LjIzNTZIMTA0Ljc3NFY1My4yMzU2SDEwMy43NzRaTTU1LjQwMjYgNTMuMjM1NlY1Mi4yMzU2SDU0LjQwMjZWNTMuMjM1Nkg1NS40MDI2Wk01NS40MDI2IDEwMFYxMDFINTYuNDAyNlYxMDBINTUuNDAyNlpNNDguNTk3MiAxMDBINDcuNTk3MlYxMDFINDguNTk3MlYxMDBaTTQ4LjU5NzIgNTMuMjM1Nkg0OS41OTcyVjUyLjIzNTZINDguNTk3MlY1My4yMzU2Wk0wLjIyNjE1OSA1My4yMzU2SC0wLjc3Mzg0MVY1NC4yMzU2SDAuMjI2MTU5VjUzLjIzNTZaTTAuMjI2MTU5IDQ3LjAxNzRWNDYuMDE3NEgtMC43NzM4NDFWNDcuMDE3NEgwLjIyNjE1OVpNNDguNTk3MiA0Ny4wMTc0VjQ4LjAxNzRINDkuNTk3MlY0Ny4wMTc0SDQ4LjU5NzJaTTQ4LjU5NzIgOC40ODc3ZS0wNVYtMC45OTk5MTVINDcuNTk3MlY4LjQ4NzdlLTA1SDQ4LjU5NzJaTTU2LjQwMjYgNDcuMDE3NFY4LjQ4NzdlLTA1SDU0LjQwMjZWNDcuMDE3NEg1Ni40MDI2Wk0xMDMuNzc0IDQ2LjAxNzRINTUuNDAyNlY0OC4wMTc0SDEwMy43NzRWNDYuMDE3NFpNMTA0Ljc3NCA1My4yMzU2VjQ3LjAxNzRIMTAyLjc3NFY1My4yMzU2SDEwNC43NzRaTTU1LjQwMjYgNTQuMjM1NkgxMDMuNzc0VjUyLjIzNTZINTUuNDAyNlY1NC4yMzU2Wk01Ni40MDI2IDEwMFY1My4yMzU2SDU0LjQwMjZWMTAwSDU2LjQwMjZaTTQ4LjU5NzIgMTAxSDU1LjQwMjZWOTkuMDAwMUg0OC41OTcyVjEwMVpNNDcuNTk3MiA1My4yMzU2VjEwMEg0OS41OTcyVjUzLjIzNTZINDcuNTk3MlpNMC4yMjYxNTkgNTQuMjM1Nkg0OC41OTcyVjUyLjIzNTZIMC4yMjYxNTlWNTQuMjM1NlpNLTAuNzczODQxIDQ3LjAxNzRWNTMuMjM1NkgxLjIyNjE2VjQ3LjAxNzRILTAuNzczODQxWk00OC41OTcyIDQ2LjAxNzRIMC4yMjYxNTlWNDguMDE3NEg0OC41OTcyVjQ2LjAxNzRaTTQ3LjU5NzIgOC40ODc3ZS0wNVY0Ny4wMTc0SDQ5LjU5NzJWOC40ODc3ZS0wNUg0Ny41OTcyWk01NS40MDI2IC0wLjk5OTkxNUg0OC41OTcyVjEuMDAwMDhINTUuNDAyNlYtMC45OTk5MTVaIiBmaWxsPSIjMDcwNzA3IiBtYXNrPSJ1cmwoI3BhdGgtMS1pbnNpZGUtMV82NDlfMTk0NjUpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl82NDlfMTk0NjUiIHgxPSIxMzYuNzA1IiB5MT0iMTA0LjY5MyIgeDI9Ii0zLjUzNzkzIiB5Mj0iMTguNzE1NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNTQ4OTNGIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTQ4OTNGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
  --base64--partners-logo-plus-big: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgiIGhlaWdodD0iNzUiIHZpZXdCb3g9IjAgMCA3OCA3NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4zNSI+CjxtYXNrIGlkPSJwYXRoLTEtaW5zaWRlLTFfMzU3XzY2MDAiIGZpbGw9IndoaXRlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MS42MDg0IDBWMzUuMjYzSDc3Ljg4NjdWMzkuOTI2Nkg0MS42MDg0Vjc1SDM2LjUwNDRWMzkuOTI2NkgwLjIyNjA3NFYzNS4yNjNIMzYuNTA0NFYwSDQxLjYwODRaIi8+CjwvbWFzaz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MS42MDg0IDBWMzUuMjYzSDc3Ljg4NjdWMzkuOTI2Nkg0MS42MDg0Vjc1SDM2LjUwNDRWMzkuOTI2NkgwLjIyNjA3NFYzNS4yNjNIMzYuNTA0NFYwSDQxLjYwODRaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMzU3XzY2MDApIi8+CjxwYXRoIGQ9Ik00MS42MDg0IDM1LjI2M0g0MC42MDg0VjM2LjI2M0g0MS42MDg0VjM1LjI2M1pNNDEuNjA4NCAwSDQyLjYwODRWLTFINDEuNjA4NFYwWk03Ny44ODY3IDM1LjI2M0g3OC44ODY3VjM0LjI2M0g3Ny44ODY3VjM1LjI2M1pNNzcuODg2NyAzOS45MjY2VjQwLjkyNjZINzguODg2N1YzOS45MjY2SDc3Ljg4NjdaTTQxLjYwODQgMzkuOTI2NlYzOC45MjY2SDQwLjYwODRWMzkuOTI2Nkg0MS42MDg0Wk00MS42MDg0IDc1Vjc2SDQyLjYwODRWNzVINDEuNjA4NFpNMzYuNTA0NCA3NUgzNS41MDQ0Vjc2SDM2LjUwNDRWNzVaTTM2LjUwNDQgMzkuOTI2NkgzNy41MDQ0VjM4LjkyNjZIMzYuNTA0NFYzOS45MjY2Wk0wLjIyNjA3NCAzOS45MjY2SC0wLjc3MzkyNlY0MC45MjY2SDAuMjI2MDc0VjM5LjkyNjZaTTAuMjI2MDc0IDM1LjI2M1YzNC4yNjNILTAuNzczOTI2VjM1LjI2M0gwLjIyNjA3NFpNMzYuNTA0NCAzNS4yNjNWMzYuMjYzSDM3LjUwNDRWMzUuMjYzSDM2LjUwNDRaTTM2LjUwNDQgMFYtMUgzNS41MDQ0VjBIMzYuNTA0NFpNNDIuNjA4NCAzNS4yNjNWMEg0MC42MDg0VjM1LjI2M0g0Mi42MDg0Wk03Ny44ODY3IDM0LjI2M0g0MS42MDg0VjM2LjI2M0g3Ny44ODY3VjM0LjI2M1pNNzguODg2NyAzOS45MjY2VjM1LjI2M0g3Ni44ODY3VjM5LjkyNjZINzguODg2N1pNNDEuNjA4NCA0MC45MjY2SDc3Ljg4NjdWMzguOTI2Nkg0MS42MDg0VjQwLjkyNjZaTTQyLjYwODQgNzVWMzkuOTI2Nkg0MC42MDg0Vjc1SDQyLjYwODRaTTM2LjUwNDQgNzZINDEuNjA4NFY3NEgzNi41MDQ0Vjc2Wk0zNS41MDQ0IDM5LjkyNjZWNzVIMzcuNTA0NFYzOS45MjY2SDM1LjUwNDRaTTAuMjI2MDc0IDQwLjkyNjZIMzYuNTA0NFYzOC45MjY2SDAuMjI2MDc0VjQwLjkyNjZaTS0wLjc3MzkyNiAzNS4yNjNWMzkuOTI2NkgxLjIyNjA3VjM1LjI2M0gtMC43NzM5MjZaTTM2LjUwNDQgMzQuMjYzSDAuMjI2MDc0VjM2LjI2M0gzNi41MDQ0VjM0LjI2M1pNMzUuNTA0NCAwVjM1LjI2M0gzNy41MDQ0VjBIMzUuNTA0NFpNNDEuNjA4NCAtMUgzNi41MDQ0VjFINDEuNjA4NFYtMVoiIGZpbGw9IiMwNzA3MDciIG1hc2s9InVybCgjcGF0aC0xLWluc2lkZS0xXzM1N182NjAwKSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMzU3XzY2MDAiIHgxPSIxMDIuNTg1IiB5MT0iNzguNTIwMSIgeDI9Ii0yLjU5NjkzIiB5Mj0iMTQuMDM2NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNTQ4OTNGIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTQ4OTNGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
  --base64--cta-plus: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU1IiBoZWlnaHQ9IjE0OSIgdmlld0JveD0iMCAwIDE1NSAxNDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJTdWJ0cmFjdCIgb3BhY2l0eT0iMC4yNSI+CjxtYXNrIGlkPSJwYXRoLTEtaW5zaWRlLTFfMjE2Ml8zNTU1IiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNODIuMjEyOCAwVjcwLjA1NThIMTU0LjI4NlY3OS4zMjA5SDgyLjIxMjhWMTQ5SDcyLjA3MjlWNzkuMzIwOUgwVjcwLjA1NThINzIuMDcyOVYwSDgyLjIxMjhaIi8+CjwvbWFzaz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Mi4yMTI4IDBWNzAuMDU1OEgxNTQuMjg2Vjc5LjMyMDlIODIuMjEyOFYxNDlINzIuMDcyOVY3OS4zMjA5SDBWNzAuMDU1OEg3Mi4wNzI5VjBIODIuMjEyOFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yMTYyXzM1NTUpIi8+CjxwYXRoIGQ9Ik04Mi4yMTI4IDcwLjA1NThIODEuMjEyOFY3MS4wNTU4SDgyLjIxMjhWNzAuMDU1OFpNODIuMjEyOCAwSDgzLjIxMjhWLTFIODIuMjEyOFYwWk0xNTQuMjg2IDcwLjA1NThIMTU1LjI4NlY2OS4wNTU4SDE1NC4yODZWNzAuMDU1OFpNMTU0LjI4NiA3OS4zMjA5VjgwLjMyMDlIMTU1LjI4NlY3OS4zMjA5SDE1NC4yODZaTTgyLjIxMjggNzkuMzIwOVY3OC4zMjA5SDgxLjIxMjhWNzkuMzIwOUg4Mi4yMTI4Wk04Mi4yMTI4IDE0OVYxNTBIODMuMjEyOFYxNDlIODIuMjEyOFpNNzIuMDcyOSAxNDlINzEuMDcyOVYxNTBINzIuMDcyOVYxNDlaTTcyLjA3MjkgNzkuMzIwOUg3My4wNzI5Vjc4LjMyMDlINzIuMDcyOVY3OS4zMjA5Wk0wIDc5LjMyMDlILTFWODAuMzIwOUgwVjc5LjMyMDlaTTAgNzAuMDU1OFY2OS4wNTU4SC0xVjcwLjA1NThIMFpNNzIuMDcyOSA3MC4wNTU4VjcxLjA1NThINzMuMDcyOVY3MC4wNTU4SDcyLjA3MjlaTTcyLjA3MjkgMFYtMUg3MS4wNzI5VjBINzIuMDcyOVpNODMuMjEyOCA3MC4wNTU4VjBIODEuMjEyOFY3MC4wNTU4SDgzLjIxMjhaTTE1NC4yODYgNjkuMDU1OEg4Mi4yMTI4VjcxLjA1NThIMTU0LjI4NlY2OS4wNTU4Wk0xNTUuMjg2IDc5LjMyMDlWNzAuMDU1OEgxNTMuMjg2Vjc5LjMyMDlIMTU1LjI4NlpNODIuMjEyOCA4MC4zMjA5SDE1NC4yODZWNzguMzIwOUg4Mi4yMTI4VjgwLjMyMDlaTTgzLjIxMjggMTQ5Vjc5LjMyMDlIODEuMjEyOFYxNDlIODMuMjEyOFpNNzIuMDcyOSAxNTBIODIuMjEyOFYxNDhINzIuMDcyOVYxNTBaTTcxLjA3MjkgNzkuMzIwOVYxNDlINzMuMDcyOVY3OS4zMjA5SDcxLjA3MjlaTTAgODAuMzIwOUg3Mi4wNzI5Vjc4LjMyMDlIMFY4MC4zMjA5Wk0tMSA3MC4wNTU4Vjc5LjMyMDlIMVY3MC4wNTU4SC0xWk03Mi4wNzI5IDY5LjA1NThIMFY3MS4wNTU4SDcyLjA3MjlWNjkuMDU1OFpNNzEuMDcyOSAwVjcwLjA1NThINzMuMDcyOVYwSDcxLjA3MjlaTTgyLjIxMjggLTFINzIuMDcyOVYxSDgyLjIxMjhWLTFaIiBmaWxsPSIjMDcwNzA3IiBtYXNrPSJ1cmwoI3BhdGgtMS1pbnNpZGUtMV8yMTYyXzM1NTUpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yMTYyXzM1NTUiIHgxPSIyMDMuMzU0IiB5MT0iMTU1Ljk5MyIgeDI9Ii01LjYwODM2IiB5Mj0iMjcuODg2MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNTQ4OTNGIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTQ4OTNGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
  --base64--swiper-next: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjUyMjEzIDAuNTk5OTAyQzguNjM4ODMgMC41OTk5MDIgOC43MzYwMSAwLjYzOTA3NyA4LjgxMzc0IDAuNzE3MzUxQzguOTY5MzUgMC44NzQxOTIgOC45NjkzNSAxLjE0ODI2IDguODEzNzQgMS4zMjQ0TDEuNjE5MzQgOC41NjkyTDE2LjU3MjIgOC41NjkyQzE2LjgwNTYgOC41NjkyIDE3IDguNzY1MDcgMTcgOC45OTk5N0MxNyA5LjIzNDg2IDE2LjgwNTUgOS40MzA3MyAxNi41NzIyIDkuNDMwNzNMMS42Mzg3OSA5LjQzMDczTDguODMzMjcgMTYuNjc1NEM4Ljk4ODg4IDE2LjgzMjEgOC45ODg4OCAxNy4xMDYyIDguODMzMjcgMTcuMjgyNEM4LjY3NzggMTcuNDM5MSA4LjQwNTYzIDE3LjQzOTEgOC4yMzA1OCAxNy4yODI0TDAuMzE2NTYyIDkuMjkzNjJDMC4yNzc4MDQgOS4yNTQ1MiAwLjI1ODI4MSA5LjIxNTI3IDAuMjM4OTAyIDkuMTc2MUMwLjIxOTM3OSA5LjExNzQxIDAuMiA5LjA1ODggMC4yIDguOTk5OTdDMC4yIDguOTQxMTMgMC4yMTkzNzkgOC44ODI0NCAwLjIzODkwMiA4LjgyMzc2QzAuMjU4MjgxIDguNzg0NzMgMC4yNzc2NiA4Ljc0NTU2IDAuMzE2NTYyIDguNzA2MzFMOC4yMzA1OCAwLjczNzAxQzguMzA4NDUgMC42MzkwNzcgOC40MjUwOSAwLjU5OTkwMiA4LjUyMjIgMC41OTk5MDJMOC41MjIxMyAwLjU5OTkwMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  --base64--swiper-prev: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlZlY3RvciIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjUyMjEzIDAuNTk5OTAyQzguNjM4ODMgMC41OTk5MDIgOC43MzYwMSAwLjYzOTA3NyA4LjgxMzc0IDAuNzE3MzUxQzguOTY5MzUgMC44NzQxOTIgOC45NjkzNSAxLjE0ODI2IDguODEzNzQgMS4zMjQ0TDEuNjE5MzQgOC41NjkyTDE2LjU3MjIgOC41NjkyQzE2LjgwNTYgOC41NjkyIDE3IDguNzY1MDcgMTcgOC45OTk5N0MxNyA5LjIzNDg2IDE2LjgwNTUgOS40MzA3MyAxNi41NzIyIDkuNDMwNzNMMS42Mzg3OSA5LjQzMDczTDguODMzMjcgMTYuNjc1NEM4Ljk4ODg4IDE2LjgzMjEgOC45ODg4OCAxNy4xMDYyIDguODMzMjcgMTcuMjgyNEM4LjY3NzggMTcuNDM5MSA4LjQwNTYzIDE3LjQzOTEgOC4yMzA1OCAxNy4yODI0TDAuMzE2NTYyIDkuMjkzNjJDMC4yNzc4MDQgOS4yNTQ1MiAwLjI1ODI4MSA5LjIxNTI3IDAuMjM4OTAyIDkuMTc2MUMwLjIxOTM3OSA5LjExNzQxIDAuMiA5LjA1ODggMC4yIDguOTk5OTdDMC4yIDguOTQxMTMgMC4yMTkzNzkgOC44ODI0NCAwLjIzODkwMiA4LjgyMzc2QzAuMjU4MjgxIDguNzg0NzMgMC4yNzc2NiA4Ljc0NTU2IDAuMzE2NTYyIDguNzA2MzFMOC4yMzA1OCAwLjczNzAxQzguMzA4NDUgMC42MzkwNzcgOC40MjUwOSAwLjU5OTkwMiA4LjUyMjIgMC41OTk5MDJMOC41MjIxMyAwLjU5OTkwMloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  --base64--breadcrumb: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImJvb3RzdHJhcC9DaGV2cm9ucy9jaGV2cm9uLXJpZ2h0Ij4KPHBhdGggaWQ9IlBhdGggKFN0cm9rZSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy40ODQ4MyAxLjIzNDgzQzMuNjMxMjggMS4wODgzOSAzLjg2ODcyIDEuMDg4MzkgNC4wMTUxNyAxLjIzNDgzTDguNTE1MTYgNS43MzQ4NEM4LjY2MTYxIDUuODgxMjggOC42NjE2MSA2LjExODcyIDguNTE1MTYgNi4yNjUxNkw0LjAxNTE3IDEwLjc2NTJDMy44Njg3MiAxMC45MTE2IDMuNjMxMjggMTAuOTExNiAzLjQ4NDgzIDEwLjc2NTJDMy4zMzgzOSAxMC42MTg3IDMuMzM4MzkgMTAuMzgxMyAzLjQ4NDgzIDEwLjIzNDhMNy43MTk2NyA2TDMuNDg0ODMgMS43NjUxN0MzLjMzODM5IDEuNjE4NzIgMy4zMzgzOSAxLjM4MTI4IDMuNDg0ODMgMS4yMzQ4M1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==);
  --base64--white-min: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDMxIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjAuOTUxMTcyIiB3aWR0aD0iMzEiIGhlaWdodD0iMiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzQ1ODRfOTMxNykiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl80NTg0XzkzMTciIHgxPSI0MS4yMjU3IiB5MT0iMjEuMjYyNCIgeDI9Ii0yLjA0NzQ5IiB5Mj0iLTMuNzc1ODgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
  --base64--white-plus: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi41MjAyIDAuOTUxMTcyVjE1LjA1OTFIMzFWMTYuOTIyMkgxNi41MjAyVjMwLjk1MTJIMTQuNDc5OFYxNi45MjIySDBWMTUuMDU5MUgxNC40Nzk4VjAuOTUxMTcySDE2LjUyMDJaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNDU4NF83NjAwKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzQ1ODRfNzYwMCIgeDE9IjQxLjIyNTciIHkxPSIzMS43NTY0IiB4Mj0iLTAuODA0ODY3IiB5Mj0iNi4wNDM3NCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
  --base64--chevron: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC43NjUyIDQuNDM2MDFDMTAuOTExNiA0LjU4MjQ1IDEwLjkxMTYgNC44MTk4OSAxMC43NjUyIDQuOTY2MzRMNi4yNjUxNiA5LjQ2NjM0QzYuMTE4NzIgOS42MTI3OCA1Ljg4MTI4IDkuNjEyNzggNS43MzQ4NCA5LjQ2NjM0TDEuMjM0ODMgNC45NjYzNEMxLjA4ODM5IDQuODE5ODkgMS4wODgzOSA0LjU4MjQ1IDEuMjM0ODMgNC40MzYwMUMxLjM4MTI4IDQuMjg5NTYgMS42MTg3MiA0LjI4OTU2IDEuNzY1MTcgNC40MzYwMUw2IDguNjcwODRMMTAuMjM0OCA0LjQzNjAxQzEwLjM4MTMgNC4yODk1NiAxMC42MTg3IDQuMjg5NTYgMTAuNzY1MiA0LjQzNjAxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}



@layer settings {
  :root {
    --wrapper--spacing: var(--brand__spacing);
    --wrapper--width: 75rem;
    --wrapper--width--large: 100rem;
    --wrapper--width--small: 60rem;

    @media (min-width: 61.25em) {
      --wrapper--spacing: var(--brand__spacing--large);
    }

    /* Use this variable to mimic the inline wrapping content (eg. when you need full background image but content not, cfr. Banner) */
    --wrapper--mimic-spacing: max(
      calc((100vw - var(--wrapper--width) - var(--wrapper--spacing)) / 2),
      var(--wrapper--spacing)
    );

    --wrapper--mimic-spacing--small: max(
      calc(
        (100vw - var(--wrapper--width--small) - var(--wrapper--spacing)) / 2
      ),
      var(--wrapper--spacing)
    );

    @media (--wide) {
      --wrapper--width--small: 80rem;
    }
  }
}

@layer objects {
  .o-wrapper {
    display: grid;
    column-gap: var(--wrapper--spacing);
    grid-template-columns:
      minmax(0, 1fr)
      min(var(--wrapper--width), calc(100% - 2 * var(--wrapper--spacing)))
      minmax(0, 1fr);
    scroll-margin-top: calc(var(--brand__spacing) + 68px); /* header height */

    @media (min-width: 61.25em) {
      scroll-margin-top: var(--brand__spacing--large);
    }

    & > * {
      grid-column: 2;
    }
  }

  .o-wrapper--tablet {
    @media (max-width: 61.25em) {
      display: block;
    }
  }

  .o-wrapper--small {
    --wrapper--width: var(--wrapper--width--small);
  }

  .o-wrapper--large {
    --wrapper--width: var(--wrapper--width--large);
    @media (max-width: 46.25em) {
      --wrapper--spacing: var(--brand__spacing);
    }
  }

  .o-wrapper--full-width {
    grid-column: 1/-1;
  }
}

@layer objects {
  .o-flex {
    display: flex;
  }

  .o-flex--wrap {
    flex-wrap: wrap;
  }
  .o-flex--jc-sb {
    justify-content: space-between;
  }
  .o-flex--jc-e {
    justify-content: flex-end;
  }
  .o-flex--ai-c {
    align-items: center;
  }
  .o-flex--ai-e {
    align-items: flex-end;
  }
  .o-flex--ai-b {
    align-items: baseline;
  }
  .o-flex--equal > * {
    flex: 1 1 0;
  }

  .o-flex-item--shrink-0 {
    flex-shrink: 0;
  }
  .o-flex-item--shrink-1 {
    flex-shrink: 1;
  }
  .o-flex-item--grow-1 {
    flex-grow: 1;
  }
  .o-flex-direction-columns {
    flex-direction: column;
  }

  .o-flex-gap {
    gap: var(--brand__spacing);
  }
  .o-flex-gap--small {
    gap: var(--brand__spacing--small);
  }
  .o-flex-gap--large {
    gap: var(--brand__spacing--large);
  }
}

@layer objects {
    .o-max-col-grid {
        --grid-layout-gap: var(--max-col-grid__gap, var(--brand__spacing));
        --grid-column-count: var(--set-max-col-grid__count, var(--max-col-grid__count, 8));
        --grid-item--min-width: var(--max-col-grid__width, 215px);
        --gap-count: calc(var(--grid-column-count) - 1);
        --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
        --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));

        display: grid;
        grid-template-columns: repeat(
            auto-fill,
            minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)
        );
        grid-gap: var(--grid-layout-gap);
        place-items: var(--max-col-grid__pi, stretch);
    }

    .o-max-col-grid--center {
        --max-col-grid__pi: center;
    }

    .o-max-col-grid--center-v {
        --max-col-grid__pi: center stretch;
    }

    .o-max-col-grid--1 {
        --max-col-grid__count: 1;
    }

    .o-max-col-grid--2 {
        --max-col-grid__count: 2;
    }

    .o-max-col-grid--3 {
        --max-col-grid__count: 3;
    }

    .o-max-col-grid--4 {
        --max-col-grid__count: 4;
    }

    .o-max-col-grid--5 {
        --max-col-grid__count: 5;
        --max-col-grid__width: 150px;
    }

    .o-max-col-grid--6 {
        --max-col-grid__count: 6;
        --max-col-grid__width: 120px;
    }

    .o-max-col-grid--min-width-default {
        --max-col-grid__width: 1px;
    }

    .o-max-col-grid-gap--none {
        --max-col-grid__gap: 0px;
    }
}

.o-grid-item {
    container-type: inline-size;
}

@layer objects {
  .o-gap {
    gap: var(--brand__spacing);
  }

  .o-gap--none {
    gap: 0;
  }
  .o-gap--tiny {
    gap: var(--brand__spacing--tiny);
  }
  .o-gap--small {
    gap: var(--brand__spacing--small);
  }
  .o-gap--large {
    gap: var(--brand__spacing--large);
  }
  .o-gap--huge {
    gap: var(--brand__spacing--huge);
  }
  .o-gap--var {
    gap: clamp(var(--brand__spacing--small), 5vw, var(--brand__spacing--large));
  }

  .o-row-gap {
    row-gap: var(--brand__spacing);
  }

  .o-gap-row--none {
    row-gap: 0;
  }
  .o-gap-row--tiny {
    row-gap: var(--brand__spacing--tiny);
  }
  .o-gap-row--small {
    row-gap: var(--brand__spacing--small);
  }
  .o-gap-row--large {
    row-gap: var(--brand__spacing--large);
  }
  .o-gap-row--huge {
    row-gap: var(--brand__spacing--huge);
  }
  .o-gap-row--var {
    row-gap: clamp(
      var(--brand__spacing--small),
      5vw,
      var(--brand__spacing--large)
    );
  }

  .o-column-gap {
    column-gap: var(--brand__spacing);
  }

  .o-column-gap--tiny {
    column-gap: var(--brand__spacing--tiny);
  }
  .o-column-gap--small {
    column-gap: var(--brand__spacing--small);
  }
  .o-column-gap--large {
    column-gap: var(--brand__spacing--large);
  }
  .o-column-gap--huge {
    column-gap: var(--brand__spacing--huge);
  }
  .o-column-gap--var {
    column-gap: clamp(
      var(--brand__spacing--small),
      5vw,
      var(--brand__spacing--large)
    );
  }
}

@layer objects {
  .o-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .o-listinline {
    display: flex;
    gap: var(--brand__spacing);
  }
}

@layer objects {
  .o-fit {
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
  }
  .o-fit--contain {
    object-fit: contain;
  }
}

@layer objects {
  .o-ratio {
    aspect-ratio: 1/1;
  }

  .o-ratio--4\:3 {
    aspect-ratio: 4/3;
  }

  .o-ratio--16\:9 {
    aspect-ratio: 16/9;
  }

  .o-ratio--21\:9 {
    aspect-ratio: 21/9;
  }
}



@font-face {
  font-family: "Montserrat Alt1";
  src: url(/webpack/earth-plus-web/assets/fonts/montserratalt1/MontserratAlt1-Light.woff2)
    format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* montserrat-100 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  src: url(/webpack/earth-plus-web/assets/fonts/montserrat/montserrat-v26-latin-100.woff2)
    format("woff2");
}
/* montserrat-200 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  src: url(/webpack/earth-plus-web/assets/fonts/montserrat/montserrat-v26-latin-200.woff2)
    format("woff2");
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url(/webpack/earth-plus-web/assets/fonts/montserrat/montserrat-v26-latin-300.woff2)
    format("woff2");
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url(/webpack/earth-plus-web/assets/fonts/montserrat/montserrat-v26-latin-regular.woff2)
    format("woff2");
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url(/webpack/earth-plus-web/assets/fonts/montserrat/montserrat-v26-latin-500.woff2)
    format("woff2");
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url(/webpack/earth-plus-web/assets/fonts/montserrat/montserrat-v26-latin-600.woff2)
    format("woff2");
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url(/webpack/earth-plus-web/assets/fonts/montserrat/montserrat-v26-latin-700.woff2)
    format("woff2");
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url(/webpack/earth-plus-web/assets/fonts/montserrat/montserrat-v26-latin-800.woff2)
    format("woff2");
}
/* montserrat-900 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: url(/webpack/earth-plus-web/assets/fonts/montserrat/montserrat-v26-latin-900.woff2)
    format("woff2");
}



/*  Default Animation */
dlw-intoview[effect="default"] [observe],
[data-intoview-effect="default"] {
    opacity: 0;
    transform: scale(0.8) translateZ(0px);
    transform-origin: bottom center;
    transition: opacity 0.6s ease, transform 0.8s ease;
    visibility: hidden;
}

dlw-intoview[effect="default"] [shown],
[data-intoview-effect="default"][data-intoview-shown] {
    opacity: 1;
    transform: scale(1) translateZ(0px);
    visibility: visible;
}