:root {
  --black: #050505;
  --white: #fff;
  --secondary: #1c1c1c;
  --main-white: #e7e7e9;
  --primary: var(--white);
  --light-grey\<deleted\|variable-5675b63e-c5d8-527e-72b6-ecfca8505550\>: #eee;
  --primary-51\<deleted\|variable-22ba2fd1-e1c9-c606-a5a2-3447eb771393\>: #dbec62;
  --black-2: #050505;
  --white-2\<deleted\|variable-27d456a5-0db3-0924-b941-f557c82e279b\>: whitesmoke;
  --dark-gray-2\<deleted\|variable-73fc28ef-a8b3-b8e3-1597-31094373402a\>: #404040;
  --lighter-black: #161616;
  --transparent: transparent;
  --border-radius: 24px;
  --purple: var(--transparent);
  --transparent-2: #00000012;
}

.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;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--black);
  color: var(--white);
  font-family: Inter, sans-serif;
  font-size: 1vw;
  line-height: 1.4vw;
}

h1 {
  letter-spacing: -.07vw;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.55vw;
  font-weight: 600;
  line-height: 6.11vw;
}

h2 {
  letter-spacing: -.07vw;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.44vw;
  font-weight: 500;
  line-height: 5vw;
}

h3 {
  letter-spacing: -.07vw;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.33vw;
  font-weight: 500;
  line-height: 3.89vw;
}

h4 {
  letter-spacing: -.07vw;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.78vw;
  font-weight: 500;
  line-height: 3.33vw;
}

h5 {
  letter-spacing: .14vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .89vw;
  font-weight: 400;
  line-height: 1.44vw;
}

h6 {
  letter-spacing: .14vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .78vw;
  font-weight: 400;
  line-height: 1.33vw;
}

p {
  letter-spacing: .07vw;
  margin-bottom: 0;
  font-size: 1.11vw;
  font-weight: 300;
  line-height: 1.89vw;
}

a {
  color: var(--white);
  letter-spacing: .07vw;
  font-size: 1.1vw;
  line-height: 1.44vw;
  text-decoration: none;
}

ul {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.8vw;
  display: flex;
}

ol {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.78vw;
  display: flex;
}

li {
  letter-spacing: .07vw;
  font-size: 1.11vw;
  font-weight: 300;
  line-height: 1.89vw;
}

img {
  object-fit: cover;
  max-width: 100%;
  display: inline-block;
}

sup {
  vertical-align: super;
  font-size: 2.78vw;
  line-height: 2.22vw;
  top: -.33vw;
}

blockquote {
  border-left: 5px solid var(--black);
  margin-bottom: 0;
  padding: .56vw 0 .56vw 1.67vw;
  font-size: 1.11vw;
  line-height: 1.89vw;
}

