/* Styles used only by the new homepage. */

.cursor-move {
    width: 9.25rem !important;
    height: 9.25rem !important;
  }
  .cursor-icons {
    padding: 1.5rem !important;
  }
  .service__link-text:hover + .service__link-preview-wrap .service__link-preview {
    clip-path: inset(100% 0 0 0) !important;
    transform: scale(0.8) !important;
  }
  .line {
    opacity: 0;
  }
  [data-gsap-line],
  [data-gsap-blur] {
    opacity: 0;
  }
  .section-wrap.mod--case::-webkit-scrollbar {
    display: none;
  }
  .section.mod--case-study:hover .case-study__videos {
    clip-path: inset(0% 0rem 0rem 0rem);
  }
  .section.mod--case-study:hover .case-study__counts,
  .section.mod--case-study:hover .case-study__title {
    opacity: 1;
  }
  .cases-study__text.is-active {
    top: 0rem !important;
    opacity: 1 !important;
    pointer-events: auto;
  }
  .cases-study__text.is-prev {
    top: -20rem !important;
    opacity: 0 !important;
  }
  .case-study__video-wrap.is-active {
    width: 100% !important;
    height: 100% !important;
  }
  
  [data-swiper="lovelatters-new"] .swiper-slide .lovelatters__block {
    background: #747481;
    transition: background-color .8s;
  }
  [data-swiper="lovelatters-new"] .swiper-slide-prev .lovelatters__block,
  [data-swiper="lovelatters-new"] .swiper-slide-next .lovelatters__block {
    background: #becde2;
  }
  [data-swiper="lovelatters-new"] .swiper-slide-active .lovelatters__block {
    background: #fff;
  }
  [data-swiper="lovelatters-new"] .swiper-slide-prev-second .lovelatters__block,
  [data-swiper="lovelatters-new"] .swiper-slide-next-second .lovelatters__block {
    background: #788faf;
  }
  [data-swiper="lovelatters-new"] .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next):not(.swiper-slide-prev-second):not(.swiper-slide-next-second) {
    visibility: hidden;
  }

@media (min-width: 992px) and (max-height: 960px) {
    .section.home-hero.test {
      height: calc(100vh - 6rem);
      display: flex;
      padding-top: unset;
    }
    .section.home-hero.test .container {
      transform: scale(0.85);
      flex: none;
      margin-top: auto;
    }
    .section.home-hero.test .home-hero__showreel-wrap {
      height: 68%;
    }
  }
  @media (min-width: 992px) and (min-height: 1100px) {
    .section.home-hero.test {
      height: calc(100vh - 6.5rem);
      padding-top: 52vh;
    }
    .section.home-hero.test .container.case__rich-testing {
      margin-top: 0;
    }
    .section.home-hero.test .home-hero__showreel-wrap {
      height: 60%;
    }
  }
  @media screen and (min-width: 992px) {
    .home-hero__showreel.anim canvas,
    .home-hero__showreel.anim svg {
      object-fit: cover;
    }
  }

@keyframes scroll-wheel {
0%, 100% {
  transform: translateY(0);
}
50% {
  transform: translateY(0.3rem);
}
}
.scroll-hint__wheel {
animation: scroll-wheel 1.35s cubic-bezier(.76, 0, .24, 1) infinite alternate;
}