@font-face {
  font-family: FK Grotesk Neue;
  src: url('../fonts/FKGroteskNeue-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Reckless Neue;
  src: url('../fonts/RecklessNeue-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --color--100: #0d0d0d;
  --color--20: #f1f0eb;
  --font-family--fk-grotesk-neue: "FK Grotesk Neue", sans-serif;
  --color--10: #f4f4f4;
  --font-family--reckless-neue: "Reckless Neue", sans-serif;
  --color--80: #969592;
  --color--90: #484b4c;
  --color--30: #d9d9d9;
  --size--128: 8rem;
  --size--8: .5rem;
  --size--12: .75rem;
  --size--16: 1rem;
  --size--24: 1.5rem;
  --size--32: 2rem;
  --size--40: 2.5rem;
  --size--48: 3rem;
  --size--96: 6rem;
  --size--192: 12rem;
  --size--64: 4rem;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  background-color: var(--color--100);
  font-size: 16px;
}

h1 {
  color: var(--color--20);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.0625;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  font-family: var(--font-family--fk-grotesk-neue);
  color: var(--color--10);
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 140%;
}

a {
  text-decoration: none;
}

img {
  border-radius: 16px;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

.d-100 {
  font-family: var(--font-family--fk-grotesk-neue);
  font-size: 6.625em;
  font-weight: 500;
  line-height: 110%;
}

.d-90 {
  font-family: var(--font-family--fk-grotesk-neue);
  font-size: 4.75em;
  font-weight: 500;
  line-height: 120%;
}

.d-80 {
  font-family: var(--font-family--fk-grotesk-neue);
  font-size: 2.125em;
  font-weight: 500;
  line-height: 120%;
}

.b-100 {
  font-family: var(--font-family--fk-grotesk-neue);
  font-weight: 500;
}

.b-100.neutral-80.mb-40-24 {
  margin-bottom: 2.5rem;
}

.b-90 {
  font-family: var(--font-family--fk-grotesk-neue);
  font-size: .875em;
  font-weight: 500;
}

.sp-100 {
  font-family: var(--font-family--reckless-neue);
  font-size: 2em;
  font-weight: 300;
  line-height: 130%;
}

.neutral-80 {
  color: var(--color--80);
}

.neutral-100 {
  color: var(--color--100);
}

.neutral-90 {
  color: var(--color--90);
}

.neutral-30 {
  color: var(--color--30);
}

.neutral-20 {
  color: var(--color--20);
}

.neutral-10 {
  color: var(--color--10);
}

.b-tag {
  border: 1px solid var(--color--90);
  font-family: var(--font-family--fk-grotesk-neue);
  color: var(--color--80);
  border-radius: 80px;
  padding: .625rem 1.25rem .5rem;
  font-size: .875em;
  font-weight: 500;
  display: inline-block;
}

.b-tag.summary {
  margin-bottom: 3rem;
}

.hr {
  background-image: linear-gradient(to right, #37393a 50%, #37393b00);
  width: 100%;
  height: 1px;
}

.button-100 {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-family: var(--font-family--fk-grotesk-neue);
  color: var(--color--100);
  background-color: #fff9;
  border-radius: 70px;
  padding: 1.125rem 1.875rem;
  font-size: 1rem;
  font-weight: 500;
  transition: background-color .2s cubic-bezier(.455, .03, .515, .955);
}

.button-100:hover {
  background-color: var(--color--10);
  color: var(--color--100);
}

.button-100.alt {
  background-color: var(--color--10);
}

.button-100.alt:hover {
  background-color: var(--color--80);
}

.logo {
  color: var(--color--10);
  font-family: FK Grotesk Neue, sans-serif;
  font-size: 1.375em;
  font-weight: 500;
  text-decoration: none;
}

.hidden {
  display: none;
}

.flex-3 {
  flex: 0 0 25%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.wrapper, .wrapper.wide {
  padding-left: 3rem;
  padding-right: 3rem;
}

.wrapper.footer {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrapper.last {
  margin-bottom: 12rem;
}

.wrapper._404 {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.container {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.container.wide {
  max-width: 900px;
}

.container.footer {
  z-index: 1;
  position: relative;
}

.flex-4 {
  flex: 0 0 33.3333%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.flex-container {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.flex-container.summary-logos {
  flex-direction: column;
  align-items: center;
}

.flex-container.summary-text {
  margin-bottom: 6rem;
}

.flex {
  flex: 1;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.flex.center.intro-statement {
  margin-bottom: 12rem;
  padding-top: 8rem;
}

.flex.center.client-intro {
  margin-bottom: 2.5rem;
  padding-top: 8rem;
}

.flex.header {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.flex.footer {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.flex._404 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.flex-2 {
  flex: 0 16.6667%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.flex-9 {
  flex: 0 0 75%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.flex-7 {
  flex: 0 0 58.3333%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.flex-5 {
  flex: 0 0 41.6667%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.flex-1 {
  flex: 0 0 8.33333%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.flex-6 {
  flex: 0 0 50%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.flex-8 {
  flex: 0 0 66.6667%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.flex-10 {
  flex: 0 83.3333%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.grid {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: start;
  align-items: start;
  display: grid;
}

.grid.client-images {
  margin-bottom: var(--size--128);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
}

.grid.client-images.last {
  margin-bottom: 0;
}

.grid.client-images._5 {
  grid-template-rows: auto auto auto auto auto;
}

.flex-11 {
  flex: 0 0 91.6667%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.section.summary {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section.footer {
  z-index: 200;
}

.center {
  text-align: center;
}

.margin {
  display: none;
}

.mb-8 {
  margin-bottom: var(--size--8);
}

.mb-12 {
  margin-bottom: var(--size--12);
}

.mb-16 {
  margin-bottom: var(--size--16);
}

.mb-24 {
  margin-bottom: var(--size--24);
}

.mb-32 {
  margin-bottom: var(--size--32);
}

.mb-40 {
  margin-bottom: var(--size--40);
}

.mb-48 {
  margin-bottom: var(--size--48);
}

.mb-96 {
  margin-bottom: var(--size--96);
}

.mb-192 {
  margin-bottom: var(--size--192);
}

.padding {
  display: none;
}

.pt-128 {
  padding-top: 8rem;
}

.nav {
  z-index: 200;
  padding-top: var(--size--40);
  mix-blend-mode: difference;
  justify-content: center;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.jump-to-top {
  height: 0;
}

.clip {
  max-width: 17ch;
}

.pt-192 {
  padding-top: var(--size--192);
}

.header-asset {
  padding-top: var(--size--32);
  position: absolute;
}

.z-10 {
  z-index: 10;
  position: absolute;
  top: 19.2vh;
}

.drawer-contact {
  z-index: 100;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.marquee {
  align-items: center;
  margin-bottom: 4rem;
  padding-top: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-text {
  margin-right: var(--size--96);
  font-family: var(--font-family--reckless-neue);
  color: var(--color--80);
  white-space: nowrap;
  font-size: 2em;
  font-weight: 300;
  line-height: 130%;
}

.marquee-inner {
  flex-wrap: nowrap;
  align-items: center;
  width: 200%;
  display: flex;
}

.gradient-left {
  z-index: 10;
  background-image: linear-gradient(to right, #0d0d0d 25%, #0d0d0c00);
  width: 8rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.gradient-right {
  z-index: 10;
  background-image: linear-gradient(270deg, #0d0d0d 25%, #0d0d0c00);
  width: 8rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.mb-64 {
  margin-bottom: 4rem;
}

.outer-wrap {
  z-index: 50;
  background-color: var(--color--100);
  position: relative;
  overflow: hidden;
}

.pt-64 {
  padding-top: 4rem;
}

.mb-32-24 {
  margin-bottom: var(--size--32);
}

.splide__arrows {
  display: none;
}

.client-logo {
  border-radius: 0;
}

.right {
  padding-right: 8rem;
}

.logo-wrapper {
  width: 100%;
  position: relative;
}

.b-tag-lg {
  border: 1px solid var(--color--90);
  font-family: var(--font-family--fk-grotesk-neue);
  color: var(--color--80);
  font-size: var(--size--16);
  border-radius: 80px;
  padding: .625rem 1.25rem .5rem;
  font-weight: 500;
  display: inline-block;
}

.header-tag {
  margin-bottom: 1.5rem;
}

.splide__slide {
  padding-left: 4.875rem;
  padding-right: 4.875rem;
}

.container-splide {
  max-width: 804px;
  margin-left: auto;
  margin-right: auto;
}

.gradient {
  width: 200vw;
  height: 100vh;
  position: absolute;
  inset: 50% -50% 0%;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.5em;
  }

  h2 {
    font-size: 3em;
    line-height: 1.04167;
  }

  h3 {
    font-size: 2.5em;
    line-height: 1.1;
  }

  h4 {
    font-size: 2.25em;
    line-height: 1.11111;
  }

  h5 {
    font-size: 2em;
  }

  h6 {
    letter-spacing: .02em;
    font-size: 1em;
    line-height: 1.5;
  }

  p {
    letter-spacing: .025em;
  }

  .d-100 {
    font-size: 10vw;
  }

  .d-100.neutral-30.clip {
    width: auto;
  }

  .d-90 {
    font-size: 8vw;
  }

  .b-100.neutral-80.mb-40-24 {
    margin-bottom: 1.5rem;
  }

  .sp-100 {
    font-size: 1.5em;
  }

  .flex-3 {
    flex: 1;
  }

  .wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .wrapper.wide {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .wrapper.footer {
    height: auto;
  }

  .wrapper.last {
    margin-bottom: 0;
  }

  .container {
    max-width: none;
  }

  .container.footer {
    margin-bottom: 12rem;
  }

  .flex-4 {
    flex: 1;
  }

  .flex-container {
    align-items: center;
  }

  .flex-container.summary-logos {
    margin-bottom: 12rem;
  }

  .flex-container.summary-text {
    padding-top: 8rem;
  }

  .flex.center.intro-statement {
    margin-bottom: 6rem;
  }

  .flex.header {
    flex-direction: column;
    height: auto;
    padding-top: 10rem;
  }

  .flex-2, .flex-9, .flex-7, .flex-5, .flex-1, .flex-6, .flex-8, .flex-10 {
    flex: 1;
  }

  .grid {
    grid-column-gap: 1.5rem;
    grid-template-rows: auto;
  }

  .grid.client-images {
    grid-row-gap: 1rem;
    grid-auto-flow: row;
  }

  .flex-11 {
    flex: 1;
  }

  .nav {
    padding-top: var(--size--24);
  }

  .header-asset {
    margin-bottom: 12rem;
    padding-top: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: static;
  }

  .z-10 {
    position: static;
  }

  .marquee {
    margin-bottom: 2rem;
    padding-top: 2rem;
  }

  .gradient-left, .gradient-right {
    width: 6rem;
  }

  .mb-32-24 {
    margin-bottom: var(--size--24);
  }

  .container-splide {
    max-width: 90vw;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.75em;
    line-height: 1.14286;
  }

  h2, h3 {
    font-size: 1.625em;
    line-height: 1.15385;
  }

  h4 {
    font-size: 1.875em;
    line-height: 1.2;
  }

  h5 {
    font-size: 1.375em;
  }

  h6 {
    letter-spacing: .0175em;
    font-size: .875em;
    line-height: 1.57143;
  }

  .sp-100 {
    font-size: 1.25em;
  }

  .wrapper, .wrapper.wide {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .flex.center.intro-statement {
    margin-bottom: 4rem;
    padding-top: 0;
  }

  .flex.center.client-intro {
    padding-top: 6rem;
  }

  .grid.client-images {
    margin-bottom: 6rem;
  }

  .z-10 {
    top: 26vh;
  }

  .marquee {
    margin-bottom: 0;
  }

  .marquee-text {
    margin-right: 4rem;
  }

  .gradient-left, .gradient-right {
    width: 3rem;
  }

  .client-logo {
    height: 34px;
  }

  .b-tag-lg {
    font-size: .875rem;
  }

  .splide__slide {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

#w-node-_6255fdc5-f3a6-ab2b-7dad-ab7577d19d23-94f17c37, #w-node-_80671de8-89b0-78c1-bbb3-4a5d7fe9315d-94f17c37, #w-node-_6255fdc5-f3a6-ab2b-7dad-ab7577d19d25-94f17c37, #w-node-_6255fdc5-f3a6-ab2b-7dad-ab7577d19d26-94f17c37, #w-node-_6255fdc5-f3a6-ab2b-7dad-ab7577d19d24-94f17c37, #w-node-d1d198ea-7908-fdb3-16b3-ddbdfaf854ff-94f17c37, #w-node-_4aa38c53-ee25-d689-4f7c-728166798799-94f17c37, #w-node-_2471a13f-3184-5895-238f-6225f2e7c37e-94f17c37, #w-node-_376d68a0-2a37-5a6a-a1ee-96fc9b9dc0c1-94f17c37, #w-node-_7e0c834d-c356-192b-1f6b-61a122881baf-94f17c37, #w-node-_7e0c834d-c356-192b-1f6b-61a122881bb0-94f17c37, #w-node-_7e0c834d-c356-192b-1f6b-61a122881bb1-94f17c37, #w-node-_7e0c834d-c356-192b-1f6b-61a122881bb2-94f17c37, #w-node-d6b60052-4f6d-be7a-529a-cefaec211c11-94f17c37, #w-node-d6b60052-4f6d-be7a-529a-cefaec211c12-94f17c37, #w-node-d6b60052-4f6d-be7a-529a-cefaec211c13-94f17c37, #w-node-d6b60052-4f6d-be7a-529a-cefaec211c14-94f17c37 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'FK Grotesk Neue';
  src: url('../fonts/FKGroteskNeue-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Neue';
  src: url('../fonts/RecklessNeue-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}