:root {
  --black: #000;
  --white: white;
  --cream: #faecd0;
  --transparent: #0000;
  --caramel: #b27f4c;
  --_responsive---expanding-carousel--slide-gap: 1rem;
  --_responsive---expanding-carousel--slide-width: 9.1875rem;
  --_responsive---expanding-carousel--slide-height: 30rem;
  --dark-gray: #1c1c1c;
}

body {
  background-color: var(--black);
  color: var(--white);
  font-family: Helvetica Now Display, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}

h1 {
  color: var(--cream);
  text-align: center;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 5rem;
  font-weight: 500;
  line-height: 1;
}

h2 {
  color: var(--cream);
  text-align: left;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1.1;
}

h3 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  color: #ffffffb3;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.8;
}

.page-wrapper {
  overflow-x: clip;
}

.navbar {
  background-color: var(--transparent);
  position: fixed;
  inset: 0% 0% auto;
}

.nav-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.logo {
  width: 7.5rem;
}

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

.nav_link {
  color: var(--white);
  padding: .5rem 1rem;
  font-size: 1.125rem;
  text-decoration: none;
}

.nav_link.w--current {
  color: var(--cream);
}

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

.page-padding.is-nav {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.page-padding.is-hero {
  padding-top: 25vh;
}

.page-padding.is-section {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.page-padding.is-section.remove_top-padding {
  padding-top: 0;
}

.page-padding.is-section.remove_bottom-padding {
  padding-bottom: 0;
}

.page-padding.is-cta {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.page-padding.is-footer {
  padding-top: 10rem;
  padding-bottom: 3rem;
}

.container {
  max-width: 84rem;
  margin-left: auto;
  margin-right: auto;
}

.container.is-small {
  max-width: 67.5rem;
}

.container.medium {
  max-width: 70rem;
}

.button {
  background-color: var(--caramel);
  color: var(--white);
  border-radius: 4px;
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  transition: all .2s;
}

.button.is-outline-dark {
  border: 1px solid var(--black);
  background-color: var(--transparent);
  color: var(--black);
}

.button.is-disabled {
  opacity: 0;
  pointer-events: none;
  cursor: default;
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.button.is-nav.hide-desktop {
  display: none;
}

.section.is-hero {
  background-image: none;
  background-size: auto;
  position: relative;
}

.section.is-cta {
  background-image: url("https://cdn.prod.website-files.com/69b9241fc0b72d2d6666d429/69b937a942f4567c3aab25c3_cta_bg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.is-quoteform {
  background-color: var(--cream);
  color: var(--black);
}

.hero-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.txt_span-italic {
  font-family: PP Editorial New, Georgia, sans-serif;
  font-style: italic;
}

.hero_paragraph-wrapper {
  max-width: 45rem;
}

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

.why_cdesk-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1.125fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.section-title-txt.txt_align-center {
  text-align: center;
}

.section-title-txt.margin-bottom {
  text-align: center;
  margin-bottom: 1.5rem;
}

.paragraph-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.5rem;
  display: flex;
}

.button-wrapper {
  margin-top: 3rem;
}

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

.heading-wrapper.center-aligned {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: 45rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-wrapper.center-aligned.is-quoteform {
  max-width: 50rem;
}

.heading-wrapper.sticky {
  height: 16rem;
  position: sticky;
  top: 10rem;
}

.stacking_content-layout {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.stacking_card-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.stacking_card {
  filter: drop-shadow(0 -5px 10px #0006);
  background-image: url("https://cdn.prod.website-files.com/69b9241fc0b72d2d6666d429/69b930555f0c0709290b48ea_stack_card-bg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  padding: 1.5rem;
}

.stacking_card._1 {
  position: sticky;
  top: 10rem;
}

.stacking_card._2 {
  position: sticky;
  top: 11rem;
}

.stacking_card._3 {
  position: sticky;
  top: 12rem;
}

.stacking_card._4 {
  position: sticky;
  top: 13rem;
}

.card_icon-wrapper {
  background-color: #0003;
  border-radius: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.card_content-wrapper {
  margin-top: 1.5rem;
}

.heading-h3.txt_color-cream {
  color: var(--cream);
}

.card_icon {
  width: 3rem;
}

.production_process-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5rem;
  display: grid;
}

.production_img-wrapper {
  border-radius: 8px;
  overflow: hidden;
}

.production_img {
  width: 100%;
}

.workshop_showreel-wrapper {
  margin-top: 5rem;
}

.showreel_img {
  border-radius: 16px;
  width: 100%;
}

.cta-wrapper {
  text-align: center;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 3rem;
  display: flex;
}

.footer_left-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 26rem;
  display: flex;
}

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

.footer_nav-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_nav {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_link {
  color: var(--white);
  font-size: 1.125rem;
  line-height: 1.8;
  text-decoration: none;
}

.copyright_wrapper {
  margin-top: 1.5rem;
}

.exp-carousel_buttons {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  display: none;
}

.exp-car_img {
  object-fit: cover;
  min-width: 101%;
  max-width: none;
  height: 101%;
}

.exp-carousel_wrap {
  margin-top: 5rem;
  position: relative;
}

.exp-carousel_button {
  color: #fff;
  text-align: center;
  background-color: #b27f4c;
  border: 1px solid #b27f4c;
  border-radius: 10000000px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
  transform: translate(-50%);
}

.exp-carousel_button.is-next {
  transform: translateX(50%)rotateZ(180deg);
}

.exp-carousel_item {
  padding-left: var(--_responsive---expanding-carousel--slide-gap);
  cursor: pointer;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(var(--_responsive---expanding-carousel--slide-width)  + var(--_responsive---expanding-carousel--slide-gap));
  height: 100%;
}

.exp-carousel_item.is-active {
  flex: 1;
}

.exp-car_img-wrap {
  filter: saturate(0%);
  justify-content: center;
  align-items: center;
  transition: filter .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.exp-car_img-wrap.is-active {
  filter: saturate();
}

.exp-car_desc-cont {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--caramel);
  color: #fff;
  flex-flow: column;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.exp-car_desc-wrap {
  width: 100%;
  transform: translate(0, 101%);
}

.exp-car_desc-wrap.is-active {
  transform: translate(0);
}

.exp-car_desc-position {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.exp-car_desc-position.is-active {
  height: auto;
}

.exp-carousel_item-wrap {
  background-color: #bebebe;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: clip;
}

.exp_carousel_container {
  height: var(--_responsive---expanding-carousel--slide-height);
  margin-left: calc(var(--_responsive---expanding-carousel--slide-gap) * -1);
  display: flex;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.icon-1x1-small {
  width: 2rem;
  height: 2rem;
}

.hero-carousel_container {
  justify-content: center;
  display: flex;
}

.hero-carousel_slide-bg-wrap {
  opacity: .5;
  filter: saturate(0%);
  width: 100%;
  height: 100%;
  transition: all .2s;
  position: relative;
  transform: scale(.8);
}

.hero-carousel_slide-bg-wrap.is-active {
  opacity: 1;
  filter: saturate();
  transform: scale(1);
}

.hero-carousel_wrap {
  max-width: 135rem;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-carousel_slide-bg-img {
  object-fit: scale-down;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-carousel_button {
  color: #fff;
  text-align: center;
  background-color: #b27f4c;
  border: 1px solid #b27f4c;
  border-radius: 10000000px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translate(0%, -50%);
}

.hero-carousel_button.is-next {
  left: auto;
  right: 2rem;
  transform: rotateZ(180deg)translateY(50%);
}

.hero-carousel_slide {
  flex: 0 0 min(752px, 50%);
  height: 27.4rem;
}

.hero-carousel_slide.is-active {
  opacity: 1;
  filter: saturate();
}

.hero-carousel_buttons {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
}

.color-inherit {
  color: inherit;
}

.product-quote_cont {
  grid-column-gap: 7.1875rem;
  grid-row-gap: 7.1875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 21.3125rem;
  grid-auto-columns: 1fr;
  padding-top: 5rem;
  display: grid;
}

.quote-form_buttons {
  justify-content: space-between;
  padding-top: 1.5rem;
  display: flex;
}

.form_input {
  background-color: #222;
  border: 1px solid #ffffff1a;
  border-radius: .5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form_input:focus {
  border-color: #000;
}

.form_input:focus-visible, .form_input[data-wf-focus-visible] {
  outline-color: var(--white);
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
}

.form_input::placeholder {
  color: #ffffff80;
}

.quote-form_option {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #0000001a;
  border-radius: .5rem;
  margin-bottom: 0;
  padding: 1.5rem 1rem;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  position: relative;
}

.quote-form_option:active {
  transform: scale(.9);
}

.quote-form_option.is-selected {
  color: #eee;
  background-color: #222;
}

.prod-quote_form-wrap {
  margin-bottom: 0;
  padding-top: 4rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1.5rem;
}

.quote-info_input-cont {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--white);
  flex-flow: column;
  display: flex;
}

.quote-info_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #000;
  border-radius: .5rem;
  flex-flow: column;
  padding: 1.5rem 1rem;
  display: flex;
}

.button-2 {
  color: #fff;
  text-align: center;
  will-change: transform;
  background-color: #000;
  border: 1px solid #000;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  text-decoration: none;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.button-2:active {
  transform: scale(.9);
}

.button-2.is-secondary {
  color: #000;
  background-color: #0000;
}

.button-2.is-small {
  padding: .5rem 1.25rem;
}

.button-2.is-alternate {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.quote-option_desc {
  padding-top: .5rem;
  font-size: .75rem;
  line-height: 1.4;
}

.quote-option_desc.color-inherit {
  font-weight: 500;
}

.quote-option_heading {
  font-size: 1.125rem;
  line-height: 1;
}

.quote-option_heading.color-inherit {
  font-weight: 500;
}

.spacer-xsmall {
  width: 100%;
  padding-top: 1rem;
}

.quote-form_options-cont {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.quote-form_step-heading {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.temp-image {
  width: 100%;
}

.iframe_code-wrapper {
  border-radius: 8px;
  width: 100%;
  height: 36.25rem;
  overflow: hidden;
}

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

.number-progress-wrap {
  margin-top: 3rem;
}

.number-progress {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--caramel);
  text-align: left;
  font-family: PP Editorial New, Georgia, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.1;
  display: flex;
}

.color-cream {
  color: var(--cream);
}

.color-gray {
  color: var(--dark-gray);
}

.hero-bg-wrap {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

@media screen and (max-width: 991px) {
  body {
    --_responsive---expanding-carousel--slide-gap: 1rem;
    --_responsive---expanding-carousel--slide-width: 50%;
    --_responsive---expanding-carousel--slide-height: 30rem;
  }

  .logo-link {
    padding-left: 0;
  }

  .logo {
    width: 6.5rem;
  }

  .nav {
    background-color: var(--cream);
    color: var(--black);
    padding-top: 1rem;
  }

  .nav_link {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .menu-button {
    background-color: var(--caramel);
    border-radius: 4px;
    padding: 1rem;
    font-size: 1.75rem;
  }

  .menu-button.w--open {
    background-color: var(--cream);
    color: var(--black);
  }

  .page-padding.is-nav {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .page-padding.is-hero {
    padding-top: 20vh;
  }

  .page-padding.is-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .page-padding.is-footer {
    padding-top: 5rem;
    padding-bottom: 2.5rem;
  }

  .button.is-nav {
    display: none;
  }

  .button.is-nav.hide-desktop {
    margin-top: 1rem;
    display: block;
  }

  .hero-title-txt {
    font-size: 4rem;
  }

  .paragraph {
    font-size: 1rem;
  }

  .why_cdesk-wrapper {
    grid-template-columns: 1.125fr;
  }

  .section-title-txt {
    font-size: 3rem;
  }

  .button-wrapper {
    margin-top: 2.5rem;
  }

  .heading-wrapper.sticky {
    height: auto;
  }

  .stacking_content-layout, .production_process-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .workshop_showreel-wrapper {
    margin-top: 2.5rem;
  }

  .footer-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    padding-bottom: 2.5rem;
  }

  .footer_left-wrap {
    max-width: 100%;
  }

  .footer_nav-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .exp-carousel_buttons {
    display: flex;
  }

  .exp-carousel_wrap {
    margin-top: 2.5rem;
  }

  .exp-carousel_button {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }

  .exp-carousel_button.is-next {
    left: auto;
    right: 0%;
    transform: translateX(50%)translateY(-50%)rotateZ(180deg);
  }

  .exp-carousel_item {
    flex-basis: calc(var(--_responsive---expanding-carousel--slide-width)  + var(--_responsive---expanding-carousel--slide-gap));
  }

  .exp-carousel_item.is-active {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(var(--_responsive---expanding-carousel--slide-width)  + var(--_responsive---expanding-carousel--slide-gap));
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(var(--_responsive---expanding-carousel--slide-width)  + var(--_responsive---expanding-carousel--slide-gap));
  }

  .hero-carousel_wrap {
    margin-top: 3rem;
  }

  .hero-carousel_button {
    position: absolute;
  }

  .hero-carousel_slide {
    flex-basis: 70%;
  }

  .hero-carousel_buttons {
    display: flex;
  }

  .product-quote_cont {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .number-progress-wrap {
    margin-top: 2rem;
  }

  .number-progress {
    font-size: 4rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_responsive---expanding-carousel--slide-gap: 1rem;
    --_responsive---expanding-carousel--slide-width: 70%;
    --_responsive---expanding-carousel--slide-height: 30rem;
  }

  .logo {
    width: 6rem;
  }

  .page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .page-padding.is-nav {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .page-padding.is-hero {
    padding-top: 17vh;
  }

  .hero-title-txt {
    font-size: 3rem;
  }

  .section-title-txt {
    font-size: 2.5rem;
  }

  .button-wrapper {
    margin-top: 2rem;
  }

  .footer-wrapper {
    padding-bottom: 2rem;
  }

  .footer_nav-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .footer_nav-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .copyright_wrapper {
    margin-top: 1rem;
  }

  .exp-carousel_wrap {
    margin-top: 2rem;
  }

  .exp-carousel_item, .exp-carousel_item.is-active, .exp-carousel_item.is-active {
    flex-basis: 90%;
  }

  .hero-carousel_slide {
    height: 18.4rem;
  }

  .spacer-small {
    padding-top: 1.25rem;
  }

  .spacer-xsmall {
    padding-top: .75rem;
  }

  .number-progress-wrap {
    margin-top: 1.5rem;
  }

  .number-progress {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_responsive---expanding-carousel--slide-gap: 1rem;
    --_responsive---expanding-carousel--slide-width: 90%;
    --_responsive---expanding-carousel--slide-height: 30rem;
  }

  .menu-button {
    padding: .75rem;
  }

  .page-padding.is-section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .hero-title-txt {
    margin-bottom: 1rem;
    font-size: 2.75rem;
  }

  .section-title-txt {
    font-size: 2.25rem;
  }

  .paragraph-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .button-wrapper {
    margin-top: 1.5rem;
  }

  .heading-wrapper.center-aligned {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .exp-carousel_wrap {
    margin-top: 1.5rem;
  }

  .hero-carousel_wrap {
    margin-top: 2rem;
  }

  .hero-carousel_slide {
    height: 11rem;
  }

  .number-progress {
    font-size: 3rem;
  }
}