.utilities-wrapper-colors {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.utilities-wrapper-title {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.background-secondary {
  background-color: var(--secondary);
}

.space-page-top {
  min-height: 11.11vw;
}

.color-wrapper {
  border-radius: 6.25rem;
  min-width: 100%;
  max-width: 16rem;
  min-height: 8rem;
  max-height: 8rem;
  position: relative;
  overflow: hidden;
}

.color-wrapper.border {
  border: .0625rem solid var(--main-white);
}

.utilities-title-flex {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container {
  background-color: #fff;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.container.overflow {
  overflow: visible;
}

.container.padding-4-5rem {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}

.container.padding-9rem {
  padding-left: 9rem;
  padding-right: 9rem;
}

.container.padding-13-5rem {
  padding-left: 13.5rem;
  padding-right: 13.5rem;
}

.space-2rem {
  min-height: 2.2vw;
}

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

.background-black {
  background-color: var(--black);
}

.utilities-flex {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.section {
  box-sizing: content-box;
  object-fit: cover;
  width: 100%;
  margin-top: 94px;
  position: sticky;
}

.section.background-black {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utilities-wrapper {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

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

.utilities-wrapper-paragraph {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.utilities-grid-thirds {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: grid;
}

.background-primary {
  background-color: var(--primary);
}

.background-light-gray {
  background-color: var(--main-white);
}

.utilities-wrapper-rich-text-and-buttons {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.utilities-line {
  background-color: var(--black);
  min-width: 2.2vw;
  min-height: .3vw;
}

.utilities-title {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.utilities-line-spacer {
  background-color: var(--black);
  width: 100%;
  min-height: .1vw;
}

.utilities-flex-headings-and-paragraph {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.line-spacer {
  width: 100%;
}

.space-4rem {
  min-height: 4.4vw;
}

.fill {
  position: absolute;
  inset: -1rem;
}

.caps {
  text-transform: none;
  font-size: 2.5vw;
}

.font-primary {
  color: var(--primary);
}

.no-wrap {
  white-space: nowrap;
}

.space-1rem {
  min-height: 1.1vw;
}

.outline-white {
  color: #0000;
  -webkit-text-stroke-width: .07vw;
  -webkit-text-stroke-color: var(--white);
  margin-right: .23vw;
}

.space-7rem {
  min-height: 7.8vw;
}

.max-width-38rem {
  max-width: 42.22vw;
}

.invert {
  filter: invert();
}

.button-text {
  margin-bottom: 0;
  font-size: 1.11vw;
  line-height: 1.89vw;
}

.arrow {
  min-width: .9vw;
  max-width: .9vw;
  min-height: .9vw;
  max-height: .9vw;
}

.button-arrow-wrapper {
  background-color: var(--primary);
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 2.8vw;
  max-width: 2.8vw;
  min-height: 2.8vw;
  max-height: 2.8vw;
  display: flex;
  overflow: hidden;
}

.button-arrow-wrapper.button-light {
  background-color: var(--black);
}

.button-with-circle-icon {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  border: .1vw solid var(--primary);
  background-color: var(--black);
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 8.9vw;
  justify-content: center;
  align-items: center;
  min-width: 12.22vw;
  padding: .14vw .28vw .14vw 2.22vw;
  transition: background-color .25s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-with-circle-icon.button-light {
  border-color: var(--primary);
  background-color: var(--primary);
  color: var(--black);
}

.button-text-absolute {
  margin-bottom: 0;
  font-size: 1.11vw;
  line-height: 1.89vw;
  display: none;
  position: absolute;
  left: 2.22vw;
}

.footer-link-wrapper {
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-logo-link-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-right-flex {
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.footer-link {
  color: var(--white);
  font-size: 1vw;
  line-height: 1.78vw;
}

.footer-link:hover {
  color: var(--light-grey\<deleted\|variable-5675b63e-c5d8-527e-72b6-ecfca8505550\>);
}

.footer-link.w--current {
  color: #eee;
}

.footer-link.move-down {
  position: absolute;
  top: 100%;
}

.footer-link.move-down.w--current {
  color: #eee;
}

.footer-wrapper {
  grid-column-gap: 1.67vw;
  grid-row-gap: 1.67vw;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-bottom {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 2.2vw;
  padding-bottom: 2.2vw;
  display: flex;
}

.footer-flex {
  grid-column-gap: 1.1vw;
  grid-row-gap: 1.1vw;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-logo {
  object-fit: contain;
  object-position: 50% 50%;
  min-height: 1.67vw;
  max-height: 1.67vw;
}

.footer-flex-bottom {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-bottom-text {
  color: var(--white);
}

.footer-bottom-text:hover {
  color: #eee;
}

.footer-line {
  grid-column-gap: 2.2vw;
  grid-row-gap: 2.2vw;
  background-color: var(--primary);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: .07vw;
  display: flex;
}

.footer-top {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.4vw;
  padding-bottom: 4.4vw;
  display: flex;
}

.footer-block {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.socials-wrapper {
  z-index: 1;
  grid-column-gap: 1.1vw;
  grid-row-gap: 1.1vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-icon {
  background-image: radial-gradient(circle closest-side at 50% 50%, var(--primary-51\<deleted\|variable-22ba2fd1-e1c9-c606-a5a2-3447eb771393\>) 80%, var(--black-2) 90%);
  object-fit: cover;
  border-radius: 100%;
  min-width: 2.2vw;
  max-width: 2.2vw;
  min-height: 2.2vw;
  max-height: 2.2vw;
}

.social-icon.smaller {
  background-image: radial-gradient(circle closest-side at 50% 50%, var(--white-2\<deleted\|variable-27d456a5-0db3-0924-b941-f557c82e279b\>) 80%, var(--black-2) 90%);
  filter: invert();
  min-width: 1.1vw;
  max-width: 1.1vw;
  min-height: 1.1vw;
  max-height: 1.1vw;
}

.max-width-19vw {
  max-width: 19vw;
}

.utilities-side-bar {
  grid-column-gap: 2.2vw;
  grid-row-gap: 2.2vw;
  border-right: .07vw solid var(--dark-gray-2\<deleted\|variable-73fc28ef-a8b3-b8e3-1597-31094373402a\>);
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 22.2vw;
  max-width: 22.2vw;
  height: 100vh;
  padding-left: 2.2vw;
  padding-right: 2.2vw;
  display: flex;
  position: sticky;
  top: 2.2vw;
}

.utilities-flex-title {
  grid-column-gap: .8vw;
  grid-row-gap: .8vw;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.utilities-icon {
  min-width: 2.8vw;
  height: 2.8vw;
}

.navbar {
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4vw;
  margin-top: 2px;
  margin-left: auto;
  margin-right: 0;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.navbar:where(.w-variant-4a6b75a9-7eb1-46b7-16b1-eabb9869f57c) {
  background-color: #282828;
}

.logo-link-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-link-wrapper.w--current {
  letter-spacing: 2vw;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
}

.nav-link {
  color: var(--black);
  letter-spacing: 0;
  text-transform: lowercase;
  mix-blend-mode: color-dodge;
  margin-left: auto;
  margin-right: 8px;
  padding: 0 0;
  font-size: 1rem;
  font-weight: 500;
  transition: filter .85s, color .25s;
}

.nav-link:where(.w-variant-4a6b75a9-7eb1-46b7-16b1-eabb9869f57c), .nav-link:hover {
  color: var(--white);
}

.nav-link.w--current {
  background-color: var(--black);
  color: var(--white);
}

.nav-link.move-down {
  position: absolute;
  top: 100%;
}

.nav-link.move-down.hide-on-tab {
  background-color: var(--black);
  filter: sepia();
  align-self: center;
  padding-left: 0;
  font-size: 1rem;
}

.nav-link.move-down.hide-on-tab.w--current {
  filter: none;
  mix-blend-mode: normal;
  transition: none;
}

.nav-menu {
  margin-right: 0;
  font-size: 1vw;
  display: flex;
}

.logo {
  object-fit: cover;
  object-position: 50% 50%;
  min-width: 40px;
  max-width: 100%;
  min-height: 30px;
  max-height: 1.2vw;
}

.logo:where(.w-variant-4a6b75a9-7eb1-46b7-16b1-eabb9869f57c) {
  fill: #fff;
  min-height: 30px;
}

.logo:hover {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}

.logo.logo-white {
  display: none;
}

.logo.logo-black:where(.w-variant-4a6b75a9-7eb1-46b7-16b1-eabb9869f57c) {
  display: inline-flex;
}

.nav-link-wrapper {
  -webkit-backdrop-filter: hue-rotate(180deg);
  backdrop-filter: hue-rotate(180deg);
  mix-blend-mode: normal;
  flex-direction: column;
  align-self: center;
  font-size: 1vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-link-wrapper.selected {
  background-color: var(--transparent);
}

.nav-container {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-right: 0;
  display: flex;
}

.hero-wrapper {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.icon-wrapper {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 2.8vw;
  max-width: 2.8vw;
  min-height: 2.8vw;
  max-height: 2.8vw;
  display: flex;
  overflow: hidden;
}

.arrow-border-wrapper {
  z-index: 10;
  border: 1px solid var(--black);
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-text {
  text-transform: none;
  font-size: 15.55vw;
  font-weight: 600;
  line-height: 11.44vw;
}

.brands-wrapper {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  opacity: .2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brands-grid {
  grid-column-gap: 1.1vw;
  grid-row-gap: 1.1vw;
  filter: invert();
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  overflow: hidden;
}

.logos-wrapper {
  z-index: 2;
  flex-direction: column;
  flex: auto;
  justify-content: center;
  align-items: center;
  min-width: 8.9vw;
  max-width: 8.9vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.posts-card {
  color: var(--white);
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 37.6vw;
  max-width: 37.6vw;
  display: flex;
  position: relative;
}

.plus-wrapper {
  background-color: var(--primary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 2.8vw;
  max-width: 2.8vw;
  min-height: 2.8vw;
  max-height: 2.8vw;
  padding-bottom: .1vw;
  padding-left: .1vw;
  display: flex;
  position: absolute;
  inset: 2.22vw 2.22vw auto auto;
}

.image-absolute {
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0%;
}

.featured-card {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 25vw;
  max-width: 25vw;
  display: flex;
  position: relative;
}

.font-white {
  color: var(--white);
}

.max-width-30rem {
  max-width: 33.33vw;
}

.title-flex {
  grid-column-gap: 2.2vw;
  grid-row-gap: 2.2vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.max-width-20rem {
  max-width: 22.22vw;
}

.form-wrapper {
  max-width: 40.3vw;
  margin-left: auto;
  margin-right: auto;
}

.text-field {
  background-color: var(--white);
  color: var(--black);
  border-radius: 20px;
  height: 3.3vw;
  padding-left: 1.1vw;
  padding-right: 1.1vw;
  font-size: .97vw;
}

.text-field:focus {
  border-color: #171f33;
}

.text-field::placeholder {
  color: #aaa;
}

.message-area {
  background-color: var(--white);
  color: var(--black);
  border-radius: 20px;
  min-height: 7.8vw;
  margin-bottom: 8px;
  padding: 1.1vw;
  font-size: .97vw;
}

.message-area:focus {
  border-color: #171f33;
}

.message-area::placeholder {
  color: #aaa;
}

.button {
  background-color: var(--primary);
  color: var(--black);
  border-radius: 10px;
  font-family: Inter, sans-serif;
  font-weight: 300;
  transition: background-color .25s;
}

.button:hover {
  background-color: var(--secondary);
  color: #f5f5f5;
}

.contact-success-message {
  background-color: var(--black);
  color: #f5f5f5;
  text-align: center;
  border: 1px solid #171f33;
  border-radius: 20px;
  padding: 1.7vw 2.2vw;
}

.contact-success-message::placeholder {
  color: #aaa;
}

.contact-error-message {
  border: 1px solid var(--black);
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  border-radius: 20px;
  margin-top: 32px;
  padding: 1.7vw 2.2vw;
}

.contact-error-message::placeholder {
  color: #aaa;
}

.field-label {
  font-size: .97vw;
  font-weight: 300;
}

.utilities-gallery-image-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.utitlities-title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utilities-rtb-wrapper {
  flex-direction: column;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utility-page-wrap {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/ParallaxImage.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  grid-column-gap: 1.1vw;
  grid-row-gap: 1.1vw;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 18.06vw;
  display: flex;
}

.move-down {
  position: absolute;
  top: 100%;
}

.faq-question {
  text-align: left;
  letter-spacing: 0;
  white-space: normal;
  font-size: 1.67vw;
  font-weight: 400;
  line-height: 1.67vw;
}

.faq-icon {
  filter: invert();
  min-width: 1.8vw;
  max-width: 1.8vw;
  min-height: 1.8vw;
  max-height: 1.8vw;
}

.faq-flex {
  grid-column-gap: 2.1vw;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.faq-dropdown {
  min-width: 100%;
}

.dropdown-toggle {
  border-radius: var(--border-radius);
  background-color: var(--secondary);
  cursor: pointer;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.7vw 3.3vw .6vw;
  transition: background-color .25s;
  position: relative;
}

.dropdown-toggle:hover {
  background-color: #c7c7c733;
}

.dropdown-answer {
  text-align: left;
  width: 80%;
}

.faq-wrapper {
  grid-column-gap: 1.1vw;
  grid-row-gap: 1.1vw;
  text-align: center;
  flex-direction: column;
  width: 100%;
  max-width: 50vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utilities-image {
  border-radius: 100%;
  min-width: 11.11vw;
  max-width: 11.11vw;
  min-height: 11.11vw;
  max-height: 11.11vw;
}

.padding-13-5rem {
  padding-left: 13.5rem;
  padding-right: 13.5rem;
}

.works-title-grid {
  grid-column-gap: 2.22vw;
  grid-row-gap: 2.22vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr .4fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  display: grid;
}

.flex-title {
  grid-column-gap: .56vw;
  grid-row-gap: .56vw;
  flex-direction: column;
  font-weight: 100;
  display: flex;
}

.works-description {
  max-width: 36.11vw;
}

.works-grid {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.works-details-info {
  border-bottom: .07vw solid var(--primary);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 16.66vw;
  max-width: 16.66vw;
  padding-bottom: .56vw;
  display: flex;
}

.image-wrapper {
  border-radius: 1.5rem;
  min-height: 37.5vw;
  max-height: 37.5vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.image-parallax-curve {
  min-width: 100%;
}

.trigger {
  min-height: 7.78vw;
  position: absolute;
  inset: auto 0% 0%;
}

.works-details {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 48.61vw;
  margin-left: auto;
  margin-right: auto;
}

.works-rich-text {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  flex-direction: column;
  display: flex;
}

.works-grid-thirds {
  grid-column-gap: 2.22vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: grid;
}

.lightbox-link-small {
  border-radius: 24px;
  overflow: hidden;
}

.thumbnails {
  border-radius: 24px;
}

.flex {
  grid-column-gap: .83vw;
  align-items: flex-start;
  display: flex;
}

.spline {
  background-color: var(--white);
  object-fit: scale-down;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.heading {
  align-self: flex-start;
}

.hero-overlay {
  z-index: 10;
  background-image: linear-gradient(180deg, var(--transparent), var(--black));
  position: absolute;
  inset: 95% 0% 0%;
}

.services-image {
  aspect-ratio: 1;
  border-radius: 4px;
  min-width: 5.55vw;
  max-width: 5.55vw;
}

.services-title-flex {
  grid-column-gap: 2.22vw;
  grid-row-gap: 2.22vw;
  mix-blend-mode: normal;
  align-items: center;
  display: flex;
}

.services-card {
  grid-column-gap: 1.1vw;
  grid-row-gap: 1.1vw;
  border-radius: var(--border-radius);
  background-color: var(--secondary);
  cursor: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 33.3vw;
  padding: 2.2vw;
  transition: filter .2s ease-in-out, color .3s;
  display: flex;
}

.services-title {
  font-size: 7.78vw;
  line-height: 5.55vw;
}

.services-wrapper {
  grid-column-gap: 2.22vw;
  grid-row-gap: 2.22vw;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 43.3vw;
  display: flex;
}

.services-text-block {
  grid-column-gap: 2.2vw;
  grid-row-gap: 2.2vw;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.services-flex {
  grid-column-gap: 2.2vw;
  grid-row-gap: 2.2vw;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.services-icon {
  aspect-ratio: 1;
  border-radius: var(--border-radius);
  background-color: var(--lighter-black);
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 8.89vw;
  max-width: 8.89vw;
  display: flex;
}

.cta-text-block {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cta-large {
  font-size: 10vw;
  line-height: 7.22vw;
}

.arrow-image-small {
  min-width: 1.1vw;
  max-width: 1.1vw;
  min-height: 1.1vw;
  max-height: 1.1vw;
}

.cta-block {
  grid-column-gap: 3.3vw;
  grid-row-gap: 3.3vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 155px;
  display: flex;
}

.works-wrapper {
  grid-row-gap: 4.44vw;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 70vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.works-block {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  background-color: var(--black);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 1rem;
}

.works-link-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.works-icon-wrapper {
  z-index: 1;
  aspect-ratio: 1;
  background-color: var(--black);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--primary);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 6.67vw;
  max-width: 6.67vw;
  display: flex;
  position: absolute;
}

.works-hover {
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 64px;
  padding-left: 8px;
  display: flex;
}

.works-image-wrapper {
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius);
  min-width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.parallax-image {
  min-width: 100%;
}

.parallax-trigger {
  min-height: 112px;
  position: absolute;
  inset: auto 0% 0%;
}

.works-text-block {
  grid-column-gap: .56vw;
  grid-row-gap: .56vw;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: .11vw;
  display: flex;
}

.works-badge {
  border-radius: var(--border-radius);
  background-color: var(--primary);
  color: var(--black);
  justify-content: center;
  align-items: center;
  height: 2.22vw;
  padding-left: 1.11vw;
  padding-right: 1.11vw;
  display: flex;
}

.works-flex {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.works-title-wrapper {
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.works-title {
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 1.4rem;
  margin-left: 68px;
  font-size: 11.11vw;
  line-height: 11.11vw;
  position: sticky;
}

.self-align-left {
  align-self: flex-start;
}

.hero-about-image {
  border-radius: var(--border-radius);
  object-position: 50% 23%;
  min-width: 38.9vw;
  max-width: 38.9vw;
  min-height: 38.9vw;
  max-height: 38.9vw;
}

.font-huge {
  font-size: 10vw;
  line-height: 7.78vw;
}

.about-hero-flex {
  grid-column-gap: 2.22vw;
  grid-row-gap: 2.22vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.about-hero-wrapper {
  grid-column-gap: 2.22vw;
  grid-row-gap: 2.22vw;
  aspect-ratio: 1;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-width: 38.9vw;
  max-width: 38.9vw;
  display: flex;
}

.metrics-wrapper {
  grid-column-gap: 2.22vw;
  grid-row-gap: 2.22vw;
  justify-content: space-around;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.metrics-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.metrics-text {
  font-size: 6.67vw;
  line-height: 7.22vw;
}

.story-content-wrapper {
  aspect-ratio: 1;
  border-radius: var(--border-radius);
  background-color: var(--secondary);
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 33.3vw;
  max-width: 33.3vw;
  margin-left: auto;
  padding-left: 2.2vw;
  padding-right: 2.2vw;
  display: flex;
}

.title-flex-wrapper {
  grid-column-gap: .56vw;
  grid-row-gap: .56vw;
  display: flex;
}

.story-title-wrapper {
  grid-column-gap: 2.2vw;
  grid-row-gap: 2.2vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  place-items: start center;
  width: 100%;
  display: grid;
}

.story-grid {
  grid-column-gap: 2.22vw;
  grid-row-gap: 2.22vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  place-items: center;
  width: 100%;
  display: grid;
}

.story-text-block {
  grid-column-gap: .56vw;
  grid-row-gap: .56vw;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.story-text-wrapper {
  grid-column-gap: 1.1vw;
  grid-row-gap: 1.1vw;
  aspect-ratio: 1;
  border-radius: var(--border-radius);
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 33.3vw;
  max-width: 33.3vw;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.line-height {
  line-height: 3.89vw;
}

.slide-nav {
  display: none;
}

.reviews-slider {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 66.66vw;
  max-width: 66.66vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.reviews-icon {
  font-size: 1vw;
}

.mask {
  border-radius: var(--border-radius);
  background-color: var(--secondary);
  max-width: 100%;
}

.reviews-image {
  border-radius: 100%;
  min-width: 4.4vw;
  max-width: 4.4vw;
  min-height: 4.4vw;
  max-height: 4.4vw;
}

.reviews-slide {
  grid-column-gap: 1.11vw;
  grid-row-gap: 1.11vw;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4.4vw 4.4vw 8.8vw;
  display: flex;
}

.reviews-arrow {
  text-align: center;
  border: 1px solid #b3b3b3;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.2vw;
  height: 2.2vw;
  transition: border-color .25s, color .25s;
  display: flex;
  position: relative;
  inset: auto 0% 32px;
}

.reviews-arrow:hover {
  color: #64dcdd;
  border-color: #64dcdd;
}

.reviews-arrow.left {
  bottom: 6.67vw;
  left: -1.44vw;
  right: 0%;
}

.reviews-arrow.right {
  bottom: 8.89vw;
  left: 1.44vw;
  right: 0%;
}

.circle {
  z-index: -1;
  border: 1px solid var(--white);
  opacity: .2;
  border-radius: 100%;
  width: 70vw;
  height: 70vw;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 10vw;
  transform: rotate(180deg);
}

.oval {
  border: 1px solid var(--main-white);
  opacity: .2;
  border-radius: 100%;
  width: 70vw;
  height: 100vw;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: -47vw;
}

.hero-section {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.fingerprint {
  z-index: -1;
  opacity: .05;
  background-image: url('../images/fingerprint.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  width: 70vw;
  height: 70vw;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 10vw;
  transform: rotate(180deg);
}

.paragraph-light {
  opacity: .6;
  width: 200px;
  font-family: Inter, sans-serif;
  font-weight: 700;
}

.primary-button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 0;
  padding: 12px 25px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.primary-button:hover {
  color: #fff;
  background-color: #32343a;
}

.primary-button:active {
  background-color: #43464d;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label.cc-light {
  opacity: .6;
  font-family: Lato, sans-serif;
}

.home-section-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  margin-left: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: sticky;
  top: 100px;
  bottom: 100px;
}

.home-section-wrap._1 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  top: 130px;
}

.home-section-wrap._2 {
  flex-flow: row;
  place-content: center space-between;
  align-items: center;
  top: 77px;
}

.section-heading {
  letter-spacing: 0;
  flex: 0 auto;
  order: -1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Lato, sans-serif;
  font-size: 3vw;
  font-weight: 400;
}

.about-grid2 {
  grid-column-gap: 46px;
  grid-row-gap: 30px;
  color: var(--white);
  -webkit-text-stroke-color: var(--black);
  background-color: gray;
  background-image: linear-gradient(#000000c9, #000000c9), linear-gradient(#ffffff80, #ffffff80);
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  grid-template: "."
  / 3.25fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 8px 16px;
  display: flex;
  position: static;
  top: 100px;
}

.div-block {
  position: sticky;
  top: 210px;
}

.video-stick {
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 260vh;
  position: static;
}

.services-image-component {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--black);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.services-image-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #05050500;
  border-bottom: 0 #000;
  border-radius: 0;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  height: 70vh;
  display: flex;
  position: static;
  top: -100px;
  overflow: hidden;
}

.services-image-2._2 {
  border-top: 0px none var(--transparent);
  border-bottom-style: none;
  border-bottom-width: 0;
}

.services-image-2._1, .services-image-2._3 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.image {
  box-sizing: content-box;
  object-fit: fill;
  width: 100%;
  height: 100%;
  margin-top: 0;
}

.lightbox {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.social-link-banner {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.lightbox-link {
  opacity: 0;
  position: sticky;
  inset: 0%;
}

.banner {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 12vw 45px 0;
  display: block;
  position: relative;
  top: -446px;
  overflow: hidden;
}

.banner-video {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.flex-social-links-banner {
  justify-content: center;
  align-items: stretch;
  height: 80px;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
  transform: rotate(-90deg);
}

.underline-link {
  box-sizing: content-box;
  border-bottom: 1px solid #000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 2px;
  display: flex;
}

.wrap-social-link {
  justify-content: center;
  align-items: stretch;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.social-links-bar {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0 auto auto 0;
}

.underline-on-hover {
  box-sizing: content-box;
  border-bottom: 2px solid #000;
  width: 0;
  margin-bottom: -1px;
}

.text-size-caps-tiny {
  letter-spacing: .25em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  line-height: 180%;
}

.dark-overlay-of-banner-image {
  opacity: .3;
  background-color: #181d24;
  position: absolute;
  inset: 0%;
}

.section-2 {
  flex-flow: column;
  display: block;
}

.speaker-slide-mask {
  width: 33.33%;
  overflow: visible;
}

.speaker-slide-content {
  z-index: 100;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 36px;
  display: flex;
  position: relative;
}

.slide-nav-2 {
  display: none;
}

.speakers-hero-wrapper {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.speaker-slider {
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.clip-text {
  overflow: hidden;
}

.clip-text.speaker-headding {
  margin-top: -48px;
  margin-bottom: 36px;
}

.speaker-image-cover {
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  background-image: url('../images/Gradient-Blur-001.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 101%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.speaker-arrow {
  background-color: #1e2029;
  border: 1px #ffffff0a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 0;
  display: flex;
  inset: auto 5vw 5vw auto;
}

.speaker-arrow.left {
  margin-right: 72px;
  left: auto;
  right: 5vw;
}

.speaker-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 101%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.speaker-image.four {
  background-image: url('../images/Portrait0018.jpeg');
  background-position: 50% 0;
}

.speaker-image.six {
  background-image: url('../images/Portrait004.jpg');
  background-position: 50% 0;
}

.speaker-image.two {
  background-image: url('../images/Portrait002.jpg');
}

.speaker-image.five {
  background-image: url('../images/Portrait006.jpg');
  background-position: 0 0;
  width: 101%;
}

.speaker-image.one {
  background-image: url('../images/Portrait003.jpg');
}

.speaker-image.three {
  background-image: url('../images/Portrait001.jpg');
  background-position: 100% 0;
  margin-right: 0;
}

.speaker-slider-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.speaker-info {
  max-width: 500px;
  margin-bottom: 36px;
}

.speaker-name {
  z-index: 10;
  font-size: 64px;
  position: relative;
}

.button-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.slide-image {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 65vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.body-display {
  color: #8a94a6;
  line-height: 1.55em;
}

.body-display.large {
  font-size: 18px;
  line-height: 1.6em;
}

.slide-arrow {
  width: 18px;
}

.section-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 5vw;
  display: flex;
  position: relative;
}

.section-3.home-hero-section {
  justify-content: space-between;
  align-items: stretch;
  min-height: 100vh;
  padding: 0 0;
  overflow: hidden;
}

.button-3 {
  color: #eeebdc;
  text-align: center;
  letter-spacing: .03rem;
  background-color: #000;
  border: .15em solid #0000;
  border-radius: 999rem;
  padding: 1.2rem 1.7rem;
  font-size: 1rem;
  font-weight: 600;
}

.button-3.is-bright {
  color: #000;
  background-color: #eeebdc;
}

.button-3.is-bright.is-secondary {
  color: #eeebdc;
  background-color: #0000;
  border-color: #eeebdc;
  font-size: 1rem;
}

.section-after-intro-text {
  z-index: 3;
  color: #eeebdc;
  background-color: #000;
  margin-top: 21vh;
  padding-top: 10em;
  padding-bottom: 7.5em;
  position: relative;
}

.page-intro-title-wrapper {
  grid-column-gap: .5vh;
  grid-row-gap: .5vh;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 198px;
  display: flex;
}

.page-intro-splitscreen-wrapper {
  z-index: 1;
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.page-intro-text-wrapper {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -5vh;
  display: flex;
  position: sticky;
}

.copy-medium {
  font-size: 1.25rem;
  line-height: 1.4;
}

.image-placeholder {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 1.8em;
  width: 100%;
}

.page-intro-splitscreen-top {
  background-color: #000;
  width: 100%;
  height: 300%;
}

.page-padding {
  -webkit-text-stroke-color: var(--main-white);
  padding-left: 4rem;
  padding-right: 4rem;
  position: relative;
}

.heading-style-h3 {
  letter-spacing: -.005em;
  text-transform: none;
  font-size: 3rem;
  line-height: 1.1;
}

.heading-style-h1 {
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-size: 5rem;
  font-weight: 900;
  line-height: .85;
}

.container-small {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.heading-style-h6 {
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.1;
}

.spacer-sm-start {
  padding-top: 2.25rem;
}

.page-intro-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: center;
  height: 100svh;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: sticky;
  top: 0;
}

.section-page-intro {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  min-height: 200svh;
  overflow: clip;
}

.page-intro-title {
  letter-spacing: -.06em;
  text-transform: uppercase;
  font-size: 10vw;
  font-weight: 900;
  line-height: .8;
}

.page-intro-title.is-webdesign {
  color: var(--black);
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 65px;
  margin-left: 0;
  font-size: 5vw;
}

.page-intro-title.is-animation {
  color: var(--black);
  text-align: left;
  text-transform: none;
  margin-top: -142px;
  margin-left: 26.1em;
  font-size: 2vw;
  font-weight: 500;
  line-height: 2;
}

.page-intro-title.is-animation._1 {
  text-align: left;
  text-transform: none;
  white-space: normal;
  margin-top: -85px;
  padding-top: 34px;
}

.page-intro-title.is-skills {
  color: var(--black);
  margin-left: .89em;
}

.page-intro-title.is-webdesign {
  color: var(--black);
  margin-left: 1.16em;
}

.page-intro-title.is-animation {
  color: var(--black);
  margin-left: 8.1em;
}

.made-in-webflow-brand {
  max-width: 2.3em;
  margin-top: 200px;
}

.page-intro-content {
  z-index: 0;
  position: relative;
}

.page-intro-title-small {
  color: var(--black);
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-size: 1.5vw;
  font-weight: 400;
}

.page-intro-title-small.is-made-in-webflow {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 5.6em;
  display: flex;
}

.page-intro-title-small.is-best-in-class {
  color: var(--black);
  text-transform: none;
  align-self: flex-start;
  margin-left: 7.9em;
  font-size: 2vw;
}

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

.spacer-xl-start {
  padding-top: 7.5rem;
}

.page-intro-splitscreen-bottom {
  background-color: #000;
  width: 100%;
  height: 0%;
}

.video-revral {
  border-bottom: 1px dashed #3a3a3a;
  border-right: 1px dashed #3a3a3a;
  padding: 5em;
  position: relative;
}

.video-lightbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.card {
  border-radius: 1.5em;
  width: 100%;
  height: 100vh;
}

.is-magnetic.is-absolut {
  position: fixed;
  inset: 53% 0% 0% 46%;
}

.play-wrapper {
  z-index: 3;
  color: #f8f1e2;
  cursor: pointer;
  background-color: #002cfc;
  background-image: linear-gradient(153deg, #cef776, #b82857 55%, #6645a5);
  border-radius: 999em;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 7em;
  height: 7em;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  box-shadow: 0 10px 4em #00000073;
}

.play-wrapper:hover {
  transform: scale(1.15);
}

.play-icon {
  width: 24px;
  height: 24px;
  margin-left: .2em;
  font-size: 1.7em;
}

._140-image {
  background-image: url('../images/bender-thumbnail1.jpg'), url('../images/CreativeDesignStudioX.jpg');
  background-position: 0 0, 50%;
  background-size: cover, cover;
  border-radius: 5px;
  order: 1;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  display: flex;
  position: absolute;
}

._140-image._2 {
  background-image: url('../images/airplane-thumbnail-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

._140-image.bg {
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-left: 0;
  margin-right: 30px;
  position: relative;
  box-shadow: 0 10px 40px -4px #00000040;
}

._140-image.bg._3 {
  background-image: url('../images/bilal-o-ljXekphwr40-unsplash.jpg');
  width: 500px;
  transition: filter .375s;
}

._140-image.bg._3:hover {
  width: 500px;
}

._140-image.bg._2 {
  box-shadow: none;
  background-image: url('../images/airplane-thumbnail-1.jpg'), url('../images/anatomy-london_1anatomy-london.webp');
  background-position: 0 0, 0 0;
  background-size: cover, cover;
  border-radius: 0;
  width: 500px;
  margin-left: 0;
  margin-right: 0;
  right: 0;
}

._140-image.bg._1 {
  box-shadow: none;
  background-image: url('../images/bender-thumbnail1.jpg'), url('../images/CreativeDesignStudioX.jpg');
  background-position: 0 0, 50%;
  background-size: cover, cover;
  border-radius: 0;
  width: 500px;
  height: 500px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  left: 0;
}

._140-image.bg._1 {
  box-shadow: none;
  background-image: url('../images/bender-thumbnail1.jpg'), url('../images/CreativeDesignStudioX.jpg');
  background-position: 0 0, 50%;
  background-size: cover, cover;
  border-radius: 0;
  width: 500px;
  height: 500px;
  margin-left: 0;
  margin-right: 0;
  position: sticky;
  inset: 0%;
}

._140-image.bg._1.w--current {
  margin-top: 39px;
}

._140-image._3 {
  background-image: url('../images/bilal-o-ljXekphwr40-unsplash.jpg');
  left: -200px;
}

.our-works {
  grid-column-gap: 74px;
  grid-row-gap: 74px;
  flex-flow: column;
  flex: 0 auto;
  place-content: stretch center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.resize-text {
  color: var(--black);
  display: none;
}

._140-cta-arrow {
  width: 40px;
}

.browser-top {
  z-index: 1;
  background-color: #e2e2e2;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  align-items: center;
  height: 30px;
  padding-left: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

._140-learn-more-text {
  padding: 10px;
  position: absolute;
}

.browser-dot {
  background-color: #fc615d;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-left: 3px;
  margin-right: 3px;
}

.browser-dot.yellow {
  background-color: #fdbc40;
}

.browser-dot.green {
  background-color: #35cc4b;
}

.case-studies {
  z-index: auto;
  background-color: #1a1a1a;
  background-image: none;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  flex-wrap: nowrap;
  place-content: flex-end center;
  align-items: center;
  width: 800px;
  height: 400px;
  display: none;
  position: relative;
  overflow: hidden;
}

._140-cta {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 125px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

._140-circle {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 250px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

._140-circle._7 {
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  transform: rotate(0);
}

._140-circle._1, ._140-circle._7, ._140-circle._6, ._140-circle._7-copy, ._140-circle._8, ._140-circle._9 {
  width: 150px;
  height: 150px;
}

.bold-text {
  font-family: Inter, sans-serif;
  font-weight: 700;
}

.fat-border {
  transform-origin: 50% 0;
  background-color: #f0f0f0;
  height: 30vh;
  position: absolute;
  inset: 0% 0% auto;
}

.fat-border.bottom {
  transform-origin: 50% 100%;
  justify-content: center;
  display: flex;
  inset: auto 0% 0%;
}

.fat-border.left {
  transform-origin: 0%;
  width: 10vw;
  height: 100vh;
  inset: 0% auto 0% 0%;
}

.fat-border.right {
  transform-origin: 100%;
  width: 10vw;
  height: 100vh;
  inset: 0% 0% 0% auto;
}

.hero-heading-reveal {
  color: #f0f0f0;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 8em;
  font-weight: 800;
  line-height: 130%;
}

.background-video {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.info-section {
  background-color: #f0f0f0;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.video-reveal-trigger {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.video-reveal {
  z-index: 0;
  justify-content: center;
  width: 100vw;
  height: 100%;
  display: flex;
  position: static;
}

.video-reveal-2 {
  z-index: 0;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.video-reveal-trigger-2 {
  width: 100%;
  height: 100%;
  position: relative;
}

.video-reveal-3 {
  z-index: 0;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.lottie-holder {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.lottie-dog {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.banner-2 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-wrap {
  width: 100%;
  position: relative;
}

.banner-bg {
  z-index: 1;
  background-color: #141414;
  background-image: url('../images/b-dog.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120vh;
  margin-top: 307px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
  overflow: hidden;
}

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

.section-4.black {
  background-color: #141414;
}

.section-4.black.no-flow {
  overflow: hidden;
}

.section-4.behind {
  z-index: 2;
  z-index: 2;
  background-color: #fff;
  position: sticky;
  bottom: 0;
}

.container-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1100px;
  height: 100%;
  display: flex;
}

.heading-2 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 22px;
  font-size: 38px;
  font-weight: 600;
}

.heading-2.white {
  color: #fff;
}

.heading-2.white.abs {
  z-index: 3;
  position: absolute;
  bottom: 15vh;
}

.heading-2.white {
  z-index: 2;
  color: #fff;
  position: relative;
}

.div-block-2, .div-block-3 {
  width: 80%;
}

.div-block-4 {
  align-self: center;
  width: 100%;
}

.serif {
  font-weight: 400;
}

.container-3 {
  flex-direction: column;
  width: 100%;
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: relative;
}

.container-3.works {
  position: sticky;
}

.section-5 {
  z-index: 1;
  padding-top: 10em;
  padding-bottom: 10em;
  position: relative;
}

.section-5.projects {
  padding-top: 0;
  position: sticky;
  top: 34px;
  bottom: 366px;
}

.flow-grid {
  grid-column-gap: 0em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-items: stretch;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.ticker {
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  text-decoration: none;
  overflow: hidden;
}

.ticker.forwards.projects {
  z-index: 2;
  text-transform: uppercase;
  z-index: 2;
  text-transform: uppercase;
  border-left-color: #1d1d1d;
  border-right-color: #1d1d1d;
  margin-top: 6em;
  font-size: 2vh;
  font-weight: 900;
  position: sticky;
  top: 6em;
}

.project_item {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.project_item.bbq {
  z-index: 1;
  position: relative;
}

.project_item.ej {
  z-index: 3;
  position: relative;
}

.project_item.mwa {
  z-index: 1;
  position: relative;
}

.project_item.vsds {
  z-index: 3;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  margin-left: 4.7rem;
  position: relative;
}

.project_item.tmm {
  z-index: 1;
  margin-right: -4rem;
  position: relative;
}

.project_item.pli, .project_item.bkz {
  z-index: 3;
  position: relative;
}

.ticker_track {
  z-index: 1;
  display: flex;
  position: sticky;
}

.section_heading {
  font-size: 6em;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
}

.section_heading.ticker-text {
  mix-blend-mode: normal;
  flex: none;
}

.ticker_group {
  flex: none;
  display: flex;
  position: sticky;
}

.work-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: 1fr;
  position: static;
}

.work-component-2 {
  background-image: url('../images/anatomy-london_1anatomy-london.webp');
  background-position: 0 0;
  background-size: 624px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 45rem;
  padding: 3.5rem;
  display: flex;
  position: relative;
}

.margin-top, .margin-top.margin-medium {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-custom1 {
  margin: 14rem 0 0;
}

.margin-top.margin-large, .margin-top.margin-tiny, .margin-top.margin-huge, .margin-top.margin-xxlarge {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.tag-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.work-component-3 {
  background-image: url('../images/antiagency_group_1antiagency_group.webp');
  background-position: 0 0;
  background-size: 624px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 45rem;
  padding: 3.5rem;
  display: flex;
  position: relative;
}

.work-component-1 {
  background-image: url('../images/bosgroep-limburg_1bosgroep-limburg.webp');
  background-position: 0 0;
  background-size: 624px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 45rem;
  padding: 3.5rem;
  display: flex;
  position: relative;
}

.work-component-1:hover {
  background-image: url('../images/bosgroep-limburg_1bosgroep-limburg.webp');
  background-position: 0 0;
  background-size: 624px;
}

.work-component-4 {
  background-image: url('../images/tenten-group_1tenten-group.webp');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 45rem;
  padding: 3.5rem;
  display: flex;
  position: relative;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.tag-component {
  color: #fffbf0;
  text-transform: uppercase;
  background-color: #1c1a1a;
  border: 1px solid #fffbf0;
  border-radius: 50rem;
  padding: .5rem .75rem;
  font-size: 1rem;
  display: inline-block;
}

.text-color-white {
  color: #fffbf0;
}

.work-component-4-2 {
  background-image: url('../images/tenten-group_1tenten-group.webp');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  min-height: 45rem;
  padding: 3.5rem;
  display: flex;
  position: relative;
}

.section-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: center;
  width: 100%;
  height: 125svh;
}

.word-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  max-width: 1101.8px;
  font-size: 350px;
  line-height: 1;
}

.word-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  white-space: nowrap;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center end;
  display: grid;
  overflow: hidden;
}

.word-item {
  position: relative;
  overflow: hidden;
}

.replay.replaybtn {
  background-color: #0000;
  border: 1px solid #b6b6b6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  transition: all .4s cubic-bezier(.982, .136, .193, .761);
  display: flex;
  position: relative;
}

.replay.replaybtn:hover {
  filter: invert();
  background-color: #fff;
  transform: scale(1.1);
}

.replay.replaybtn.replay-wooh {
  background-color: #fcfcfc;
  margin-top: 40px;
  transition-duration: .2s;
}

.replay.replaybtn.replay-fade-up7 {
  margin-top: 40px;
}

.replay.replaybtn.replay-para {
  background-color: #fcfcfc;
  margin-top: 40px;
  transition-duration: .2s;
}

.section-7 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.section-7.is--hero {
  flex-direction: column;
  height: 100vh;
}

.section-7.is--hero.is--v {
  background-color: #0000;
}

.heading-journal.journal.wordsplit.is-1 {
  z-index: 0;
}

.main-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-anchor {
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-anchor.is--v {
  flex-direction: column;
}

.replay-icon {
  width: 37px;
  margin-top: -5px;
}

.div-block-5 {
  height: 100vh;
  margin-top: 0;
  position: sticky;
}

.div-block-6 {
  width: 100vh;
  height: 100vh;
  position: sticky;
}

.work-letter {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-content: stretch;
  place-items: center;
  width: 100%;
  height: 100%;
  position: sticky;
  top: 68px;
}

.word-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  white-space: nowrap;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center start;
  margin-left: -10px;
  display: grid;
  overflow: hidden;
}

.video-reveal-4 {
  z-index: 0;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.video-reveal-5 {
  z-index: 0;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.video-reveal-6 {
  z-index: 0;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: sticky;
}

.video-reveal-trigger-3 {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.container-4 {
  background-color: #fff;
  width: 100vw;
  max-width: none;
  height: 100vw;
}

.video-reveal-7 {
  z-index: 0;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.hero_inner {
  z-index: 3;
  perspective: 200px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  transform: translate(0);
}

.hero_heading-track.heading-4 {
  justify-content: center;
  width: 100%;
  display: flex;
}

.hero_heading-all {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.hero_heading-inner {
  width: 100%;
  display: flex;
}

.img-reveal_block {
  z-index: 2;
  transform-origin: 50% 0;
  position: absolute;
  inset: -5%;
  transform: translate(0, -100%);
}

.img-reveal_block.dark {
  z-index: 2;
  background-color: #141414;
}

.hero_heading-wrap {
  z-index: 5;
  mix-blend-mode: overlay;
  transform-style: preserve-3d;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: perspective(200px);
}

.hero_heading-wrap.control {
  display: none;
  position: absolute;
  inset: 0%;
}

.hero_heading_embed {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  transform: translate(0);
}

.img-reveal_wrap {
  position: relative;
  overflow: hidden;
}

.img-reveal_wrap.hero_img-wrap {
  z-index: 3;
  perspective: none;
  width: 100%;
  min-width: 30em;
  max-width: 100%;
  height: 80vh;
  transform: translate(0)perspective(200px);
}

.video {
  width: 100%;
  height: 100%;
}

.hero_heading {
  justify-content: center;
  width: 100%;
  line-height: 1;
  display: flex;
}

.hero_heading.heading-3 {
  text-align: center;
  font-weight: 400;
}

.hero_heading.heading-2 {
  text-align: center;
  font-weight: 300;
}

.hero_heading.heading-1 {
  text-align: center;
  text-shadow: 0 0 4em #00000040;
}

.hero_heading.heading-4 {
  text-align: center;
  font-weight: 300;
}

.ticker_track-2 {
  z-index: 1;
  display: flex;
  position: relative;
}

.ticker_group-2 {
  flex: none;
  display: flex;
}

.page-wrap-2 {
  position: relative;
}

.paragraph-light-2 {
  opacity: 1;
  color: var(--black);
  letter-spacing: 0;
  width: 30%;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.44vw;
}

.banner-3 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.bold-text-2 {
  color: var(--black);
  text-transform: uppercase;
  width: 100%;
  font-family: Inter, sans-serif;
  font-size: 7vw;
  font-weight: 500;
}

.services-image-component-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #050505;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-9 {
  height: 500px;
}

.about-grid2-2 {
  grid-column-gap: 46px;
  grid-row-gap: 30px;
  background-color: var(--white);
  color: #f5f5f5;
  -webkit-text-stroke-color: #050505;
  border-top: 0 #000;
  flex-flow: row;
  grid-template: "."
  / 3.25fr;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 24px 16px 8px;
  display: flex;
  position: static;
  top: 100px;
}

.services {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  inset: 0%;
  overflow: hidden;
}

.div-block-10 {
  background-color: #fff;
  height: 100px;
}

.div-block-11 {
  width: 500px;
  height: 500px;
  position: relative;
  top: -120px;
}

.our-services {
  background-color: #fff;
  overflow: clip;
}

.div-block-12 {
  background-color: #fff;
  width: 100svw;
  height: 2px;
}

.section-triggers {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0 0 0;
}

.section-triggers.section-triggers__scroll-down {
  width: 1px;
  display: flex;
  position: absolute;
  inset: 0 auto 0 0;
}

.dynamic-number__wrap {
  transform-origin: 50%;
  flex: none;
  height: 5vh;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.dynamic-content__block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 70%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.wrap__sticky {
  z-index: 1;
  position: static;
  inset: 0;
  overflow: hidden;
}

.wrap__sticky.sticky {
  background-color: #d1d1d1;
  height: 100vh;
  position: relative;
}

.wrap__sticky.sticky.sticky-5 {
  background-color: #191919;
}

.section-sticky {
  width: 100vw;
  position: relative;
  overflow: visible;
}

.dynamic-number__inner-wrap {
  height: 20vh;
  transform: translate(0);
}

.dynamic-number__inner-wrap.dynamic-number__track {
  transform: none;
}

.step-block__text-title {
  color: #fff;
  margin-bottom: 10px;
  font-size: 20px;
}

.step-block__text-title.text-title_1 {
  opacity: 1;
}

.stepper-wrap {
  height: 100%;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.dynamic-text {
  color: #fff;
  text-align: left;
  letter-spacing: 2px;
  font-size: 30px;
  line-height: 5vh;
}

.dynamic-text.dt-number {
  color: #ffffff80;
  font-family: Inconsolata, monospace;
  font-size: 36px;
  line-height: 5vh;
}

.dynamic-text.dt-number.placeholder {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
}

.step-block__text-number {
  color: #7d8082;
  font-weight: 300;
}

.section-trigger {
  height: 1px;
  position: relative;
}

.section-trigger.section-trigger__2 {
  z-index: 999;
  background-color: #0000;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 40%;
}

.section-trigger.section-trigger__3 {
  z-index: 999;
  background-color: #0000;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 60%;
}

.section-trigger.section-trigger__1 {
  z-index: 999;
  background-color: #0000;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 20%;
}

.section-trigger.section-trigger__4 {
  z-index: 999;
  background-color: #0000;
  width: 1px;
  position: absolute;
  top: 80%;
}

.step-block__progress-bar {
  background-color: #7d8082;
  width: 100%;
  height: 1px;
  margin-top: 8px;
  margin-bottom: 12px;
  overflow: hidden;
}

.wrap {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wrap._w-custom.w60-60 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.inner-fw__text-block {
  color: #fff;
  letter-spacing: .5px;
  font-size: 22px;
  line-height: 30px;
}

.div-block-13 {
  z-index: 2;
  background-color: #191919;
  width: 20px;
  height: 5vh;
  position: absolute;
  top: 0;
  left: 0;
}

.dynamic-text__wrap {
  flex: none;
  height: 5vh;
  display: block;
  position: relative;
  overflow: hidden;
}

.wrap-block__inner-fw {
  flex: 0 auto;
  align-items: stretch;
  width: 100%;
  height: 50vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.wrap-block__inner-fw.inner-fw__bottom {
  flex-direction: column;
}

.step-block__progress-bar-inner {
  background-color: #fff;
  width: 100%;
  height: 1px;
  transform: translate(-100%);
}

.step-block__text-description {
  color: #d1d1d1;
  letter-spacing: .25px;
  font-weight: 300;
}

.step-block__text-description.text-description-2, .step-block__text-description.text-description-3, .step-block__text-description.text-description-4 {
  opacity: 1;
}

.dynamic-section__wrap {
  z-index: 2;
  transform-origin: 0% 100% 0px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  display: block;
  position: absolute;
  top: -76px;
  left: -5px;
  transform: rotate(90deg);
}

.section-sticky__wrap {
  z-index: 2;
  width: 100%;
  height: 300vh;
  display: block;
  position: relative;
}

.section-sticky__wrap.section-sticky__wrap-progress {
  z-index: 0;
  height: 500vh;
  overflow: visible;
}

.step-block {
  flex-direction: column;
  align-items: flex-start;
  width: 25%;
  height: 100%;
  margin-right: 20px;
  display: flex;
}

.step-block.step-block__4 {
  width: 15%;
  margin-right: 0%;
}

.step-block.step-block__2, .step-block.step-block__3 {
  width: 15%;
  margin-right: 2%;
}

.step-block.step-block__1 {
  width: 49%;
  margin-right: 2%;
}

.play-button-wrapper {
  color: #fff;
  letter-spacing: .18em;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 6em;
  padding-left: .3em;
  font-size: 1.2em;
  font-weight: 600;
  display: none;
  position: absolute;
}

.play-button-wrapper.is-mobile {
  display: none;
}

.play-button-text {
  font-size: 1.4rem;
}

.lightbox-video-thumbnail {
  width: 100%;
  height: 0%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 72.25%;
}

.center-w2 {
  width: 100%;
  max-width: 83.125em;
  margin-left: auto;
  margin-right: auto;
}

.center-w2.gutter-outside {
  max-width: none;
}

.cursor-area {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor-wrapper {
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor-dot {
  background-color: #f07;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  inset: 0%;
}

.cursor-circle {
  border: 2px solid #ff00773b;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
}

.cursor {
  z-index: 9999;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: opacity .275s;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor-dot-2 {
  background-color: #6553ff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.copy-mouse-interaction-here {
  display: none;
}

._156-section {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 1000vh;
  display: flex;
  position: static;
  inset: 0%;
}

._157-view-more-button {
  z-index: 99;
  background-color: #ffdf6d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: absolute;
}

._157-view-more-text {
  color: #000;
  letter-spacing: 4px;
  font-size: 14px;
  font-weight: 700;
}

.demo-container {
  background-image: url('../images/background.svg'), linear-gradient(#1a1a1a, #1a1a1a);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-8 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.canvas {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  position: relative;
  inset: 0%;
}

.container-6 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cursor-2 {
  -webkit-backdrop-filter: invert();
  backdrop-filter: invert();
  background-color: #0000;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  position: absolute;
}

.ab-2 {
  z-index: 2;
  position: relative;
}

.s-main {
  z-index: 3;
  justify-content: center;
  align-items: center;
  min-height: 0;
  margin-top: 50px;
  display: block;
  position: static;
  inset: 0%;
}

.wrap-s-1 {
  z-index: 4;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: fixed;
  overflow: visible;
}

.text-block {
  z-index: 2;
  margin-top: 25px;
  position: relative;
}

.bg-4 {
  z-index: 1;
  background-image: url('../images/3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.wrap-s-4 {
  z-index: 1;
  background-color: #000;
  background-image: url('../images/3_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: fixed;
}

.bg-3 {
  z-index: 1;
  background-image: url('../images/2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bg-2 {
  z-index: 1;
  background-image: url('../images/1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.wrap-s-3 {
  z-index: 2;
  background-color: #000;
  background-image: linear-gradient(#00000080, #00000080), url('../images/2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: fixed;
}

.wrap-s-2 {
  z-index: 3;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: fixed;
}

.black-overlay {
  z-index: 2;
  background-color: #000000bf;
  display: block;
  position: absolute;
  inset: 0%;
}

.letter {
  font-size: 1em;
  line-height: 1;
}

.letter-box-hover {
  transition: all 2.8s cubic-bezier(.075, .82, .165, 1);
}

.letter-box-hover:hover {
  transform: scale(.85);
}

.letter-wrapper {
  grid-column-gap: .14em;
  color: #ef5b09;
  letter-spacing: -1vw;
  text-transform: uppercase;
  cursor: default;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 100dvh;
  margin-bottom: 10vh;
  padding-bottom: 2vh;
  font-size: 23vw;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.letter-wrapper-2 {
  grid-column-gap: .14em;
  color: #ef5b09;
  letter-spacing: -1vw;
  text-transform: uppercase;
  cursor: default;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 100dvh;
  margin-bottom: 10vh;
  padding-bottom: 2vh;
  font-size: 23vw;
  font-weight: 400;
  line-height: 1;
  display: flex;
  position: fixed;
}

.letter-wrapper-3 {
  grid-column-gap: .14em;
  color: #fff;
  letter-spacing: -1vw;
  text-transform: uppercase;
  cursor: default;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 0;
  margin-top: 0;
  margin-bottom: 20vh;
  padding-bottom: 2vh;
  font-size: 23vw;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.section-after-intro-text-2 {
  z-index: 3;
  color: #eeebdc;
  background-color: #000;
  margin-top: 21vh;
  padding-top: 10em;
  padding-bottom: 7.5em;
  position: relative;
}

.intro-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 58rem;
  min-height: 100svh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7.5em;
  padding-bottom: 7.5em;
  display: flex;
}

.page-intro-title-wrapper-2 {
  grid-column-gap: .5vh;
  grid-row-gap: .5vh;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.intro-pre-title {
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: .9;
}

.header-button {
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-style: solid;
  border-width: 1px;
  border-radius: 999em;
  padding: 1.1em 2em 1em;
  font-size: .65em;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: all .35s cubic-bezier(.165, .84, .44, 1);
  display: inline-block;
}

.header-button:hover {
  padding-left: 3.5em;
  padding-right: 3.5em;
}

.page-intro-wrapper-2 {
  z-index: 0;
  background-image: linear-gradient(#00000080, #00000080);
  justify-content: center;
  align-items: center;
  height: 100svh;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: sticky;
  top: 0;
}

.page-padding-2 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.main-wrapper {
  margin-top: 60px;
}

.header-right {
  color: #757575;
}

.video-preview-wrapper {
  aspect-ratio: 16 / 9;
  color: #fffdf6;
  background-color: #000;
  border-radius: 1em;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-intro {
  position: relative;
}

.intro-title {
  text-transform: uppercase;
  font-size: 4em;
  line-height: .9;
}

.video-preview-img {
  opacity: .72;
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  object-fit: contain;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  transition: transform .3s cubic-bezier(.165, .84, .44, 1);
  position: absolute;
}

.video-preview-img:hover {
  transform: scale(1.03);
}

.youtube-play-icon {
  height: 3.9em;
  margin-right: -.2em;
}

.container-large {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.section-page-intro-2 {
  background-color: #eeebdc;
  justify-content: center;
  align-items: center;
  min-height: 200svh;
  overflow: clip;
}

.made-in-webflow-brand-2 {
  max-width: 2.3em;
}

.intro-copy-text {
  padding-left: 3em;
  padding-right: 3em;
  font-size: 1.2em;
}

.youtube-play-button {
  background-color: #e61313;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 7em;
  padding-top: .4em;
  padding-bottom: .4em;
  font-size: 1.1em;
  display: flex;
  position: absolute;
  box-shadow: 0 .7rem 2.5rem #00000047;
}

.copy-tiny-2 {
  font-size: .9rem;
  line-height: 1.4;
}

.header-left {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: center;
  display: flex;
}

.header-inner {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.nav-main {
  z-index: 999;
  background-color: #0000;
  border-bottom: 1px solid #757575;
  position: absolute;
  inset: 0% 0% auto;
}

.footer_logo_link {
  width: 100%;
  margin-top: 68px;
}

.footer_logo {
  transform-origin: 50% 100%;
}

.nav_logo {
  width: 11.61em;
  position: absolute;
}

.section-9.is--nav {
  z-index: 1000;
  background-color: #2e2a27;
  margin-top: -1px;
  position: sticky;
  top: 0;
}

.nav_logo-contain {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.nav_link {
  text-transform: uppercase;
  padding-right: .89em;
}

.nav_link:hover {
  text-decoration: underline;
}

.nav_logo-img {
  width: 100%;
}

.container-7 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 2.08em;
}

.container-7.is--nav {
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.nav_side {
  z-index: 2;
  text-transform: uppercase;
  width: 19em;
  position: relative;
}

.nav_side.is--right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav_top {
  z-index: 1;
  border-bottom: 1px solid #e8e2da;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 6em;
  padding-top: 2.08em;
  padding-bottom: 2.08em;
  display: flex;
  position: relative;
}

.section-10.is--nav {
  z-index: 1000;
  background-color: #2e2a27;
  margin-top: -1px;
  position: sticky;
  top: 0;
}

.container-8 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 2.08em;
}

.container-8.is--nav {
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.html {
  width: 0;
  height: 0;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.content_bottom {
  width: 100%;
}

.max-width {
  width: 90%;
}

.letter-animation {
  width: 101%;
}

.split-text {
  perspective: 800px;
  font-size: 64px;
}

.split-text.is--large {
  font-size: 10em;
}

.wrapper {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.with-fill {
  z-index: 2;
  color: #fff;
  letter-spacing: .4vw;
  text-transform: uppercase;
  background-color: #ffecec;
  font-size: 9vw;
  font-weight: 800;
  line-height: 9vw;
  position: absolute;
}

.without-fill {
  z-index: 1;
  color: #f29393;
  letter-spacing: .4vw;
  text-transform: uppercase;
  font-size: 9vw;
  font-weight: 800;
  line-height: 9vw;
  position: absolute;
}

.section-11 {
  background-image: linear-gradient(#10022b, #191519);
  height: 100vh;
  overflow: visible;
}

.hero-top {
  align-items: flex-end;
  height: 100vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.align-bottom {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-end;
  width: 100%;
  display: block;
  position: relative;
}

.heading-3 {
  mix-blend-mode: soft-light;
  margin-bottom: 20px;
  font-size: 5.5em;
  font-weight: 400;
  position: absolute;
  inset: auto auto 0% 0%;
}

.heading-1 {
  margin-bottom: 20px;
  font-size: 8.5em;
  position: absolute;
  inset: auto auto 0% 0%;
}

.heading-1.last-name {
  mix-blend-mode: soft-light;
  font-size: 5.5em;
  font-weight: 400;
  inset: auto 0% 0% auto;
}

.word-grid-2 {
  grid-column-gap: 69px;
  grid-row-gap: 69px;
  color: #fff;
  text-transform: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  max-width: 1101.8px;
  font-size: 350px;
  line-height: 1;
}

.page-intro-wrapper-3 {
  z-index: 0;
  background-image: linear-gradient(#000, #000);
  justify-content: center;
  align-items: center;
  height: 100svh;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: sticky;
  top: 0;
}

.page-intro-splitscreen-top-2 {
  background-color: #000;
  width: 100%;
  height: 0%;
}

.container-9 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.section-after-intro-text-3 {
  z-index: 3;
  background-color: var(--white);
  color: #eeebdc;
  margin-top: 21vh;
  padding-top: 10em;
  padding-bottom: 7.5em;
  position: relative;
}

.page-intro-title-wrapper-3 {
  grid-column-gap: .5vh;
  grid-row-gap: .5vh;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-page-intro-3 {
  background-color: #fc762d;
  justify-content: center;
  align-items: center;
  min-height: 200svh;
  overflow: clip;
}

.made-in-webflow-brand-3 {
  max-width: 2.3em;
}

.text-block-2 {
  text-transform: none;
  object-fit: fill;
  font-size: 300px;
}

.text-block-3, .text-block-4, .text-block-5 {
  font-size: 300px;
}

.work-letter-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: center;
  width: 100%;
  height: 100%;
  position: sticky;
  top: 68px;
}

.word-grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  max-width: 1101.8px;
  font-size: 350px;
  line-height: 1;
}

.word-wrapper-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  white-space: nowrap;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center start;
  display: grid;
  overflow: hidden;
}

.text-wrapper {
  position: absolute;
  inset: 0% 0% auto;
}

.animation1 {
  color: #fff;
  text-align: center;
  letter-spacing: -3px;
  margin-bottom: 0;
  font-size: 200px;
  font-weight: 700;
  line-height: 1;
}

.sub-title {
  text-align: center;
  font-size: 20px;
  display: none;
}

.ovals {
  z-index: -1;
  border: 1px #8f00ff;
  border-radius: 50%;
  width: auto;
  height: auto;
  position: absolute;
  inset: -52% -4% auto auto;
}

.oval2 {
  border: 2px solid #8f00ff;
  border-radius: 50%;
  width: 90px;
  height: 50px;
  position: absolute;
  inset: -11% -2% 0% auto;
  transform: rotate(34deg);
}

.oval1 {
  border: 2px solid #8f00ff;
  border-radius: 50%;
  width: 90px;
  height: 50px;
  position: absolute;
  inset: -11% -2% 0% auto;
}

.wrapper-grid {
  z-index: 3;
  display: flex;
  position: absolute;
  inset: 0%;
}

.wrapper-ttiles {
  width: auto;
  height: auto;
  position: relative;
  top: -9em;
}

.title-mask {
  width: auto;
  height: auto;
  overflow: hidden;
}

.trigger-2 {
  width: 100%;
  height: 100%;
}

.img {
  width: auto;
  height: 100%;
  display: none;
}

.content-hero {
  z-index: 1;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
  position: relative;
}

.parent-img {
  align-items: flex-start;
  height: 25em;
  display: flex;
  position: relative;
  top: 8em;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
}

.hero {
  background-color: #000;
  width: 100vw;
  height: 100vh;
}

.wrapper-img {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-2 {
  z-index: 1;
  background-color: #000;
  flex-direction: column;
  justify-content: space-between;
  width: 100vw;
  height: 100vh;
  padding: 1.5em;
  display: flex;
  position: fixed;
  inset: 0%;
}

.wrapper-content {
  width: auto;
  height: auto;
}

.wrapper-title {
  width: auto;
  height: 7.3em;
  overflow: hidden;
}

.parent-texts {
  width: 100%;
  height: auto;
}

.wrapper-sub-content {
  align-items: center;
  display: flex;
}

.mr-2 {
  margin-right: 2em;
}

.artist-section {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.artist-section._8 {
  flex: none;
  order: 0;
  align-self: auto;
}

.artist-section._3 {
  display: block;
}

.mr-1-5 {
  margin-right: 1.5em;
}

.wrapprer-img {
  width: 100%;
  height: 50em;
  overflow: hidden;
}

.wrapprer-img._2 {
  height: 57em;
}

.wrapprer-img._3 {
  height: 60em;
}

.trigger-3 {
  width: 100%;
  height: 50vh;
}

.parent-card-artist {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  height: auto;
  display: flex;
}

.parent-card-artist.left {
  align-items: flex-start;
}

.master {
  z-index: 2;
  width: 100vw;
  height: auto;
  position: relative;
}

.ml-1-5 {
  margin-left: 1.5em;
}

.col {
  flex: 1;
  padding-left: 1.04em;
  padding-right: 1.04em;
}

.col.col-lg-10 {
  flex: 83.3333%;
  max-width: 83.3333%;
}

.col.col-lg-6 {
  flex: 50%;
  max-width: 50%;
}

.col.col-lg-9 {
  flex: 75%;
  max-width: 75%;
}

.col.col-lg-9._9 {
  flex: 0 auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.col.col-lg-9._1 {
  flex: none;
  order: 0;
}

.col.col-lg-6 {
  flex: 50%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.col.col-lg-6._8 {
  flex: none;
}

.row {
  flex-wrap: wrap;
  align-content: stretch;
  margin-left: -1.04em;
  margin-right: -1.04em;
  display: flex;
}

.row.justify-end {
  justify-content: flex-end;
}

.img-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.empty-div {
  width: 100%;
  height: 100vh;
}

.div-img6-right {
  display: none;
  position: absolute;
  top: 43%;
}

.div-img3-right {
  display: none;
  position: absolute;
}

.div-img2-right {
  display: block;
  position: absolute;
}

.div-img3, .div-img-right {
  display: none;
  position: absolute;
}

.grid_item {
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 1.04em;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
  display: block;
}

.grid_item.is--grid-2 {
  width: 33.3333%;
  position: relative;
}

.grid_item.is--grid-1 {
  flex-flow: column;
  flex: 0 auto;
  place-content: flex-start center;
  align-items: center;
  width: 33.3333%;
  display: flex;
  position: relative;
}

.grid_item.is--grid-3 {
  justify-content: flex-start;
  align-items: center;
  width: 33.3333%;
  display: flex;
  position: relative;
}

.grid_item.is--margin {
  padding-top: 14em;
}

.image-8 {
  object-fit: cover;
  height: 20.73em;
  overflow: visible;
}

.container-10 {
  width: 1560px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 2.7em 6.25em;
}

.container-10.is--no-padding {
  padding-left: 1em;
  padding-right: 1em;
}

.grid-2 {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.grid-2.is--margin {
  margin-top: 6em;
  padding-bottom: 3.5em;
}

.div-img4-right {
  display: none;
  position: absolute;
  top: 43%;
}

.div-img2 {
  display: block;
  position: absolute;
}

.image-9 {
  object-fit: fill;
  height: 31.35em;
}

.div-img6, .div-img4, .div-img5 {
  display: none;
  position: absolute;
}

.h-colorized {
  color: #5c5a70;
  text-align: center;
  padding-top: .3em;
  padding-bottom: .3em;
  display: block;
}

.section-12 {
  z-index: 2;
  position: relative;
}

.div-2 {
  flex-direction: column;
  display: flex;
}

.div-img {
  justify-content: center;
  display: none;
  position: absolute;
}

.div-img5-right {
  display: none;
  position: absolute;
  top: 43%;
}

.cursor-wrapper-2 {
  z-index: 100;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor-3 {
  background-color: #292929;
  border-radius: 100%;
  width: 2.5rem;
  height: 2.5rem;
  transition: border-radius .2s linear, height .2s linear, width .2s linear, opacity .2s linear;
  position: absolute;
}

.custom-css-2 {
  display: none;
}

.outline {
  color: #bcac72;
  text-shadow: -2px -2px #3e3d3b, 2px -2px #3e3d3b, -2px 2px #3e3d3b, 2px 2px #3e3d3b;
  line-height: 1;
}

.about-section {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 30vh;
  padding: 5.1rem 5.7rem;
  display: flex;
  position: relative;
}

.about-section.vertical {
  flex-direction: column;
  position: sticky;
  overflow: hidden;
}

.large-words-section {
  width: 100vw;
  height: 500px;
  position: relative;
}

.paragraph-large {
  color: #000;
  font-size: 2.5rem;
}

.gradient-text {
  background-color: var(--secondary);
  color: var(--black);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 494px;
  font-size: 25vw;
  font-weight: 700;
}

.gradient-text.radical {
  font-size: 10rem;
}

.text-hover-section {
  flex-direction: column;
  width: 140vw;
  margin-bottom: 1rem;
  display: none;
  position: relative;
  top: 20px;
}

.main-text {
  font-weight: 700;
}

.main-text.heading-xlarge.secondary-font {
  z-index: 1;
  color: var(--transparent);
  white-space: nowrap;
  mix-blend-mode: darken;
  z-index: 1;
  text-transform: uppercase;
  white-space: nowrap;
  mix-blend-mode: darken;
  margin-left: 267px;
  margin-right: 0;
  padding-right: 0;
  font-size: 10vw;
  font-weight: 600;
  line-height: 1;
  position: relative;
}

.main-text.heading-xlarge.secondary-font._2 {
  font-size: 6vw;
}

.main-text.heading-xlarge.secondary-font {
  z-index: 1;
  color: var(--black);
  white-space: nowrap;
  mix-blend-mode: darken;
  margin-left: 240px;
  margin-right: 0;
  padding-right: 0;
  font-size: 20vw;
  font-weight: 600;
  line-height: 1;
  position: relative;
}

.section-container-2 {
  z-index: 2;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  display: flex;
  position: relative;
}

.bold-text-3 {
  font-size: 20vw;
}

.large-words-section-2 {
  width: 100vw;
  position: relative;
}

.gradient-text-2 {
  -webkit-text-fill-color: transparent;
  background-color: #000;
  background-image: none;
  background-size: auto;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 9vw;
  font-weight: 400;
}

.cta-lottie {
  padding: 25px;
}

.dot {
  background-color: #fff;
  border-radius: 50%;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
}

.scroll-wrapper {
  padding-top: 150px;
  padding-bottom: 150px;
  font-size: 100px;
  overflow: hidden;
}

.scroll-top-line {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.stroke {
  color: #000;
  text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
  margin: 0;
  font-size: 120px;
  font-weight: 900;
  line-height: 1.5em;
}

.filled {
  margin: 0;
  font-size: 120px;
  font-weight: 900;
  line-height: 1.5em;
}

.scroll-bottom-line {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  color: #fff;
  align-items: center;
  display: flex;
}

.sideways-scrolling-cta {
  cursor: none;
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  display: flex;
  position: sticky;
}

.project-circle {
  z-index: 50;
  background-color: #f3f3f3;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  display: flex;
  position: absolute;
}

.cursor-4 {
  z-index: 99999;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor-inner {
  background-color: #cfccc8;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5px;
  height: 5px;
  display: flex;
  position: relative;
}

.cursor-h-txt {
  font-family: Inconsolata, monospace;
  display: none;
  inset: 0%;
}

.cursor-outer {
  border: 1px solid #ffffff80;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
}

.smooth-wrapper {
  background-color: #fff;
  font-weight: 400;
}

.smooth-wrapper.black {
  background-color: #282828;
}

.grid-2-columns {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-2-columns.footer-top {
  border-top: 1px solid #6e6e6e;
  border-bottom: 1px solid #6e6e6e;
  width: 90%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.footer-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90vw;
  max-width: 1100px;
  min-height: 30vh;
  display: flex;
  position: relative;
}

.swell-footer {
  z-index: 5;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 70vh;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
}

.button-primary {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #ee7426;
  padding: 20px 48px;
  line-height: 20px;
  transition: transform .3s, background-color .3s;
}

.button-primary:hover {
  color: #fff;
  background-color: #ee7426d1;
  transform: translate3d(0, -2px, .01px);
}

.button-primary.form {
  margin-top: 40px;
}

.button-primary.form.footer {
  color: #111;
  background-color: #fff;
  width: 100%;
  margin-top: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 16px;
  line-height: 18px;
}

.long-button-2 {
  color: #f8f8f8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.social-footer-image {
  width: 10rem;
}

.social-footer-image.invert {
  filter: invert();
}

.long-button-wrap {
  flex-direction: column;
  width: 300px;
  display: flex;
}

.long-button-wrap.inverted {
  filter: invert();
}

.long-button-underlay {
  z-index: 1;
  background-color: #fff;
  width: 300px;
  height: 40px;
  position: absolute;
  inset: 0%;
  transform: translate(0%, -40px);
}

.social-wrapper {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.social-icon-2 {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.social-icon-2.white {
  background-color: #fff;
  border-radius: 100%;
  margin-bottom: 6px;
  margin-right: 6px;
}

.footer-title {
  margin-bottom: 36px;
}

.footer-title.white {
  color: #fff;
  margin-bottom: 12px;
  line-height: 1.2;
}

.footer-column-header {
  color: #1f1f1f;
  font-weight: 600;
}

.paragraph-small {
  font-size: 1rem;
  line-height: 1.8;
}

.paragraph-small.color-neutal-400 {
  color: #cecece;
}

.long-button-link-wrap {
  opacity: .6;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-circle {
  background-color: #fff;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.success-message {
  color: #fff;
  background-color: #111;
  padding: 39px 24px;
  font-weight: 500;
}

.success-message.white-small {
  color: #111;
  background-color: #fff;
  font-size: 16px;
  line-height: 28px;
}

.error-message {
  color: #ff5050;
  text-align: center;
  margin-top: 26px;
  padding: 30px 28px;
  font-size: 18px;
  line-height: 26px;
}

.long-button-title {
  letter-spacing: 0;
  font-weight: 400;
}

.footer-copyright {
  color: #1f1f1f;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 19px;
  font-size: .6rem;
  font-weight: 500;
  text-decoration: none;
}

.text-span {
  margin-right: 5px;
}

.footer-column {
  width: 32%;
  margin-right: 2rem;
  padding-bottom: 30px;
  padding-right: 0%;
}

.logo-footer {
  transform-style: preserve-3d;
  transition: transform .3s, color .3s;
}

.logo-footer:hover {
  transform: scale3d(.94, .94, 1.01);
}

.animation-image {
  z-index: 1;
  width: 16px;
  position: relative;
}

.long-button-info {
  z-index: 2;
  border-bottom: 1px solid #f8f8f8;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  font-weight: 200;
  transition: padding .3s;
  display: flex;
  position: relative;
  inset: 0%;
}

.long-button-info:hover {
  padding-left: 15px;
  padding-right: 15px;
}

.long-button-icon {
  width: 18px;
  margin-bottom: 5px;
  margin-left: 6px;
}

.input {
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #cecece;
  border-radius: 0;
  height: 56px;
  margin-bottom: 22px;
  padding: 0 0 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  transition: border-color .3s, color .3s;
}

.input:hover {
  border-bottom-color: #111;
}

.input:focus {
  color: #727272;
  border-bottom-color: #111;
}

.input::placeholder {
  color: #111;
}

.input.footer {
  border-bottom-color: #727272;
  font-size: 16px;
  line-height: 18px;
}

.input.footer:hover {
  color: #fff;
  border-bottom-color: #fff;
}

.input.footer:focus {
  border-bottom-color: #fff;
}

.input.footer::placeholder {
  color: #cecece;
  font-weight: 400;
}

.footer-columns {
  border-bottom: 1px solid #000;
  justify-content: space-between;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 5%;
  display: flex;
}

.cta-black-footer {
  background-color: #2b2b2b;
  padding: 45px 23px;
}

.footer-copyright-section {
  color: #fff;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.bleh-img-link {
  width: 200px;
  position: absolute;
  inset: 0% 6% auto auto;
}

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

.social-icon-container.right {
  justify-content: flex-end;
}

.transition {
  z-index: 3;
  perspective-origin: 0%;
  transform-origin: 0%;
  background-color: #fff;
  display: none;
  position: fixed;
  inset: 0%;
}

.hover-text-section {
  background-color: #14141400;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.effect-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-10 {
  z-index: 2;
  object-fit: cover;
  width: 700px;
  height: 70vh;
  position: relative;
}

.text-wraper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.text-wraper._1 {
  position: absolute;
  top: 298.141px;
}

.hover-text-header {
  z-index: 1;
  color: #fff;
  text-align: justify;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 7rem;
  font-weight: 800;
  position: absolute;
}

.hover-text-header-outline {
  z-index: 3;
  color: #3330;
  letter-spacing: 1vw;
  text-transform: none;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Inter, sans-serif;
  font-size: 7rem;
  font-weight: 800;
  line-height: 10vw;
  position: absolute;
}

.para-title {
  position: relative;
}

.section-13 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.section-13.is--hero {
  flex-direction: column;
  height: 100vh;
}

.section-13.is--hero.is--v {
  background-color: #0000;
}

.header-link {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 20px;
  font-size: 13px;
  text-decoration: none;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  position: relative;
}

.header-link:hover {
  font-style: italic;
  text-decoration: line-through;
}

.header-link.is--email {
  margin-right: 0;
}

.header-link.is--email.readmore {
  margin-top: 20px;
}

.title-container {
  padding-top: 10px;
  position: relative;
  overflow: hidden;
}

.header {
  z-index: 2000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.header--inner {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.footermenu {
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.section-14 {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.section-14.is--hero {
  height: 100vh;
}

.menu__link {
  letter-spacing: -5px;
  text-transform: uppercase;
  font-size: 6em;
  font-weight: 400;
  line-height: 1;
}

.menu__link.is--1 {
  color: #fff;
  mix-blend-mode: difference;
  font-size: 6.8em;
  position: relative;
}

.footer-2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.cursor__dot {
  opacity: 1;
  mix-blend-mode: difference;
  background-color: #fff;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
}

.header-link-2 {
  color: #cacaca;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 20px;
  font-size: 13px;
  text-decoration: none;
  transition: all .2s cubic-bezier(.645, .045, .355, 1);
  position: relative;
}

.header-link-2:hover {
  font-style: italic;
  text-decoration: line-through;
}

.header-link-2.is--email {
  margin-right: 0;
}

.cursor-5 {
  z-index: 90000;
  opacity: 0;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  inset: 0%;
}

.copyright__text {
  color: #fff;
  text-transform: uppercase;
}

.copyright {
  border-top: 1px #000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  display: flex;
}

.container-11 {
  width: 100%;
  max-width: 95%;
}

.l-container {
  align-items: center;
  width: 100%;
  max-width: 1900px;
  display: block;
  position: relative;
}

.header-links-block {
  align-items: center;
  display: flex;
  position: relative;
}

.menu {
  color: #000;
  mix-blend-mode: difference;
  text-decoration: none;
  position: relative;
}

.large-header-wrap {
  perspective: 1000px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-top: 3px;
  padding-bottom: 7px;
  display: flex;
}

.heading-overflow {
  padding-top: 0;
  display: flex;
}

.hero-paragrapgh {
  color: var(--lighter-black);
  text-align: left;
  letter-spacing: 0;
  margin-top: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.big-split-header {
  color: #000;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 6px;
  font-size: 12rem;
  font-weight: 900;
  line-height: .8;
}

.big-split-header.large {
  color: #fff;
  font-size: 4rem;
}

.big-split-header.outline {
  color: #fff;
  text-shadow: none;
  font-size: 12rem;
}

.big-split-header.outline.smaller {
  text-shadow: none;
  font-size: 5.5rem;
}

.big-split-header.smaller {
  color: var(--white);
  font-size: 5.5rem;
}

.page-hero-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-tag {
  color: #fcfcfc;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: .5rem;
  margin-bottom: .6rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: .9;
  overflow: visible;
}

.header-tag.no-btm-pad {
  color: var(--black);
  text-align: center;
  margin-bottom: 0;
}

.header-tag.no-btm-pad.centerme {
  text-align: left;
}

.header-tag.no-btm-pad {
  color: var(--white);
  margin-bottom: 0;
}

.section-header-wrapper {
  flex-flow: column;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-header-wrapper.invert {
  filter: invert();
  color: var(--black);
  margin-left: 32px;
}

.spline-scene {
  position: sticky;
}

.home-about-section {
  z-index: 4;
  background-color: var(--white);
  min-height: 30vh;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 1rem;
  position: relative;
  overflow: hidden;
}

.section-paragraph {
  box-sizing: border-box;
  color: var(--black);
  text-align: center;
  width: auto;
  margin-top: 0;
  margin-left: 0;
  font-size: 1.2rem;
  line-height: 1.8;
}

.large-header-wrap-2 {
  perspective: 1000px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 7px;
  display: flex;
}

.large-header-wrap-2.stacked {
  flex-direction: column;
  align-items: flex-start;
}

.smaller-hopping-section {
  z-index: 4;
  background-color: #fff;
  min-height: 30vh;
  margin-bottom: 0;
  padding-top: 5.9rem;
  padding-bottom: 8.3rem;
  position: relative;
  overflow: hidden;
}

.work-letter-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--black);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-content: stretch;
  place-items: center;
  width: 100%;
  height: 100%;
  position: sticky;
  top: 68px;
}

.social-icon-3 {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.social-icon-3.white {
  background-color: #fff;
  border-radius: 100%;
  margin-bottom: 6px;
  margin-right: 6px;
}

.container-12 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.hero-section-wrap {
  background-color: var(--white);
  perspective: 1000px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 60vh;
  margin-top: 0;
  display: flex;
}

.hero-background {
  perspective: 1000px;
  background-color: #111111ab;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-top: -220px;
  display: flex;
  overflow: hidden;
}

.overlay {
  z-index: 1;
  background-color: #0c0c0ccc;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-hero-info-wrap {
  z-index: 50;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  perspective: 1000px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 32px;
  display: flex;
  position: relative;
}

.home-hero-heading {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8rem;
}

.home-hero-heading._1, .home-hero-heading._2 {
  font-size: 4rem;
}

.home-hero-heading._3 {
  text-transform: none;
  font-size: 4rem;
  line-height: 4vw;
}

.home-hero-heading._1 {
  color: var(--black);
  -webkit-text-stroke-color: var(--black);
}

.home-hero-heading._2, .home-hero-heading._3 {
  color: var(--black);
}

.social-icon-4 {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.social-icon-4.white {
  background-color: #fff;
  border-radius: 100%;
  margin-bottom: 6px;
  margin-right: 6px;
}

.container-13 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.service-item-background {
  z-index: 1;
  background-color: #752295;
  background-image: url('../images/Topography-Lightest.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.big-split-header-2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 6px;
  font-family: Montserrat, sans-serif;
  font-size: 6rem;
  font-weight: 800;
  line-height: .8;
}

.big-split-header-2.outline-on-black {
  color: #000;
  text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

.header-paragraph {
  color: #fff;
  text-align: left;
  text-transform: none;
  width: 70%;
  margin-top: .5rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
}

.service-icon-outline {
  z-index: 2;
  outline-offset: 2px;
  border-radius: 100%;
  outline: 1px dashed #6e208c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.circle-button-content {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-wrapper {
  z-index: 10;
  flex-direction: column;
  width: 100%;
  max-width: 1000px;
  display: flex;
  position: relative;
}

.large-header-wrap-3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.services-section {
  color: #fff;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8rem 5vw;
  display: flex;
  position: relative;
}

.step-button-wrap {
  perspective: 1000px;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.step-button-wrap._1st {
  justify-content: center;
  align-items: center;
}

.step-button-wrap._3rd {
  top: -8.5rem;
}

.step-button-wrap._2nd {
  justify-content: flex-end;
  top: -4.5rem;
}

.service-icon {
  z-index: 2;
  object-fit: cover;
  width: 3rem;
  height: 3rem;
  padding: 3px;
  position: relative;
}

.service-icon.large-button {
  opacity: .3;
  width: 15rem;
  height: 15rem;
  position: absolute;
}

.large-service-button {
  z-index: 1;
  color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 35rem;
  height: 35rem;
  margin-right: 2rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.step-button-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  width: 100%;
  max-width: 1000px;
  padding: 4rem 2rem 2rem;
  display: flex;
}

.section-text-wrap {
  z-index: 5;
  perspective: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.service-button-header {
  z-index: 5;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
}

.heading-overflow-2 {
  perspective: 1000px;
  margin-right: 10px;
  padding-top: 0;
  display: flex;
}

.div-block-14 {
  width: 200px;
}

.paragraph {
  text-align: center;
  margin-top: 184px;
  font-size: 2vw;
  font-weight: 700;
  line-height: 3vw;
}

.hero-section-2 {
  transform-origin: 50% 100%;
  align-items: center;
  width: 100vw;
  min-height: 40vh;
  padding: 8.4rem 8vw 3.5rem 6vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-wrap {
  z-index: 5;
  width: 100%;
  display: flex;
  position: relative;
}

.text-wrap {
  z-index: 5;
  width: 770px;
  position: relative;
}

.subheader-2 {
  background-color: #ececec;
  padding: 10px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}

.hero-header {
  letter-spacing: -5px;
  margin-top: 0;
  font-size: 8rem;
  font-weight: 600;
  line-height: 1;
}

.big-bg-section-decor-2 {
  z-index: 2;
  width: 370px;
  position: absolute;
  inset: -3% -3% auto auto;
}

.hero-section-3 {
  transform-origin: 50% 100%;
  align-items: center;
  width: 100vw;
  min-height: 40vh;
  padding: 8.4rem 8vw 3.5rem 6vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-section {
  justify-content: center;
  font-weight: 400;
  display: flex;
}

.section-container {
  width: 100%;
  max-width: 1000px;
}

.grid-2-content {
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 45em;
  display: flex;
}

.parallax-animation {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-wrap {
  z-index: 5;
  border: 2px solid #9f884f;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.form-sectino {
  z-index: 10;
  background-color: #f3f3f3;
  border: 1px solid #fbfbfb;
  width: 100%;
  position: relative;
}

.cover-image-2 {
  z-index: 5;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.cover-image-2.in-hero-4 {
  width: 140%;
  max-width: none;
  left: auto;
  right: auto;
}

.hero-4 {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shortened-paragraph {
  width: 50ch;
  margin-bottom: 0;
}

.office-content-wrap {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.secondary-button {
  z-index: 10;
  grid-column-gap: 1em;
  opacity: 1;
  color: #272727;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #1a1a1a0d;
  border: 1px solid #272727;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  max-width: 200px;
  padding: 1.7em 2em;
  font-size: .7rem;
  font-weight: 700;
  transition: padding .4s cubic-bezier(.215, .61, .355, 1), background-color .2s, color .2s, opacity .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.secondary-button:hover {
  opacity: 1;
  color: #e7e7e7;
  background-color: #272727;
  border: 1px solid #e7e7e7;
  padding-left: 1.3em;
  padding-right: 1.3em;
}

.flex-block {
  align-items: flex-start;
  display: flex;
}

.large-button {
  z-index: 1;
  transform-style: preserve-3d;
  border: 2px solid #7f118b;
  border-radius: 12px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between center;
  align-items: center;
  width: 100%;
  min-height: 10rem;
  padding: 3.4rem;
  transition: background-color .4s cubic-bezier(.215, .61, .355, 1), box-shadow .4s cubic-bezier(.215, .61, .355, 1), transform .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  box-shadow: 0 1px 5px -20px #979797cc;
}

.large-button:hover {
  background-color: #f8f8f8;
  transform: translate3d(0, 0, 10px);
  box-shadow: 0 30px 11px -20px #979797a3;
}

.title-anim-trigger-1 {
  z-index: 10;
  margin-top: 2em;
  margin-bottom: 2em;
  position: relative;
}

.image-animation-trigger {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.image-hero-size-1 {
  z-index: 2;
  mix-blend-mode: multiply;
  background-color: #03224699;
  border-radius: 1rem;
  position: absolute;
  inset: 0%;
}

.contact-form-section-2 {
  z-index: 20;
  background-color: #fff;
  width: 100%;
  padding: 4rem 8vw;
  position: relative;
}

.grid-3 {
  grid-column-gap: 4em;
  grid-row-gap: 8em;
  perspective: 1000px;
  grid-template-rows: auto;
  grid-template-areas: ". Area";
  place-items: center;
  width: 100%;
}

.hero-image-size-1 {
  z-index: 1;
  border: 1px solid #c7b995;
  border-bottom-color: #eee;
  width: 50vw;
  height: 100%;
  position: relative;
}

.office-content {
  grid-column-gap: 6em;
  grid-row-gap: 2em;
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.office-block {
  grid-column-gap: 2em;
  grid-row-gap: 16px;
  border: 1px solid #fff0;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4em;
  padding-bottom: 4em;
  display: grid;
}

.office-text {
  color: #1a1a1a;
  margin-bottom: 2rem;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.6em;
}

.contact-subtitle-block {
  min-width: 18em;
  padding-top: .25em;
}

.intro-section {
  z-index: 10;
  background-color: #f3f3f3;
  border: 1px solid #fbfbfb;
  width: 100%;
  position: relative;
}

.intro-section.is-white {
  background-color: var(--white);
}

.field-label-2 {
  z-index: 2;
  letter-spacing: .03em;
  text-transform: none;
  margin-bottom: 10px;
  font-size: .9em;
  font-weight: 500;
  line-height: 1.1em;
}

.image-overlay-color-brown {
  z-index: 20;
  mix-blend-mode: multiply;
  background-color: #584c2f;
  position: absolute;
  inset: 0%;
}

.section-header-2 {
  color: #333334;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
}

.section-header-2.dark-color {
  color: #1a1a1a;
}

.section-header-2.large {
  text-transform: none;
  align-self: auto;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1;
}

.bg-for-animation {
  z-index: 20;
  background-color: #1a1a1a;
  display: flex;
  position: absolute;
  inset: 0%;
}

.container-14 {
  z-index: 20;
  color: #9f884f;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8vw;
  padding-right: 8vw;
  position: relative;
}

.icon {
  z-index: 10;
  object-fit: contain;
  flex: none;
  width: 1em;
  height: 1em;
  font-size: 1.3em;
  position: relative;
}

.icon.is-medium {
  font-size: 1.7em;
}

.hero-4-inner {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.intro-paragraph {
  color: var(--black);
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.44vw;
}

.image-overlay-color-purple {
  z-index: 20;
  mix-blend-mode: multiply;
  background-color: #262140cc;
  position: absolute;
  inset: 0%;
}

.heading-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 400;
  line-height: 1em;
  position: relative;
}

.heading-4.is-hero-6-title {
  color: #fff;
  text-align: center;
  font-size: 8.2em;
  line-height: .8em;
}

.bg-texture {
  z-index: 1;
  opacity: .03;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bg-texture.contact-cards {
  opacity: .55;
}

.animation-color-bg-3 {
  z-index: 15;
  background-color: #9f884f;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.animation-color-bg-3.is-purple {
  background-color: #362f5a;
}

.section-wrap {
  z-index: 20;
  width: 100%;
  padding: 4rem 5vw;
  position: relative;
}

.section-wrap.contact {
  color: var(--white);
  margin-top: 54px;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.contact-link-text {
  color: #333334;
  text-align: left;
  flex: 1;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.3em;
}

.message-wrap {
  flex-direction: column;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

.message-wrap.no-pad-top {
  margin-top: 0;
}

.bg-image {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.bg-image.is-parallax {
  height: 120%;
  top: auto;
  bottom: auto;
}

.office-image {
  z-index: 10;
  align-self: stretch;
  width: 50rem;
  min-height: 32em;
  position: relative;
}

.text-field-2 {
  z-index: 1;
  color: #fff;
  text-align: left;
  background-color: #0000;
  border: 1px solid #0000;
  border-bottom-color: #000;
  border-radius: 0;
  height: 50px;
  min-height: 2em;
  margin-bottom: 0;
  padding: 1em .3em;
  font-size: .8em;
  font-weight: 400;
  transition: padding .5s cubic-bezier(.075, .82, .165, 1);
  position: relative;
}

.text-field-2:hover {
  border-bottom-color: #eee;
  padding-left: .7em;
  padding-right: .7em;
}

.text-field-2:active {
  border-color: #fff0 #fff0 #eca098;
}

.text-field-2:focus {
  border-color: #0000 #0000 #101010;
  padding-left: .7em;
  padding-right: .7em;
}

.text-field-2:focus-visible, .text-field-2[data-wf-focus-visible] {
  border-color: #fff0 #fff0 #9f884f;
}

.text-field-2::placeholder {
  color: #333334;
  font-size: 1em;
}

.text-field-2.area {
  border: 1px solid #272727;
  border-radius: .4rem;
  height: auto;
  min-height: 200px;
}

.text-field-2.area:focus {
  border-color: #1a1a1a;
}

.contact-form-2 {
  width: 100%;
}

.image-animation-trigger-2 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.image-animation-trigger-2.in-hero-4 {
  z-index: 1;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.error-message-2 {
  color: #f3f3f3;
  text-align: center;
  background-color: #1a1a1a;
  border: 1px solid #9f884f;
  border-radius: 1rem;
  margin-top: 1.5em;
  padding: 1em;
  font-size: 1.3em;
  font-weight: 400;
}

.office-section {
  z-index: 10;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.hero-4-images {
  z-index: 1;
  grid-column-gap: 5vw;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 33em;
  display: flex;
  position: absolute;
}

.submit-button {
  z-index: 10;
  color: #101010;
  background-color: #33333400;
  border: 1px solid #272727;
  border-top-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  width: 100%;
  height: 55px;
  margin-top: 1em;
  padding: 1em;
  font-size: 1em;
  font-weight: 600;
  transition: transform .4s cubic-bezier(.215, .61, .355, 1), background-color .2s, border-color .2s;
  position: relative;
}

.submit-button:hover {
  color: #e7e7e7;
  background-color: #1a1a1a;
  border-color: #9f884f;
}

.submit-button:active {
  border-color: #9f884f;
  transform: scale(.9);
}

.submit-button:focus {
  outline-offset: 0px;
  color: #e7e7e7;
  background-color: #1a1a1a;
  border: 0 solid #0000;
  outline: 0 #0000;
}

.contact-link-icon {
  flex: none;
}

.contact-page-form {
  grid-column-gap: 3vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-right: 0%;
  display: grid;
}

._2-card-wrap {
  z-index: 5;
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  display: grid;
  position: relative;
}

.hover-header-contact {
  z-index: 10;
  background-color: #101010;
  position: relative;
  overflow: hidden;
}

.stat-card-text {
  z-index: 3;
  grid-row-gap: 1.3rem;
  text-align: center;
  flex-direction: column;
  display: flex;
  position: relative;
}

.contact-subtitle {
  z-index: 10;
  color: #9f884f;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.5em;
  position: relative;
}

.container-15 {
  z-index: 10;
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6em;
  padding-right: 6em;
  position: relative;
}

.header-wrap {
  z-index: 10;
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}

.header-wrap.padding-32 {
  padding-right: 32vw;
}

.our-gallery {
  background-color: #d9d4ce;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.quote {
  color: #232323;
  text-align: left;
  font-size: 20px;
  line-height: 1.1;
}

.s-main-2 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  min-height: auto;
  display: block;
  position: static;
  inset: 0%;
}

.wrap-s-1-2 {
  z-index: 4;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: fixed;
}

.col-2 {
  justify-content: center;
  width: 70%;
  display: flex;
}

.image-11 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.col-1 {
  width: 30%;
}

.page-padding-large {
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.align-right {
  width: 50%;
}

.text-color-gray {
  color: #232323;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  display: flex;
  position: relative;
}

.text-color-gray.year {
  margin-top: -111px;
}

.row-2 {
  justify-content: flex-end;
  padding: .5rem 10%;
  display: flex;
}

.transition-wrapper {
  z-index: 999;
  background-color: #000;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.links-overlay {
  z-index: 999;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  pointer-events: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 2rem;
  padding-right: 2rem;
  display: flex;
  position: fixed;
  inset: 0%;
}

.links-overlay-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  pointer-events: auto;
  color: #fff;
  background-color: #4268fb;
  border-bottom-style: none;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  min-width: 13rem;
  padding: .75rem;
  font-size: .9rem;
  font-weight: 500;
  display: flex;
}

.links-overlay-link.links-overlay-link-black {
  background-color: #0c0c0c;
  border: 1px solid #313131;
}

.links-overlay-link-text-outer-wrapper {
  overflow: hidden;
}

.links-overlay-link-text-inner-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  position: relative;
}

.links-overlay-link-text.links-overlay-link-text-absolute {
  position: absolute;
}

.c-title-1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.625em;
  font-weight: 400;
  line-height: 1.3;
}

.c-title-1.cc-font-victor {
  float: none;
  clear: none;
  color: var(--black);
  letter-spacing: 0;
  font-size: 5em;
  font-weight: 500;
}

.c-title-1.cc-font-victor-copy, .c-title-1.title-2 {
  color: var(--black);
  letter-spacing: 0;
  font-size: 2em;
  font-weight: 500;
}

.c-title-1.cc-font-victor-copy1 {
  float: none;
  clear: none;
  color: var(--black);
  letter-spacing: 0;
  margin-left: 24px;
  font-size: 2em;
  font-weight: 500;
}

.c-texture-1 {
  z-index: 9999;
  opacity: .3;
  mix-blend-mode: exclusion;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-top: 0;
  position: fixed;
  inset: 0%;
}

.c-title-wrapper {
  flex: 1;
  align-self: auto;
}

.c-title-wrapper.cc-small {
  align-self: center;
  margin-bottom: 0;
  margin-left: 0;
}

.c-title-wrapper.cc-top {
  margin-bottom: -1.8em;
}

.c-title-wrapper.cc-24 {
  margin-bottom: 24px;
}

.c-text-4 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3;
}

.c-text-4.cc-inline {
  margin-left: 32px;
  font-size: 1em;
  display: inline;
}

.c-text-4.cc-inline.cc-tablet {
  display: none;
}

.c-main-title-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 2.25em;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.c-image-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.c-images-block {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.c-container {
  border-radius: 4px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
}

.c-right-column {
  flex-flow: row;
  align-self: stretch;
  margin-left: 0;
  display: flex;
}

.c-image {
  object-fit: cover;
  align-self: center;
  width: 100%;
  max-height: 50vh;
}

.c-section {
  color: #1a1a1e;
  background-color: #fefdfb;
  border-radius: .625em;
  flex: 1;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
  position: relative;
}

.c-page {
  flex-direction: column;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  margin-top: 70px;
  padding: .125em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-page.white {
  background-color: #ebebeb;
}

.scene {
  position: relative;
}

.portfollio---wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.portfolio {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  padding-top: 10dvh;
  padding-bottom: 0;
  display: flex;
}

.portfolio---item {
  width: 60rem;
  height: 40rem;
  padding: .5rem;
  position: relative;
}

.portfolio---image-wrap {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.portfolio---image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: clip;
}

.checkbox-label-2 {
  margin-bottom: 0;
  font-size: .8rem;
  font-weight: 200;
}

.checkbox-field {
  align-items: center;
  display: flex;
}

.sign-contact-section {
  z-index: 1;
  background-color: #000000a8;
  justify-content: center;
  align-items: flex-start;
  height: 400vh;
  display: flex;
  position: relative;
}

.form-label {
  background-color: #fff0;
  border: 1px #000;
}

.form-label.text-size-large.form {
  color: #fff;
}

.form-label.text-size-large.form.primary-font {
  border-bottom-style: solid;
  border-bottom-color: #999;
  height: auto;
  margin-bottom: 20px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.row-3.display-flex-horizontal {
  align-items: center;
  margin-bottom: 0;
  overflow: hidden;
  transform: none;
}

.row-3.display-flex-horizontal.form {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.filter {
  opacity: 1;
  background-color: #000000e0;
  position: absolute;
  inset: 0%;
}

.checkbox {
  margin-top: 2px;
  margin-right: 10px;
}

.success-message-2 {
  opacity: 1;
  color: #000;
  mix-blend-mode: difference;
  background-color: #fff;
  margin-top: auto;
  margin-bottom: auto;
}

.hero-image-2 {
  width: 201px;
  height: 268px;
}

.hero-image-2.position-absolute {
  position: absolute;
  inset: auto;
}

.error-message-3 {
  color: #d13131;
  background-color: #0000;
  padding-left: 0;
}

.loop-image {
  position: absolute;
}

.form-block {
  flex-direction: column;
  justify-content: center;
  padding: 15vh 24vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sticky-wrap {
  perspective: 1235px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: sticky;
  top: 0;
  transform: perspective(1255px);
}

.sticky-wrap.overflow-hidden {
  position: sticky;
}

.container-button {
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
  position: relative;
}

.submit-button-3 {
  z-index: 3;
  color: #d3b203;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  transition: padding .4s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.submit-button-3:hover {
  padding-left: 29px;
}

.heading-large {
  font-size: 9.375rem;
  font-weight: 400;
  line-height: 1.2;
}

.heading-large.text-style-all-caps.text-weight-xbold {
  font-size: 17vw;
}

.heading-large.text-style-all-caps.text-weight-xbold.primary-font {
  font-size: 23vw;
  font-weight: 400;
  line-height: .9;
  position: relative;
}

.heading-large.text-style-all-caps.text-weight-xbold.primary-font.right {
  margin-left: auto;
  font-size: 20vw;
}

.heading-large.text-style-all-caps.text-weight-xbold.primary-font.left {
  margin-right: auto;
  font-size: 20vw;
}

.button-liner {
  color: #000;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
  position: relative;
}

.button-liner.darkish {
  color: #bbb;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: .9rem;
}

.service-card-header {
  color: #bbb;
  text-transform: uppercase;
  flex: none;
  margin-top: 0;
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  transform: rotate(-90deg);
}

.body-display-2 {
  color: #bbb;
  line-height: 1.55em;
}

.section-text-wrap-2 {
  z-index: 5;
  perspective: 1000px;
  color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.4rem;
  padding-top: 2rem;
  padding-left: .2rem;
  display: flex;
  position: relative;
}

.section-text-wrap-2._2 {
  justify-content: center;
  align-items: flex-start;
}

.services-item {
  background-color: #1f1f1f;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 350px;
  margin-bottom: -48px;
  padding: 1.8rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.services-item.middle-item {
  background-color: var(--lighter-black);
  background-image: linear-gradient(45deg, #8863ee 75%, #429ce5);
  border-radius: 0;
  margin-top: -48px;
  margin-bottom: 0;
}

.services-item.left-item {
  background-color: var(--lighter-black);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--purple);
  background-image: linear-gradient(45deg, #8d60ef 75%, #3f9fe5);
  border-radius: 0;
  justify-content: center;
}

.services-item.right-item {
  background-color: var(--lighter-black);
  background-image: linear-gradient(45deg, #8368ee 75%, #4599e5);
  border-radius: 0;
}

.heading-overflow-3 {
  padding-top: 0;
  display: flex;
}

.services-section-2 {
  background-color: var(--primary);
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 5vw 100px;
  display: flex;
  position: relative;
}

.button-line-absolute {
  z-index: 1;
  background-color: var(--white);
  width: 100%;
  height: 5px;
  position: absolute;
}

.feature-descriptor {
  font-weight: 500;
}

.vertical-service-wrap {
  z-index: 50;
  justify-content: space-around;
  align-items: center;
  width: 65px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.trio-cards {
  grid-column-gap: 36px;
  grid-row-gap: 16px;
  perspective: 1000px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 120px;
  margin-bottom: 48px;
  display: grid;
}

.feature-title-wrapper {
  z-index: 10;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
  position: relative;
}

.wrapper-2 {
  z-index: 10;
  color: var(--black);
  width: 100%;
  max-width: 1300px;
  position: relative;
}

.services-description {
  z-index: 10;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: none;
  position: relative;
}

.brands-wrapper-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-line {
  background-color: #b9bbc8;
  width: 100%;
  height: 1px;
  margin-top: 4px;
  position: relative;
}

.circle-hover {
  background-color: #2a2c34;
  border-radius: 100%;
  width: 6vw;
  height: 6vw;
  position: absolute;
  inset: -6vw -6vw auto auto;
}

.circle-hover.white {
  z-index: 0;
  background-color: #fff;
  top: -6vw;
  right: -6vw;
}

.clip {
  overflow: hidden;
}

.service-icon-wrap {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 12rem;
  margin-bottom: 2rem;
  display: flex;
}

.text-block-6 {
  text-align: center;
}

.text-block-7 {
  text-align: center;
  text-transform: capitalize;
}

.text-block-8, .text-block-9 {
  text-align: center;
}

.image-12 {
  object-fit: scale-down;
  width: 100px;
}

.image-13, .image-14, .image-15, .image-16, .image-17 {
  width: 100px;
}

.gradient-bg {
  z-index: -1;
  opacity: .5;
  filter: blur(200px);
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-circle {
  background-color: #455268;
  border-radius: 100%;
  width: 30vw;
  height: 30vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bg-circle._1 {
  opacity: 1;
  background-color: #7056f5;
  border-radius: 20%;
  width: 40vw;
  height: 40vw;
  margin-top: -16%;
  margin-left: -16%;
}

.bg-circle._2 {
  opacity: .5;
  background-color: #487698;
  border-radius: 40%;
  margin-top: -20%;
}

.bg-circle._3 {
  background-color: #e1e5ee;
  width: 40vw;
  height: 40vw;
  margin-top: -12%;
  margin-left: 52%;
}

.bg-circle._4 {
  background-color: #a7cf38;
  width: 60vw;
  height: 60vw;
  margin-top: -32%;
  margin-right: -10%;
  left: auto;
  right: 0;
}

.bg-circle._5 {
  margin-top: 24%;
  margin-right: -8%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bg-circle._6 {
  background-color: #e89245;
  width: 40vw;
  height: 40vw;
  margin-top: 35%;
  margin-bottom: -20%;
  margin-right: -16%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.body {
  background-color: var(--white);
}

.body.white {
  background-color: #ebebeb;
}

.body-2 {
  background-color: var(--black);
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  overflow-x: hidden;
}

.bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7, .bold-text-18 {
  color: var(--black);
  letter-spacing: 0;
  text-transform: capitalize;
  font-weight: 500;
}

.image-18 {
  margin-top: 50px;
  position: absolute;
  inset: 0% 0% auto;
}

.up-header {
  background-color: var(--white);
  height: 200px;
  margin-top: -45px;
  margin-bottom: 0;
  position: static;
}

.body-3 {
  background-color: var(--white);
}

.div-block-15 {
  position: relative;
  top: 240px;
}

.paragraph-2 {
  color: var(--black);
  letter-spacing: 0;
  align-self: center;
  margin-left: 8px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.44vw;
}

.paragraph-2:where(.w-variant-4a6b75a9-7eb1-46b7-16b1-eabb9869f57c) {
  color: var(--white);
}

.spline-scene-2 {
  height: 250px;
  margin-bottom: 0;
  padding-top: 0;
  position: static;
  inset: 0%;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.text-size-large {
  font-size: 1.25rem;
  line-height: 1.25;
}

.home_hero-image {
  z-index: -1;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.home_three-wraooer {
  border-top: 1px solid #000;
}

.home_one-grid-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 16px;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.is-full {
  width: 100%;
  height: 100%;
  display: block;
}

.is-full.notch {
  position: relative;
}

.home_sustainibility-section {
  z-index: 13;
  position: relative;
}

.home_four-wrapper-one {
  border-bottom: 1px solid #000;
}

.heading-xxlarge {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1;
}

.is-width-50 {
  width: 50%;
}

.home_hero-wrapper {
  z-index: 1;
  margin-top: 9rem;
  position: fixed;
  inset: 0% 0% auto;
}

.home_one-left-wrapper {
  border-top: 1px solid #000;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.stories_footer-wrapper {
  z-index: 15;
  background-color: #fff;
  position: relative;
}

.relative3-2 {
  z-index: 13;
  background-color: #f2905d;
  position: relative;
}

.home_two-wrapper-two {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1.25fr;
  grid-auto-columns: 1fr;
  padding-bottom: 6rem;
  display: grid;
}

.home_two-wrapper-two.padding-top.padding-xhuge {
  grid-template-rows: auto;
}

.text-size-xxlarge {
  font-size: 2rem;
  line-height: 1.2;
}

.home_two-wrapper-three {
  justify-content: flex-end;
  display: flex;
}

.padding-top, .padding-top.padding-medium, .padding-top.padding-large, .padding-top.padding-xhuge {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.home_three-wrapper-three {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.home_one-wrapper-three {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 6rem;
  display: grid;
}

.home_one-right-wrapper {
  border-top: 1px solid #000;
}

.container-large-2 {
  width: 100%;
  max-width: 90rem;
  height: 250px;
  margin-left: auto;
  margin-right: auto;
}

.home_two-irhgt-grid-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.main-wrapper-2.is-home {
  z-index: 999;
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

.footer-container {
  grid-column-gap: 1.5rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1fr 1.3fr 1.3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home_innovation-section {
  z-index: 10;
  position: relative;
}

.indented-heading {
  text-indent: 20%;
}

.footer-section {
  z-index: 15;
  background-color: #fff;
  position: relative;
}

.text-size-medium {
  font-size: 1.125rem;
  line-height: 1.5;
}

.text-size-regular {
  font-size: 1rem;
}

.home_performance-section {
  z-index: 10;
  min-height: 10px;
  position: relative;
}

.page-padding-3 {
  padding-left: 3%;
  padding-right: 3%;
}

.relative1-2 {
  z-index: 10;
  background-color: #edede8;
}

.padding-vertical, .padding-vertical.padding-large, .padding-vertical.padding-huge {
  padding-left: 0;
  padding-right: 0;
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.home_three-wrapper-four {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.relative {
  z-index: 11;
  background-color: #511928;
  border-top: 1px solid #ffffff4d;
  height: 3370px;
  display: block;
  position: relative;
}

.home_footer {
  z-index: 15;
  background-color: #fff;
  min-height: 100vh;
  display: block;
  position: relative;
}

.home_three-wrapper-five {
  border-top: 1px solid #000;
}

.bold-text-9 {
  color: var(--black);
  letter-spacing: 0;
  font-weight: 500;
}

.body-4 {
  background-color: var(--white);
}

.bold-text-10 {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

.home-hero-info-wrap-2 {
  z-index: 50;
  perspective: 1000px;
  position: relative;
}

.button-overlay {
  z-index: 1;
  color: #111;
  background-color: #d6d6d6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.swoop-button {
  color: #050505;
  background-color: #f1f1f1;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 65px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: .8rem;
  font-weight: 400;
  display: flex;
  position: relative;
  overflow: hidden;
}

.big-background-text {
  z-index: 1;
  color: #2b2b2b;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17vw;
  font-weight: 400;
  line-height: .9;
  position: absolute;
  inset: 10.3rem 0% auto;
}

.big-background-text.home-about {
  color: var(--transparent-2);
  text-align: left;
  margin-left: 18px;
  font-weight: 700;
  top: 6.4rem;
  left: 2%;
}

.home-hero-header {
  color: var(--black);
  padding-left: 0;
  padding-right: 0;
  font-size: 4rem;
  font-weight: 800;
  line-height: .8;
}

.paragraph-large-2 {
  color: var(--black);
  font-size: 1.4rem;
}

.slide-btn-txt {
  z-index: 2;
  font-weight: 600;
  line-height: 1rem;
  position: absolute;
}

.section-button-wrapper {
  justify-content: flex-start;
  width: 100%;
  margin-top: 1.6rem;
  display: flex;
}

.the-problem-section {
  z-index: 4;
  background-color: var(--white);
  min-height: 30vh;
  margin-bottom: 0;
  padding-top: 12.3rem;
  padding-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
}

.section-header-wrapper-2 {
  z-index: 2;
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 2rem;
  padding-left: 3rem;
  padding-right: 18.2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bold-text-11 {
  font-size: 1rem;
  font-weight: 400;
}

.body-5 {
  background-color: var(--white);
}

.column_overlay {
  z-index: 0;
  background-color: #0009;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fancy-columns-wrap-copy {
  flex: 0 auto;
  display: none;
}

.staff-collection {
  display: none;
}

.column-item {
  color: #cacaca;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 25%;
  height: 100%;
  transition: width .5s cubic-bezier(.785, .135, .15, .86);
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-wrap_line {
  background-color: #fff;
  width: 120px;
  height: 1px;
  margin-top: 20px;
  margin-left: -57px;
}

.column_header-wrap {
  z-index: 1;
  transform-origin: 0 100%;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 34px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(90deg);
}

.column_number-line {
  background-color: #fff;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 14px;
}

.fancy-columns {
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  display: flex;
}

.staff-wrap {
  background-color: #0a0a0a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: 15vh;
  padding: 5%;
  display: flex;
}

.column_details-wrap {
  z-index: 1;
  padding-bottom: 20px;
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.column_number-wrap {
  flex-direction: column;
  display: flex;
}

.is--number {
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.2rem;
  font-weight: 200;
  line-height: 1;
}

.staff-list {
  width: 100%;
  min-height: 35vh;
  display: flex;
}

.about-section-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 40vh;
  display: flex;
}

.background-video-2 {
  display: block;
}

.text-large {
  letter-spacing: -.25px;
  font-size: 3.5vw;
  font-weight: 500;
  line-height: 120%;
}

.hero-cideo-container {
  margin-top: 0;
  position: static;
  overflow: hidden;
}

.background-video-3 {
  box-sizing: content-box;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 75%;
  height: auto;
  margin-top: 0;
  transition: filter .375s;
  display: inline-block;
  overflow: auto;
  transform: scale(1);
}

.small-list-item-container {
  flex-direction: column;
  margin-top: 2.5rem;
  display: flex;
}

.section-15 {
  background-color: #0000;
  min-height: 35px;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}

.section-15.hero-section {
  padding-top: 6rem;
}

.case-image-wrapper {
  z-index: -1;
  width: 45%;
  position: absolute;
  bottom: 1.7vw;
  right: 3vw;
  overflow: hidden;
}

._12-column-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr);
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: start;
  width: 100%;
  display: grid;
}

._12-column-grid.intro-grid {
  grid-row-gap: 5rem;
}

.cta-container {
  color: var(--black);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.button-underline {
  z-index: auto;
  background-color: #e6e6e6;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
}

.mask-2 {
  background-color: var(--white);
  width: 0%;
  height: 100%;
  min-height: 100%;
}

.fullwidth-image-wrapper {
  width: 96%;
  padding-top: 0%;
  overflow: hidden;
}

.link-tekst {
  margin-bottom: .5rem;
}

.space-huge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.divider {
  z-index: -4;
  background-color: #e6e6e6;
  width: 100%;
  height: 1px;
  position: relative;
}

.text-xl {
  color: var(--black);
  letter-spacing: -5px;
  font-family: Inter, sans-serif;
  font-size: 7.5vw;
  font-weight: 600;
  line-height: 106%;
}

.hero-heading-wrapper {
  overflow: hidden;
}

.text-link-container {
  color: #fff;
  margin-top: 6rem;
  margin-bottom: .5rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.small-heading {
  color: var(--black);
  font-size: 1rem;
  font-weight: 600;
}

.image-19 {
  z-index: -14;
  width: 100%;
  position: relative;
}

.fullwith-image {
  display: none;
  overflow: visible;
}

.case-category {
  color: #e6e6e6;
  line-height: 1rem;
}

.col-white {
  color: #fff;
}

.col-white.small-heading.small-list-heading {
  margin-top: 2.5rem;
}

.case-container {
  flex-direction: column;
  display: flex;
  position: relative;
}

.case-info-container {
  z-index: 0;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 1.5vw;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.container-16 {
  flex-direction: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: relative;
}

.case-link-block {
  margin-top: 6rem;
}

.small-list-container {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.case-title {
  color: #e6e6e6;
  font-size: 8vw;
  position: relative;
}

.hero-heading {
  z-index: 1;
  color: var(--black);
  text-align: center;
  font-size: 4vw;
  font-weight: 400;
  position: relative;
}

.hero-image-mask {
  justify-content: space-between;
  width: 100%;
  height: 101%;
  margin-top: -.5%;
  display: flex;
  position: static;
  inset: 0%;
}

.page-wrapper-2 {
  overflow: hidden;
}

.hero-heading-container {
  z-index: 2;
  position: relative;
  overflow: hidden;
}

.button-underline-2 {
  z-index: auto;
  background-color: #bb8d8d;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
}

.hero-info-wrap {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 17px;
  padding-left: 17px;
  padding-right: 17px;
  display: block;
}

.large-page-heading {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 15rem;
  font-weight: 900;
  line-height: .9;
  display: flex;
}

.large-page-heading.outline {
  color: var(--black);
  margin-bottom: 2rem;
}

.page-hero-tag {
  letter-spacing: 6px;
  font-size: 1.2rem;
  font-weight: 700;
}

.page-hero-tag.white {
  color: #fff;
  text-align: center;
}

.div-block-16 {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.acupa-header {
  z-index: 2;
  opacity: 1;
  text-align: center;
  justify-content: center;
  padding-top: 8em;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.acupa-image {
  text-align: center;
  display: block;
}

.acupa-progress-bar {
  z-index: 9999;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: fixed;
  left: 5em;
}

.acupa-bar-main {
  background-color: #c3b5b5;
  width: 2px;
  height: 250px;
  margin-bottom: .5em;
}

.acupa-bar-main.acupa-bar-a {
  z-index: 0;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #df5d60;
  position: relative;
  inset: 0% 0% auto;
}

.acupa-bar-main.acupa-bar-b {
  z-index: -1;
  background-color: #df5d604d;
  position: absolute;
}

.acupa-scroll-indicator {
  z-index: 999;
  flex: 0 auto;
  order: 1;
  padding-bottom: 4em;
  padding-left: 10em;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.acupa-section-3 {
  opacity: 0;
  display: block;
  position: absolute;
}

.acupa-learn-more {
  color: #df5d60;
  background-color: #0000;
  padding: 0;
  text-decoration: none;
}

.acupa-content-slide {
  display: none;
}

.acupa-content-slide.acupa-section-a {
  flex: 0 auto;
  display: block;
}

.acupa-button-icon {
  margin-left: .75em;
}

.acupa-button {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #df5d60;
  margin-top: 2em;
  padding: 13px 32px;
  font-size: 12px;
  font-weight: 700;
}

.acupa-section-2 {
  opacity: 0;
  position: absolute;
}

.acupa-section-wrapper {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 41%;
  height: 100vh;
  margin-left: 8em;
  padding-left: 2em;
  display: flex;
  position: fixed;
  inset: 0% auto;
}

.acupa-heading-2 {
  opacity: 1;
}

.acupa-section-4 {
  opacity: 0;
  padding-bottom: 50px;
  display: block;
  position: absolute;
}

.acupa-section-1 {
  display: block;
  position: absolute;
}

.acupa-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  height: 500vh;
  display: block;
}

.acupa-content-blurb {
  margin-bottom: 1em;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.5px;
}

.hero-image-item {
  background-color: #000;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin-right: -35px;
  overflow: visible;
}

.hero-image-item._4 {
  z-index: 4;
  position: relative;
}

.hero-image-item._1 {
  z-index: 1;
  margin-right: -40px;
  position: relative;
}

.hero-image-item._2 {
  z-index: 2;
  position: relative;
}

.hero-image-item._3 {
  z-index: 3;
  position: relative;
}

.logo-section {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: auto;
}

.logo-wrapper {
  text-align: center;
  padding-top: 22px;
  padding-bottom: 22px;
}

.text-wrapper-1 {
  cursor: pointer;
  transition: all .3s;
  display: inline-block;
  position: relative;
}

.rotate-text {
  width: 150px;
  position: absolute;
  inset: 6px auto auto 6px;
}

.footer-social-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.number-wrapper-text {
  font-style: normal;
}

.logo-2 {
  width: 100%;
  max-width: 160px;
}

.app-text {
  z-index: 1;
  background-color: #1efff1;
  border-radius: 25px;
  height: 100%;
  padding: 6px 24px 5px;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.icon-2 {
  line-height: 0;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.container-17 {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.social-icon-5 {
  color: #2f3034;
  cursor: pointer;
  border: 2px solid #2f3034;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  transition: all .3s;
  position: relative;
}

.social-icon-5:hover {
  color: #fff;
  background-color: #2f3034;
  border-color: #2f3034;
}

.hand-icon {
  background-image: url('../images/ai-1.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 54px;
  height: 54px;
  display: inline-block;
  position: absolute;
  inset: auto -7% -16% auto;
}

.arrow-wrapper {
  background-color: #f7f7f7;
  border-radius: 50%;
  width: 95px;
  height: 95px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.footer-section-2 {
  border-top: 1px solid #d8d8d8;
  margin-top: auto;
  padding-top: 22px;
  padding-bottom: 22px;
}

.hero-image-wrapper {
  align-items: center;
  display: flex;
}

.web-text {
  z-index: 2;
  background-color: #ffdb1e;
  border-radius: 25px;
  height: 100%;
  padding: 10px 24px 5px;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.hero-section-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hero-section-4 {
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.hero-content {
  align-items: flex-end;
  margin-top: 18px;
  margin-left: 18px;
  position: relative;
}

.footer-wrapper-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hero-text-2 {
  color: #000;
  text-align: center;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 58px;
  font-weight: 300;
  line-height: 1.3;
}

.number-wrapper {
  font-size: 34px;
  display: inline;
}

.rotate-circle {
  background-color: #000;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.page-wrapper-3 {
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.accessibility-text {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #0000;
  border-radius: 25px;
  padding-left: 23px;
  padding-right: 23px;
  transition: all .3s;
  display: inline-block;
}

.accessibility-text:hover {
  border-color: #000;
  transform: rotate(-8deg);
}

.arrow-icon {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.hero-image {
  border: 2px solid #000;
  border-radius: 50%;
  box-shadow: 3px 3px #000;
}

.inclusive-text {
  background-color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 25px;
  margin-top: 5px;
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all .3s;
  display: inline-block;
  position: relative;
}

.inclusive-text:hover {
  transform: rotate(-8deg);
}

.star-icon {
  z-index: -1;
  background-image: url('../images/star-svg.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  position: absolute;
  inset: -44% auto auto -5%;
}

.section_featuresv8 {
  padding-top: 4rem;
}

.featuresv8_header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  align-items: center;
  margin-bottom: 3.75rem;
  display: flex;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

._2x1-grid-layout {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.featuresv8_content {
  max-width: 45rem;
}

.text-custom-gray {
  color: var(--black);
  letter-spacing: 0;
  font-size: 1.15vw;
  font-weight: 500;
  line-height: 2vw;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.featuresv8_component {
  background-color: #fff;
  border: 1px solid #000;
  border-bottom-style: none;
  border-top-left-radius: 46px;
  border-top-right-radius: 46px;
  padding: 2.5rem 5rem;
  position: sticky;
}

.featuresv8_component.is-first {
  margin-top: -12rem;
  margin-bottom: 12rem;
  top: 0;
}

.featuresv8_component.is-second {
  margin-top: -6rem;
  margin-bottom: 6rem;
  top: 6rem;
}

.featuresv8_component.is-third {
  margin-bottom: 0;
  top: 12rem;
}

.featuresv8_sticky-wrapper {
  position: relative;
}

.h2-paragraph-padding {
  max-width: 30rem;
}

.page-wrapper-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.featuresv8_header-text {
  color: var(--black);
  font-size: 1.5rem;
  font-weight: 700;
}

.featuresv8_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.content_top-line {
  background-color: #2e2a27;
  flex: none;
  width: 3em;
  height: 2px;
  margin-right: 1em;
}

.content_top {
  text-transform: uppercase;
  align-items: center;
  padding-bottom: 2em;
  display: flex;
}

.content_p {
  letter-spacing: .1em;
  text-transform: uppercase;
}

.section-16.is--light {
  color: #2e2a27;
  background-color: #e8e2da;
}

.container-18 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 3.58em;
}

.container-18.is--hero {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.container-19 {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.hero-content-2 {
  align-items: flex-end;
  margin: 24px;
  position: relative;
}

.hero-text-3 {
  color: #000;
  text-align: center;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 58px;
  font-weight: 400;
  line-height: 1.3;
}

.inclusive-text-2 {
  cursor: pointer;
  background-color: #d1a4ff;
  border-radius: 25px;
  margin-top: 5px;
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all .3s;
  display: inline-block;
  position: relative;
}

.inclusive-text-2:hover {
  transform: rotate(-8deg);
}

.hand-icon-2 {
  background-image: url('../images/hand-svg.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 54px;
  height: 54px;
  display: inline-block;
  position: absolute;
  inset: auto -7% -16% auto;
}

.accessibility-text-2 {
  cursor: pointer;
  background-color: #17ffb3;
  border: 2px solid #0000;
  border-radius: 25px;
  padding-left: 23px;
  padding-right: 23px;
  transition: all .3s;
  display: inline-block;
}

.accessibility-text-2:hover {
  border-color: #000;
  transform: rotate(-8deg);
}

.custom {
  height: 0;
  position: fixed;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.heading-h2 {
  color: var(--black);
  text-transform: none;
  font-size: 4em;
  font-weight: 400;
  line-height: 1;
}

.overlay---separation {
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: translate(10em);
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.overlay---square {
  position: absolute;
  inset: 0%;
  transform: translate(-7.547em);
}

.overlay-2 {
  display: inline-block;
  position: relative;
}

.vertical-2xl {
  grid-row-gap: 16em;
  flex-direction: column;
  display: flex;
}

.overlay---color {
  background-color: #5a3d89;
  position: absolute;
  inset: 0%;
  transform: translate(100%);
}

.section-17 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-20 {
  width: 100%;
  max-width: 2080px;
  margin-top: 16px;
  padding-left: 0;
  padding-right: 8em;
}

.page-header {
  opacity: .76;
  color: #ececec;
  flex: none;
  margin-top: 3.3rem;
  margin-bottom: 3.3rem;
  font-size: 12vw;
  font-weight: 400;
  line-height: 1em;
}

.page-header.outline {
  font-weight: 900;
}

.dynamic-container {
  text-transform: uppercase;
  min-width: 100%;
  font-size: 26px;
  line-height: 1;
  display: flex;
}

.dynamic-text-2 {
  font-size: 72px;
  overflow: hidden;
}

.portfolio_card-wrapper {
  background-image: url('../images/portfolio_06.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  overflow: hidden;
}

.portfolio_card-wrapper.four {
  background-image: url('../images/portfolio_04.jpg');
}

.portfolio_card-wrapper.six {
  background-image: url('../images/portfolio_05.jpg');
}

.portfolio_card-wrapper.two {
  background-image: url('../images/portfolio_03.jpg');
}

.portfolio_card-wrapper.three {
  background-image: url('../images/portfolio_01.jpg');
}

.portfolio_card-wrapper.five {
  background-image: url('../images/portfolio_02.jpg');
}

.text-style-caps {
  letter-spacing: 1.25px;
  text-transform: uppercase;
  font-size: .875rem;
  line-height: 1;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin-bottom: 1rem;
}

.margin-top-2 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top-2.margin-medium {
  margin-top: 2rem;
}

.portfolio_icon-wrapper {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.section-home {
  padding: 6.25rem 10vw;
}

.container-large-3 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.portfolio_into-wrapper {
  color: #333;
  background-color: #f7ede2;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  padding: 2.6rem;
  transition-property: none;
  display: flex;
  position: relative;
}

.portfolio_into-wrapper:hover {
  text-decoration: none;
}

.home_portfolio-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 200vh;
  display: grid;
}

.text-size-normal {
  letter-spacing: .5px;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.75;
}

.hero-visual {
  background-image: url('../images/gideon-hezekiah-1I3_xTAXTxo-unsplash.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 35%;
  height: 380px;
  position: relative;
  top: 25vh;
}

.hero-visual.right {
  background-image: url('../images/oladimeji-odunsi-tUUmR82pq68-unsplash-2.jpg');
  background-position: 100%;
  background-size: contain;
  width: 25%;
  top: -11.4vh;
  left: 85%;
}

.hero-visual._2nd-left {
  background-image: url('../images/gideon-hezekiah-tRf6Fu3RYE4-unsplash.jpg');
  top: -18vh;
}

.hero-visual._2nd-right {
  background-image: url('../images/pexels-yan-miranda-3378662.jpg');
  background-position: 100%;
  background-size: contain;
  width: 25%;
  top: -43.6vh;
  left: 85%;
}

.hero-section-5 {
  background-image: url('../images/Untitled-1.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.small-text-1 {
  top: -24vh;
  left: 20%;
}

.small-text-1._3 {
  top: -45.1vh;
  left: 20%;
}

.small-text-1._2 {
  top: -32.2vh;
  left: 65%;
}

.small-text-1._4 {
  top: -66.6vh;
  left: 65%;
}

.big-text {
  z-index: 3;
  color: #f2e6d8;
  text-transform: uppercase;
  top: -40px;
}

.big-text._2 {
  top: -41vh;
}

.container-22 {
  z-index: 2;
  max-width: 1290px;
  padding-right: 5%;
}

.effect-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.container---s {
  width: 100%;
  max-width: 574px;
}

.page-container {
  border-left: 1px solid #a0a0a080;
  border-right: 1px solid #a0a0a080;
  width: 100%;
  max-width: 1464px;
  margin-bottom: 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.container---s-2 {
  width: 10%;
  max-width: 574px;
}

.container---xs {
  background-image: url('../images/shri-BA_i8d6uVqk-unsplash_1shri-BA_i8d6uVqk-unsplash.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  width: 100%;
  max-width: 452px;
  min-height: 40vh;
  overflow: hidden;
}

.container---xs.double._6 {
  background-image: url('../images/pexels-tuğba-kobal-yılmaz-14930738_1pexels-tuğba-kobal-yılmaz-14930738.webp');
}

.container---xs.double._4 {
  background-image: url('../images/daniel-stiel-rjYsQah4TVs-unsplash_1daniel-stiel-rjYsQah4TVs-unsplash.webp');
}

.container---xs.double._3 {
  background-image: url('../images/max-anz-JbGQfX__7A0-unsplash_1max-anz-JbGQfX__7A0-unsplash.webp');
}

.container---xs.double._9 {
  background-image: url('../images/xin-_x2E8clInM4-unsplash_1xin-_x2E8clInM4-unsplash.webp');
}

.container---xs.double._7 {
  background-image: url('../images/pexels-саша-10934855_1pexels-саша-10934855.webp');
}

.container---xs.double._8 {
  background-image: url('../images/pexels-koolshooters-6495710_1pexels-koolshooters-6495710.webp');
}

.container---xs.double._10 {
  background-image: url('../images/gian-cescon-2aP9DJTk9x8-unsplash_1gian-cescon-2aP9DJTk9x8-unsplash.webp');
}

.container---xs.double._5 {
  background-image: url('../images/pexels-laros-lin-7632598_1pexels-laros-lin-7632598.webp');
}

.line-divider {
  object-position: 50% 50%;
  background-color: #a0a0a080;
  width: 100%;
  height: 1px;
}

.container---main {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  display: flex;
}

.rows {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.rows.gap-0-75 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

.heading-5 {
  color: #b1fde5;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.grid-text-wrapper {
  text-align: center;
  padding-left: 3em;
  padding-right: 3em;
}

.grid-text-wrapper.video-description {
  margin-bottom: 5em;
}

.grid-item-link {
  color: #f9f7e8;
  letter-spacing: .2em;
  text-transform: uppercase;
  border-bottom: 2px solid #f9f7e8;
  padding-bottom: .2em;
  font-size: 1em;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.grid-item-link:hover {
  color: #fff9cb;
  border-bottom-color: #2d2d2d;
}

.media-fit-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.grid-row {
  grid-column-gap: 3em;
  grid-template-rows: auto;
  margin-bottom: 12em;
}

.grid-row.wide {
  margin-top: 11em;
  margin-bottom: 0;
}

.grid-row.is-first {
  width: 100%;
}

.grid-image-wrapper {
  min-height: 600px;
  position: relative;
  overflow: hidden;
}

.grid-item-title {
  margin-bottom: 2.5em;
}

.image-overlay {
  z-index: 1;
  background-color: #242424;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

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

.divider-2 {
  background-color: #ffffff29;
  height: 1px;
}

.container-w1 {
  max-width: 1430px;
}

._140-image-2 {
  background-image: url('../images/CreativeDesignStudioX.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  display: flex;
  position: absolute;
}

._140-image-2._2 {
  background-image: url('../images/anatomy-london_1anatomy-london.webp');
}

._140-image-2.bg {
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-left: 0;
  margin-right: 30px;
  position: relative;
  box-shadow: 0 10px 40px -4px #00000040;
}

._140-image-2.bg._2 {
  background-image: url('../images/anatomy-london_1anatomy-london.webp');
  width: 500px;
  right: -200px;
}

._140-image-2.bg._1 {
  background-image: url('../images/CreativeDesignStudioX.jpg');
  background-position: 50%;
  background-size: cover;
  width: 500px;
  height: 500px;
  position: relative;
  left: -200px;
}

._140-image-2.bg._1.w--current {
  margin-top: 39px;
}

.large-words-section-3 {
  width: 100vw;
  height: 500px;
  position: relative;
}

.our-works-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 3px #d11414;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  inset: 0%;
}

.container-23 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.gradient-text-3 {
  color: var(--black);
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 167px;
  font-size: 25vw;
  font-weight: 700;
}

.loop-text {
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  align-items: center;
  padding-left: 3.5vw;
  padding-right: 3.5vw;
  display: flex;
}

.btm-logo {
  object-fit: contain;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.heading-style-huge {
  letter-spacing: -.5vw;
  text-transform: uppercase;
  padding-top: 2vw;
  padding-left: 1vw;
  padding-right: 1vw;
  font-size: 16vw;
  font-weight: 400;
  line-height: .75;
}

.heading-style-huge.text-color-white.text-align-center {
  color: var(--black);
  padding-left: 0;
  padding-right: 0;
}

.letter-1 {
  z-index: 1;
  font-size: 29.5vw;
  font-weight: 400;
  display: inline-block;
  position: relative;
  transform: rotate(0);
}

.letter-1._1 {
  transform: rotate(28deg);
}

.letter-1._2 {
  font-size: 21.3vw;
}

.letter-1._3 {
  font-size: 32vw;
  display: inline-block;
}

.hero-rotate-image {
  z-index: 25;
  perspective: 200vw;
  border-radius: .875rem;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0%;
  display: flex;
  position: relative;
  overflow: visible;
  transform: perspective(200vw);
}

.hero-rotate-base {
  z-index: 50;
  perspective: 200vw;
  width: 22.5%;
  max-width: 40vh;
  height: 100%;
  position: absolute;
}

.image-fill {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.clip-2 {
  color: var(--black);
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-rotate-item {
  z-index: 25;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-hero-intro {
  z-index: 1;
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  color: var(--black);
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.home-hero-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 10vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.hero-rotate-height {
  padding-top: 130%;
}

.row-4 {
  flex-wrap: wrap;
  align-content: stretch;
  margin-left: -1.04em;
  margin-right: -1.04em;
  display: flex;
}

.row-4.justify-end {
  justify-content: flex-end;
}

.row-4.justify-end._3 {
  justify-content: flex-start;
  align-items: stretch;
}

.parent-card-artist-2 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  height: auto;
  display: flex;
}

.parent-card-artist-2._9 {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}

.parent-card-artist-2.right {
  justify-content: flex-end;
  align-items: flex-end;
}

.parent-card-artist-2.right._8 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
}

._140-image-3 {
  background-image: url('../images/CreativeDesignStudioX.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 500px;
  display: flex;
  position: absolute;
}

._140-image-3._1 {
  background-image: url('../images/crewire-thumbnail2.jpg');
  background-position: 0 0;
  background-size: auto;
  width: 45vw;
  height: 400px;
}

._140-image-3._1._3 {
  background-image: url('../images/keyvani-thumbnail.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 45vw;
}

._140-image-3._1._3.crew {
  background-image: url('../images/crewire-thumbnail2.jpg');
}

._140-image-3._1._3.grease-circle {
  background-image: url('../images/greasevac-thumbnail.jpg');
}

._140-image-3._1._5 {
  background-image: url('../images/bender-thumbnail2.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 45vw;
}

._140-image-3._1._7 {
  width: 45vw;
}

._140-image-3._1._9 {
  background-image: url('../images/metahuman-thumbnail1.jpg');
  background-position: 0 0;
  background-size: cover;
}

._140-image-3.bg {
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-left: 0;
  margin-right: 30px;
  position: relative;
  box-shadow: 0 10px 40px -4px #00000040;
}

._140-image-3.bg._1 {
  box-shadow: none;
  background-image: url('../images/crewire-thumbnail2.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 0;
  width: 45vw;
  height: 400px;
  margin-left: 0;
  margin-right: 0;
  right: auto;
}

._140-image-3.bg._3 {
  box-shadow: none;
  background-image: url('../images/keyvani-thumbnail.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 45vw;
  height: 400px;
  margin-left: 0;
  margin-right: 0;
  right: auto;
}

._140-image-3.bg._1-copy {
  box-shadow: none;
  background-image: url('../images/crewire-thumbnail2.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 0;
  width: 45vw;
  height: 400px;
  margin-left: 0;
  margin-right: 0;
  right: auto;
}

._140-image-3.bg._1-copy.grease {
  background-image: url('../images/greasevac-thumbnail.jpg');
}

._140-image-3.bg._1-copy.keyvani {
  background-image: url('../images/keyvani-thumbnail.jpg');
}

._140-image-3.bg._4 {
  box-shadow: none;
  background-image: url('../images/innotek-VR-thumbnail.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 0;
  width: 45vw;
  margin-left: 0;
  margin-right: 0;
  right: auto;
}

._140-image-3.bg._5 {
  box-shadow: none;
  background-image: url('../images/bender-thumbnail2.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 0;
  width: 45vw;
  height: 400px;
  margin-left: 0;
  margin-right: 0;
  right: auto;
}

._140-image-3.bg._6 {
  box-shadow: none;
  background-image: url('../images/newreteq-thumbnail1.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 0;
  width: 45vw;
  height: 400px;
  margin-left: 0;
  margin-right: 0;
  right: auto;
}

._140-image-3.bg._7 {
  box-shadow: none;
  background-image: url('../images/airplane-thumbnail-1.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 0;
  width: 45vw;
  height: 400px;
  margin-left: 0;
  margin-right: 0;
  right: auto;
}

._140-image-3.bg._8 {
  box-shadow: none;
  background-image: url('../images/innotek-thumbnail.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 0;
  width: 45vw;
  height: 400px;
  margin-left: 0;
  margin-right: 0;
  right: auto;
}

._140-image-3.bg._9 {
  box-shadow: none;
  background-image: url('../images/metahuman-thumbnail1.jpg'), url('../images/innotek-thumbnail.jpg');
  background-position: 0 0, 0 0;
  background-size: cover, cover;
  border-radius: 0;
  width: 45vw;
  height: 400px;
  margin-left: 0;
  margin-right: 0;
  right: auto;
}

._140-image-3._2 {
  background-image: url('../images/keyvani-thumbnail.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 45vw;
  height: 400px;
}

._140-image-3._3 {
  background-image: url('../images/greasevac-thumbnail.jpg');
  background-position: 0 0;
  background-size: cover;
}

._140-image-3._4 {
  background-image: url('../images/innotek-VR-thumbnail.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 45vw;
  height: 400px;
}

._140-image-3._5 {
  background-image: url('../images/bender-thumbnail2.jpg'), url('../images/anatomy-london_1anatomy-london.webp');
  background-position: 0 0, 50%;
  background-size: cover, cover;
  height: 400px;
}

._140-image-3._6 {
  background-image: url('../images/newreteq-thumbnail1.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 45vw;
  height: 400px;
}

._140-image-3._7 {
  background-image: url('../images/airplane-thumbnail-1.jpg');
  background-position: 0 0;
  background-size: cover;
  height: 400px;
}

._140-image-3._8 {
  background-image: url('../images/innotek-thumbnail.jpg'), url('../images/anatomy-london_1anatomy-london.webp');
  background-position: 0 0, 50%;
  background-size: cover, cover;
}

._140-image-3._8._1 {
  background-image: url('../images/innotek-thumbnail.jpg'), url('../images/anatomy-london_1anatomy-london.webp');
}

._140-image-3._8 {
  background-image: url('../images/innotek-thumbnail.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 45vw;
  height: 400px;
}

._140-image-3._9 {
  background-image: none;
}

.row-1 {
  flex-wrap: wrap;
  place-content: stretch flex-end;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.row-1._9 {
  justify-content: flex-start;
}

.service-wrapper {
  background-color: #0000;
  border: 1px solid #fff;
  border-left: 0 #1d1d1d;
  border-right: 0 #1d1d1d;
  border-radius: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: 80%;
  height: auto;
  margin-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em;
  transition: padding .5s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
}

.service-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1em;
  padding-bottom: 1em;
  display: grid;
}

.service-heading {
  color: #fff;
  font-size: 1.5rem;
}

.small-paragraph {
  text-align: left;
  font-size: .8rem;
}

.small-paragraph.service {
  color: #fff;
  width: 45%;
  margin-left: 1em;
  margin-right: 1em;
  font-size: 1rem;
}

.center-paragraph {
  width: 60%;
  margin-top: 1em;
  margin-bottom: 1em;
}

.center-paragraph.white {
  color: #fff;
}

.s-spacer {
  width: 100%;
  height: 2em;
}

.service-image-wrapper {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 30%;
  height: 12em;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.service-image-wrapper.indented {
  margin-right: 1em;
}

.l-spacer {
  width: 100%;
  height: 4em;
}

.service-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #fff;
  border-bottom-width: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 100%;
}

.service-image.branding {
  background-image: url('../images/brands-people-V9zInThgKa4-unsplash.jpg');
}

.service-image.social-media {
  background-image: url('../images/georgia-de-lotz-zG9bNfiUeCQ-unsplash.jpg');
}

.service-image.logo-design {
  background-image: url('../images/arno-senoner-MRjjcDIk3Gw-unsplash.jpg');
}

.service-image.packaging {
  background-image: url('../images/lina-verovaya-hnKzE26nbyY-unsplash.jpg');
}

.white-paragraph {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: 2rem;
  padding-top: 56px;
  padding-bottom: 56px;
  padding-left: 32px;
}

.center-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
  display: flex;
}

.center-wrapper.black {
  background-color: #1d1d1d;
  border-radius: 0 0 20px 20px;
  padding-left: 2em;
  padding-right: 2em;
}

.marquee-wrapper {
  background-color: #1d1d1d;
  flex-wrap: nowrap;
  align-items: center;
  height: 4em;
  display: flex;
  overflow: hidden;
}

.marquee-inner {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: row;
  align-items: center;
  display: flex;
}

.marquee-text {
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
}

.list-item-image-outer-wrapper {
  z-index: 2;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.list-item-content {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  display: flex;
}

.grid-5 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  grid-auto-columns: minmax(.5rem, 1fr);
}

.section-18 {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  flex-direction: column;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  display: flex;
}

.section-18.section-component {
  z-index: 2;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
}

.icon-s {
  width: .85rem;
  max-height: .85rem;
}

.container-24 {
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.list-item-image-transition {
  background-color: #1c1c1c;
  position: absolute;
  inset: 0%;
}

.list-item-image-inner-wrapper {
  max-width: 25rem;
  position: relative;
  overflow: hidden;
}

.list-item {
  color: #fff;
  cursor: pointer;
  border-bottom: 1px solid #454545;
  justify-content: center;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 32px;
  display: flex;
  position: relative;
}

.display-s {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2em;
}

.list-item-image {
  z-index: 2;
  position: relative;
}

.bold-text-19, .bold-text-20, .bold-text-21, .bold-text-22, .bold-text-23, .bold-text-24 {
  color: var(--black);
}

.paragraph-3 {
  color: var(--black);
  letter-spacing: 0;
  order: 1;
  margin-left: 300px;
  padding-right: 60px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.44rem;
}

.paragraph-4 {
  color: var(--black);
  letter-spacing: 0;
  order: 1;
  padding-right: 60px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.44vw;
}

.hero-right__circle {
  z-index: 2;
  opacity: .15;
  filter: blur(100px);
  background-color: #f7f3ed;
  border-radius: 50%;
  width: 30vw;
  height: 30vw;
  position: absolute;
  inset: 58% -21% 0% auto;
}

.logo-3 {
  width: 35px;
}

.hero-right__shadow {
  z-index: 99;
  background-image: linear-gradient(to right, #00000080, #0000);
  position: absolute;
  inset: 0%;
}

.hero-left__wrapper {
  background-color: #f7f3ed;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  padding: 50px;
  display: flex;
}

.hero__h2 {
  font-size: 4.2vw;
}

.hero-left__content {
  max-width: 75%;
}

.hero__p {
  margin-bottom: 0;
  font-size: 1.5vw;
  line-height: 1.5em;
}

.nav__outer-wrapper {
  justify-content: space-between;
  width: 100%;
}

.s-hero {
  background-color: #fff;
  justify-content: space-between;
  height: 100vh;
  display: flex;
}

.hero-right__anxiety {
  z-index: 3;
  color: #f7f3ed;
  align-items: center;
  display: flex;
  position: relative;
  transform: translate(-10%);
}

.hero-right__p-wrapper {
  z-index: 1;
  opacity: .1;
  color: #f7f3ed;
  flex: none;
  width: 100vw;
  font-size: 2.5vw;
  line-height: 1.5em;
  position: absolute;
  inset: -10% 0% 0% -25%;
}

.hero-right__h1 {
  margin-left: 25px;
  font-size: 40vw;
  font-weight: 500;
  line-height: 1em;
  transform: translate(-10px);
}

.hero-right__wrapper {
  background-color: #07091b;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tabs__link-body {
  overflow: hidden;
}

.tabs-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: flex;
}

.tabs__menu-2 {
  width: 45%;
  margin-right: 2rem;
}

.tabs__content-2 {
  border-radius: .5rem;
  width: 55%;
  box-shadow: 4px 5px 16px #00000047;
}

.tabs-section-content-2 {
  perspective: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.section-header {
  font-variation-settings: "wght" 500;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 4rem;
  line-height: 1;
}

.header-wrap-2 {
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2rem;
  padding-left: 8vw;
  padding-right: 12vw;
  display: flex;
}

.underline-button-lottie {
  z-index: 1;
  width: 100%;
  transition: width .4s;
  position: absolute;
  inset: auto 0% -.8rem;
}

.section-wrapper-2 {
  z-index: 5;
  color: #1d1d1d;
  padding: 5vw;
  position: relative;
}

.section-wrapper-2.products {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 9vw;
  display: flex;
}

.sectionn-lottie-trasition-2 {
  z-index: -1;
  opacity: .59;
  filter: grayscale();
  object-fit: contain;
  width: 80vw;
  height: 100vh;
  position: absolute;
  inset: -8.2rem auto auto;
}

.tab-header-paragraph {
  color: #393d4799;
  text-align: left;
  width: 40%;
  margin-top: 6px;
  line-height: 1.7;
}

.tabs-image {
  object-fit: cover;
  width: 100%;
  height: 27rem;
}

.tabs-link__title {
  align-items: flex-start;
}

.tabs__link-2 {
  color: #fff;
  cursor: pointer;
  background-color: #363636;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 1rem;
  padding: 14px 24px;
  transition: background-color .2s;
  display: block;
}

.tabs__link-2.w--current {
  color: #1d1d1d;
  background-color: #e4e7ec;
}

.tab-info-wrap {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.underline-button-wrap {
  z-index: 50;
  color: #1d1d1d;
  transition: transform .3s;
  position: relative;
}

.underline-button-wrap:hover {
  transform: scale(1.1);
}

.underline-button-text {
  z-index: 10;
  font-variation-settings: "wght" 500;
  font-size: 1.3rem;
  position: relative;
}

.tabs-section-button-wrapper {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
}

.tabs-wrap {
  z-index: 10;
  width: 100%;
  max-width: 1140px;
  position: relative;
}

.tab-title-2 {
  z-index: 2;
  font-variation-settings: "wght" 600;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.9em;
  line-height: 1;
  position: relative;
}

.tab-paragraph-2 {
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.7;
}

.button-text-4 {
  z-index: 20;
  color: #000;
  position: relative;
  transform: rotate(18deg);
}

.button-text-4.light {
  color: #fff;
}

.optimism-cta-2 {
  background-color: var(--white);
  color: #181818;
  justify-content: center;
  align-items: stretch;
  padding-top: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-wrapper-2 {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, .25fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.action-content {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  border-left: 1px solid #8c9fac33;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 800px;
  padding-top: 140px;
  padding-bottom: 140px;
  padding-left: 200px;
  display: grid;
  position: relative;
}

.grain-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.heading-6 {
  text-align: left;
  text-transform: none;
  font-size: 4vw;
  line-height: 4vw;
}

.body-display-3 {
  color: #616670;
  font-size: 17px;
  line-height: 1.6em;
}

.stacked-content {
  grid-column-gap: 0px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 32px 0;
  display: grid;
  position: relative;
}

.link-hover-fill {
  background-color: #000;
  border-radius: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.link-hover-fill.light {
  background-color: #fff;
}

.large-circle-link {
  color: #000;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #f7f7f7;
  border: 1px solid #8c9fac33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  font-size: 11px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto auto auto -100px;
  overflow: hidden;
}

.small-width {
  max-width: 450px;
}

.stacked-intro {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grain {
  z-index: 1;
  opacity: .02;
  background-image: url('../images/noise.gif');
  background-position: 50%;
  background-size: auto;
  position: fixed;
  inset: 0%;
}

.grain.in-block {
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: auto;
}

.content-wrapper {
  z-index: 20;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: relative;
}

.video-2 {
  position: absolute;
}

.banner-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  min-height: 600px;
  padding: 170px 0 60px;
  display: grid;
}

.heading-7.large {
  font-size: 52px;
  line-height: 1.35em;
}

.large-width {
  max-width: 800px;
}

.body-display-4 {
  color: #616670;
  font-size: 17px;
  line-height: 1.6em;
}

.body-display-4.light {
  color: #ffffffe6;
}

.circle-link {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  border: 1px solid #8c9fac66;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  font-size: 11px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.circle-link.light {
  border-color: #8c9fac66;
}

.stacked-content-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 72px;
  padding-right: 72px;
  display: grid;
  position: relative;
}

.stacked-title {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.circle-link-wrapper {
  margin: -48px;
  padding: 48px;
}

.content-wrapper-2 {
  z-index: 20;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: relative;
}

.banner-image-wrapper {
  z-index: 10;
  box-sizing: content-box;
  object-fit: cover;
  justify-content: center;
  margin: 110px 3vw 64px 5vw;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.optimism-cta {
  object-fit: scale-down;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-8.large {
  font-size: 52px;
  line-height: 1.35em;
}

.body-display-5 {
  color: #616670;
  font-size: 17px;
  line-height: 1.6em;
}

.body-display-5.light {
  color: #ffffffe6;
}

.overlay-52 {
  background-color: #060b1180;
  position: absolute;
  inset: 0%;
}

.background-image {
  background-image: url('../images/Image010.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.background-image.action-banner {
  object-fit: cover;
  background-image: none;
  margin-top: -254px;
}

.content-wrapper-3 {
  z-index: 20;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: relative;
}

.hero-loop-strip {
  line-height: 1;
  display: flex;
}

.body-6 {
  background-color: var(--white);
}

.text-size-regular-2 {
  font-size: 1.2rem;
  line-height: 1.4;
}

.curve-arrow {
  border: 1px solid #e7eeee;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  position: absolute;
  top: .5rem;
}

.text-size-xsmall {
  font-size: .8rem;
}

.text-size-xsmall.text-style-allcaps {
  letter-spacing: .07rem;
  font-size: .625rem;
  line-height: 1.3;
}

.about-history-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.letter-11 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-service-intro {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 27.5rem;
  display: flex;
}

.letter-animation-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.margin-bottom-2 {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.title-tag {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  align-items: center;
  display: flex;
}

.rotate-card-item {
  perspective: 200vw;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.row-title-clip {
  overflow: hidden;
}

.about-story-paragraph {
  max-width: 25rem;
  padding-bottom: 2rem;
}

.hover-text.bottom-hover-text {
  position: absolute;
  inset: auto 0% -100%;
}

.rotate-card-image {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.letter-9 {
  display: inline-block;
}

.row-title-bottom {
  border-top: 1px solid #e7eeee;
  padding-bottom: 5rem;
}

.text-size-xlarge {
  font-size: 3.2rem;
  line-height: 1.3;
}

.padding-bottom-2 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.text-size-tiny {
  font-size: .7rem;
}

.grid-large {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(2rem, 1fr) minmax(auto, 96rem) minmax(2rem, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.icon-3 {
  color: #0b0c0f;
  justify-content: center;
  align-items: center;
  width: .7rem;
  height: .7rem;
  display: flex;
  overflow: hidden;
}

.about-history-left {
  flex-direction: column;
  height: 100%;
  max-height: 100vh;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: sticky;
  top: 0;
}

.about-history-item {
  background-color: #fff;
  border-top: 1px solid #e7eeee;
  border-bottom: 1px #e7eeee;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
  position: sticky;
  top: 3rem;
  bottom: auto;
}

.row-title-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rotate-card-height {
  padding-top: 130%;
}

.clip-3 {
  position: relative;
  overflow: hidden;
}

.about-history-block {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -1rem;
  padding-top: 0;
  display: grid;
}

.hover-arrow.top {
  position: absolute;
  inset: -100% 0% auto;
}

.row-title {
  width: 100%;
}

.about-history-image {
  background-color: #0b0c0f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.padding-horizontal {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.home-service-top {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 8rem;
  display: flex;
}

.rotate-card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.about-story-right {
  flex-direction: column;
  justify-content: space-between;
  max-width: 30rem;
  display: flex;
}

.about-history-intro {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 24rem;
  display: flex;
}

.text-size-large-2 {
  font-size: 1.4rem;
  line-height: 1.45;
}

.curve-block-right {
  z-index: 100;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: end;
  height: 0;
  display: grid;
  position: absolute;
  inset: 1px 0% auto;
}

.heading-style-h3-2 {
  letter-spacing: -.09rem;
  text-transform: uppercase;
  font-size: 3.25rem;
  font-weight: 400;
  line-height: 1;
}

.about-history-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 4rem;
  padding-left: 4.5rem;
  display: grid;
}

.button-4 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #2e313a;
  border-radius: 100rem;
  padding: .75rem 1.05rem .75rem 1.15rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
}

.button-4.is-light {
  color: #000;
  border-color: #e7eeee;
}

.padding-top-2 {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.row-title-text {
  letter-spacing: -.35vw;
  text-transform: uppercase;
  margin-bottom: -3.5vw;
  font-size: 13.5vw;
  font-weight: 400;
  line-height: .89;
}

.about-history-top {
  max-width: 30rem;
}

.about-story {
  z-index: 20;
  position: relative;
}

.circle-2 {
  border: 1px solid #c3dde0;
  border-radius: 100rem;
  width: .5rem;
  height: .5rem;
}

.about-body-block {
  background-color: #fff;
}

.about-body-block.radius-regular {
  z-index: 10;
  background-color: var(--main-white);
}

.curve-link {
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: -1px;
  padding: 0;
  display: flex;
  position: relative;
}

.container-25 {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.hero-section-6 {
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.hero-content-3 {
  align-items: flex-end;
  position: relative;
}

.hero-text-4 {
  color: #000;
  text-align: center;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 58px;
  font-weight: 400;
  line-height: 1.3;
}

.accessibility-text-3 {
  cursor: pointer;
  background-color: #17ffb3;
  border: 2px solid #0000;
  border-radius: 25px;
  padding-left: 23px;
  padding-right: 23px;
  transition: all .3s;
  display: inline-block;
}

.accessibility-text-3:hover {
  border-color: #000;
  transform: rotate(-8deg);
}

.button-5 {
  color: #eeebdc;
  text-align: center;
  letter-spacing: .03rem;
  background-color: #000;
  border: .15em solid #0000;
  border-radius: 999rem;
  padding: 1.2rem 1.7rem;
  font-size: 1rem;
  font-weight: 600;
}

.button-5.is-bright {
  color: #000;
  background-color: #eeebdc;
}

.button-5.is-bright.is-secondary {
  color: #eeebdc;
  background-color: #0000;
  border-color: #eeebdc;
  font-size: 1rem;
}

.section-after-intro-text-4 {
  z-index: 3;
  color: #eeebdc;
  background-color: #000;
  margin-top: 21vh;
  padding-top: 10em;
  padding-bottom: 7.5em;
  position: relative;
}

.page-intro-title-wrapper-4 {
  grid-column-gap: .5vh;
  grid-row-gap: .5vh;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-intro-text-wrapper-2 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -5vh;
  display: flex;
}

.page-padding-4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.section-page-intro-4 {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  min-height: 200svh;
  overflow: clip;
}

.video-preview-img-2 {
  opacity: .72;
  object-fit: contain;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  transition: transform .3s cubic-bezier(.165, .84, .44, 1);
}

.video-preview-img-2:hover {
  transform: scale(1.03);
}

.rl_header1_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: flex;
}

.typing-text {
  color: var(--black);
  height: 8.5rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7rem;
  font-weight: 500;
  line-height: 1.2;
}

.container-lvl {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-padding-section-large {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.gradient-top {
  z-index: 5;
  background-image: none;
  height: 65%;
  position: absolute;
  inset: 0% 0% auto;
}

.rl_heading1_spacing-block-2 {
  color: var(--black);
  width: 100%;
  padding-bottom: 2rem;
}

.left-shade {
  background-image: linear-gradient(to right, #090909, #fff0);
  width: 40%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.overflow-hidden {
  line-height: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-hero-inner {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  display: flex;
}

.rl-text-style-medium {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  max-width: 100ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.button-main {
  text-transform: capitalize;
  background-color: #000;
  border: 1px solid #fff;
  padding: .75rem 1.5rem;
  font-size: 1.255rem;
  transition: all .5s ease-in-out;
}

.button-main:hover {
  color: #17181d;
  background-color: #fff;
}

.homebg {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.rl_heading1_spacing-block-1 {
  color: var(--black);
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl-button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.rl-heading-style-h1 {
  color: var(--black);
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7rem;
  font-weight: 500;
  line-height: 1.2;
}

.page-padding_lvl {
  padding-left: 0;
  padding-right: 4rem;
  position: relative;
}

.home-hero {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-hero-video {
  opacity: .51;
  object-fit: fill;
  width: 100%;
}

.sign-contact-section-2 {
  z-index: 1;
  background-color: #000;
  justify-content: center;
  align-items: flex-start;
  height: 400vh;
  display: flex;
  position: relative;
}

.success-message-3 {
  opacity: 1;
  color: #000;
  mix-blend-mode: difference;
  background-color: #fff;
  margin-top: auto;
  margin-bottom: auto;
}

.submit-button-4 {
  z-index: 3;
  color: #d3b203;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  transition: padding .4s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.submit-button-4:hover {
  padding-left: 29px;
}

.submit-button-4.hover-cursor {
  object-fit: contain;
  transform-style: preserve-3d;
  transform: scale3d(2, 2, 2);
}

.grid-6 {
  grid-column-gap: 4em;
  grid-row-gap: 8em;
  perspective: 1000px;
  grid-template: ". Area"
  / 1.25fr 1fr;
  place-items: center;
  width: 100%;
}

.bold-text-25 {
  color: var(--black);
  letter-spacing: 0;
  width: 100%;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
}

.lightbox-video-thumbnail-2 {
  z-index: 0;
  color: var(--white);
  background-color: #000;
  border-radius: 30px;
  width: 100%;
  height: 0%;
  padding-bottom: 54.25%;
}

.section-19 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 8em;
  display: flex;
  position: relative;
}

.bold-text-26 {
  color: var(--black);
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 400;
}

.body-7 {
  background-color: #282828;
}

.body-8 {
  background-color: var(--white);
}

.body-8.white {
  background-color: #ebebeb;
}

.body-9 {
  background-color: #282828;
}

.body-10 {
  background-color: #ededed;
}

.body-black, .body-12 {
  background-color: #282828;
}

.body-13 {
  background-color: var(--white);
}

.body-13.white {
  background-color: #ebebeb;
}

.body-14 {
  background-color: #282828;
}

.bold-text-27, .bold-text-28, .bold-text-29 {
  text-transform: uppercase;
  font-size: 1.8rem;
}

.large-menu-header {
  color: #ffffff26;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 11em;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  transition: transform .2s, text-shadow .2s;
}

.bold-text-30, .bold-text-31, .bold-text-32 {
  font-weight: 400;
}

.bold-text-33, .bold-text-34 {
  letter-spacing: 0;
  font-weight: 400;
}

.hero-section-7 {
  background-color: #fff;
  align-items: center;
  width: 100vw;
  min-height: 40vh;
  padding: 1rem 5vw 0 1vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-content-wrap {
  z-index: 2;
  perspective: 1000px;
  position: relative;
}

.hero-heading-2 {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  font-size: 4rem;
  font-weight: 500;
  line-height: 1;
}

.gradient-text-4 {
  -webkit-text-fill-color: transparent;
  background-color: #fcfcfc;
  background-image: linear-gradient(201deg, #4f3dec, #ea430b);
  -webkit-background-clip: text;
  background-clip: text;
}

.button-wrapper {
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.bg-decoration {
  z-index: 1;
  opacity: .78;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bg-decoration.rounded-bottom {
  border-radius: 0 0 100rem 100rem;
  inset: -2.1rem 0% 0%;
}

.bold-text-35 {
  letter-spacing: 0;
  text-transform: none;
  margin-top: 1rem;
  font-weight: 500;
  line-height: 1.44;
  display: block;
}

.container-26 {
  width: 100%;
  margin-top: 72px;
  margin-bottom: 0;
  padding-left: 3em;
  padding-right: 8em;
}

.heading-h2-2 {
  color: var(--black);
  text-transform: none;
  font-size: 3rem;
  font-weight: 500;
  line-height: 4rem;
}

.overlay---color-2 {
  background-color: #5a3d89;
  position: absolute;
  inset: 0%;
  transform: translate(100%);
}

.div-block-17 {
  box-sizing: content-box;
  object-fit: contain;
  justify-content: space-between;
  width: 100%;
  height: 25vw;
  display: flex;
  overflow: clip;
}

.section-20 {
  border: 0 #d11f1f;
  width: 100%;
}

.image-20 {
  width: 100%;
}

.section-21 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.testimonial-grid-parent {
  grid-column-gap: 5px;
  grid-row-gap: 27px;
  grid-template: "company-details . customer-details"
                 "context-and-CTA . quote"
                 ". . quote"
                 / 1fr 1fr 2fr;
  grid-auto-columns: 1fr;
  margin-left: 32px;
  margin-right: 32px;
  display: grid;
}

.testimonial_quote {
  color: var(--black);
  text-transform: uppercase;
  font-size: 72px;
  font-weight: 500;
  line-height: 130%;
}

.test_customer-text {
  color: var(--black);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.44vw;
}

.testimonial_company {
  margin-top: 64px;
}

.testimonial_type {
  color: var(--black);
  text-transform: none;
  margin-bottom: 15px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 100%;
}

.testimonial_customer-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 70px 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  display: grid;
}

.h1 {
  float: left;
  color: #fff;
  text-align: left;
  text-transform: none;
  width: 600px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 92px;
  font-weight: 700;
  line-height: 100%;
  display: inline;
}

.highlight {
  z-index: 1;
  background-color: #fff;
  width: 0%;
  height: 33.333%;
  position: absolute;
  right: 0;
}

.highlight._3 {
  top: 66.6667%;
}

.highlight._2 {
  top: 33.3333%;
}

.arrow-container {
  position: fixed;
  bottom: 40px;
}

.content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 600px;
  display: flex;
}

.subhead-highlight {
  flex: none;
  position: relative;
}

.arrow-2 {
  height: 80px;
}

.subhead-container {
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lil-rule {
  background-color: #34c674;
  flex: none;
  width: 100px;
  height: 2px;
  margin-right: 10px;
}

.subhead {
  color: #34c674;
  text-transform: uppercase;
}

.highlight-small {
  background-color: #34c674;
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.section-22 {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.text-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.subheading {
  color: #000;
  letter-spacing: 0;
  font-size: 1rem;
  line-height: 1.44vw;
}

.purpose-header {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  align-items: flex-end;
  display: flex;
}

.button-header {
  color: #000;
  -webkit-text-stroke-color: black;
  font-size: 1.4rem;
  font-weight: 700;
}

.arrow-3 {
  width: 1rem;
}

.huge-text {
  color: var(--black);
  letter-spacing: 0;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.flex-vertical {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
}

.container-27 {
  max-width: 90rem;
  margin-left: 32px;
  margin-right: auto;
}

.services-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  opacity: .6;
  border: 1px solid #000;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  transition: opacity .3s;
  display: flex;
}

.services-button:hover {
  opacity: 1;
}

.page-padding-5 {
  padding-left: 0;
  padding-right: 2.5rem;
}

.line {
  background-color: #000;
  width: 1px;
  height: 2rem;
}

.purpose-component {
  padding-top: 8rem;
  padding-bottom: 2rem;
}

.huge-text-copy {
  color: var(--black);
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 3rem;
}

.hover-section-overlay {
  z-index: 2;
  background-color: #00000080;
  align-items: center;
  width: 100%;
  min-height: 100%;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hover-section-overlay:hover {
  background-color: #000c;
}

.mbm-ex-div {
  z-index: 5;
  perspective: 40em;
  perspective-origin: 50% 0;
  position: relative;
  overflow: visible;
}

.ivy-xl-2 {
  z-index: 5;
  transform-origin: 50% 0;
  color: #fff;
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 7rem;
  font-style: italic;
  font-weight: 600;
  line-height: .9em;
  position: relative;
}

.ivy-xl-2.about-smaller {
  text-transform: none;
  font-size: 4.6rem;
  font-style: normal;
  font-weight: 700;
}

.clash-xl-2 {
  z-index: 5;
  transform-origin: 50% 0;
  color: #fff;
  letter-spacing: .01em;
  text-transform: uppercase;
  font-size: 7em;
  font-weight: 100;
  line-height: .9em;
  position: relative;
}

.clash-xl-2.smaller {
  font-size: 4.6em;
  font-weight: 100;
}

.underline-hover-wrapper {
  z-index: 5;
  height: 1px;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
  overflow: hidden;
}

.underline-hover-wrapper.top {
  z-index: 5;
  top: 1px;
  bottom: auto;
}

.arrow-button-text {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-right: 15px;
  font-size: .6rem;
  font-weight: 400;
}

.hover-section-bg {
  z-index: 1;
  background-color: #000;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.hover-section-bg:hover {
  background-image: url('../images/ORG__DSC8298.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.hover-section-bg.top-rated {
  background-color: var(--white);
  background-image: none;
}

.feat-section {
  z-index: 2;
  background-color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  min-height: 75vh;
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feat-section:hover {
  background-image: url('../images/ORG__DSC8298.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.hero-text-wrap-large {
  z-index: 10;
  flex-flow: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1600px;
  display: flex;
  position: relative;
  overflow: visible;
}

.hero-text-wrap-large.left-align {
  justify-content: flex-start;
}

.circle-button-wrap {
  transform-origin: 50%;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  text-decoration: none;
  display: flex;
}

.arrow-line {
  background-color: #fff;
  width: 15px;
  height: 1px;
}

.underline-hover-fill {
  background-color: #cfdae2;
  width: 100%;
  height: 100%;
}

.event-header-wrap-2 {
  display: block;
}

.feat-event-action-wrap {
  justify-content: flex-end;
  width: 50%;
  display: flex;
}

.feat-event-info {
  z-index: 3;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section-contrainer {
  max-width: 1000px;
}

.section-contrainer.content-wrap {
  align-items: center;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.txt-row {
  justify-content: center;
  width: 100%;
  display: flex;
}

.txt-row.left {
  justify-content: flex-start;
}

.txt-row.is-8 {
  justify-content: center;
  padding-left: 10%;
  padding-right: 10%;
}

.txt-row.is-8.left {
  justify-content: flex-start;
  padding-left: 0%;
}

.txt-row.is-25 {
  margin-bottom: 2rem;
  padding-left: 0%;
  overflow: visible;
}

.txt-row.is-25.left {
  margin-bottom: 2rem;
}

.arrow-triangle {
  cursor: none;
  border-top: 3.5px solid #0000;
  border-bottom: 3.5px solid #0000;
  border-left: 3.5px solid #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  display: flex;
  position: relative;
}

.circle-arrow-wrap {
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 12rem;
  margin-right: 20px;
  transition: transform .3s;
  display: flex;
}

.feat-event-info-wrap {
  flex-direction: column;
  width: 50%;
  display: flex;
}

.step-header-section {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  min-height: 30vh;
  margin-left: 0;
  margin-right: 0;
  padding: 8rem 0 8rem 32px;
  display: flex;
}

.steps-header-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: flex-start;
  width: 55%;
  display: flex;
}

.steps-header-wrap.right {
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  padding-top: 0;
}

.steps-subtitle-wrap {
  color: var(--black);
  justify-content: flex-start;
  align-items: center;
  line-height: 36px;
  display: flex;
}

.subtitle-line {
  color: var(--black);
  background-color: #000;
  width: 70px;
  height: 2px;
  margin-right: 20px;
}

.subtitle-text {
  color: var(--black);
  letter-spacing: 0;
  font-size: 2rem;
  font-weight: 400;
}

.step-section-header {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  padding-right: 5rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.steps-paragraph {
  color: var(--black);
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.huge-text2 {
  color: var(--black);
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 4rem;
}

.heading2 {
  color: var(--black);
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 400;
  line-height: 4rem;
}

.container-28 {
  border: 0 #000;
  width: 95%;
  max-width: none;
  height: auto;
  font-size: 90%;
  line-height: 600px;
}

.image-21 {
  border-radius: 30px;
}

.section-23 {
  background-color: #afa43b;
  align-self: center;
  width: 95%;
  height: auto;
  margin-top: 0;
  padding-top: 180px;
}

.heading-9 {
  letter-spacing: 0;
  color: #1e1e1e;
  font-size: 131px;
  font-weight: 700;
  line-height: 120px;
}

.heading-10 {
  color: var(--black);
  border-bottom: 1px solid #000;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

.heading-10.no-border {
  border-bottom-style: none;
}

.heading-10.first-item {
  padding-top: 0;
}

.section-25 {
  background-color: #fff;
  border: 0 #000;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  margin-bottom: 60px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 6rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.section-25.white {
  background-color: #ebebeb;
}

.heading-11-black {
  letter-spacing: -7px;
  color: #dbdbdb;
  font-size: 238px;
  font-weight: 700;
  line-height: 214px;
}

.heading-12-black {
  color: var(--black);
  letter-spacing: -.07rem;
  text-transform: none;
  padding-top: .25em;
  padding-bottom: .25em;
  font-size: 89px;
  font-weight: 700;
  line-height: 90px;
}

.paragraph-5-black {
  color: var(--black);
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 21px;
}

.section-26-black {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  max-width: 640px;
  display: flex;
}

.paragraph-6 {
  color: var(--black);
}

.paragraph-7-black {
  color: var(--black);
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.section-27-black {
  display: none;
}

.section-27-black.below-number {
  margin-left: 10px;
  display: block;
}

.div-block-19 {
  z-index: -1;
  background-color: #a62c06;
  width: 50%;
  height: 400px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.image-22 {
  border-radius: 30px;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.section-28 {
  flex-flow: column;
  align-items: center;
  max-width: 1586px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: static;
}

.section-29 {
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.paragraph-8 {
  color: var(--black);
  width: 97%;
  margin-left: auto;
  margin-right: auto;
}

.heading-15 {
  color: var(--black);
  letter-spacing: -.07rem;
  text-transform: none;
  width: 100%;
  margin: 2rem auto;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.1;
}

.image-23 {
  border-radius: 30px;
  width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-20 {
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.header-2 {
  align-items: flex-end;
  margin-right: 40px;
  padding-top: 100px;
  padding-left: 40px;
}

.div-block-21 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

.heading-16 {
  font-size: 238px;
  line-height: 214.47px;
}

.paragraph-9 {
  color: #fff;
}

.div-block-22 {
  flex-flow: column;
  justify-content: flex-end;
  width: 50%;
  height: 100%;
  display: flex;
}

.heading-17 {
  color: #fff;
  font-size: 89px;
  line-height: 80px;
}

.paragraph-10 {
  color: #a8a8a8;
  margin-top: 20px;
  font-size: 19px;
}

.image-24 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-25 {
  margin-top: 40px;
}

.heading-19 {
  text-align: center;
  margin-top: 2rem;
  font-size: 58px;
  font-weight: 700;
  line-height: 52px;
}

.div-block-24 {
  padding-left: 40px;
  padding-right: 40px;
}

.section-black {
  justify-content: space-between;
  padding: 100px 40px 40px;
  display: flex;
}

.section-32 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.section-33 {
  align-items: flex-end;
  padding: 100px 40px 40px;
  display: flex;
}

.section-34 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.heading-23 {
  color: #383838;
  font-size: 238px;
  font-weight: 700;
  line-height: 214px;
}

.heading-27 {
  font-size: 86px;
  font-weight: 700;
  line-height: 86px;
}

.paragraph-11 {
  letter-spacing: 0;
  color: #a8a8a8;
  width: 50%;
  margin-top: 40px;
  font-size: 1rem;
  line-height: 21px;
}

.paragraph-12 {
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.paragraph-13 {
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

.paragraph-14 {
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-25 {
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.paragraph-15 {
  color: var(--black);
  letter-spacing: 0;
  font-size: 1rem;
  line-height: 21px;
}

.heading-28 {
  color: var(--black);
  font-size: 60px;
  font-weight: 700;
  line-height: 65px;
}

.div-block-26 {
  width: 60%;
}

.div-block-27 {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.div-block-28 {
  z-index: -1;
  background-color: #4046ac;
  width: 50%;
  height: 300px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-28 {
  width: 100%;
  position: relative;
}

.div-block-29 {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.div-block-30 {
  z-index: -1;
  background-color: #fff;
  width: 50%;
  height: 400px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.heading-29 {
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 80px;
  line-height: 80px;
}

.div-block-31 {
  padding: 40px 40px 2rem;
}

.paragraph-16 {
  float: right;
  clear: none;
  letter-spacing: 0;
  color: #a8a8a8;
  width: 60%;
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 21px;
}

.heading-30 {
  text-align: center;
  font-size: 58px;
  font-weight: 700;
  line-height: 52px;
}

.div-block-32 {
  padding-left: 40px;
  padding-right: 40px;
}

.image-29, .image-30 {
  width: 100%;
}

.div-block-33 {
  padding-left: 40px;
  padding-right: 40px;
}

.heading-31 {
  color: var(--black);
  padding: 40px;
  font-size: 90px;
  font-weight: 700;
  line-height: 90px;
}

.paragraph-17 {
  color: var(--black);
  letter-spacing: 0;
  width: 60%;
  padding-top: 20px;
  font-size: 1rem;
  line-height: 21px;
}

.heading-32 {
  text-align: center;
  text-transform: none;
  background-color: #052f5b;
  margin: 2rem 0;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0;
  font-size: 58px;
  font-weight: 700;
  line-height: 52px;
}

.paragraph-18 {
  float: right;
  color: var(--black);
  letter-spacing: 0;
  width: 60%;
  padding-left: 0;
  padding-right: 0;
  font-size: 1rem;
  line-height: 21px;
}

.div-block-34 {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.div-block-35 {
  z-index: -1;
  background-color: #4877f0;
  width: 50%;
  height: 300px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.image-31 {
  width: 100%;
}

.div-block-36 {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.image-32 {
  width: 100%;
}

.heading-33 {
  color: #4877f0;
  margin-bottom: 2rem;
  font-weight: 700;
}

.paragraph-19 {
  letter-spacing: 0;
  color: #a8a8a8;
  width: 60%;
  margin-top: 20px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 21px;
}

.image-33 {
  width: 100%;
  margin-top: 20px;
}

.paragraph-20 {
  float: right;
  letter-spacing: 0;
  color: #a8a8a8;
  width: 60%;
  margin-top: 20px;
  font-size: 1rem;
  line-height: 21px;
}

.heading-34 {
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 1rem;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 58px;
  font-weight: 700;
  line-height: 52px;
}

.div-block-37 {
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.div-block-38 {
  padding-left: 40px;
  padding-right: 40px;
}

.image-34, .image-35 {
  width: 100%;
}

.heading-35 {
  text-align: center;
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 500px;
  font-size: 110px;
  font-weight: 700;
  line-height: 110px;
  display: flex;
}

.div-block-39 {
  margin-top: -100px;
  margin-bottom: -100px;
  padding-bottom: 0;
  position: static;
}

.paragraph-21 {
  color: var(--black);
}

.paragraph-22 {
  float: right;
  color: var(--black);
  letter-spacing: 0;
  width: 50%;
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 21px;
}

.div-block-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.heading-36 {
  color: var(--black);
  text-align: center;
  margin-top: 2rem;
  font-size: 58px;
  font-weight: 700;
  line-height: 52px;
}

.image-36 {
  width: 100%;
  margin-top: 40px;
}

.paragraph-23 {
  color: var(--black);
  letter-spacing: 0;
  width: 50%;
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 21px;
}

.div-block-41 {
  background-image: url('../images/bender-1-2.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  height: 800px;
  padding-left: 40px;
  display: flex;
}

.heading-37 {
  color: #303030;
  font-size: 58px;
  font-weight: 700;
  line-height: 52px;
}

.heading-38 {
  text-align: center;
  color: #369a84;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
}

.bold-text-36 {
  font-weight: 300;
}

.div-block-42 {
  padding-left: 40px;
  padding-right: 40px;
}

.div-block-43 {
  background-image: url('../images/crewire-1-1_1.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  justify-content: flex-end;
  align-items: center;
  height: 850px;
  padding-right: 40px;
  display: flex;
}

.heading-39 {
  color: var(--black);
  text-align: left;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 100px;
  font-weight: 700;
  line-height: 150px;
}

.image-37 {
  width: 100%;
}

.paragraph-24 {
  color: var(--black);
  letter-spacing: 0;
  width: 50%;
  margin-top: 40px;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 21px;
}

.div-block-44 {
  background-color: #ebebeb;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 40px;
}

.heading-40 {
  text-align: center;
  background-color: #0b4cb6;
  margin-bottom: 1rem;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 56px;
  font-weight: 700;
  line-height: 52px;
}

.image-38 {
  width: 100%;
  margin-top: 40px;
}

.paragraph-25 {
  float: right;
  color: var(--black);
  letter-spacing: 0;
  width: 60%;
  margin-top: 40px;
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 21px;
}

.bold-text-37 {
  letter-spacing: 0;
  color: #a8a8a8;
  font-weight: 300;
  line-height: 21px;
}

.div-block-45 {
  z-index: 9;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.image-39 {
  width: 100%;
}

.div-block-46 {
  z-index: -1;
  background-color: #f0b03a;
  width: 50%;
  height: 300px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-47 {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.heading-41 {
  text-align: left;
  color: #f0b03a;
  margin-bottom: 2rem;
  font-size: 100px;
  font-weight: 700;
  line-height: 100px;
}

.div-block-48 {
  background-image: url('../images/bender-2-1_1.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: flex-end;
  height: 750px;
  margin-top: 20px;
  padding-bottom: 40px;
  padding-left: 40px;
  display: flex;
}

.paragraph-26 {
  letter-spacing: 0;
  color: #a8a8a8;
  width: 60%;
  margin-top: 2rem;
  font-size: 1rem;
  line-height: 21px;
}

.div-block-49 {
  background-image: url('../images/bender-7-1.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  align-items: flex-end;
  height: 640px;
  margin-top: 2rem;
  padding-bottom: 40px;
  padding-left: 40px;
  display: flex;
}

.paragraph-27 {
  float: right;
}

.paragraph-28 {
  float: right;
  width: 60%;
}

.paragraph-29 {
  width: 60%;
}

.div-block-50 {
  justify-content: flex-end;
  margin-top: 20px;
  display: flex;
}

.paragraph-30 {
  letter-spacing: 0;
  color: #a8a8a8;
  width: 60%;
  font-size: 1rem;
  line-height: 21px;
}

.paragraph-31, .paragraph-32 {
  letter-spacing: 0;
  color: #a8a8a8;
  font-size: 1rem;
  line-height: 21px;
}

.paragraph-33 {
  letter-spacing: 0;
  color: #a8a8a8;
  margin-top: 20px;
  font-size: 1rem;
  line-height: 21px;
}

.div-block-51 {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.image-40 {
  width: 100%;
}

.div-block-52 {
  background-color: #0000;
  justify-content: space-between;
  align-items: flex-end;
  height: 504px;
  padding-right: 40px;
  display: block;
}

.div-block-53 {
  background-color: #afa43b;
  justify-content: space-between;
  align-items: flex-end;
  height: 504px;
  margin-top: -210px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: static;
}

.heading-42 {
  color: #1e1e1e;
  font-size: 131px;
  font-weight: 700;
  line-height: 121px;
}

.div-block-54 {
  background-color: #0000;
  flex-flow: column;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
}

.div-block-55 {
  background-color: #292929;
  width: 47px;
  height: 250px;
}

.div-block-56 {
  background-color: #afa43b;
  width: 47px;
  height: 51px;
  margin-bottom: 20px;
}

.div-block-57 {
  margin-top: -200px;
  padding-left: 40px;
  padding-right: 40px;
}

.paragraph-34 {
  letter-spacing: 0;
  color: #a8a8a8;
  width: 60%;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 1rem;
  line-height: 21px;
}

.div-block-58 {
  background-image: url('../images/grvac-3-1.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  align-items: flex-start;
  width: 100%;
  height: 596px;
  margin-top: 20px;
  padding-top: 40px;
  padding-left: 40px;
  display: flex;
}

.heading-43 {
  font-size: 58px;
  font-weight: 700;
  line-height: 52px;
}

.paragraph-35 {
  margin-top: 20px;
}

.paragraph-36 {
  float: right;
  letter-spacing: 0;
  color: #a8a8a8;
  width: 60%;
  margin-top: 20px;
  font-size: 1rem;
  line-height: 21px;
}

.div-block-59 {
  background-color: #e6737300;
  height: 100%;
}

.recaptcha {
  margin-top: 2rem;
}

.image-41, .image-42 {
  width: 100%;
}

.below-number {
  margin-top: 10px;
  margin-left: 10px;
  display: block;
}

.below-number.mobile {
  display: none;
}

.section-35 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.heading-44 {
  font-size: 56px;
  font-weight: 700;
  line-height: 52px;
}

.section-36 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.paragraph-37 {
  letter-spacing: 0;
  font-size: 19px;
  line-height: 21px;
}

.heading-45 {
  font-size: 58px;
  font-weight: 700;
  line-height: 60px;
}

.heading-46 {
  font-size: 58px;
  font-weight: 700;
  line-height: 52px;
}

.section-37 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.bold-text-38, .bold-text-39, .bold-text-40, .bold-text-41, .bold-text-42, .bold-text-43, .bold-text-44, .bold-text-45, .bold-text-46, .bold-text-47 {
  font-weight: 300;
}

.div-block-60 {
  display: flex;
}

._3 {
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.div-block-61 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: stretch;
  margin-left: -1.04px;
  margin-right: -1.04px;
  display: flex;
}

.div-block-62 {
  flex-flow: wrap;
  justify-content: flex-end;
  margin-left: -1.04px;
  margin-right: -1.04px;
  display: flex;
}

.div-block-63 {
  justify-content: flex-end;
  display: flex;
}

.paragraph-38 {
  font-size: 1rem;
}

@media screen and (min-width: 1280px) {
  .nav-link.w--current {
    background-image: linear-gradient(to bottom, var(--black), var(--black));
    color: var(--white);
  }

  .video-lightbox {
    border-radius: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .big-split-header.outline {
    font-size: 20rem;
  }

  .large-header-wrap-2 {
    width: 100%;
  }

  .c-page {
    margin-top: 0;
  }

  .heading-overflow-3 {
    width: 100%;
  }

  .up-header {
    height: 400px;
    margin-top: 0;
    position: static;
    inset: 0%;
  }

  .acupa-progress-bar {
    padding-left: 10px;
  }

  .acupa-scroll-indicator {
    padding-left: 14.1em;
  }

  .acupa-learn-more {
    font-size: 18px;
  }

  .acupa-section-wrapper {
    margin-left: 12.1em;
  }

  .acupa-content-blurb {
    font-size: 24px;
    line-height: 30px;
  }

  .text-custom-gray {
    font-size: 1.15vw;
    font-weight: 500;
  }

  .page-padding_lvl {
    padding-left: 2rem;
  }

  .home-hero-video {
    position: fixed;
  }

  .lightbox-video-thumbnail-2 {
    border-radius: 30px;
  }

  .body-black {
    background-color: #282828;
  }

  .bold-text-33, .bold-text-34 {
    font-weight: 400;
  }

  .hero-heading-2 {
    max-width: 1000px;
  }

  .testimonial_type {
    text-transform: none;
  }

  .ivy-xl-2.about-smaller {
    font-size: 6rem;
    font-weight: 500;
  }

  .clash-xl-2.smaller {
    font-size: 5em;
  }

  .section-contrainer.content-wrap {
    max-width: 1200px;
  }

  .step-header-section {
    align-items: flex-start;
  }

  .steps-header-wrap.right {
    color: var(--black);
    padding-top: 0;
    font-weight: 500;
  }

  .heading-10 {
    border-bottom: 1px solid #000;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1rem;
  }

  .heading-10.no-border {
    border-bottom-style: none;
  }

  .heading-10.first-item {
    border-bottom: 1px solid #000;
    font-size: 1rem;
  }

  .section-25 {
    background-color: #fff;
    padding-top: 4rem;
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-11-black {
    color: #dbdbdb;
  }

  .heading-12-black, .paragraph-5-black, .paragraph-7-black {
    color: var(--black);
  }

  .image-22 {
    width: 100%;
  }

  .section-29 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-15 {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-23 {
    width: 100%;
  }

  .div-block-20, .div-block-23 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-24 {
    margin-top: 40px;
    padding-bottom: 40px;
  }

  .image-25 {
    padding-top: 0;
  }

  .heading-19 {
    text-align: center;
    margin-top: 40px;
    font-size: 58px;
    line-height: 52px;
  }

  .div-block-24 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-black {
    justify-content: space-between;
    padding: 100px 40px 40px;
    display: flex;
  }

  .section-32 {
    width: 50%;
  }

  .section-33 {
    padding: 100px 40px 40px;
    display: flex;
  }

  .section-34 {
    width: 50%;
  }

  .heading-23 {
    color: #383838;
    font-size: 238px;
    line-height: 215px;
  }

  .paragraph-11 {
    color: #a8a8a8;
    width: 50%;
    margin-top: 40px;
  }

  .div-block-25 {
    justify-content: space-between;
    align-items: flex-end;
    padding: 40px;
    display: flex;
  }

  .paragraph-15, .heading-28 {
    color: var(--black);
  }

  .div-block-27 {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }

  .div-block-28 {
    z-index: -1;
    background-color: #4046ac;
    width: 50%;
    height: 300px;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .div-block-48 {
    height: 800px;
  }
}

@media screen and (min-width: 1440px) {
  .navbar {
    justify-content: center;
    align-items: center;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .nav-link {
    letter-spacing: 0;
    font-size: 1rem;
    font-weight: 500;
  }

  .nav-menu {
    font-size: 5px;
  }

  .home-section-wrap {
    margin-right: 16px;
  }

  .about-grid2 {
    background-image: linear-gradient(#000, #000), linear-gradient(#ffffff80, #ffffff80);
  }

  .video-stick {
    position: relative;
  }

  .services-image-2 {
    position: sticky;
  }

  .services-image-2._1 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }

  .services-image-2._3 {
    border-top: 1px solid #000;
    border-bottom-width: 1px;
  }

  .banner {
    height: 40vw;
    margin-left: 54px;
    margin-right: 54px;
  }

  .section-3.home-hero-section {
    min-height: 60vh;
  }

  .section-after-intro-text {
    background-color: #0000;
    margin-top: -157vh;
    margin-bottom: -11px;
    padding-bottom: 27.8em;
  }

  .page-intro-title-wrapper {
    grid-column-gap: 0vh;
    grid-row-gap: 0vh;
    margin-top: 90px;
  }

  .page-intro-title.is-webdesign {
    text-align: left;
    text-transform: none;
    margin-top: 58px;
    font-size: 5vw;
  }

  .page-intro-title.is-animation {
    text-transform: none;
    margin-top: -144px;
  }

  .video-lightbox {
    padding-left: 40px;
    padding-right: 40px;
  }

  ._140-image {
    width: 700px;
    height: 700px;
  }

  ._140-image.bg._2 {
    width: 600px;
    height: 600px;
    margin-left: 1203px;
    margin-right: -800px;
  }

  ._140-image.bg._1 {
    width: 600px;
    height: 600px;
  }

  .video-reveal-wrap {
    position: sticky;
  }

  .banner-bg {
    object-fit: cover;
    margin-top: 0;
    position: sticky;
    top: 0;
  }

  .section-4.behind {
    padding-top: 100px;
  }

  .video-reveal-trigger-3 {
    position: static;
  }

  .video-reveal-7 {
    width: 100%;
    height: 100%;
    position: sticky;
  }

  .div-block-7 {
    height: 200vh;
  }

  .div-block-8 {
    position: relative;
  }

  .container-5 {
    width: 100%;
    max-width: 100%;
    height: 200vh;
  }

  .paragraph-light-2 {
    font-size: 1rem;
  }

  .about-grid2-2 {
    background-image: linear-gradient(#ffffff80, #ffffff80);
  }

  .lightbox-video-thumbnail {
    max-height: 1080px;
    margin-top: 0;
    padding-bottom: 56.25%;
  }

  .center-w2.gutter-outside {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .letter-wrapper {
    height: 50dvh;
    margin-bottom: 0;
  }

  .col.col-lg-9._9, .col.col-lg-6._8 {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .outline {
    line-height: .9;
  }

  .gradient-text {
    margin-left: 700px;
  }

  .main-text.heading-xlarge.secondary-font {
    z-index: 1;
    color: #3e3d3b;
    mix-blend-mode: darken;
    z-index: 1;
    mix-blend-mode: darken;
    z-index: 1;
    mix-blend-mode: darken;
    line-height: .9;
    position: relative;
  }

  .footer-wrap {
    max-width: 100%;
  }

  .input.footer {
    font-size: 18px;
    line-height: 20px;
  }

  .cta-black-footer {
    padding-left: 45px;
    padding-right: 45px;
  }

  .hero-paragrapgh {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
  }

  .big-split-header {
    border: 1px solid #0000;
    font-size: 9rem;
  }

  .section-header-wrapper {
    padding-left: 0;
  }

  .home-about-section, .smaller-hopping-section {
    padding-top: 4.9rem;
    padding-bottom: 4.9rem;
  }

  .home-hero-info-wrap {
    margin-right: 16px;
    padding-right: 0;
  }

  .big-split-header-2 {
    border: 1px solid #0000;
  }

  .header-paragraph {
    font-size: 1.3rem;
  }

  .section-wrapper {
    max-width: 1100px;
  }

  .text-wrap {
    width: 800px;
  }

  .big-bg-section-decor-2 {
    width: 470px;
    top: -27%;
  }

  .large-button {
    min-height: 470px;
    margin-bottom: 2rem;
  }

  .c-page {
    margin-top: 0;
  }

  .form-block {
    position: absolute;
    inset: 0%;
  }

  .heading-large.text-style-all-caps.text-weight-xbold.primary-font {
    font-size: 20vw;
  }

  .image-18 {
    margin-top: 0;
  }

  .up-header {
    height: 200px;
    position: relative;
    top: 0;
    bottom: 20px;
  }

  .paragraph-2 {
    letter-spacing: 0;
    font-size: 1rem;
    font-weight: 500;
  }

  .bold-text-10 {
    text-transform: none;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
  }

  .the-problem-section {
    padding-top: 4.9rem;
    padding-bottom: 4.9rem;
  }

  .section-header-wrapper-2 {
    padding-left: 5.1rem;
  }

  .background-video-3 {
    flex: none;
    width: 50%;
  }

  .acupa-header {
    padding-top: 8.5em;
  }

  .logo-wrapper {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .logo-2 {
    max-width: 160px;
  }

  .social-icon-5 {
    width: 40px;
    height: 40px;
  }

  .footer-section-2 {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .hero-text-2 {
    font-size: 60px;
  }

  .rotate-circle {
    margin-bottom: 3%;
  }

  .text-custom-gray {
    font-size: 1.15vw;
    font-weight: 500;
    line-height: 2vw;
  }

  .hero-text-3 {
    font-size: 60px;
  }

  .container-20 {
    padding-top: 30px;
    padding-left: 0;
  }

  .container-w1.gutter-outside {
    max-width: 100%;
  }

  ._140-image-2 {
    width: 700px;
    height: 700px;
  }

  ._140-image-2.bg._2 {
    width: 700px;
    height: 700px;
    right: -400px;
  }

  ._140-image-2.bg._1 {
    width: 700px;
    height: 700px;
    margin-left: -564px;
  }

  .gradient-text-3 {
    margin-left: 543px;
  }

  .letter-1 {
    font-weight: 400;
  }

  .row-4.justify-end {
    margin-left: 0;
    margin-right: 0;
  }

  .parent-card-artist-2._9 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .parent-card-artist-2._9.right {
    justify-content: flex-end;
  }

  .parent-card-artist-2.right._8 {
    align-items: flex-start;
  }

  ._140-image-3 {
    width: 700px;
    height: 700px;
  }

  ._140-image-3._1 {
    width: 700px;
    height: 500px;
  }

  ._140-image-3._1._9 {
    width: 45vw;
  }

  ._140-image-3.bg._1 {
    width: 700px;
    height: 500px;
    margin-left: 30px;
    right: 0;
  }

  ._140-image-3.bg._3, ._140-image-3.bg._1-copy, ._140-image-3.bg._4, ._140-image-3.bg._5, ._140-image-3.bg._6 {
    width: 45vw;
    height: 500px;
    margin-left: 0;
    right: 0;
  }

  ._140-image-3.bg._7 {
    width: 45vw;
    height: 500px;
    margin-left: 0;
    margin-right: 0;
    right: 0;
  }

  ._140-image-3.bg._8, ._140-image-3.bg._9 {
    width: 45vw;
    height: 500px;
    margin-left: 0;
    right: 0;
  }

  ._140-image-3._2 {
    width: 45vw;
    height: 500px;
  }

  ._140-image-3._3 {
    width: 700px;
    height: 500px;
  }

  ._140-image-3._4 {
    width: 45vw;
    height: 500px;
  }

  ._140-image-3._5 {
    width: 700px;
    height: 500px;
  }

  ._140-image-3._6 {
    width: 45vw;
    height: 500px;
  }

  ._140-image-3._7 {
    width: 700px;
    height: 500px;
  }

  ._140-image-3._8._1 {
    width: 700px;
  }

  ._140-image-3._8 {
    width: 45vw;
    height: 500px;
  }

  ._140-image-3._9 {
    width: 700px;
    height: 500px;
  }

  .service-wrapper {
    margin-top: 60px;
  }

  .service-content-wrapper {
    grid-column-gap: 0px;
    grid-template-columns: 4fr;
  }

  .service-image-wrapper.indented {
    height: 12em;
    margin-right: 0;
  }

  .service-image.branding {
    background-image: url('../images/ai-1.png');
    background-position: 50% 0;
    background-size: cover;
  }

  .service-image.logo-design {
    background-image: url('../images/ai-2.png');
    background-position: 50% 0;
    background-size: cover;
  }

  .white-paragraph {
    color: var(--black);
    text-align: left;
    margin-top: 2rem;
  }

  .list-item-content {
    justify-content: space-between;
  }

  .section-18.section-component {
    background-color: var(--white);
  }

  .container-24 {
    max-width: 100%;
  }

  .list-item-image-transition {
    background-color: var(--transparent);
  }

  .list-item {
    justify-content: space-between;
  }

  .bold-text-19, .bold-text-20, .bold-text-21, .bold-text-22, .bold-text-23, .bold-text-24 {
    color: var(--black);
    font-size: 2rem;
  }

  .paragraph-3, .paragraph-4 {
    color: var(--black);
    flex: none;
    order: 1;
  }

  .optimism-cta-2 {
    justify-content: space-between;
    align-items: center;
  }

  .action-content {
    grid-column-gap: 0px;
    grid-auto-flow: row;
    padding-right: 0;
  }

  .large-circle-link {
    left: 100px;
  }

  .banner-image-wrapper {
    height: 80vh;
    margin-right: 2.5vw;
  }

  .optimism-cta, .background-image.action-banner {
    height: 80vh;
  }

  .text-block-14, .text-block-15 {
    color: var(--black);
    font-size: 16vw;
  }

  .hero-text-4 {
    font-size: 60px;
  }

  .container-lvl {
    margin-left: 0;
  }

  .page-padding_lvl {
    padding-left: 0;
  }

  .bold-text-25 {
    margin-bottom: 20px;
    font-size: 4rem;
    font-weight: 700;
    display: block;
  }

  .lightbox-video-thumbnail-2 {
    border-radius: 30px;
  }

  .section-19 {
    padding-top: 0;
  }

  .body-black {
    background-color: #282828;
  }

  .hero-section-7 {
    padding-top: 0;
  }

  .div-block-17 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 20vw;
    display: flex;
  }

  .testimonial_quote {
    font-size: 140px;
  }

  .testimonial_company {
    margin-top: 64px;
  }

  .testimonial_type {
    text-transform: none;
  }

  .huge-text {
    letter-spacing: 0;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .container-27 {
    max-width: 100%;
    margin-left: 32px;
  }

  .huge-text-copy {
    font-size: 4rem;
    line-height: 1.2;
  }

  .arrow-button-text {
    font-size: .7rem;
  }

  .steps-header-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .steps-header-wrap.right {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-right: 32px;
  }

  .steps-subtitle-wrap {
    margin-bottom: .75rem;
  }

  .step-section-header {
    align-self: flex-start;
  }

  .steps-paragraph {
    align-self: stretch;
  }

  .huge-text2, .heading2 {
    letter-spacing: 0;
  }

  .section-24 {
    width: 100%;
  }

  .heading-10 {
    color: var(--black);
    letter-spacing: 0;
    border-bottom: 1px solid #000;
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
  }

  .heading-10.no-border {
    border-bottom-style: none;
  }

  .heading-10.first-item {
    padding-top: 0;
  }

  .section-25 {
    background-color: #fff;
    margin-bottom: 0;
    padding: 140px 40px 40px;
  }

  .heading-11-black {
    color: #dbdbdb;
  }

  .heading-12-black, .paragraph-5-black {
    color: var(--black);
  }

  .section-26-black {
    max-width: none;
  }

  .paragraph-7-black {
    color: var(--black);
  }

  .div-block-19 {
    height: 500px;
  }

  .image-22 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .section-28 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .section-29 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-23 {
    background-color: #282828;
    padding: 20px 40px;
  }

  .image-24 {
    width: 100%;
    height: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .image-25 {
    width: 100%;
    margin-top: 40px;
    padding-top: 0;
  }

  .image-26, .image-27 {
    width: 100%;
  }

  .heading-18 {
    text-align: center;
    margin-top: 20px;
    font-size: 58px;
    font-weight: 700;
    line-height: 52px;
  }

  .heading-19 {
    text-align: center;
    margin-top: 40px;
    padding-bottom: 40px;
    font-size: 58px;
    line-height: 52px;
  }

  .div-block-24 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-black {
    justify-content: space-between;
    margin-bottom: 40px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .section-30 {
    padding: 140px 40px 40px;
    display: flex;
  }

  .section-31 {
    flex-flow: column;
    justify-content: flex-end;
    width: 50%;
    display: flex;
  }

  .section-32 {
    width: 50%;
  }

  .heading-20 {
    color: #383838;
    font-size: 238px;
    font-weight: 700;
    line-height: 210px;
  }

  .section-33 {
    padding: 140px 40px 40px;
    display: flex;
  }

  .section-34 {
    flex-flow: column;
    justify-content: flex-end;
    width: 50%;
    display: flex;
  }

  .heading-23 {
    color: #383838;
    font-size: 238px;
    line-height: 215px;
  }

  .paragraph-11 {
    color: #a8a8a8;
    width: 50%;
    margin-top: 40px;
  }

  .div-block-25 {
    justify-content: space-between;
    align-items: flex-end;
    padding: 40px;
    display: flex;
  }

  .paragraph-15 {
    color: var(--black);
  }

  .heading-28 {
    color: var(--black);
    font-weight: 700;
  }

  .div-block-26 {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-27 {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }

  .div-block-28 {
    z-index: -1;
    background-color: #4046ac;
    width: 50%;
    height: 600px;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .paragraph-22, .heading-36 {
    margin-top: 3rem;
  }

  .paragraph-23 {
    margin-bottom: 2rem;
  }

  .div-block-48 {
    height: 900px;
  }

  .paragraph-30 {
    margin-bottom: 2rem;
  }

  .paragraph-36 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .paragraph-38 {
    line-height: 21px;
  }
}

@media screen and (min-width: 1920px) {
  p {
    color: #a8a8a8;
    font-size: 1.1vw;
  }

  .nav-link {
    letter-spacing: 0;
    font-size: 1rem;
    font-weight: 500;
  }

  .nav-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .video-lightbox {
    border: 1px #000;
    padding-left: 40px;
    padding-right: 40px;
  }

  ._140-image {
    width: 800px;
    height: 800px;
  }

  ._140-image.bg._2 {
    width: 800px;
    height: 800px;
    margin-right: 0;
  }

  ._140-image.bg._1 {
    order: 1;
    width: 800px;
    height: 800px;
    margin-left: 0;
  }

  .paragraph-light-2 {
    font-size: 1rem;
    line-height: 20px;
  }

  .gradient-text {
    margin-left: 759px;
  }

  .smooth-wrapper {
    font-size: 1px;
    font-weight: 700;
  }

  .smooth-wrapper.white {
    overflow-x: hidden;
  }

  .grid-2-columns {
    grid-column-gap: 56px;
    grid-row-gap: 80px;
  }

  .button-primary {
    padding: 28px 72px;
    font-size: 22px;
    line-height: 24px;
  }

  .button-primary.form {
    margin-top: 50px;
  }

  .paragraph-small {
    font-size: 18px;
    line-height: 30px;
  }

  .input {
    margin-bottom: 26px;
    padding-bottom: 24px;
    font-size: 22px;
    line-height: 24px;
  }

  .hero-paragrapgh {
    font-size: 4rem;
  }

  .big-split-header {
    font-size: 12rem;
    line-height: 1;
  }

  .section-paragraph {
    font-size: 2rem;
  }

  .large-header-wrap-2.stacked {
    padding-bottom: 0;
  }

  .home-hero-info-wrap {
    width: 50%;
    margin-right: 0;
  }

  .big-split-header-2 {
    font-size: 8rem;
    line-height: 1;
  }

  .section-wrapper {
    align-items: center;
    max-width: 1400px;
  }

  .service-icon.large-button {
    width: 20rem;
    height: 20rem;
  }

  .large-service-button {
    width: 45rem;
    height: 45rem;
  }

  .large-service-button:hover {
    color: #4b1dd3;
  }

  .step-button-container {
    max-width: 1200px;
  }

  .service-button-header {
    font-size: 2.7rem;
  }

  .text-wrap {
    width: 1300px;
  }

  .big-bg-section-decor-2 {
    object-fit: scale-down;
    width: 700px;
    height: 50vh;
    top: -55%;
    right: -9.9vw;
  }

  .large-button {
    min-height: 700px;
    margin-bottom: 1.5rem;
    margin-right: 1.5rem;
  }

  .grid-3 {
    grid-column-gap: 3em;
  }

  .section-header-2 {
    font-size: 4rem;
  }

  ._2-card-wrap {
    justify-content: center;
  }

  .services-item.middle-item, .services-item.left-item, .services-item.right-item {
    background-color: var(--main-white);
  }

  .services-section-2 {
    background-color: var(--white);
  }

  .text-block-7 {
    color: #8368ee;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 300;
  }

  .bold-text-4._11 {
    font-size: 1rem;
    font-weight: 700;
  }

  .bold-text-4._11._2 {
    color: #8d60ef;
    font-weight: 300;
  }

  .bold-text-5 {
    color: #8863ee;
    font-weight: 300;
  }

  .bold-text-5._1 {
    color: var(--black);
    font-size: 1rem;
    font-weight: 700;
  }

  .bold-text-6 {
    color: #8368ee;
    font-size: 1rem;
    font-weight: 300;
  }

  .bold-text-6._1 {
    color: #000;
    font-weight: 700;
  }

  .bold-text-7 {
    color: #8863ee;
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
  }

  .bold-text-7._1 {
    color: var(--black);
    font-weight: 700;
  }

  .bold-text-18 {
    color: #8d60ef;
    font-size: 1rem;
    font-weight: 300;
  }

  .bold-text-18._1 {
    color: #000;
    font-weight: 700;
  }

  .image-18 {
    margin-top: 50px;
    position: relative;
  }

  .up-header {
    height: 400px;
    margin-bottom: 0;
  }

  .body-3 {
    background-color: var(--white);
  }

  .paragraph-2 {
    font-size: 1rem;
  }

  .spline-scene-2 {
    width: 100%;
  }

  .container-large-2 {
    max-width: 100%;
  }

  .bold-text-9 {
    font-size: 1rem;
    font-weight: 700;
  }

  .paragraph-large-2 {
    font-size: 26px;
    line-height: 45px;
  }

  .text-block-10 {
    color: #8d60ef;
  }

  .text-block-11, .text-block-12 {
    text-align: center;
  }

  .text-block-13 {
    text-align: center;
    font-weight: 300;
  }

  .hero-cideo-container {
    position: sticky;
  }

  .background-video-3 {
    flex: 10 10 0;
  }

  .acupa-header {
    padding-top: 9.3em;
  }

  .acupa-content-blurb {
    font-size: 32px;
    line-height: 40px;
  }

  .rotate-text {
    width: 188px;
  }

  .logo-2 {
    max-width: 200px;
  }

  .arrow-wrapper {
    width: 120px;
    height: 120px;
  }

  .hero-text-2 {
    font-size: 64px;
  }

  .rotate-circle {
    width: 200px;
    height: 200px;
  }

  .text-custom-gray {
    font-size: 1.15vw;
    font-weight: 500;
    line-height: 2vw;
  }

  .hero-text-3 {
    font-size: 64px;
  }

  .page-header.outline {
    text-align: center;
    letter-spacing: 0;
    font-size: 16vw;
  }

  .dynamic-text-2 {
    color: var(--black);
  }

  .container-21 {
    flex-flow: column;
    align-items: stretch;
    max-width: 100%;
    display: flex;
  }

  .section-home {
    padding-left: 0;
    padding-right: 0;
  }

  .container-large-3 {
    max-width: 100%;
  }

  .hero-visual {
    width: 100%;
  }

  .container---s {
    order: 1;
  }

  .grid-row.is-first {
    grid-template-columns: 1fr .75fr;
  }

  .container-w1.gutter-outside {
    max-width: none;
  }

  ._140-image-2 {
    width: 800px;
    height: 800px;
  }

  ._140-image-2.bg._2 {
    box-shadow: none;
    border-radius: 0;
    width: 800px;
    height: 800px;
    right: -500px;
  }

  ._140-image-2.bg._1 {
    box-shadow: none;
    border-radius: 0;
    width: 800px;
    height: 800px;
    margin-left: -607px;
  }

  .our-works-2 {
    border-style: none;
  }

  .gradient-text-3 {
    background-color: var(--black);
    margin-left: 759px;
  }

  .letter-1 {
    font-weight: 400;
  }

  .letter-1._3 {
    font-size: 31vw;
  }

  .home-hero-block {
    justify-content: center;
    align-items: center;
  }

  ._140-image-3 {
    width: 800px;
    height: 800px;
  }

  ._140-image-3._1 {
    width: 45vw;
    height: 700px;
  }

  ._140-image-3.bg._1 {
    box-shadow: none;
    border-radius: 0;
    width: 800px;
    height: 700px;
    right: 0;
  }

  ._140-image-3.bg._3 {
    box-shadow: none;
    border-radius: 0;
    width: 45vw;
    height: 700px;
    right: 0;
  }

  ._140-image-3.bg._1-copy, ._140-image-3.bg._4 {
    box-shadow: none;
    border-radius: 0;
    width: 45vw;
    height: 700px;
    margin-right: 15px;
    right: 0;
  }

  ._140-image-3.bg._5 {
    box-shadow: none;
    border-radius: 0;
    width: 45vw;
    height: 700px;
    margin-left: 0;
    right: 0;
  }

  ._140-image-3.bg._6 {
    box-shadow: none;
    border-radius: 0;
    width: 45vw;
    height: 700px;
    right: 0;
  }

  ._140-image-3.bg._7 {
    box-shadow: none;
    border-radius: 0;
    width: 45vw;
    height: 700px;
    margin-left: 0;
    right: 0;
  }

  ._140-image-3.bg._8 {
    box-shadow: none;
    border-radius: 0;
    width: 45vw;
    height: 700px;
    right: 0;
  }

  ._140-image-3.bg._9 {
    box-shadow: none;
    border-radius: 0;
    width: 45vw;
    height: 700px;
    margin-right: 15px;
    right: 0;
  }

  ._140-image-3._2, ._140-image-3._3, ._140-image-3._4, ._140-image-3._5, ._140-image-3._6 {
    width: 45vw;
    height: 700px;
  }

  ._140-image-3._7 {
    width: 800px;
    height: 700px;
  }

  ._140-image-3._8 {
    height: 700px;
  }

  ._140-image-3._9 {
    width: 45vw;
    height: 700px;
  }

  .container-24 {
    max-width: 100%;
  }

  .sectionn-lottie-trasition-2 {
    margin-bottom: 2rem;
    top: -17.5rem;
  }

  .tabs-wrap {
    max-width: 1300px;
  }

  .optimism-cta-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
  }

  .banner-image-wrapper {
    margin-right: 2.5vw;
  }

  .body-6 {
    overflow-x: hidden;
  }

  .hero-text-4 {
    font-size: 64px;
  }

  .grid-6 {
    grid-column-gap: 3em;
  }

  .lightbox-video-thumbnail-2 {
    border-radius: 30px;
  }

  .section-19 {
    margin-bottom: 100px;
  }

  .body-12 {
    background-color: #282828;
  }

  .div-block-17 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 20vw;
    display: flex;
  }

  .testimonial_quote {
    font-size: 140px;
  }

  .test_customer-text {
    font-size: 1rem;
  }

  .testimonial_company {
    margin-top: 118px;
  }

  .testimonial_type {
    text-transform: none;
    font-size: 1rem;
    line-height: 1.44rem;
  }

  .page-padding-5 {
    padding-left: 0;
  }

  .purpose-component {
    padding-top: 8rem;
  }

  .div-block-18 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .ivy-xl-2.about-smaller {
    font-size: 8rem;
  }

  .clash-xl-2.smaller {
    font-size: 7em;
  }

  .section-contrainer.content-wrap {
    max-width: 1600px;
  }

  .circle-arrow-wrap {
    width: 18rem;
    height: 18rem;
    font-size: .9rem;
  }

  .steps-header-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .steps-header-wrap.right {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 27px;
  }

  .section-25 {
    background-color: #fff;
    border: 2px #000;
    flex-flow: row;
    justify-content: space-between;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 140px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-11-black {
    color: #dbdbdb;
    background-color: #dbdbdb00;
    font-size: 238px;
    font-weight: 700;
    line-height: 1;
  }

  .heading-12-black {
    color: var(--black);
    margin-bottom: .125em;
    font-size: 89px;
  }

  .paragraph-5-black {
    color: var(--black);
  }

  .section-26-black {
    max-width: none;
  }

  .heading-14, .paragraph-7-black {
    color: var(--black);
  }

  .div-block-19 {
    height: 600px;
  }

  .image-22 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .section-28 {
    position: static;
  }

  .section-29 {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }

  .image-23 {
    width: 100%;
  }

  .div-block-20 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-19 {
    padding-bottom: 40px;
  }

  .div-block-24 {
    margin-top: 0;
  }

  .section-black, .section-30 {
    justify-content: space-between;
    padding-top: 140px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .section-31 {
    flex-flow: column;
    justify-content: flex-end;
    width: 50%;
    display: flex;
  }

  .section-32 {
    width: 50%;
  }

  .heading-20 {
    color: #383838;
    font-size: 238px;
    line-height: 210px;
  }

  .section-33 {
    justify-content: space-between;
    padding-top: 140px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .section-34 {
    flex-flow: column;
    justify-content: flex-end;
    width: 50%;
    display: flex;
  }

  .heading-21, .heading-22 {
    font-size: 238px;
    line-height: 215px;
  }

  .heading-23 {
    color: #383838;
    font-size: 238px;
    font-weight: 700;
    line-height: 215px;
  }

  .paragraph-11 {
    width: 50%;
    margin-top: 40px;
  }

  .paragraph-12, .paragraph-13, .paragraph-14 {
    color: var(--white);
  }

  .div-block-25 {
    justify-content: space-between;
    padding: 40px;
    display: flex;
  }

  .paragraph-15, .heading-28 {
    color: var(--black);
  }

  .div-block-26 {
    width: 70%;
  }

  .div-block-27 {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: relative;
  }

  .div-block-28 {
    z-index: -1;
    box-sizing: border-box;
    aspect-ratio: auto;
    background-color: #4046ac;
    width: 50%;
    height: 600px;
    position: absolute;
    inset: 0% 0% 0% auto;
    overflow: visible;
  }

  .div-block-31 {
    padding-bottom: 3rem;
  }

  .paragraph-16 {
    margin-top: 3rem;
  }

  .heading-30 {
    margin-bottom: 3rem;
  }

  .heading-31 {
    text-transform: none;
  }

  .paragraph-17 {
    margin-top: 40px;
    margin-bottom: 50px;
    padding-top: 0;
    font-size: 1rem;
  }

  .paragraph-18 {
    margin-top: 20px;
    margin-bottom: 60px;
    font-size: 1rem;
  }

  .heading-34 {
    margin-bottom: 2rem;
  }

  .paragraph-22, .image-36 {
    margin-top: 4rem;
  }

  .paragraph-23 {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-bottom: 0;
  }

  .bold-text-37 {
    line-height: 14px;
  }

  .heading-41 {
    text-align: left;
  }

  .div-block-48 {
    height: 950px;
  }

  .paragraph-26 {
    margin-top: 4rem;
  }

  .div-block-49 {
    height: 800px;
    margin-top: 4rem;
  }

  .paragraph-30 {
    margin-bottom: 2rem;
  }

  .div-block-53 {
    margin-top: -200px;
  }

  .div-block-57 {
    margin-top: -160px;
  }

  .div-block-58 {
    height: 800px;
  }

  .paragraph-36 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .div-block-63 {
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
  }

  .paragraph-38 {
    line-height: 21px;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: .88rem;
    line-height: 1.25rem;
  }

  h1 {
    letter-spacing: -.0625rem;
    font-size: 4rem;
    line-height: 4.5rem;
  }

  h2 {
    letter-spacing: -.06rem;
    font-size: 3.5rem;
    line-height: 4rem;
  }

  h3 {
    letter-spacing: -.0625rem;
    font-size: 3rem;
    line-height: 3.5rem;
  }

  h4 {
    letter-spacing: -.0625rem;
    font-size: 2.5rem;
    line-height: 3rem;
  }

  h5 {
    letter-spacing: .13rem;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  h6 {
    letter-spacing: .125rem;
    font-size: .7rem;
    line-height: 1.2rem;
  }

  p, a {
    letter-spacing: .06rem;
    font-size: 1rem;
    line-height: 1.7rem;
  }

  ul, ol {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: 2.5rem;
  }

  li {
    letter-spacing: .06rem;
    font-size: 1rem;
    line-height: 1.7rem;
  }

  sup {
    font-size: 2.5rem;
    line-height: 2rem;
    top: -.3rem;
  }

  blockquote {
    padding: .5rem 0 .5rem 1.5rem;
    font-size: 1rem;
    line-height: 1.7rem;
  }

  .space-page-top {
    min-height: 10rem;
  }

  .utilities-title-flex {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .container {
    padding-top: 161px;
    position: sticky;
    top: 26px;
  }

  .container.padding-4-5rem, .container.padding-9rem, .container.padding-13-5rem {
    padding-left: 10%;
    padding-right: 10%;
  }

  .space-2rem {
    min-height: 2rem;
  }

  .utilities-wrapper {
    width: 100%;
  }

  .utilities-line {
    min-width: 2rem;
    min-height: .25rem;
  }

  .utilities-title {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .utilities-line-spacer {
    min-height: .06rem;
  }

  .space-4rem {
    min-height: 4rem;
  }

  .space-1rem {
    min-height: 1rem;
  }

  .outline-white {
    -webkit-text-stroke-width: .0625rem;
    margin-right: .21rem;
  }

  .space-7rem {
    min-height: 7rem;
  }

  .hide-on-tab {
    display: none;
  }

  .max-width-38rem {
    max-width: 38rem;
  }

  .invert {
    filter: invert();
  }

  .button-text {
    font-size: 1rem;
    line-height: 1.7rem;
  }

  .arrow {
    min-width: .8rem;
    max-width: .8rem;
    min-height: .8rem;
    max-height: .8rem;
  }

  .button-arrow-wrapper {
    min-width: 2.5rem;
    max-width: 2.5rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    top: 2.75rem;
    left: 2.75rem;
  }

  .button-with-circle-icon {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-width: .06rem;
    border-radius: 8rem;
    min-width: 11rem;
    padding: .125rem .25rem .125rem 2rem;
  }

  .button-text-absolute {
    font-size: 1rem;
    line-height: 1.7rem;
  }

  .footer-logo-link-wrapper {
    z-index: 1000000;
  }

  .footer-right-flex {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .footer-link {
    font-size: .9rem;
    line-height: 1.6rem;
  }

  .footer-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .footer-bottom {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .footer-flex {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .footer-logo {
    min-height: 1.5rem;
    max-height: 1.5rem;
  }

  .footer-line {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    height: .06rem;
  }

  .footer-top {
    max-width: 100%;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .footer-block {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .socials-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .social-icon {
    min-width: 2rem;
    max-width: 2rem;
    min-height: 2rem;
    max-height: 2rem;
  }

  .social-icon.smaller {
    min-width: 1rem;
    max-width: 1rem;
    min-height: 1rem;
    max-height: 1rem;
  }

  .max-width-19vw {
    max-width: 15rem;
  }

  .utilities-side-bar {
    border-right-width: .06rem;
    min-width: 20rem;
    max-width: 20rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: none;
    top: 2rem;
  }

  .utilities-flex-title {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .utilities-icon {
    min-width: 2.5rem;
    height: 2.5rem;
  }

  .navbar {
    color: var(--black);
    height: 4rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .logo-link-wrapper {
    z-index: 999;
    min-height: auto;
  }

  .nav-link {
    color: var(--black);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 6rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 4rem;
    line-height: 6rem;
    display: flex;
  }

  .nav-link:where(.w-variant-4a6b75a9-7eb1-46b7-16b1-eabb9869f57c) {
    color: #fff;
  }

  .nav-menu {
    background-color: var(--white);
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    padding-top: 8rem;
    position: fixed;
    inset: 0%;
  }

  .nav-menu:where(.w-variant-4a6b75a9-7eb1-46b7-16b1-eabb9869f57c) {
    background-color: var(--lighter-black);
    color: var(--white);
  }

  .logo {
    min-height: 1.5rem;
    max-height: 1.5rem;
  }

  .nav-link-wrapper {
    background-color: #fff0;
  }

  .nav-link-wrapper:where(.w-variant-4a6b75a9-7eb1-46b7-16b1-eabb9869f57c) {
    background-color: var(--transparent);
    color: var(--white);
  }

  .nav-container {
    justify-content: flex-start;
    margin-left: auto;
  }

  .menu-button {
    z-index: 999;
    background-color: #0000;
    padding: 1rem 0 1rem 1rem;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .burger-icon {
    color: #000;
    background-color: #fff0;
    font-size: 1.875rem;
  }

  .burger-icon.black-burger:where(.w-variant-4a6b75a9-7eb1-46b7-16b1-eabb9869f57c) {
    color: #fff;
  }

  .hero-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    width: 41rem;
    height: 40vh;
  }

  .icon-wrapper {
    min-width: 2.5rem;
    max-width: 2.5rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    top: 2.75rem;
    left: 2.75rem;
  }

  .arrow-border-wrapper {
    min-width: 2.5rem;
    max-width: 2.5rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
  }

  .hero-text {
    text-align: center;
    font-size: 8rem;
    line-height: 6rem;
  }

  .brands-wrapper, .brands-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .logos-wrapper {
    min-width: 8rem;
    max-width: 8rem;
  }

  .posts-card {
    min-width: 33.8rem;
    max-width: 33.8rem;
  }

  .plus-wrapper {
    min-width: 2.5rem;
    max-width: 2.5rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    padding-bottom: .1rem;
    padding-left: .1rem;
    top: 2rem;
    right: 2rem;
  }

  .featured-card {
    min-width: 22.5rem;
    max-width: 22.5rem;
    height: auto;
  }

  .max-width-30rem {
    max-width: 30rem;
  }

  .title-flex {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    text-align: center;
    flex-flow: column;
  }

  .max-width-20rem {
    max-width: 20rem;
  }

  .form-wrapper {
    max-width: 36.3rem;
  }

  .text-field {
    height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .88rem;
  }

  .message-area {
    min-height: 7rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .88rem;
  }

  .contact-success-message, .contact-error-message {
    padding: 1.5rem 2rem;
  }

  .field-label {
    font-size: .88rem;
  }

  .utitlities-title-wrapper {
    grid-row-gap: 16px;
    text-align: center;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .utility-page-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 16.25rem;
  }

  .faq-question {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .faq-icon {
    min-width: 1.6rem;
    max-width: 1.6rem;
    min-height: 1.6rem;
    max-height: 1.6rem;
  }

  .faq-flex {
    grid-column-gap: 1.9rem;
  }

  .dropdown-toggle {
    padding: 1.5rem 3rem .5rem;
  }

  .dropdown-answer {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .faq-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 90%;
    max-width: 90%;
  }

  .utilities-image {
    min-width: 10rem;
    max-width: 10rem;
    min-height: 10rem;
    max-height: 10rem;
  }

  .padding-13-5rem {
    padding-left: 10%;
    padding-right: 10%;
  }

  .works-title-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0%;
    padding-right: 0%;
  }

  .flex-title {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .works-description {
    max-width: 20.625rem;
  }

  .works-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .works-details-info {
    border-bottom-width: .1rem;
    min-width: 15rem;
    max-width: 15rem;
    padding-bottom: .5rem;
  }

  .image-wrapper {
    min-height: 33.75rem;
    max-height: 33.75rem;
  }

  .trigger {
    min-height: 7rem;
  }

  .works-details {
    max-width: 43.75rem;
  }

  .works-rich-text {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .works-grid-thirds {
    grid-column-gap: 2rem;
  }

  .flex {
    grid-column-gap: .7rem;
  }

  .spline {
    height: 100%;
    margin-top: 0;
    position: absolute;
  }

  .services-image {
    min-width: 5rem;
    max-width: 5rem;
  }

  .services-title-flex {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .services-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    min-width: 30rem;
    padding: 2rem;
  }

  .services-title {
    font-size: 6rem;
    line-height: 4.5rem;
  }

  .services-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: 39rem;
    height: auto;
  }

  .services-text-block {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .services-flex {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column-reverse wrap;
    align-items: center;
  }

  .services-icon {
    min-width: 8rem;
    max-width: 8rem;
    min-height: 8rem;
    max-height: 8rem;
  }

  .cta-text-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .cta-large {
    font-size: 9rem;
    line-height: 6.5rem;
  }

  .arrow-image-small {
    min-width: 1rem;
    max-width: 1rem;
    min-height: 1rem;
    max-height: 1rem;
  }

  .cta-block {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .works-wrapper {
    grid-row-gap: 3rem;
  }

  .works-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    position: static;
  }

  .works-icon-wrapper {
    min-width: 6rem;
    max-width: 6rem;
    display: none;
  }

  .works-image-wrapper {
    min-height: 360px;
    max-height: 360px;
  }

  .works-text-block {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding-bottom: .1rem;
  }

  .works-badge {
    height: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .works-flex {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .works-title-wrapper {
    position: sticky;
  }

  .works-title {
    font-size: 7rem;
    line-height: 7rem;
    position: sticky;
  }

  .hero-about-image {
    min-width: 35.01rem;
    max-width: 35.01rem;
    min-height: 35.01rem;
    max-height: 35.01rem;
  }

  .font-huge {
    font-size: 9rem;
    line-height: 7rem;
  }

  .about-hero-flex {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-wrap: wrap;
  }

  .about-hero-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    aspect-ratio: auto;
    min-width: 100%;
    max-width: 100%;
  }

  .metrics-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .metrics-text {
    font-size: 6rem;
    line-height: 6.5rem;
  }

  .story-content-wrapper {
    aspect-ratio: auto;
    min-width: 30rem;
    max-width: 30rem;
    min-height: auto;
    max-height: none;
    margin-right: auto;
    padding: 2rem;
  }

  .title-flex-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .story-title-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: center;
    width: 50%;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .story-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    align-items: center;
    display: flex;
  }

  .story-text-block {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    text-align: center;
    align-items: center;
  }

  .story-text-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    min-width: 30rem;
    max-width: 30rem;
    margin-bottom: 16px;
    margin-left: auto;
  }

  .line-height {
    line-height: 2.5rem;
  }

  .reviews-slider {
    flex-direction: column;
    min-width: 100%;
    max-width: 100%;
  }

  .reviews-icon {
    font-size: .9rem;
  }

  .reviews-image {
    min-width: 4rem;
    max-width: 4rem;
    min-height: 4rem;
    max-height: 4rem;
  }

  .reviews-slide {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 4rem 4rem 8rem;
  }

  .reviews-arrow {
    width: 2rem;
    height: 2rem;
    position: relative;
  }

  .reviews-arrow.left {
    bottom: 6rem;
    left: -1.3rem;
  }

  .reviews-arrow.right {
    bottom: 8rem;
    left: 1.3rem;
  }

  .circle, .fingerprint {
    top: auto;
    bottom: 0;
  }

  .paragraph-light {
    text-align: left;
    line-height: 1.5rem;
  }

  .primary-button {
    justify-content: center;
  }

  .section-heading {
    text-align: left;
    line-height: 2rem;
  }

  .about-grid2 {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .video-stick {
    margin-top: 0;
  }

  .social-link-banner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner {
    margin-left: 36px;
    margin-right: 36px;
  }

  .social-links-bar {
    display: none;
  }

  .speaker-slide-mask {
    width: 65%;
  }

  .clip-text.speaker-headding {
    margin-top: -36px;
    margin-bottom: 24px;
  }

  .speaker-info {
    max-width: 470px;
  }

  .speaker-name {
    font-size: 52px;
  }

  .slide-image {
    height: 50vh;
    min-height: 500px;
  }

  .section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-3.home-hero-section {
    min-height: auto;
    padding-top: 90px;
    padding-bottom: 60px;
  }

  .page-padding {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .video-revral {
    border-right-width: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .video-lightbox {
    padding-left: 20px;
    padding-right: 20px;
  }

  .card {
    height: 25em;
  }

  .play-wrapper:active {
    transform: scale(.9);
  }

  ._140-image.bg {
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
  }

  ._140-image.bg._3 {
    margin-left: 210px;
  }

  ._140-image.bg._2 {
    margin-right: 190px;
  }

  ._140-image.bg._1 {
    margin-left: 210px;
  }

  .our-works {
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
    margin-top: 140px;
    margin-bottom: 140px;
    margin-right: 0%;
  }

  .resize-text {
    color: #ce3434;
    text-align: center;
    background-color: #0000;
    width: auto;
    max-width: 480px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.2;
  }

  .case-studies {
    flex-direction: column;
    justify-content: center;
    width: 700px;
    height: 500px;
    margin-bottom: 100px;
  }

  .hero-heading-reveal {
    text-align: center;
    font-size: 5em;
  }

  .banner-bg {
    margin-top: 509px;
  }

  .container-3 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .flow-grid {
    grid-column-gap: 0em;
    grid-row-gap: 2.5em;
  }

  .project_item.vsds {
    margin-left: 0;
  }

  .project_item.tmm {
    margin-right: 0;
  }

  .work-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .work-component-2 {
    background-position: 50%;
    background-size: cover;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top.margin-custom1 {
    margin-top: 7rem;
  }

  .work-component-3, .work-component-1, .work-component-4, .work-component-4-2 {
    background-position: 50%;
    background-size: cover;
  }

  .heading-journal.wooh.wordsplit, .heading-journal.journal.wordsplit {
    font-size: 100px;
  }

  .hero_heading-wrap {
    width: 100%;
  }

  .img-reveal_wrap.hero_img-wrap {
    width: 100%;
    min-width: 0;
  }

  .hero_heading {
    font-size: 17vh;
  }

  .paragraph-light-2 {
    text-align: left;
    line-height: 1.5rem;
  }

  .about-grid2-2 {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .dynamic-number__wrap {
    height: 4vh;
    margin-bottom: 6px;
  }

  .section-sticky {
    overflow: visible;
  }

  .dynamic-number__inner-wrap {
    height: 16vh;
  }

  .dynamic-number__inner-wrap.dynamic-number__track {
    height: 20vh;
  }

  .dynamic-text {
    font-size: 24px;
    line-height: 4vh;
  }

  .dynamic-text.dt-number {
    font-size: 30px;
  }

  .wrap {
    width: 645px;
  }

  .wrap._w-custom.w60-60 {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-13 {
    width: 17px;
  }

  .dynamic-text__wrap {
    height: 4vh;
  }

  .dynamic-section__wrap {
    top: -57px;
    left: -3px;
  }

  .play-button-wrapper.is-mobile {
    display: flex;
    transform: rotate(-17deg);
  }

  .cursor-area, .cursor-wrapper {
    display: none;
  }

  ._156-section {
    clear: both;
    overflow: visible;
  }

  .demo-container {
    clear: both;
    flex-direction: row;
    justify-content: center;
    height: auto;
    min-height: 100vh;
    display: flex;
    overflow: hidden;
  }

  .ab-2 {
    font-size: 50px;
  }

  .wrap-s-1 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .header-button {
    font-size: 1em;
  }

  .header-button:hover {
    padding-left: 1.6em;
    padding-right: 1.6em;
  }

  .header-button:active {
    transform: scale(.94);
  }

  .page-padding-2 {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .header-inner {
    padding-top: 2em;
  }

  .container-7, .container-8 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .split-text {
    font-size: 40px;
  }

  .split-text.is--large {
    font-size: 9vw;
  }

  .container-9 {
    padding-top: 161px;
    position: sticky;
    top: 26px;
  }

  .wrapper-ttiles {
    top: -8em;
  }

  .img {
    object-fit: cover;
  }

  .img._1 {
    display: block;
  }

  .parent-img {
    display: none;
    top: 8em;
  }

  .col.col-lg-9._9 {
    width: 100%;
  }

  .col.col-lg-6 {
    max-width: none;
  }

  .col.col-lg-6._8 {
    width: 100%;
  }

  .grid_item.is--grid-2 {
    height: auto;
  }

  .grid_item.is--grid-1 {
    height: auto;
    display: flex;
  }

  .grid_item.is--grid-3 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: flex;
  }

  .grid_item.is--margin {
    padding-top: 14em;
  }

  .grid-2.is--margin {
    justify-content: center;
  }

  .cursor-wrapper-2 {
    display: none;
  }

  .about-section {
    flex-direction: row;
    padding-left: 2.7rem;
    padding-right: 2.7rem;
  }

  .main-text.heading-xlarge.secondary-font {
    margin-left: 162px;
  }

  .section-container-2 {
    max-width: 700px;
  }

  .scroll-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .project-circle {
    width: 80px;
    height: 80px;
  }

  .cursor-4 {
    display: none;
  }

  .button-primary {
    padding: 18px 44px;
  }

  .button-primary.form {
    margin-top: 20px;
  }

  .long-button-2 {
    font-size: .9rem;
  }

  .footer-column {
    width: 300px;
    padding-right: 0%;
  }

  .input {
    font-size: 18px;
    line-height: 20px;
  }

  .footer-columns {
    flex-flow: wrap;
    justify-content: space-between;
    padding-left: 0%;
    display: flex;
  }

  .bleh-img-link {
    width: 170px;
  }

  .image-10 {
    width: 500px;
  }

  .hover-text-header, .hover-text-header-outline {
    font-size: 5rem;
  }

  .para-title {
    font-size: 30px;
  }

  .hero-paragrapgh {
    width: 100%;
    font-size: 3rem;
  }

  .big-split-header, .big-split-header.large {
    font-size: 5.5rem;
  }

  .header-tag {
    margin-bottom: 0;
    font-size: 1rem;
  }

  .section-paragraph {
    width: auto;
    font-size: 1rem;
  }

  .container-12, .container-13 {
    padding-top: 161px;
    position: sticky;
    top: 26px;
  }

  .big-split-header-2 {
    font-size: 5.5rem;
  }

  .header-paragraph {
    width: 80%;
    font-size: 1rem;
  }

  .services-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .service-icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .service-icon.large-button {
    width: 5rem;
    height: 5rem;
  }

  .large-service-button {
    width: 4.5rem;
    height: 4.5rem;
  }

  .step-button-container {
    grid-column-gap: 0px;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .section-text-wrap {
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-left: .5rem;
    padding-right: 3rem;
  }

  .text-wrap {
    width: 470px;
  }

  .subheader-2 {
    font-size: 1.5rem;
  }

  .hero-header {
    font-size: 6rem;
  }

  .big-bg-section-decor-2 {
    width: 280px;
    top: -57px;
    right: -16%;
  }

  .hero-4 {
    padding-top: 20.5em;
    padding-bottom: 15em;
  }

  .shortened-paragraph {
    width: 60ch;
  }

  .secondary-button {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }

  .large-button {
    min-height: 12rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .contact-form-section-2 {
    padding-left: 4em;
    padding-right: 4em;
  }

  .grid-3 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .hero-image-size-1 {
    width: 63vw;
  }

  .office-content {
    grid-column-gap: 2em;
  }

  .office-text {
    font-size: 1.5em;
  }

  .contact-subtitle-block {
    min-width: 13em;
  }

  .container-14 {
    padding-left: 4em;
    padding-right: 4em;
  }

  .heading-4.is-hero-6-title {
    font-size: 5em;
  }

  .section-wrap {
    padding-left: 4em;
    padding-right: 4em;
  }

  .contact-link-text {
    font-size: 2.4em;
  }

  .office-image {
    width: 14em;
  }

  .contact-page-form {
    grid-column-gap: 5vw;
    padding-right: 0%;
  }

  ._2-card-wrap {
    grid-template-columns: 1fr;
  }

  .container-15 {
    padding-left: 4em;
    padding-right: 4em;
  }

  .header-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
  }

  .header-wrap.padding-32 {
    padding-right: 11vw;
  }

  .wrap-s-1-2 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .text-color-gray.year {
    font-size: 7rem;
  }

  .links-overlay {
    display: none;
  }

  .c-title-1 {
    font-size: 82px;
  }

  .c-title-wrapper.cc-small {
    order: 1;
    max-width: 138px;
    margin-bottom: 0;
    margin-left: 40px;
    padding-top: 52px;
  }

  .c-text-4 {
    font-size: 14px;
  }

  .c-text-4.cc-inline.cc-tablet {
    display: inline;
  }

  .c-text-4.cc-inline.cc-desktop {
    display: none;
  }

  .c-main-title-wrap {
    margin-bottom: 36px;
  }

  .c-container {
    padding-left: 48px;
    padding-right: 48px;
  }

  .c-right-column {
    flex-direction: row;
    margin-top: -1.8em;
    margin-left: 0;
  }

  .c-image {
    width: 100%;
  }

  .c-image.cc-tablet_hide {
    display: none;
  }

  .c-section {
    border-radius: 10px;
    padding-top: 40px;
    padding-bottom: 48px;
  }

  .c-page {
    height: auto;
    margin-top: 0;
    padding: 2px;
    overflow: visible;
  }

  .heading-large {
    font-size: 13.86vw;
  }

  .service-card-header {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .section-text-wrap-2 {
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-left: .5rem;
    padding-right: 3rem;
  }

  .services-item {
    margin-bottom: 0;
  }

  .services-item.middle-item {
    margin-top: 0;
  }

  .services-item.left-item {
    margin-bottom: 1rem;
  }

  .services-section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .button-line-absolute {
    background-color: #fcfcfc;
  }

  .trio-cards {
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 0;
  }

  .spline-scene-2 {
    transition: letter-spacing .2s;
  }

  .hide-tablet {
    display: none;
  }

  .heading-xxlarge {
    font-size: 3.4375rem;
  }

  .is-width-50 {
    width: 100%;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .home_three-wrapper-three {
    flex-direction: column;
  }

  .home_two-irhgt-grid-wrapper {
    grid-template-columns: 1fr;
  }

  .main-wrapper-2.is-home {
    margin-top: 24rem;
  }

  .indented-heading.heading-xxlarge {
    text-indent: 10rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .max-width-small, .max-width-small.is-full {
    max-width: 100%;
  }

  .relative {
    height: auto;
    min-height: 100vh;
  }

  .bold-text-10 {
    font-size: 3rem;
  }

  .big-background-text {
    margin-bottom: 0;
  }

  .big-background-text.home-about {
    top: 5rem;
  }

  .home-hero-header {
    font-size: 4em;
  }

  .paragraph-large-2 {
    font-size: 1rem;
  }

  .section-button-wrapper {
    margin-top: 1.9rem;
  }

  .section-header-wrapper-2 {
    padding-right: 5.1rem;
  }

  .column-item {
    width: auto;
    height: 500px;
  }

  .column_number-line {
    background-color: #fff;
  }

  .staff-wrap {
    flex-direction: column;
  }

  .column_number-wrap {
    margin-bottom: 30px;
  }

  .background-video-2 {
    display: none;
  }

  .text-large {
    font-size: 2rem;
  }

  .case-image-wrapper {
    flex-direction: column;
    width: 100%;
    position: relative;
    bottom: auto;
    right: auto;
    overflow: visible;
  }

  ._12-column-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(16px, 1fr);
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
  }

  ._12-column-grid.intro-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: minmax(16px, 1fr);
    grid-auto-columns: .25fr;
  }

  .space-huge {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .text-xl {
    letter-spacing: -3px;
    font-size: 5rem;
  }

  .image-19.hide-d {
    display: block;
  }

  .container-16 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .large-page-heading {
    font-size: 10rem;
  }

  .acupa-header {
    padding-top: 8em;
  }

  .acupa-progress-bar {
    display: none;
  }

  .acupa-scroll-indicator {
    padding-left: 2em;
  }

  .acupa-section-wrapper {
    margin-left: 2em;
    padding-left: 0;
  }

  .logo-wrapper {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .rotate-text {
    width: 140px;
  }

  .logo-2 {
    max-width: 180px;
  }

  .arrow-wrapper {
    width: 80px;
    height: 80px;
  }

  .footer-section-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-image-wrapper {
    justify-content: center;
    position: relative;
    bottom: 0%;
    right: 0;
  }

  .hero-section-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-text-2 {
    font-size: 40px;
    line-height: 1.5;
  }

  .rotate-circle {
    width: 150px;
    height: 150px;
  }

  .arrow-icon {
    width: 55px;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  ._2x1-grid-layout {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .featuresv8_content {
    max-width: 45rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container-18 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .hero-text-3 {
    font-size: 40px;
    line-height: 1.5;
  }

  .heading-h2 {
    font-size: 2em;
  }

  .vertical-2xl {
    grid-row-gap: 2.5rem;
  }

  .page-header {
    margin-top: 4rem;
    margin-bottom: 1.5rem;
    font-size: 16vw;
  }

  .page-header.outline {
    font-size: 14vw;
  }

  .main-wrapper-5 {
    margin-top: 15rem;
  }

  .portfolio_into-wrapper {
    padding-bottom: 7.5rem;
  }

  .home_portfolio-wrapper {
    flex-direction: column;
    min-height: auto;
    display: flex;
  }

  .hero-visual.right, .hero-visual._2nd-right {
    width: 35%;
    left: 70%;
  }

  .small-text-1, .small-text-1._3 {
    left: 29%;
  }

  .small-text-1._2, .small-text-1._4 {
    left: 50%;
  }

  .grid-text-wrapper {
    margin-bottom: 4em;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-row {
    border-top: 1px solid #ffffff29;
    grid-template-columns: 1fr;
    margin-bottom: 0;
    padding-top: 6em;
    padding-bottom: 6.5em;
  }

  .grid-row.wide {
    border-top-style: none;
    border-top-width: 0;
    margin-top: 0;
  }

  .grid-row.is-first {
    border-top-width: 0;
    padding-top: 0;
  }

  .container-w3 {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  ._140-image-2.bg {
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
  }

  ._140-image-2.bg._2 {
    margin-right: 190px;
  }

  ._140-image-2.bg._1 {
    margin-left: 210px;
  }

  .our-works-2 {
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
    margin-top: 0;
    margin-bottom: 140px;
    margin-right: 0%;
  }

  .container-23 {
    padding-top: 161px;
    position: sticky;
    top: 26px;
  }

  .btm-logo {
    display: none;
  }

  .hero-rotate-base {
    width: 30%;
  }

  .home-hero-block {
    min-height: auto;
    padding-bottom: 0;
  }

  .parent-card-artist-2, .parent-card-artist-2._9, .parent-card-artist-2.right, .parent-card-artist-2.right._8 {
    flex-flow: row;
    justify-content: center;
  }

  ._140-image-3._1._3, ._140-image-3._1._5, ._140-image-3._1._7, ._140-image-3._1._9 {
    width: 450px;
  }

  ._140-image-3.bg {
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
  }

  ._140-image-3.bg._1 {
    margin-right: 30px;
  }

  ._140-image-3.bg._3, ._140-image-3.bg._1-copy, ._140-image-3.bg._1-copy.grease, ._140-image-3.bg._4, ._140-image-3.bg._5, ._140-image-3.bg._6, ._140-image-3.bg._7, ._140-image-3.bg._8, ._140-image-3.bg._9 {
    width: 450px;
    margin-right: 0;
  }

  ._140-image-3._2, ._140-image-3._4, ._140-image-3._6, ._140-image-3._8 {
    width: 450px;
  }

  .service-wrapper {
    width: 100%;
  }

  .small-paragraph {
    font-size: .7rem;
  }

  .small-paragraph.service {
    text-align: left;
    font-size: 1rem;
  }

  .center-paragraph {
    width: 80%;
  }

  .center-paragraph.white {
    font-size: 1rem;
  }

  .white-paragraph {
    padding-left: 8px;
    font-size: 3rem;
    line-height: 3rem;
  }

  .grid-5 {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .section-18.section-component {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .paragraph-3 {
    margin-left: 0;
  }

  .hero-left__wrapper {
    width: 100%;
    height: 50%;
  }

  .hero__h2 {
    font-size: 3em;
  }

  .hero-left__content {
    max-width: 100%;
  }

  .hero__p {
    font-size: 1.3em;
  }

  .s-hero {
    flex-direction: column;
    display: block;
  }

  .hero-right__p-wrapper {
    width: 150vw;
    font-size: 2.5vw;
  }

  .hero-right__h1 {
    font-size: 30vw;
  }

  .hero-right__wrapper {
    width: 100%;
    height: 50%;
  }

  .tabs-2 {
    flex-direction: column;
  }

  .tabs__menu-2 {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .tabs__content-2 {
    width: 100%;
  }

  .tabs-section-content-2 {
    flex-direction: column;
    justify-content: flex-start;
  }

  .section-wrapper-2 {
    padding-top: 15vw;
  }

  .section-wrapper-2.products {
    padding-bottom: 7vw;
  }

  .sectionn-lottie-trasition-2 {
    top: -2.7rem;
  }

  .underline-button-text {
    color: #1d1d1d;
  }

  .tab-paragraph-2 {
    margin-bottom: 0;
  }

  .optimism-cta-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .action-content {
    text-align: center;
    border-left-style: none;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 0;
  }

  .stacked-content {
    padding-left: 48px;
    padding-right: 48px;
  }

  .large-circle-link {
    width: 180px;
    height: 180px;
    position: relative;
    left: 0;
  }

  .content-wrapper {
    grid-template-columns: 1fr;
  }

  .banner-content {
    grid-row-gap: 48px;
    text-align: center;
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .heading-7.large {
    font-size: 42px;
  }

  .circle-link {
    width: 160px;
    height: 160px;
  }

  .stacked-content-2 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .content-wrapper-2 {
    grid-template-columns: 1fr;
  }

  .optimism-cta {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading-8.large {
    font-size: 42px;
  }

  .content-wrapper-3 {
    grid-template-columns: 1fr;
  }

  .text-size-regular-2 {
    font-size: 1.1rem;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .row-title-bottom {
    padding-bottom: 3rem;
  }

  .padding-bottom-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-large {
    grid-template-columns: minmax(1rem, 1fr) minmax(auto, 104rem) minmax(1rem, 1fr);
  }

  .about-history-left {
    position: relative;
  }

  .about-history-item {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .about-history-block {
    grid-template-columns: 1fr;
  }

  .about-history-image.radius-regular {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-service-top {
    padding-top: 3rem;
    padding-bottom: 8rem;
  }

  .rotate-card {
    width: 40%;
  }

  .about-story-right {
    min-height: auto;
  }

  .curve-block-right {
    grid-template-columns: auto 1fr;
    justify-items: end;
  }

  .about-history-list {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
  }

  .padding-top-2 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .about-history-top {
    max-width: 25rem;
  }

  .hero-section-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-text-4 {
    font-size: 40px;
    line-height: 1.5;
  }

  .page-padding-4 {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .rl_header1_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .typing-text {
    font-size: 3.25rem;
  }

  .rl-padding-section-large {
    padding-top: 1rem;
    padding-bottom: 6rem;
  }

  .rl_header1_content {
    width: 70%;
  }

  .rl-heading-style-h1 {
    font-size: 3.25rem;
  }

  .home-hero {
    height: auto;
    min-height: auto;
  }

  .grid-6 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .bold-text-25 {
    font-weight: 600;
    line-height: 3rem;
  }

  .section-19 {
    padding-top: 0;
  }

  .body-black {
    background-color: #282828;
  }

  .large-menu-header {
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 7em;
  }

  .large-menu-header:hover {
    text-shadow: 13px -15px #fff;
  }

  .button-wrapper {
    margin-top: .7rem;
  }

  .bold-text-35 {
    margin-top: 1rem;
    line-height: 1.44;
    display: block;
  }

  .testimonial-grid-parent {
    grid-template-columns: 1fr .25fr 2fr;
  }

  .purpose-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .huge-text {
    margin-top: 1rem;
  }

  .purpose-component {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }

  .ivy-xl-2 {
    font-size: 8em;
  }

  .ivy-xl-2.about-smaller {
    font-size: 4rem;
  }

  .clash-xl-2 {
    font-size: 8em;
  }

  .clash-xl-2.smaller {
    font-size: 4em;
  }

  .txt-row.is-25 {
    padding-left: 0%;
  }

  .steps-header-wrap {
    justify-content: flex-start;
  }

  .steps-header-wrap.right {
    padding-top: 0;
  }

  .subtitle-line {
    width: 50px;
  }

  .subtitle-text {
    font-size: 1.2rem;
  }

  .step-section-header {
    padding-right: 1.6rem;
    font-size: 2.7rem;
  }

  .steps-paragraph {
    font-size: 1.1rem;
  }

  .heading-10 {
    color: var(--black);
    border-bottom: 1px solid #000;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.1;
  }

  .heading-10.no-border {
    border-bottom-style: none;
  }

  .section-25 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .heading-11-black {
    color: #dbdbdb;
    font-size: 100px;
    line-height: 100px;
  }

  .heading-11-black.heading-27 {
    font-size: 100px;
  }

  .heading-12-black {
    color: var(--black);
    font-size: 50px;
    line-height: 50px;
  }

  .paragraph-5-black {
    font-size: 16px;
  }

  .section-26-black {
    width: 50%;
    max-width: 100%;
  }

  .paragraph-7-black {
    font-size: 16px;
  }

  .div-block-19 {
    height: 300px;
  }

  .image-22 {
    margin-bottom: 40px;
  }

  .section-29 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-15 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 30px;
  }

  .div-block-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-16 {
    font-size: 180px;
  }

  .heading-17 {
    font-size: 50px;
    line-height: 70px;
  }

  .div-block-23 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-24 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .image-25 {
    margin-top: 40px;
  }

  .heading-19 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 24px;
  }

  .section-30-black {
    width: 50%;
  }

  .heading-23 {
    font-size: 100px;
    line-height: 100px;
  }

  .heading-24, .heading-25, .heading-26 {
    font-size: 50px;
  }

  .heading-27 {
    margin-bottom: 1rem;
    font-size: 50px;
    line-height: 50px;
  }

  .div-block-25 {
    flex-flow: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-28 {
    margin-bottom: 2rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3rem;
  }

  .div-block-26 {
    width: 100%;
  }

  .div-block-27 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-29 {
    padding-top: 20px;
  }

  .div-block-30 {
    height: 200px;
  }

  .heading-29 {
    letter-spacing: 1px;
  }

  .paragraph-16 {
    width: 100%;
  }

  .heading-30, .paragraph-18, .heading-34 {
    margin-bottom: 40px;
  }

  .heading-35 {
    font-size: 70px;
    line-height: 70px;
  }

  .paragraph-23 {
    margin-bottom: 40px;
  }

  .heading-39 {
    font-size: 90px;
    line-height: 100px;
  }

  .heading-42 {
    font-size: 60px;
    line-height: 60px;
  }

  .div-block-58 {
    height: 300px;
  }

  .paragraph-36 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3.5rem;
    line-height: 4rem;
  }

  h2 {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  h3 {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  h4 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .utilities-wrapper-title, .rich-text, .utilities-wrapper-paragraph {
    width: 100%;
  }

  .utilities-wrapper-rich-text-and-buttons {
    max-width: 100%;
  }

  .utilities-flex-headings-and-paragraph {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .max-width-38rem {
    max-width: 28rem;
  }

  .footer-logo-link-wrapper {
    padding-left: 0;
  }

  .footer-right-flex {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .footer-bottom {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .footer-top {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: center;
  }

  .footer-block {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .logo-link-wrapper {
    padding-left: 0;
  }

  .hero-wrapper {
    width: 28.5rem;
    height: 35vh;
  }

  .arrow-border-wrapper {
    border-width: 0;
  }

  .hero-text {
    font-size: 5.5rem;
    line-height: 4rem;
  }

  .brands-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .brands-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr 1fr;
  }

  .posts-card {
    text-align: center;
    align-items: center;
    min-width: 27rem;
    max-width: 27rem;
  }

  .featured-card {
    text-align: center;
    align-items: center;
  }

  .max-width-30rem {
    max-width: 21rem;
  }

  .form-wrapper {
    max-width: 24.38rem;
  }

  .dropdown-answer {
    width: 90%;
  }

  .works-title-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    text-align: center;
    grid-template-columns: 1fr;
    align-items: center;
    display: flex;
  }

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

  .works-description {
    max-width: 15rem;
  }

  .works-details-info {
    justify-content: center;
  }

  .image-wrapper {
    min-height: auto;
    max-height: none;
  }

  .works-details {
    max-width: 26.25rem;
  }

  .works-grid-thirds {
    grid-column-gap: 1rem;
  }

  .spline {
    object-fit: scale-down;
    width: 100%;
    height: 65vh;
    margin-top: -35px;
    margin-left: 0;
    position: absolute;
  }

  .services-card {
    min-width: 100%;
  }

  .services-title {
    font-size: 5rem;
    line-height: 3.5rem;
  }

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

  .services-icon {
    min-width: 8rem;
    max-width: 8rem;
    min-height: 8rem;
    max-height: 8rem;
  }

  .cta-large {
    font-size: 7rem;
    line-height: 5rem;
  }

  .works-wrapper {
    grid-row-gap: 2rem;
  }

  .works-icon-wrapper {
    min-width: 15vw;
    max-width: 15vw;
    min-height: 15vw;
    max-height: 15vw;
  }

  .works-image-wrapper {
    min-height: auto;
    max-height: none;
  }

  .works-flex {
    flex-flow: wrap;
  }

  .works-title {
    font-size: 5rem;
    line-height: 5rem;
  }

  .hero-about-image {
    min-width: 26.25rem;
    max-width: 26.25rem;
    min-height: 26.25rem;
    max-height: 26.25rem;
  }

  .font-huge {
    font-size: 8rem;
    line-height: 6rem;
  }

  .metrics-wrapper {
    flex-flow: wrap;
  }

  .story-content-wrapper {
    min-width: 100%;
    max-width: 100%;
  }

  .title-flex-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .story-title-wrapper {
    width: 60%;
    max-width: 60%;
  }

  .story-text-block {
    text-align: center;
    align-items: center;
  }

  .centered-from-mobile {
    text-align: center;
    align-self: center;
  }

  .story-text-wrapper {
    min-width: 100%;
    max-width: 100%;
  }

  .reviews-slider {
    border-radius: 20px;
  }

  .reviews-image {
    min-width: 4rem;
    max-width: 4rem;
    min-height: 4rem;
    max-height: 4rem;
  }

  .circle {
    bottom: 20vw;
  }

  .hero-section {
    background-color: var(--white);
  }

  .fingerprint {
    bottom: 20vw;
  }

  .home-section-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .home-section-wrap._1, .home-section-wrap._2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .section-heading {
    text-align: center;
  }

  .banner {
    margin-left: 32px;
    margin-right: 32px;
  }

  .text-size-caps-tiny {
    font-size: 10px;
  }

  .speaker-slide-mask {
    width: 90%;
  }

  .speaker-name {
    font-size: 48px;
  }

  .slide-image {
    min-height: 400px;
  }

  .page-intro-text-wrapper {
    margin-top: -4vh;
  }

  .heading-style-h1 {
    font-size: 3rem;
  }

  .page-intro-title {
    font-size: 13vw;
  }

  .page-intro-title.is-webdesign {
    margin-left: 0;
  }

  .page-intro-title.is-skills, .page-intro-title.is-webdesign {
    margin-left: 0;
  }

  .page-intro-title.is-animation {
    flex: 1;
    margin-left: 0;
  }

  .page-intro-title-small {
    font-size: 2.6vw;
  }

  .page-intro-title-small.is-made-in-webflow {
    margin-right: 0;
  }

  .page-intro-title-small.is-best-in-class {
    margin-left: 0;
  }

  .video-lightbox {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._140-image {
    width: 300px;
  }

  ._140-image.bg._3 {
    margin-left: 430px;
  }

  ._140-image.bg._2 {
    margin-right: 400px;
  }

  ._140-image.bg._1 {
    margin-left: 430px;
  }

  .our-works {
    margin-top: 180px;
    margin-bottom: 180px;
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .resize-text {
    color: #000;
    line-height: 1.5;
    display: none;
  }

  .case-studies {
    flex-flow: column;
    justify-content: center;
    width: 400px;
    height: 500px;
    margin-bottom: 100px;
    margin-left: 110px;
    margin-right: 110px;
    padding-left: 30px;
    padding-right: 30px;
  }

  ._140-circle._7 {
    width: 150px;
    height: 150px;
  }

  .hero-heading-reveal {
    font-size: 3em;
  }

  .section-4.behind {
    border: 10px #e41b1b;
    margin-top: 37px;
  }

  .section_heading {
    font-size: 4em;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top.margin-custom1 {
    margin-top: 4.3rem;
  }

  .heading-journal.wooh.wordsplit, .heading-journal.journal.wordsplit {
    font-size: 70px;
  }

  .img-reveal_wrap.hero_img-wrap {
    height: 80vh;
  }

  .hero_heading {
    font-size: 22vw;
  }

  .paragraph-light-2 {
    text-align: center;
    width: 100%;
    font-size: 10px;
    line-height: 1rem;
  }

  .about-grid2-2 {
    flex-flow: column;
  }

  .dynamic-content__block {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .step-block__text-title.text-title_1, .step-block__text-title.text-title_3, .step-block__text-title.text-title_4, .step-block__text-title.text-title_2 {
    font-size: 18px;
  }

  .dynamic-text {
    font-size: 22px;
  }

  .dynamic-text.dt-number {
    font-size: 28px;
  }

  .wrap {
    flex: 0 auto;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrap._w-custom.w60-60 {
    padding: 50px 20px 30px;
  }

  .inner-fw__text-block {
    font-size: 20px;
    line-height: 28px;
  }

  .wrap-block__inner-fw.inner-fw__bottom {
    margin-top: 20px;
  }

  .step-block__text-description.text-description-2, .step-block__text-description.text-description-1, .step-block__text-description.text-description-3, .step-block__text-description.text-description-4 {
    font-size: 12px;
  }

  .dynamic-section__wrap {
    display: none;
  }

  .play-button-wrapper.is-mobile {
    font-size: 2.2vw;
  }

  .lightbox-video-thumbnail {
    width: 100%;
  }

  .demo-container {
    align-items: center;
    min-height: 100vh;
    display: block;
  }

  .intro-title {
    font-size: 2.8em;
  }

  .intro-copy-text {
    padding-left: 0;
    padding-right: 0;
  }

  .header-left {
    flex-wrap: wrap;
    justify-content: center;
  }

  .header-inner {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    flex-flow: column;
    justify-content: center;
    padding-top: 4.5em;
  }

  .split-text {
    font-size: 30px;
  }

  .animation1 {
    font-size: 70px;
  }

  .sub-title {
    font-size: 17px;
  }

  .wrapper-ttiles {
    top: -7em;
  }

  .parent-img {
    height: 20em;
    top: 6.5em;
  }

  .col.col-lg-9._9 {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .col.col-lg-6 {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .col.col-lg-6._8 {
    width: 100%;
    max-width: none;
  }

  .grid_item.is--grid-1, .grid_item.is--grid-3 {
    display: flex;
  }

  .about-section {
    flex-direction: column;
  }

  .main-text.heading-xlarge.secondary-font {
    margin-left: 60px;
  }

  .scroll-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .scroll-top-line {
    margin-bottom: 0;
  }

  .stroke, .filled {
    font-size: 100px;
  }

  .project-circle {
    display: none;
  }

  .grid-2-columns {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.footer-top {
    grid-row-gap: 30px;
    justify-items: center;
  }

  .long-button-wrap.inverted {
    width: 100%;
  }

  .footer-copyright {
    font-size: .6rem;
  }

  .footer-column {
    width: 100%;
  }

  .footer-columns {
    flex-flow: column wrap;
  }

  .cta-black-footer {
    padding-left: 36px;
    padding-right: 36px;
  }

  .bleh-img-link {
    width: 140px;
  }

  .image-10 {
    width: 400px;
  }

  .para-title {
    text-align: center;
    font-size: 22px;
  }

  .menu__link.is--1 {
    font-size: 5em;
  }

  .heading-overflow {
    margin-bottom: -.4rem;
    padding-top: 0;
  }

  .hero-paragrapgh {
    width: 100%;
    margin-top: .15rem;
    font-size: 2rem;
  }

  .header-tag {
    margin-top: .7rem;
    font-size: 1rem;
  }

  .header-tag.no-btm-pad.centerme {
    margin-top: 0;
  }

  .section-header-wrapper.invert {
    align-self: flex-start;
    padding-left: 0;
  }

  .home-about-section {
    z-index: 3;
  }

  .section-paragraph {
    margin-top: 1.5rem;
    font-size: .9rem;
  }

  .smaller-hopping-section {
    z-index: 3;
  }

  .home-hero-info-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-right: 32px;
  }

  .home-hero-heading {
    font-size: 6rem;
  }

  .big-split-header-2 {
    font-size: 4rem;
  }

  .big-split-header-2.outline-on-black {
    font-size: 5rem;
  }

  .header-paragraph {
    letter-spacing: 2px;
  }

  .step-button-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .service-button-header {
    font-size: 1.75rem;
  }

  .heading-overflow-2 {
    margin-bottom: -.4rem;
    padding-top: 0;
  }

  .hero-section-2 {
    padding-top: 4.2rem;
  }

  .text-wrap {
    padding-right: 107px;
  }

  .subheader-2 {
    font-size: 1.1rem;
    font-weight: 700;
  }

  .hero-header {
    letter-spacing: -2px;
    font-size: 4rem;
    font-weight: 600;
  }

  .big-bg-section-decor-2 {
    width: 260px;
    top: -98px;
  }

  .hero-section-3 {
    padding-top: 4.2rem;
  }

  .hero-4 {
    padding-top: 19em;
    padding-bottom: 12em;
  }

  .contact-form-section-2 {
    padding: 2.5em;
  }

  .grid-3 {
    flex-direction: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    display: flex;
  }

  .office-content {
    grid-column-gap: 3.25em;
    grid-row-gap: 1.5em;
  }

  .contact-subtitle-block {
    min-width: 8em;
  }

  .section-header-2 {
    font-size: 2rem;
  }

  .hero-4-inner {
    margin-bottom: 2.5em;
  }

  .intro-paragraph {
    margin-top: -42px;
  }

  .section-wrap {
    padding: 2.5em;
  }

  .contact-link-text {
    font-size: 2em;
  }

  .office-image {
    width: 17em;
    min-height: 8em;
  }

  .text-field-2 {
    padding-left: 8em;
  }

  .container-15 {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .col-2 {
    justify-content: flex-start;
    width: 100%;
  }

  .col-1 {
    width: 100%;
  }

  .page-padding-large {
    flex-direction: column;
  }

  .align-right {
    width: 100%;
  }

  .text-color-gray.year {
    margin-top: 0;
    font-size: 5rem;
  }

  .c-title-1 {
    font-size: 44px;
  }

  .c-title-wrapper.cc-small {
    margin-left: 24px;
    padding-top: 18px;
  }

  .c-title-wrapper.cc-top {
    margin-bottom: -8px;
  }

  .c-text-4 {
    font-size: 12px;
  }

  .c-container {
    padding-left: 22px;
    padding-right: 22px;
  }

  .c-right-column {
    margin-top: -8px;
  }

  .portfolio---item {
    width: 18rem;
  }

  .form-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-large {
    font-size: 13.86vw;
  }

  .heading-overflow-3 {
    margin-bottom: -.4rem;
    padding-top: 0;
  }

  .body-2 {
    background-image: linear-gradient(to bottom, var(--white), var(--white));
  }

  .paragraph-2 {
    line-height: 1.44rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .heading-xxlarge {
    font-size: 2.5rem;
  }

  .stories_footer-wrapper {
    z-index: 100;
    background-color: #f4f4f4;
    padding-top: .1rem;
    position: relative;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .home_one-wrapper-three {
    grid-template-columns: 1fr;
  }

  .main-wrapper-2.is-home {
    margin-top: 20rem;
  }

  .footer-section {
    z-index: 100;
    background-color: #f4f4f4;
    position: relative;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .max-width-small {
    max-width: 100%;
  }

  .home_footer {
    min-height: auto;
  }

  .bold-text-10 {
    font-size: 2rem;
  }

  .big-background-text.home-about {
    font-size: 20vw;
    top: 8.7rem;
  }

  .home-hero-header {
    width: 500px;
    font-size: 2.7em;
  }

  .paragraph-large-2 {
    font-size: 20px;
    line-height: 32px;
  }

  .section-button-wrapper {
    margin-bottom: 4rem;
  }

  .the-problem-section {
    z-index: 3;
    padding-bottom: 0;
  }

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

  .staff-wrap {
    flex-direction: column;
  }

  .text-large {
    font-size: 1.75rem;
  }

  .background-video-3 {
    width: 88%;
    margin-left: 32px;
    margin-right: 32px;
  }

  ._12-column-grid {
    grid-template-columns: minmax(16px, 1fr);
  }

  .text-xl {
    letter-spacing: 0;
    font-size: 3.5rem;
  }

  .container-16 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .large-page-heading {
    font-size: 6rem;
  }

  .page-hero-tag {
    float: right;
    letter-spacing: 7px;
    font-size: 1rem;
  }

  .acupa-header {
    padding-top: 2em;
  }

  .hero-image-item {
    width: 50px;
    height: 50px;
  }

  .app-text {
    display: none;
  }

  .hero-section-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-text-2 {
    font-size: 34px;
  }

  .arrow-icon {
    width: 50px;
  }

  .hero-image {
    box-shadow: 2px 2px #000;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-text-3 {
    font-size: 34px;
  }

  .heading-h2 {
    font-size: 2em;
  }

  .grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .page-header {
    margin-top: 4.8rem;
    margin-bottom: 1.7rem;
    font-size: 16vw;
  }

  .page-header.outline {
    font-size: 14vw;
  }

  .hero-visual {
    width: 45%;
  }

  .hero-visual.right {
    width: 45%;
    top: -8.7vh;
    left: 60%;
  }

  .hero-visual._2nd-right {
    width: 45%;
    left: 60%;
  }

  .small-text-1, .small-text-1._3 {
    left: 38%;
  }

  .small-text-1._2, .small-text-1._4 {
    left: 45%;
  }

  .effect-grid {
    flex-direction: column;
    align-items: flex-start;
  }

  ._140-image-2 {
    width: 300px;
  }

  ._140-image-2.bg._2 {
    margin-right: 400px;
  }

  ._140-image-2.bg._1 {
    margin-left: 430px;
  }

  .our-works-2 {
    margin-top: 0;
    margin-bottom: 180px;
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-rotate-base {
    width: 40%;
  }

  .home-hero-block {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .row-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .row-4.justify-end {
    margin: 40px 0;
    padding-left: 0;
    padding-right: 0;
  }

  .parent-card-artist-2._9 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .parent-card-artist-2.right {
    flex-flow: row;
    justify-content: center;
    width: 100%;
  }

  ._140-image-3 {
    width: 300px;
  }

  ._140-image-3._1 {
    width: 450px;
  }

  ._140-image-3._1._3 {
    width: 450px;
    margin-left: 0;
    margin-right: 0;
  }

  ._140-image-3.bg._1 {
    margin-right: 30px;
  }

  ._140-image-3.bg._3 {
    margin-right: 0;
  }

  ._140-image-3.bg._1-copy {
    width: 450px;
    margin: 0;
  }

  ._140-image-3.bg._4 {
    width: 450px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  ._140-image-3.bg._5 {
    width: 450px;
    margin: 0;
  }

  ._140-image-3.bg._6 {
    width: 450px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  ._140-image-3.bg._7, ._140-image-3.bg._8 {
    margin-right: 0;
  }

  ._140-image-3.bg._9 {
    width: 450px;
    margin: 0;
  }

  ._140-image-3._3 {
    width: 450px;
    height: 400px;
  }

  ._140-image-3._4 {
    width: 450px;
  }

  .row-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .row-1._9 {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .service-content-wrapper {
    grid-template-columns: .5fr 1.75fr;
  }

  .service-heading {
    font-size: 1rem;
  }

  .small-paragraph {
    font-size: .6rem;
  }

  .small-paragraph.service {
    width: 100%;
    font-size: 1rem;
  }

  .center-paragraph {
    text-align: left;
    font-size: 1rem;
  }

  .service-image-wrapper, .service-image-wrapper.indented {
    display: none;
  }

  .list-item-content {
    justify-content: space-between;
  }

  .section-18.section-component {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .container-24 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .list-item {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .display-s {
    font-size: 1.25rem;
  }

  .paragraph-3 {
    margin-left: 0;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.44rem;
  }

  .paragraph-4 {
    font-size: 1rem;
    line-height: 1.44rem;
  }

  .hero-left__wrapper {
    padding: 30px;
  }

  .hero__h2 {
    font-size: 3em;
  }

  .hero-left__content {
    max-width: 100%;
  }

  .hero-right__p-wrapper {
    font-size: 2.5vw;
  }

  .optimism-cta-2 {
    flex-flow: column;
  }

  .stacked-content {
    padding-left: 36px;
    padding-right: 36px;
  }

  .large-circle-link {
    width: 160px;
    height: 160px;
  }

  .heading-7.large {
    font-size: 36px;
  }

  .circle-link {
    width: 160px;
    height: 160px;
  }

  .stacked-content-2 {
    padding-left: 36px;
    padding-right: 36px;
  }

  .heading-8.large {
    font-size: 36px;
  }

  .text-size-regular-2 {
    font-size: 1rem;
  }

  .home-service-intro {
    max-width: 24rem;
  }

  .letter-animation-2 {
    width: 100%;
    overflow: hidden;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .row-title-bottom {
    padding-bottom: 3rem;
  }

  .padding-bottom-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .about-history-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-service-top {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .text-size-large-2 {
    font-size: 1.25rem;
  }

  .heading-style-h3-2 {
    font-size: 1.5rem;
  }

  .about-history-list {
    padding-top: 1.25rem;
    padding-bottom: 1.5rem;
    padding-left: 0;
  }

  .padding-top-2 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .about-history-top {
    max-width: 20rem;
  }

  .hero-section-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-text-4 {
    font-size: 34px;
  }

  .page-intro-text-wrapper-2 {
    margin-top: -4vh;
  }

  .rl_header1_component {
    grid-row-gap: 3rem;
  }

  .typing-text {
    font-size: 2rem;
  }

  .rl-padding-section-large {
    padding-top: 0;
    padding-bottom: 0;
  }

  .rl_header1_content {
    width: 100%;
  }

  .rl_heading1_spacing-block-2 {
    padding-bottom: 1.5rem;
  }

  .rl-text-style-medium {
    font-size: 1rem;
    font-weight: 500;
  }

  .rl_heading1_spacing-block-1 {
    padding-bottom: 1.25rem;
  }

  .rl-heading-style-h1 {
    font-size: 2rem;
  }

  .page-padding_lvl {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .home-hero {
    height: auto;
  }

  .grid-6 {
    flex-direction: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    display: flex;
  }

  .bold-text-25 {
    font-weight: 600;
    line-height: 3rem;
  }

  .section-19 {
    padding-top: 0;
  }

  .large-menu-header {
    font-size: 6em;
  }

  .large-menu-header.outline {
    font-size: 5.5em;
  }

  .hero-section-7 {
    min-height: auto;
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .hero-heading-2 {
    font-size: 3rem;
  }

  .bold-text-35 {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.44;
    display: block;
  }

  .section-21 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .testimonial-grid-parent {
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "company-details company-details . . ."
                         "context-and-CTA . customer-details customer-details customer-details"
                         "quote quote quote quote quote"
                         ". . . . .";
  }

  .test_customer-text {
    line-height: 1.44rem;
  }

  .testimonial_type {
    font-size: 8px;
  }

  .h1 {
    width: 90vw;
    font-size: 13vw;
  }

  .arrow-container {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    left: auto;
    right: auto;
  }

  .content {
    width: 100%;
  }

  .subhead-container {
    padding-left: 15px;
  }

  .section-22 {
    align-items: flex-start;
  }

  .text-container {
    max-width: 100vw;
    padding-left: 15px;
    padding-right: 15px;
  }

  .huge-text {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
  }

  .purpose-component {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }

  .huge-text-copy {
    font-size: 2.8rem;
  }

  .ivy-xl-2 {
    font-size: 6em;
  }

  .ivy-xl-2.about-smaller {
    font-size: 3.5rem;
  }

  .clash-xl-2 {
    margin-top: 17px;
    margin-bottom: 17px;
    font-size: 5em;
  }

  .clash-xl-2.smaller {
    font-size: 3.2em;
  }

  .arrow-button-text {
    font-size: 12px;
  }

  .event-header-wrap-2 {
    width: 90vw;
  }

  .feat-event-action-wrap {
    justify-content: flex-start;
    width: 60%;
  }

  .section-contrainer.content-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .feat-event-info-wrap {
    width: 100%;
  }

  .step-header-section {
    flex-direction: column;
    padding-bottom: .3rem;
  }

  .steps-header-wrap {
    width: 100%;
    margin-bottom: 2rem;
  }

  .steps-header-wrap.right {
    align-self: flex-start;
    align-items: flex-start;
    width: 80%;
  }

  .step-section-header {
    font-size: 2.2rem;
  }

  .huge-text2, .heading2 {
    font-size: 2.8rem;
  }

  .heading-10 {
    color: var(--black);
    border-bottom: 1px solid #000;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.1;
  }

  .heading-10.no-border {
    border-bottom-style: none;
  }

  .section-25 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: #a1686800;
    flex-flow: column;
  }

  .heading-11-black {
    color: #dbdbdb;
    line-height: 100px;
  }

  .heading-12-black {
    color: var(--black);
    margin-top: 1rem;
    padding-top: 0;
    padding-bottom: .125em;
    line-height: 50px;
  }

  .paragraph-5-black {
    color: var(--black);
    font-size: 1rem;
  }

  .section-26-black {
    width: 100%;
    display: block;
  }

  .heading-13 {
    color: var(--black);
  }

  .section-27-black {
    margin-bottom: 1rem;
    display: block;
  }

  .section-27-black.below-number {
    display: none;
  }

  .div-block-19 {
    height: 200px;
    position: absolute;
  }

  .image-22 {
    margin-bottom: 40px;
  }

  .section-29 {
    background-color: #a3e58400;
  }

  .heading-15 {
    margin-top: 4rem;
    margin-bottom: 2rem;
  }

  .header-2 {
    height: 350px;
    margin-left: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-21 {
    flex-flow: column;
    justify-content: flex-end;
    width: 50%;
    height: 100%;
    display: flex;
  }

  .heading-16 {
    font-size: 40px;
    line-height: 35px;
  }

  .paragraph-9 {
    color: #fff;
    margin-top: 30px;
    font-size: 16px;
  }

  .heading-17 {
    font-size: 24px;
    line-height: 30px;
  }

  .paragraph-10 {
    font-size: 14px;
  }

  .image-24 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-19 {
    margin-bottom: .5rem;
    line-height: 40px;
  }

  .div-block-24 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-black {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-32 {
    width: 100%;
  }

  .section-33 {
    padding: 20px 20px 0;
    display: block;
  }

  .section-34 {
    width: 100%;
  }

  .heading-27 {
    margin-top: 2rem;
    padding-bottom: 1rem;
  }

  .paragraph-11 {
    width: 100%;
  }

  .paragraph-12 {
    margin-top: 20px;
  }

  .div-block-28 {
    height: 100px;
  }

  .div-block-29 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-30 {
    height: 100px;
  }

  .heading-29 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 60px;
    line-height: 60px;
  }

  .div-block-31, .div-block-32, .div-block-33 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-31 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 60px;
    line-height: 60px;
  }

  .paragraph-17 {
    width: 100%;
  }

  .heading-32 {
    font-size: 50px;
    line-height: 50px;
  }

  .paragraph-18 {
    width: 100%;
  }

  .div-block-34 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-35 {
    height: 100px;
  }

  .div-block-36 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-19, .paragraph-20 {
    width: 100%;
  }

  .heading-34 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 30px;
    line-height: 30px;
  }

  .div-block-37, .div-block-38 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-35 {
    text-align: left;
    font-size: 50px;
    line-height: 50px;
  }

  .paragraph-22 {
    width: 100%;
  }

  .div-block-40 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-23 {
    width: 100%;
  }

  .div-block-41 {
    height: 400px;
  }

  .heading-37 {
    font-size: 50px;
  }

  .heading-38 {
    font-size: 70px;
    line-height: 70px;
  }

  .div-block-42 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-39 {
    font-size: 70px;
    line-height: 70px;
  }

  .paragraph-24 {
    width: 100%;
  }

  .div-block-44 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-25 {
    width: 100%;
  }

  .div-block-45 {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-46 {
    height: 100px;
  }

  .div-block-47 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-41 {
    font-size: 70px;
    line-height: 70px;
  }

  .paragraph-26 {
    width: 100%;
  }

  .paragraph-30 {
    width: 100%;
    margin-bottom: 40px;
  }

  .paragraph-31 {
    margin-top: 20px;
  }

  .paragraph-33 {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .div-block-51 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-53 {
    height: 400px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-42 {
    font-size: 40px;
    line-height: 40px;
  }

  .div-block-55 {
    height: 150px;
  }

  .div-block-57 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-34 {
    width: 100%;
  }

  .div-block-58 {
    height: 250px;
  }

  .heading-43 {
    font-size: 48px;
    line-height: 48px;
  }

  .paragraph-36 {
    width: 100%;
  }

  .below-number {
    display: none;
  }

  .below-number.mobile {
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 1rem;
    display: block;
  }

  .div-block-63 {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  h2 {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  h3 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  h4 {
    overflow-wrap: anywhere;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .utilities-grid-thirds {
    grid-template-columns: 1fr 1fr;
  }

  .outline-white {
    -webkit-text-stroke-width: .03125rem;
  }

  .max-width-38rem {
    max-width: 100%;
  }

  .footer-flex {
    grid-row-gap: 0rem;
    flex-direction: column;
  }

  .footer-logo {
    z-index: 999;
    max-width: none;
    min-height: 2.25rem;
    max-height: 2.25rem;
    position: relative;
  }

  .socials-wrapper {
    top: 64%;
  }

  .navbar {
    padding-left: 5%;
    padding-right: 5%;
  }

  .nav-link {
    min-height: 4rem;
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .nav-link.move-down.hide-on-tab {
    transition: filter .85s, color .25s;
  }

  .nav-menu {
    z-index: 998;
    background-color: var(--white);
    height: 900px;
    min-height: 100px;
  }

  .nav-menu:where(.w-variant-4a6b75a9-7eb1-46b7-16b1-eabb9869f57c) {
    background-color: var(--lighter-black);
  }

  .logo {
    z-index: 999;
    max-width: none;
    position: relative;
  }

  .nav-container {
    padding-right: 0;
  }

  .menu-button {
    padding-left: .5rem;
    padding-right: 0;
  }

  .burger-icon {
    z-index: 999;
    position: relative;
  }

  .hero-wrapper {
    width: 80vw;
    height: 30vh;
  }

  .hero-text {
    font-size: 16vw;
    line-height: 13vw;
  }

  .brands-grid {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .posts-card {
    min-width: 100%;
    max-width: 100%;
  }

  .featured-card {
    text-align: center;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
  }

  .max-width-30rem {
    max-width: 12rem;
  }

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

  .max-width-20rem {
    max-width: 16rem;
  }

  .form-wrapper {
    max-width: 16.25rem;
  }

  .faq-question {
    text-align: left;
    overflow-wrap: normal;
  }

  .dropdown-toggle {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .dropdown-answer {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  .faq-wrapper {
    width: 80%;
    max-width: 80%;
  }

  .works-title-grid {
    padding-left: 10%;
    padding-right: 10%;
  }

  .works-details {
    max-width: 15rem;
  }

  .works-grid-thirds {
    grid-column-gap: .5rem;
  }

  .flex {
    align-items: center;
  }

  .spline {
    box-sizing: content-box;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: fill;
    object-position: 50% 50%;
    justify-content: center;
    width: 100vh;
    height: 400px;
    margin-top: -45px;
    margin-left: auto;
    margin-right: 0;
    padding-left: 0;
    display: block;
    position: absolute;
    inset: 0% auto 0% 0%;
    overflow: auto;
  }

  .hero-overlay {
    background-image: none;
    top: 135%;
  }

  .services-title-flex {
    flex-flow: column;
  }

  .services-card {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-width: 100%;
  }

  .services-title {
    font-size: 17vw;
    line-height: 13vw;
  }

  .services-text-block {
    text-align: center;
    align-items: center;
  }

  .services-icon {
    min-width: 8rem;
    max-width: 8rem;
    min-height: 8rem;
    max-height: 8rem;
  }

  .cta-text-block {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .cta-large {
    font-size: 3rem;
    line-height: 2.25rem;
  }

  .cta-block {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .works-icon-wrapper {
    min-width: 30vw;
    max-width: 30vw;
    min-height: 30vw;
    max-height: 30vw;
  }

  .works-text-block {
    text-align: center;
    align-items: center;
  }

  .works-title {
    font-size: 3rem;
    line-height: 3rem;
  }

  .hero-about-image {
    min-width: 100%;
    max-width: 100%;
    min-height: 15rem;
    max-height: 15rem;
  }

  .font-huge {
    font-size: 22vw;
    line-height: 18vw;
  }

  .about-hero-wrapper {
    text-align: center;
    align-items: center;
  }

  .metrics-wrapper {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .title-flex-wrapper {
    text-align: center;
  }

  .story-title-wrapper {
    max-width: 100%;
  }

  .slide-nav {
    position: static;
    inset: auto 0% 0%;
  }

  .reviews-slider {
    flex-direction: column;
  }

  .slide {
    height: 100%;
  }

  .reviews-image {
    min-width: 4rem;
    max-width: 4rem;
    min-height: 4rem;
    max-height: 4rem;
  }

  .reviews-slide {
    justify-content: space-around;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .circle {
    bottom: auto;
  }

  .hero-section {
    background-color: var(--white);
  }

  .fingerprint {
    bottom: auto;
  }

  .banner {
    height: 55vw;
    margin-left: 27px;
    margin-right: 27px;
  }

  .wrap-social-link {
    width: 100%;
  }

  .speaker-slide-content {
    padding-bottom: 6px;
  }

  .clip-text.speaker-headding {
    margin-top: -30px;
  }

  .speaker-arrow {
    top: auto;
    bottom: 0;
    right: 5vw;
  }

  .speaker-arrow.left {
    margin-right: 84px;
    left: auto;
    right: 0;
  }

  .speaker-name {
    font-size: 42px;
  }

  .slide-image {
    height: 40vh;
    min-height: 300px;
  }

  .section-3 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-3.home-hero-section {
    padding-bottom: 36px;
  }

  .page-intro-text-wrapper {
    margin-top: -3vh;
  }

  .video-lightbox {
    height: 100%;
    margin-top: 0;
  }

  ._140-image {
    width: 300px;
  }

  ._140-image.bg._3 {
    width: 300px;
    height: 300px;
    margin-left: 430px;
  }

  ._140-image.bg._2 {
    width: 300px;
    height: 300px;
    margin-right: 400px;
  }

  ._140-image.bg._1 {
    width: 300px;
    height: 300px;
  }

  .our-works {
    align-items: center;
    margin-top: 0;
    margin-right: 0;
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .resize-text {
    margin-left: 20px;
    margin-right: 20px;
  }

  .case-studies {
    width: 300px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  ._140-circle {
    width: 250px;
    height: 250px;
  }

  ._140-circle._7 {
    width: 200px;
    height: 200px;
    display: flex;
  }

  ._140-circle._1, ._140-circle._7, ._140-circle._6 {
    display: flex;
  }

  ._140-circle._7-copy, ._140-circle._8, ._140-circle._9 {
    width: 200px;
    height: 200px;
    display: flex;
  }

  .flow-grid {
    grid-column-gap: 0em;
    grid-row-gap: 5em;
  }

  .section_heading {
    font-size: 3.5em;
    line-height: 1;
    display: block;
  }

  .work-component-2 {
    background-position: 0 100%;
    background-size: cover;
    min-height: 30rem;
    padding: 2rem 1rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .work-component-3, .work-component-1 {
    min-height: 30rem;
    padding: 2rem 1rem;
  }

  .work-component-1:hover {
    background-position: 50%;
    background-size: cover;
  }

  .work-component-4, .work-component-4-2 {
    min-height: 30rem;
    padding: 2rem 1rem;
  }

  .section-7.is--hero {
    height: 80vh;
  }

  .heading-journal.wooh.wordsplit {
    font-size: 40px;
  }

  .heading-journal.journal.wordsplit {
    text-align: center;
  }

  .hero_heading-wrap {
    transform: translate3d(0, 0, 100px)scale(.9)perspective(2000px);
  }

  .img-reveal_wrap.hero_img-wrap {
    height: 60vh;
  }

  .hero_heading {
    font-size: 13vw;
  }

  .paragraph-light-2 {
    font-size: 8px;
    line-height: .75rem;
  }

  .dynamic-content__block {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .step-block__text-title.text-title_1, .step-block__text-title.text-title_3, .step-block__text-title.text-title_4, .step-block__text-title.text-title_2 {
    font-size: 16px;
  }

  .dynamic-text {
    font-size: 22px;
  }

  .wrap._w-custom.w60-60 {
    padding: 30px 16px 60px;
  }

  .wrap-block__inner-fw.inner-fw__bottom {
    margin-top: 0;
  }

  .step-block__text-description.text-description-2, .step-block__text-description.text-description-1, .step-block__text-description.text-description-3 {
    padding-right: 5px;
    font-size: 12px;
    line-height: 18px;
  }

  .step-block__text-description.text-description-4 {
    font-size: 12px;
    line-height: 18px;
  }

  .dynamic-section__wrap {
    display: none;
  }

  .lightbox-video-thumbnail, .center-w2.gutter-outside {
    height: 100%;
  }

  .center-w2.gutter-outside, .cursor-area {
    height: auto;
  }

  .header-button, .header-button-wrapper {
    width: 100%;
  }

  .header-left {
    font-size: .8em;
  }

  .max-width {
    width: 100%;
  }

  .split-text {
    font-size: 22px;
  }

  .split-text.is--large {
    font-size: 16vw;
    line-height: 1;
  }

  .heading-3, .heading-1.last-name {
    margin-bottom: 60px;
  }

  .animation1 {
    letter-spacing: -1px;
    font-size: 50px;
  }

  .sub-title {
    font-size: 14px;
  }

  .parent-img {
    height: 10em;
    top: -.1em;
  }

  .artist-section._1 {
    padding-left: 0;
  }

  .col.col-lg-9 {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .col.col-lg-9._9 {
    max-width: none;
  }

  .col.col-lg-6._8 {
    width: 100%;
    max-width: none;
  }

  .div-img6-right, .div-img3-right, .div-img2-right, .div-img-right {
    align-items: flex-start;
    display: block;
  }

  .grid_item.is--grid-2 {
    width: 40%;
  }

  .grid_item.is--grid-1 {
    width: 30%;
    height: 30vh;
    display: flex;
  }

  .grid_item.is--grid-3 {
    justify-content: flex-start;
    width: 30%;
    height: 30vh;
    display: flex;
  }

  .container-10.is--no-padding {
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .grid-2 {
    flex-direction: row;
  }

  .grid-2.is--margin {
    flex-direction: row;
    align-items: center;
  }

  .div-img4-right {
    align-items: flex-start;
    display: block;
  }

  .h-colorized {
    font-size: 7em;
  }

  .div-2 {
    flex-direction: column;
  }

  .div-img5-right {
    align-items: flex-start;
    display: block;
  }

  .outline {
    line-height: .9;
  }

  .about-section.vertical {
    padding-left: 1.9rem;
    padding-right: 1.9rem;
  }

  .large-words-section {
    margin-left: -318px;
    margin-right: 26px;
  }

  .gradient-text {
    margin-left: 110px;
  }

  .main-text.heading-xlarge.secondary-font {
    font-size: 26vw;
    line-height: .9;
  }

  .scroll-wrapper {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .scroll-top-line {
    margin-bottom: 0;
  }

  .stroke, .filled {
    font-size: 75px;
  }

  .sideways-scrolling-cta {
    margin-top: 75px;
  }

  .footer-wrap {
    justify-content: center;
    align-self: stretch;
    align-items: stretch;
    width: 100%;
    max-width: none;
  }

  .swell-footer {
    width: 100%;
  }

  .long-button-2 {
    align-items: stretch;
  }

  .long-button-wrap {
    width: 260px;
  }

  .long-button-wrap.inverted {
    width: 100%;
  }

  .footer-column-header {
    font-size: 1rem;
  }

  .paragraph-small {
    font-size: .95rem;
  }

  .footer-copyright {
    padding-top: 23px;
  }

  .footer-column {
    margin-left: 8px;
    margin-right: 2rem;
    padding-right: 4%;
  }

  .logo-footer {
    width: 160px;
  }

  .footer-columns {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }

  .footer-copyright-section {
    padding-top: 15%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .bleh-img-link {
    inset: auto 0% 0% auto;
  }

  .social-icon-container.right.middle-mobile {
    flex-wrap: wrap;
    justify-content: center;
  }

  .image-10 {
    width: 200px;
    height: 50vh;
  }

  .para-title {
    font-size: 14px;
  }

  .section-13.is--hero {
    height: 80vh;
  }

  .section-14 {
    padding: 25px;
  }

  .menu__link.is--1 {
    letter-spacing: 0;
    font-size: 2.8em;
  }

  .header-links-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .large-header-wrap {
    flex-flow: row;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .heading-overflow {
    flex-flow: wrap;
    padding-top: 0;
    display: flex;
    overflow: hidden;
  }

  .hero-paragrapgh {
    margin-top: 0;
    margin-left: 0;
    margin-right: 10px;
    font-size: 1.25rem;
    font-weight: 700;
  }

  .big-split-header {
    margin-top: 0;
    font-size: 2.5rem;
    line-height: .9;
  }

  .big-split-header.large {
    font-size: 2.5rem;
  }

  .big-split-header.outline {
    padding-bottom: 3px;
    font-size: 2.5rem;
  }

  .big-split-header.smaller {
    font-size: 3.5rem;
  }

  .header-tag {
    font-size: 1rem;
  }

  .header-tag.no-btm-pad.centerme {
    margin-top: 0;
  }

  .section-header-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 0;
  }

  .section-header-wrapper.invert {
    padding-left: .8rem;
  }

  .home-about-section {
    padding-top: 4.7rem;
  }

  .section-paragraph {
    font-size: 1rem;
  }

  .large-header-wrap-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .smaller-hopping-section {
    padding-top: 4.7rem;
  }

  .home-hero-info-wrap {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 16px;
    margin-left: 16px;
  }

  .home-hero-heading {
    font-size: 4rem;
  }

  .big-split-header-2 {
    margin-top: 0;
    font-size: 3.2rem;
  }

  .big-split-header-2.outline-on-black {
    padding-bottom: 3px;
    font-size: 2.8rem;
  }

  .header-paragraph {
    letter-spacing: 0;
    width: 100%;
    font-size: .8rem;
    line-height: 1.8;
  }

  .large-header-wrap-3 {
    flex-direction: column;
    align-items: flex-start;
  }

  .services-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .service-icon {
    width: 2rem;
    height: 2rem;
    padding: 4px;
  }

  .large-service-button {
    width: 3rem;
    height: 3rem;
    margin-right: .9rem;
  }

  .step-button-container {
    padding-left: 0;
    padding-right: 0;
  }

  .section-text-wrap {
    align-items: flex-start;
    width: 100%;
    margin-bottom: .8rem;
    padding-left: 0;
    padding-right: 0;
  }

  .service-button-header {
    font-size: 1.2rem;
  }

  .heading-overflow-2 {
    flex-flow: wrap;
    margin-right: 0;
    padding-top: 0;
    padding-right: 8px;
    display: flex;
    overflow: hidden;
  }

  .hero-section-2 {
    padding-top: 0;
  }

  .text-wrap {
    width: 100%;
    padding-right: 56px;
  }

  .subheader-2 {
    padding: 0 6px;
  }

  .hero-header {
    font-size: 3rem;
  }

  .big-bg-section-decor-2 {
    opacity: .11;
    width: 100%;
    top: -87px;
    right: -30%;
  }

  .hero-section-3 {
    padding-top: 0;
  }

  .grid-2-content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-4 {
    padding-top: 18.5em;
  }

  .secondary-button {
    display: none;
  }

  .large-button {
    width: 300px;
    min-height: 17rem;
    padding: 2rem;
  }

  .contact-form-section-2 {
    padding: 2.6rem 8vw;
  }

  .hero-image-size-1 {
    width: 75vw;
  }

  .office-content {
    flex: 1;
  }

  .office-block {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-wrap: wrap;
  }

  .contact-subtitle-block {
    min-width: 6em;
  }

  .section-header-2 {
    font-size: 2rem;
  }

  .section-header-2.large {
    font-size: 2.7rem;
  }

  .container-14 {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .intro-paragraph {
    margin-top: 0;
  }

  .heading-4.is-hero-6-title {
    font-size: 4em;
  }

  .section-wrap {
    padding: 2.6rem 8vw;
  }

  .section-wrap.contact {
    padding-top: 0;
    padding-bottom: 0;
  }

  .contact-link-text {
    font-size: 1.3em;
  }

  .text-field-2 {
    border-radius: 0;
    padding-left: 5em;
    padding-right: 4em;
  }

  .container-15 {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .header-wrap {
    margin-bottom: 0;
  }

  .quote {
    font-size: 16px;
  }

  .col-2 {
    object-fit: fill;
  }

  .text-color-gray {
    font-size: 65px;
  }

  .text-color-gray.year {
    font-size: 2.5rem;
  }

  .c-title-1 {
    font-size: 44px;
  }

  .c-title-1.cc-font-victor, .c-title-1.title-2, .c-title-1.cc-font-victor-copy1 {
    text-transform: none;
  }

  .c-title-wrapper.cc-small {
    padding-top: 0;
  }

  .c-title-wrapper.cc-24 {
    margin-top: 8px;
  }

  .c-text-4 {
    font-size: 12px;
  }

  .c-text-4.cc-inline {
    float: left;
    margin-right: 8px;
    font-size: .8em;
  }

  .c-right-column {
    margin-top: 0;
  }

  .c-image {
    object-fit: cover;
    height: 480px;
  }

  .hero-image-2.position-absolute {
    width: 30vw;
    height: 40vw;
  }

  .sticky-wrap.overflow-hidden {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-large.text-style-all-caps.text-weight-xbold.primary-font.right, .heading-large.text-style-all-caps.text-weight-xbold.primary-font.left {
    font-size: 23vw;
  }

  .section-text-wrap-2 {
    align-items: flex-start;
    width: 100%;
    margin-bottom: .8rem;
    padding-left: .5rem;
    padding-right: 0;
  }

  .services-item {
    min-height: 120px;
    padding: 24px 24px 0;
  }

  .services-item.right-item {
    margin-bottom: 20px;
  }

  .heading-overflow-3 {
    flex-flow: wrap;
    padding-top: 0;
    display: flex;
    overflow: hidden;
  }

  .services-section-2 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .feature-title-wrapper {
    margin-bottom: 48px;
  }

  .bg-circle._2 {
    background-color: #4353ff;
  }

  .bg-circle._3 {
    background-color: #3fa1f7;
  }

  .bg-circle._4 {
    background-color: #20c788;
  }

  .bg-circle._5 {
    background-color: #ffab9d;
  }

  .bg-circle._6 {
    background-color: #ff6382;
  }

  .paragraph-2 {
    font-size: .6rem;
    line-height: 3vw;
  }

  .home_one-grid-wrapper {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .bold-text-10 {
    font-size: 1.25rem;
    font-weight: 700;
  }

  .big-background-text {
    text-align: left;
    font-size: 6rem;
    top: 4.6rem;
    overflow: hidden;
  }

  .home-hero-header {
    width: auto;
    font-size: 2em;
  }

  .paragraph-large-2 {
    font-size: 14px;
  }

  .section-button-wrapper {
    flex-direction: column;
  }

  .the-problem-section {
    padding-top: 4.7rem;
  }

  .section-header-wrapper-2 {
    padding-left: 1.2rem;
  }

  .staff-wrap {
    flex-direction: column;
  }

  .background-video-3 {
    width: 100%;
  }

  .section-15.hero-section {
    padding-top: 0;
    padding-bottom: 1rem;
  }

  .text-xl {
    font-size: 2.3rem;
  }

  .container-16 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .hero-info-wrap {
    margin-bottom: 100px;
  }

  .large-page-heading {
    font-size: 4rem;
  }

  .page-hero-tag {
    letter-spacing: 3px;
    font-size: .9em;
  }

  .acupa-scroll-indicator {
    display: none;
  }

  .acupa-section-wrapper {
    flex-direction: row;
    align-items: flex-start;
    width: 80%;
    padding-top: 120px;
  }

  .rotate-text {
    width: 108px;
  }

  .arrow-wrapper {
    width: 65px;
    height: 65px;
  }

  .hero-text-2 {
    font-size: 26px;
  }

  .rotate-circle {
    width: 120px;
    height: 120px;
    margin-top: 40px;
    margin-bottom: 5%;
    padding-bottom: 0;
  }

  .arrow-icon {
    width: 40px;
  }

  ._2x1-grid-layout {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .featuresv8_component {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .hero-text-3 {
    font-size: 26px;
  }

  .heading-h2 {
    font-size: 2em;
    font-weight: 300;
  }

  .container-20 {
    height: 300px;
  }

  .page-header {
    text-align: center;
    width: 100%;
    font-size: 60px;
  }

  .portfolio_card-wrapper.six {
    padding: .625rem;
  }

  .section-home {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .portfolio_into-wrapper {
    padding: 1rem 1rem 6rem;
  }

  .hero-visual {
    width: 50%;
  }

  .hero-visual.right, .hero-visual._2nd-right {
    width: 50%;
    left: 58%;
  }

  .small-text-1 {
    top: -21vh;
  }

  .small-text-1._2 {
    top: -32.9vh;
    left: 20%;
  }

  .small-text-1._4 {
    left: 20%;
  }

  .big-text {
    top: 6px;
  }

  .effect-grid {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .container-w3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._140-image-2 {
    width: 300px;
  }

  ._140-image-2.bg._2 {
    width: 300px;
    height: 300px;
    margin-right: 400px;
  }

  ._140-image-2.bg._1 {
    width: 300px;
    height: 300px;
  }

  .large-words-section-3 {
    margin-left: -318px;
    margin-right: 26px;
  }

  .our-works-2 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .gradient-text-3 {
    margin-left: 110px;
  }

  .hero-rotate-base {
    width: 45%;
  }

  .home-hero-block {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .row-4.justify-end {
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .parent-card-artist-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    display: flex;
  }

  .parent-card-artist-2._9 {
    float: right;
    align-items: flex-end;
    margin-right: 0;
    display: flex;
  }

  .parent-card-artist-2.right {
    display: flex;
  }

  .parent-card-artist-2.right._8 {
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  ._140-image-3 {
    width: 300px;
  }

  ._140-image-3._1 {
    width: 300px;
    height: 300px;
  }

  ._140-image-3._1._3, ._140-image-3._1._5, ._140-image-3._1._7, ._140-image-3._1._9 {
    width: 300px;
  }

  ._140-image-3.bg._1 {
    width: 300px;
    height: 300px;
    margin: 0 10px 0 auto;
  }

  ._140-image-3.bg._3 {
    width: 300px;
    height: 300px;
    margin: 0 0 0 10px;
  }

  ._140-image-3.bg._1-copy {
    width: 300px;
    height: 300px;
    margin: 0;
  }

  ._140-image-3.bg._1-copy.grease {
    width: 300px;
  }

  ._140-image-3.bg._4 {
    width: 300px;
    height: 300px;
    margin: 0 0 0 10px;
  }

  ._140-image-3.bg._5, ._140-image-3.bg._6, ._140-image-3.bg._7 {
    width: 300px;
    height: 300px;
    margin: 0;
  }

  ._140-image-3.bg._8 {
    width: 300px;
    height: 300px;
    margin: 0 0 0 10px;
  }

  ._140-image-3.bg._9 {
    width: 300px;
    height: 300px;
    margin: 0;
  }

  ._140-image-3._2, ._140-image-3._3, ._140-image-3._4 {
    width: 300px;
    height: 300px;
  }

  ._140-image-3._5, ._140-image-3._6, ._140-image-3._6, ._140-image-3._6 {
    height: 300px;
  }

  ._140-image-3._6 {
    width: 300px;
    height: 300px;
  }

  ._140-image-3._7, ._140-image-3._8, ._140-image-3._8, ._140-image-3._8 {
    height: 300px;
  }

  ._140-image-3._8 {
    width: 300px;
    height: 300px;
  }

  ._140-image-3._9 {
    height: 300px;
  }

  .row-1._9 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .service-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .service-content-wrapper {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-columns: 1fr 1.75fr;
  }

  .small-paragraph.service {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-size: 1rem;
  }

  .center-paragraph {
    text-align: left;
    width: 100%;
    font-size: 1rem;
  }

  .center-paragraph.white {
    font-size: 1rem;
  }

  .service-image {
    display: none;
  }

  .white-paragraph {
    margin-top: 0;
    margin-bottom: 0;
    padding: 8px 32px 8px 8px;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .center-wrapper, .center-wrapper.black {
    padding-left: 1em;
    padding-right: 1em;
  }

  .list-item-content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 8px;
    padding-left: 0;
  }

  .section-18.section-component {
    min-height: 0;
    padding-top: 1rem;
  }

  .container-24 {
    padding-left: 0;
    padding-right: 0;
  }

  .list-item {
    flex-flow: column;
    padding-top: .75rem;
    padding-bottom: 1rem;
    padding-left: 0;
  }

  .bold-text-19, .bold-text-20, .bold-text-21, .bold-text-23, .bold-text-24 {
    letter-spacing: 0;
  }

  .paragraph-3 {
    margin-left: 0;
    padding-right: 8px;
    font-size: .6rem;
    line-height: 1rem;
  }

  .paragraph-4 {
    font-size: .6rem;
    line-height: 1rem;
  }

  .logo-3 {
    width: 25px;
  }

  .hero-left__wrapper {
    width: 100%;
    height: 50%;
    padding: 25px;
  }

  .hero__h2 {
    font-size: 2em;
  }

  .hero-left__content {
    max-width: 100%;
  }

  .s-hero {
    height: 100vh;
    display: block;
  }

  .hero-right__p-wrapper {
    width: 200vw;
    font-size: 5vw;
    inset: 0%;
  }

  .hero-right__h1 {
    font-size: 40vw;
  }

  .hero-right__wrapper {
    width: 100%;
    height: 50%;
  }

  .tabs__menu-2 {
    margin-bottom: 0;
  }

  .tabs-section-content-2.pad-top {
    padding-top: 3.8rem;
  }

  .section-wrapper-2 {
    padding-top: 7vw;
  }

  .section-wrapper-2.products {
    padding-bottom: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .tabs-image {
    border-radius: 0;
  }

  .tabs__link-2 {
    border-radius: 0;
    margin-bottom: 0;
    padding-left: 17px;
    padding-right: 17px;
  }

  .tab-info-wrap {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .underline-button-text {
    font-size: 1.1rem;
  }

  .tabs-section-button-wrapper {
    flex-direction: column;
  }

  .tab-title-2 {
    font-size: 1.5em;
  }

  .tab-paragraph-2 {
    margin-top: 0;
  }

  .optimism-cta-2 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 32px;
  }

  .action-content {
    text-align: center;
  }

  .stacked-content {
    grid-row-gap: 36px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .link-hover-fill.light {
    display: none;
  }

  .banner-content {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading-7.large {
    font-size: 34px;
  }

  .circle-link {
    width: 140px;
    height: 140px;
    font-size: 10px;
  }

  .stacked-content-2 {
    grid-row-gap: 36px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .circle-link-wrapper {
    margin-left: -48px;
  }

  .heading-8.large {
    font-size: 34px;
  }

  .margin-bottom-2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-bottom-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .about-history-block {
    grid-template-columns: 1fr;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-service-top {
    padding-top: 1rem;
    padding-bottom: 3rem;
  }

  .rotate-card {
    width: 50%;
  }

  .padding-top-2 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-text-4 {
    font-size: 26px;
  }

  .page-intro-text-wrapper-2 {
    margin-top: -3vh;
  }

  .rl_header1_component {
    grid-template-columns: 1fr;
  }

  .rl-padding-section-large {
    padding-top: 0;
    padding-bottom: 0;
  }

  .rl-text-style-medium {
    text-transform: none;
    margin-bottom: 2rem;
    font-size: .6rem;
    line-height: 1rem;
  }

  .page-padding_lvl {
    overflow: hidden;
  }

  .home-hero {
    height: auto;
  }

  .home-hero-video {
    object-fit: contain;
    height: 100vh;
  }

  .grid-6 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    margin-top: -20px;
    margin-bottom: 20px;
  }

  .bold-text-25 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
  }

  .section-19 {
    background-color: #28282800;
    padding-top: 0;
    padding-bottom: 2em;
  }

  .large-menu-header {
    text-align: left;
    font-size: 3.5em;
  }

  .large-menu-header.outline {
    font-size: 2.7rem;
  }

  .hero-section-7 {
    min-height: auto;
    padding-bottom: 0;
  }

  .hero-heading-2 {
    font-size: 20px;
  }

  .button-wrapper {
    flex-direction: column;
  }

  .bold-text-35 {
    font-size: .6rem;
    line-height: 1rem;
  }

  .container-26 {
    margin-left: 8px;
    padding-left: 0;
  }

  .heading-h2-2 {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .section-21 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    align-self: auto;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .testimonial-grid-parent {
    grid-row-gap: 8px;
    grid-template: "company-details"
                   "context-and-CTA"
                   "quote"
                   "customer-details"
                   / 1fr;
  }

  .testimonial_quote {
    font-size: 24px;
  }

  .test_customer-text {
    font-size: .6rem;
    line-height: 1.44rem;
  }

  .testimonial_company {
    margin-top: 16px;
  }

  .testimonial_type {
    margin-bottom: 8px;
    font-size: 8px;
  }

  .testimonial_customer-wrap {
    grid-template-rows: auto;
  }

  .h1 {
    font-size: 12vw;
  }

  .lil-rule {
    width: 20px;
  }

  .subheading {
    font-size: .8rem;
  }

  .huge-text {
    margin-top: 1rem;
    font-size: .6rem;
    line-height: 1rem;
  }

  .flex-vertical {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
  }

  .container-27 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .page-padding-5 {
    margin-top: 24px;
    padding-left: 0;
    padding-right: 1rem;
  }

  .purpose-component {
    padding-top: 0;
    padding-bottom: 0;
  }

  .huge-text-copy {
    font-size: 1.25rem;
    line-height: 1.2rem;
  }

  .hover-section-overlay {
    flex-direction: column;
    justify-content: center;
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .ivy-xl-2 {
    font-size: 4.5em;
  }

  .ivy-xl-2.about-smaller {
    font-size: 2.8rem;
  }

  .clash-xl-2 {
    font-size: 3.4em;
  }

  .clash-xl-2.smaller {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 3em;
  }

  .arrow-button-text {
    font-size: 14px;
  }

  .circle-button-wrap {
    flex-direction: row;
    justify-content: center;
  }

  .event-header-wrap-2 {
    padding-right: 22px;
  }

  .feat-event-action-wrap {
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    margin-top: 10%;
    padding-right: 0%;
  }

  .feat-event-info {
    flex-direction: column;
    justify-content: center;
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .circle-arrow-wrap {
    margin-right: 0;
  }

  .feat-event-info-wrap {
    flex-direction: column;
    width: 100%;
    padding-right: 7%;
    display: flex;
  }

  .step-header-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .steps-header-wrap.right {
    width: 90%;
    padding-top: 0;
  }

  .subtitle-line {
    width: 30px;
    margin-right: 10px;
  }

  .subtitle-text {
    font-size: 1rem;
  }

  .step-section-header {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .steps-paragraph {
    font-size: 1rem;
  }

  .huge-text2 {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .heading2 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
  }

  .heading-10 {
    color: var(--black);
    border-bottom: 1px solid #000;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.2;
  }

  .heading-10.no-border {
    border-bottom-style: none;
  }

  .heading-10.first-item {
    color: var(--black);
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.2;
  }

  .section-25 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: #f1cccc00;
    flex-flow: column;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-25.white {
    margin-bottom: 40px;
  }

  .heading-11-black {
    color: #dbdbdb;
    font-size: 100px;
    font-weight: 700;
    line-height: 100px;
  }

  .heading-12-black {
    color: var(--black);
    margin-top: 2rem;
    padding-bottom: .25em;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
  }

  .paragraph-5-black {
    color: var(--black);
    font-size: 16px;
    line-height: 1.4;
  }

  .section-26-black {
    width: 100%;
  }

  .heading-14 {
    color: var(--black);
  }

  .section-27-black {
    margin-bottom: 40px;
  }

  .div-block-19 {
    height: 100px;
  }

  .heading-15 {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 32px;
  }

  .header-2 {
    height: auto;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-9, .paragraph-10 {
    margin-top: 0;
  }

  .div-block-23 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-24 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-25 {
    margin-top: 20px;
  }

  .section-black {
    justify-content: space-between;
    align-items: flex-start;
    display: block;
  }

  .section-30-black {
    width: 100%;
  }

  .heading-27 {
    font-size: 40px;
  }

  .paragraph-12 {
    margin-top: 0;
  }

  .div-block-27 {
    margin-bottom: 40px;
  }

  .heading-29, .heading-31 {
    font-size: 50px;
    line-height: 50px;
  }

  .heading-32 {
    font-size: 40px;
    line-height: 40px;
  }

  .paragraph-18 {
    margin-bottom: 40px;
  }

  .heading-35 {
    text-align: center;
  }

  .heading-37 {
    font-size: 38px;
    line-height: 40px;
  }

  .heading-38 {
    font-size: 40px;
    line-height: 40px;
  }

  .heading-39 {
    font-size: 50px;
    line-height: 50px;
  }

  .heading-41 {
    font-size: 40px;
    line-height: 40px;
  }

  .paragraph-32 {
    margin-top: 1rem;
  }

  .div-block-52 {
    padding-right: 0;
  }

  .heading-42 {
    font-size: 2rem;
  }

  .div-block-55 {
    width: 30px;
  }

  .div-block-56 {
    width: 30px;
    height: 30px;
  }

  .div-block-58 {
    padding-left: 20px;
  }

  .below-number.mobile {
    padding-bottom: 0;
  }

  .div-block-63 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

#w-node-_421a7a3a-11fa-7157-5f22-d15039a3e7c5-8d662e45 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_506ef0e2-4f45-9004-d3be-b45311d2bfa5-8d662e45 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cd85cc00-7720-ab9a-1b0c-beba2739ee61-8d662e45 {
  justify-self: start;
}

#w-node-_0696d946-5813-5aa4-5974-d0d49c4957fe-8d662e82 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-cb06270e-2375-d44d-b0a8-da35156d6e26-8d662ea0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_342a46e7-b702-450e-ebfb-6f7d3de84e2f-8d662ea0, #w-node-_342a46e7-b702-450e-ebfb-6f7d3de84e3a-8d662ea0, #w-node-_342a46e7-b702-450e-ebfb-6f7d3de84e45-8d662ea0, #w-node-_342a46e7-b702-450e-ebfb-6f7d3de84e50-8d662ea0, #w-node-_342a46e7-b702-450e-ebfb-6f7d3de84e5b-8d662ea0, #w-node-_342a46e7-b702-450e-ebfb-6f7d3de84e68-8d662ea0 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-eb3811fd-87ed-d647-fa8d-5b525f1dea26-8d662ea0 {
  justify-self: start;
}

#w-node-fbc13ac1-dcd4-6cf2-a832-b5cd99d80d4a-8d662ec5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fbd4121e-4801-744b-4aac-b1b7f50391d8-8d662ec5 {
  justify-self: start;
}

#w-node-_411fc54b-9bc7-e890-c74d-d22b5393db38-8d662ecb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b8cf02e1-39cf-21e6-2be4-88f3af6e1824-8d662ecb, #w-node-b8cf02e1-39cf-21e6-2be4-88f3af6e182d-8d662ecb, #w-node-b8cf02e1-39cf-21e6-2be4-88f3af6e1836-8d662ecb, #w-node-b8cf02e1-39cf-21e6-2be4-88f3af6e183f-8d662ecb, #w-node-b8cf02e1-39cf-21e6-2be4-88f3af6e1848-8d662ecb, #w-node-b8cf02e1-39cf-21e6-2be4-88f3af6e1851-8d662ecb {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-ad676414-a03c-db4a-7824-0cb26b460da5-8d662ecb {
  justify-self: start;
}

#w-node-_47be6afe-e1ef-433a-40f8-6c8926cacc9a-8d662ece, #w-node-_47be6afe-e1ef-433a-40f8-6c8926cacc9d-8d662ece, #w-node-_47be6afe-e1ef-433a-40f8-6c8926cacc9f-8d662ece, #w-node-_47be6afe-e1ef-433a-40f8-6c8926cacca2-8d662ece, #w-node-_47be6afe-e1ef-433a-40f8-6c8926cacca4-8d662ece, #w-node-_47be6afe-e1ef-433a-40f8-6c8926cacca7-8d662ece, #w-node-dff3a505-dbc0-e5de-f444-fb1c92fa9b27-8d662eed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_423e9300-9229-d312-b393-79f588395a49-8d662eed, #w-node-fb629f03-46a2-5a47-9d0b-5f3b8925867f-8d662f36, #w-node-_8fda901d-be41-94c8-2c27-fa47bc266f8d-8d54ec89, #w-node-b94d137b-2ab3-d9fb-4aea-d0fe6fd765ca-aec4d12d, #w-node-_76bbb303-fcf5-6f09-cf4d-15d3b6ca12dd-f9b4f3b0, #w-node-_4ff869d9-15ea-8273-33b0-fd73bd1b9a85-0b513a9b, #w-node-ad723889-773c-e038-ed26-77556e6e5983-5c6686af, #w-node-_0eb744cc-74e0-f1bf-b5b8-213614b898b1-e5342f06, #w-node-_32443316-3c1b-f165-988f-9a8f81b08422-5b50c904, #w-node-cdb6865d-b013-3653-4907-8af4f3df5ff5-01ca2170 {
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_421a7a3a-11fa-7157-5f22-d15039a3e7c5-8d662e45 {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-cd85cc00-7720-ab9a-1b0c-beba2739ee61-8d662e45, #w-node-eb3811fd-87ed-d647-fa8d-5b525f1dea26-8d662ea0, #w-node-fbd4121e-4801-744b-4aac-b1b7f50391d8-8d662ec5, #w-node-ad676414-a03c-db4a-7824-0cb26b460da5-8d662ecb, #w-node-_423e9300-9229-d312-b393-79f588395a49-8d662eed, #w-node-fb629f03-46a2-5a47-9d0b-5f3b8925867f-8d662f36, #w-node-_8fda901d-be41-94c8-2c27-fa47bc266f8d-8d54ec89, #w-node-b94d137b-2ab3-d9fb-4aea-d0fe6fd765ca-aec4d12d, #w-node-_76bbb303-fcf5-6f09-cf4d-15d3b6ca12dd-f9b4f3b0, #w-node-_4ff869d9-15ea-8273-33b0-fd73bd1b9a85-0b513a9b, #w-node-ad723889-773c-e038-ed26-77556e6e5983-5c6686af, #w-node-_0eb744cc-74e0-f1bf-b5b8-213614b898b1-e5342f06, #w-node-_32443316-3c1b-f165-988f-9a8f81b08422-5b50c904, #w-node-cdb6865d-b013-3653-4907-8af4f3df5ff5-01ca2170 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ad676414-a03c-db4a-7824-0cb26b460da5-8d662ecb {
    place-self: center;
  }
}