/* === SELECTED PROJECTS SWIPER === */
body {
  display: none !important;
}

body .selected_slide.swiper-slide {
  cursor: none;
}
body.is--touch .selected_slide.swiper-slide {
  cursor: auto;
}

/* --- Basics --- */
.selected_slide .selected_mask {
  width: 50%;
  max-width: 50%;
  transition: max-width 0.2s ease-out;
  margin: 0 auto;
}

.selected_slide.swiper-slide-active .selected_mask {
  width: fit-content;
  max-width: 100%;
  height: fit-content;
}
.selected_slide.swiper-slide {
  display: flex;
}
.selected_image {
  max-height: 60vh;
}
.swiper-slide-active .selected_image {
  filter: saturate(80%);
}

/* --- Text Activeness --- */
.selected_title {
  opacity: 0;
  transform: translateY(10rem);
  transition: transform 0.4s ease-out, opacity 0s ease-out;
}
.swiper-slide-active .selected_title {
  opacity: 1;
  transform: translateY(0rem);
  transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}
.selected_footer {
  top: calc(100% - 2rem);
  transform: translateY(-100%);
  transition-delay: 0.1s;
}
.swiper-slide-active .selected_footer {
  transform: translateY(0%);
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .swiper-slide-active .selected_mask {
    min-width: 100% !important;
  }
  .swiper-slide-active {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .swiper {
    transform: translateX(0vw) !important;
  }
  .swiper-slide {
    padding-left: var(--_sizes---gaps--full);
    padding-right: var(--_sizes---gaps--full);
    height: auto;
  }
  .selected_slide {
    align-items: center;
  }
  .selected_title {
    bottom: calc(100% - 9vw);
  }
  .selected_title--black {
    padding: 0 var(--_sizes---gaps--full);
  }
  .selected_list {
    align-items: center;
  }
}

@media screen and (max-width: 478px) {
  .page_main {
    padding-top: var(--_sizes---subheader);
  }
  /*
  .footer--fixed.footer--fixed--home .footer {
    padding-top: var(--_sizes---gaps--full);
    min-height: auto;
  }
  */
}
/*
@media screen and (max-width: 478px) and (max-height: 800px) {
  .footer--fixed.footer--fixed--home {
    position: relative;
  }
}
*/