/* -- Global -- */

.w-webflow-badge {
  display: none !important;
}

html {
  height: auto;
}

:root {
  --animation-default-fast: 0.4s cubic-bezier(0.425, 0, 0, 1);
  --animation-default: 0.8s cubic-bezier(0.425, 0, 0, 1);
  --animation-default-speedup: 0.175s ease;
  --header-height: 105px;
  --nav-height: 66px;
  --accent-color: #d3ff99;
}

/* -- Media --Fixed Size -- */

@media (min-width: 990px) {
  :root {
    --size: 1600;
  }

  html {
    height: auto !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /* font-size: calc(15.5 * 100vw / var(--size)); */
    font-size: calc(15.15 * 100vw / var(--size));
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* -- Media -- */

@media only screen and (max-width: 1900px) {
}

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 991px) {
  .cards_slider-track,
  .cards_slider-track_new {
    bottom: 0rem;
  }

  .swiper-slide.card_item-cover {
    transform: scale(0.65);
    z-index: 0;
    opacity: 0.6;
    box-shadow: rgba(10, 10, 40, 0) 0px 6px 18px;
    --proximity: 0;
    --scale: 0.5;
    transition: all 600ms ease;
  }

  .swiper-slide.card_item-cover [elem-action-card="card"] {
    filter: blur(14px);
    opacity: 0.3;
    transition: all 450ms ease;
  }

  .swiper-slide.card_item-cover [elem-action-card="shadow"] {
    opacity: 0;
    transition: all 450ms ease;
  }

  .swiper-slide.card_item-cover.is--active {
    transform: scale(1);
    z-index: 100;
    opacity: 1;
    box-shadow: rgba(10, 10, 40, 0) 0px 12px 30px;
    --proximity: 1;
    --scale: 1;
  }

  .swiper-slide.card_item-cover.is--active [elem-action-card="card"] {
    filter: blur(0px);
    opacity: 1;
  }

  .swiper-slide.card_item-cover.is--active [elem-action-card="shadow"] {
    opacity: 1;
  }

  .card_image-overflow {
    opacity: 1 !important;
    pointer-events: none;
  }
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 479px) {
  .stopped {
    overflow: hidden;
  }
}

/* -- Keyframe Animations -- */

@keyframes marqueeY {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes marqueeYR {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}

@keyframes marqueeX {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes marqueeXR {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

@media only screen and (max-width: 991px) {
  @keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  @keyframes marqueeRev {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(100%);
    }
  }
}

/* -- Action Cards -- */

@media (min-width: 990px) {
  .card_item-cover {
  }

  .card_item-cover .card-corner {
    opacity: 0;
    transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  }

  .card_item-cover .card_text-box {
    opacity: 0;
    transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
    pointer-events: none;
  }

  .card_item-cover.is-centered .card-corner {
    opacity: 1;
  }

  .card_item-cover.is-centered .card_text-box {
    opacity: 1;
    pointer-events: auto;
  }
  /* 
  .card_image-overflow {
    opacity: 1;
    pointer-events: none;
  }

  [label-visibility-on="hover"] > .card_image-overflow {
    opacity: 0;
    scale: 0.8;
    pointer-events: none;
  }

  [label-visibility-on="hover"]:hover > .card_image-overflow {
    opacity: 1;
    scale: 1;
  } */
}

/* -- Action Viewport -- */

[elem="action-viewport"] {
  opacity: 0;
}

/* -- Call Popup Button -- */

[elem="call-form-popup"] {
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}

[elem="call-form-popup"].is--unactive {
  opacity: 1;
  cursor: wait;
  pointer-events: none;
}

/* [elem="call-form-popup"].is--unactive::after {
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
} */

/* -- Popup Contact Form --Marquee Effect -- */

/* .form_title-line {
  animation: marqueeX 20s linear infinite;
  will-change: transform;
} */

/* -- Scrollbar Styling -- */

.form-component::-webkit-scrollbar {
  display: none;
}

.container-large::-webkit-scrollbar {
  display: none;
}

.cards_slider-tags::-webkit-scrollbar {
  display: none;
}

/* -- Loading Sequence --Introduction Screen -- */

[elem-intro-screen="wrapper"] {
  pointer-events: none;
}

/* -- Hero Track -- */

/* .hero-track {
  height: 400vh;
} */

/* -- Sound Modifications -- */

[visualizer-parent] {
}

[visualizer-parent] [data-sound-on] {
  display: none;
}

[visualizer-parent] [data-sound-off] {
  display: none;
}

/* [visualizer-parent].is--playing [data-sound-on] {
  display: none;
}

[visualizer-parent].is--playing [data-sound-off] {
  display: block;
} */

/* -- Main Viewport Wrapper -- */

[elem-global-viewport="wrapper"] {
  opacity: 0;
}

[elem-progress-track="pointer"]:last-child .cards_slider-pointers {
  padding-right: 0.375rem !important;
}

@media only screen and (max-width: 991px) {
  [elem-progress-track="pointer"]:last-child .cards_slider-pointers {
    padding-right: 0rem !important;
  }
}

/* -- Video Container -- */

[video-container-enabled="false"] {
}

[video-container-enabled="true"] {
  position: relative;
}

[video-container-enabled="true"]::after {
  content: "";
  position: absolute;
  bottom: 0rem;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  transition: all 400ms ease;
  z-index: 20;
  pointer-events: auto;
}

[video-popup="player"] {
  object-fit: cover;
}

/* -- Video Popup -- */

[video-popup-container] {
  transition: all 350ms ease !important;
  display: flex;
}

[video-popup-close] {
  transition: all 350ms ease !important;
}

[video-popup-player] {
  transition: all 350ms ease !important;
}

[video-popup-container].is--close {
  pointer-events: none;
}

[video-popup-container].is--close [video-popup-close] {
  opacity: 0;
}

[video-popup-container].is--close [video-popup-player] {
  opacity: 0;
  transform: translateY(1.5rem) !important;
}

[video-popup-container].is--open {
  pointer-events: auto;
}

[video-popup-container].is--open [video-popup-close] {
  opacity: 0.65;
}

[video-popup-container].is--open [video-popup-player] {
  opacity: 1;
  transform: translateY(0rem) !important;
}

/* -- Action Card Animation --On Active State -- */

.card-item {
  transition: scale var(--animation-default-fast),
    transform var(--animation-default-fast);
}

.logo-wrapper {
  transition: scale var(--animation-default-fast),
    transform var(--animation-default-fast);
}

.nav-item {
  transition: scale var(--animation-default-fast);
}

.logo-wrapper:hover {
  scale: 1.025;
  transform: rotate(1deg);
}

.nav-item:hover {
  scale: 1.025;
}

.card_image-overflow {
  z-index: 1000;
}

/* .card_image-overflow > .manifest-button.is--card {
  transition: all 700ms ease 0.3;
  opacity: 1;
  pointer-events: none;
} */

/* .card_item-cover.is-centered .card-item:hover {
  scale: 1.05;
  transform: rotate(-2.5deg);
} */

/* -- 100% Remove Blur if Centered --On Active State -- */

@media (min-width: 990px) {
  .card-item.is-centered .card-item {
    filter: blur(0px) !important;
  }

  .card-image {
    pointer-events: none;
  }

  .card_item-cover.is-centered .card-image {
    pointer-events: auto;
    cursor: pointer;
  }
}

[elem-progress-track="pointer"] {
  text-align: center;
}

/* -- -- */

/* formSubmitWindow */
[elem-contact-form="submit-window"] {
  opacity: 0;
}

/* formEnvelopeWindow */
[elem-envelope-form="window"] {
  opacity: 0;
}

.intro_screen-logo {
  pointer-events: none;
}

.w-form-fail {
  display: none !important;
}

/* -- -- */

.cards_slider-tag:first-child {
  text-align: left;
}

.cards_slider-tag:first-child .cards_slider-tag_head {
  justify-content: left;
}

.cards_slider-tag:last-child {
  text-align: right;
}

.cards_slider-tag:last-child .cards_slider-tag_head {
  justify-content: right;
}

/* -- -- */

@media (min-width: 990px) {
  .card_image-overflow {
    transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1) 0.3;
    opacity: 0;
    pointer-events: none;
  }

  .manifest-button.in--card {
    backdrop-filter: blur(0.625rem) !important;
  }

  .card_item-cover.is-centered .card-image:hover .card_image-overflow {
    opacity: 1;
  }

  .card_item-cover.is-centered .card-image:hover .manifest-button.in--card {
    backdrop-filter: blur(0.625rem) !important;
  }
}

/* -- -- */

.form-component {
  padding-top: calc(2rem + var(--nav-height)) !important;
}

.padding-section.is--manifest {
  padding-top: calc(3.5rem + var(--nav-height)) !important;
}

@media only screen and (max-width: 991px) {
  .form-component,
  .padding-global.is--manifest {
    padding-top: calc(2rem + var(--nav-height)) !important;
  }
}

/* -- -- */

[elem-header-theme="_default"].show-logo .native_header-logo {
  display: flex;
}

/* -- Transition -- */
body {
  background-color: #e2e2e2;
}

/* -- -- */

.single-line {
  overflow: hidden;
  position: relative;
}

/* -- -- */

.main-wrapper.has-bg {
  background-image: url("https://cdn.prod.website-files.com/68b0c6c019e0eba09608de60/68c161109004989fbfe491df_Manifest_BG.png");
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.form-popup {
  background-image: url("https://cdn.prod.website-files.com/68c16884b827b56e2432e0e9/68c1ff783a38660adbf25165_back_form.webp");
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

/* -- -- */
/* 
.w-checkbox .w--redirected-checked {
  background-image: url("");
  background-position: 50%;
  background-size: contain;
}

.w-checkbox.is-active-inputactive .w--redirected-checked {
  background-image: url("https://cdn.prod.website-files.com/68b0c6c019e0eba09608de60/68bd5b88d4380a85935c8c59_check.svg") !important;
  background-position: 50%;
  background-size: contain;
} */

/* -- -- */

.form {
  display: none;
}

.form.is--active {
  display: block;
}

/* -- -- */

.cards_slider-tag_head {
  cursor: pointer;
}

.cards_slider-track,
.cards_slider-track_new {
  bottom: calc(-1.5rem - 0.95rem);
}

/* -- Safari Fixes -- */

[visualizer] {
  display: block;
  -webkit-transform: translateZ(0);
  image-rendering: -webkit-optimize-contrast;
}

body {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  touch-action: manipulation;
}

[data-index-slide] {
}

.cards_slider-marker {
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}

[data-index-slide="1"] .cards_slider-marker {
  left: 0%;
}

[data-index-slide="2"] .cards_slider-marker {
  left: 50%;
}

[data-index-slide="3"] .cards_slider-marker {
  left: 96%;
}

.hero_swipe-label {
  transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 0;
}

[data-index-slide="3"] .hero_swipe-label {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* -- -- */

/* .cards_slider-tag:first-child
  .cards_slider-pointers
  .cards_slider-pointer:first-child {
  .cards_slider-pointer.is--big {
    height: 0.875rem;
  }
}

.cards_slider-tag:nth-child(2)
  .cards_slider-pointers
  .cards_slider-pointer::nth-child(10) {
  .cards_slider-pointer.is--big {
    height: 0.875rem;
  }
}

.cards_slider-tag:last-child
  .cards_slider-pointers
  .cards_slider-pointer:last-child {
  .cards_slider-pointer.is--big {
    height: 0.875rem;
  }
} */

/* -- Card Slider Tag -- */

.cards_slider-tag.is--active .cards_slider-tag_head {
  color: var(--accent-color) !important;
}

.cards_slider-tag.is--active [elem-progress-pointer="big"] {
  background: var(--accent-color) !important;
}

html.is-changing {
  overflow: hidden;
}

html.is-animating {
  overflow: hidden;
}

.collage-screen img {
  object-position: 50% 100% !important;
}

/* [elem="action-card-image"] {
  transform: rotate(0.001deg);
}

[action-card-element="picture"] {
  transform: rotate(0.001deg);
} */

[elem-action-card="card"] {
  /* will-change: transform; */
  will-change: filter;
}

.form-expander,
.form_submit-progress_box,
.form_submit-window,
.popup-video,
.postal_envelope-wrapper,
.cards_slider-pointer,
.intro_screen-logo,
.card_image-overflow,
.fit--contain,
.manifest-button,
.card-image,
.card-shader,
.swiper-slide,
.swiper,
[elem-global-effect] {
  will-change: transform !important;
}