/* Small dependency-free foundation for the approved homepage. */
.swiper { position: relative; overflow: hidden; }
.rs-hero .swiper-wrapper { position: relative; width: 100%; height: 100%; }
.rs-hero .swiper-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 700ms var(--rs-ease);
}
.rs-hero .swiper-slide.swiper-slide-active {
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
}
.rs-project-slider .swiper-wrapper {
  display: flex;
  gap: clamp(16px, 2vw, 28px);
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}
.rs-project-slider .swiper-wrapper::-webkit-scrollbar { display: none; }
.rs-project-slider .swiper-slide {
  flex: 0 0 min(560px, 78vw);
  scroll-snap-align: start;
}
.rs-project-progress {
  position: relative;
  overflow: hidden;
}
.rs-project-progress::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--rs-project-progress, 25%);
  background: var(--rs-red);
  transition: width 300ms var(--rs-ease);
}
.fab.fa-whatsapp::before { content: "◉"; font-family: inherit; }

@media (max-width: 767px) {
  .rs-project-slider .swiper-slide { flex-basis: 88vw; }
}
