/* Animation and transition styles */

/* Safari fix */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .home-folder__1,
    .home-folder__2,
    .home-folder__3 {
      height: 100vh;
    }
  }
}

/* Video animations */
.home-fold__video video {
  width: 100%;
  height: 100%;
}

.home-fold__play:hover .home__play-button {
  display: none;
}

/* What can you expect animations */
.you-expect__img {
  transform-origin: top left !important;
}

.you-expect__img--right-origin {
  transform-origin: top right !important;
}

/* Works cards animations */
.work__card-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.work__card:hover .work__card-video {
  transform: scale(1.04);
}

.work__card:hover .work__card-subtitle {
  text-decoration: underline;
}

/* Blog card animations */
.card:hover .card__img {
  transform: scale(1.08);
}

.card--featured:hover .card__img {
  transform: none;
}

.card__image--featured:hover .card__img {
  transform: scale(1.02);
}

.card:hover .card-content__title {
  text-decoration: underline;
}

/* Navbar link animations */
.blog-nvbar__nav-link::after,
.nvbar__nav-link::after {
  content: "";
  display: inline-block;
  height: 2px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  transition: width 0.2s ease;
}

.blog-nvbar__nav-link--dark::after,
.nvbar__nav-link--white::after {
  background: #fff;
}

@media screen and (min-width: 991px) {
  .blog-nvbar__nav-link:hover::after,
  .nvbar__nav-link:hover::after {
    width: 100%;
  }
}

/* Loading animations */
@media (max-width:991px) and (min-width:768px) {
  html.w-mod-js:not(.w-mod-ix) [data-w-id="cb3947e7-b8e9-99c4-5915-7b33beb731e4"] {
    opacity: 0;
  }
  html.w-mod-js:not(.w-mod-ix) [data-w-id="6d7d7d7f-0d96-03b3-0594-302574a57d86"] {
    opacity: 0;
  }
}

@media (max-width:767px) and (min-width:480px) {
  html.w-mod-js:not(.w-mod-ix) [data-w-id="673b99a6-780a-0f7c-2d0b-bdb0dc6a552b"] {
    opacity: 0;
  }
  html.w-mod-js:not(.w-mod-ix) [data-w-id="cb3947e7-b8e9-99c4-5915-7b33beb731e4"] {
    opacity: 0;
  }
  html.w-mod-js:not(.w-mod-ix) [data-w-id="6d7d7d7f-0d96-03b3-0594-302574a57d86"] {
    opacity: 0;
  }
}

@media (max-width:479px) {
  html.w-mod-js:not(.w-mod-ix) [data-w-id="673b99a6-780a-0f7c-2d0b-bdb0dc6a552b"] {
    opacity: 0;
  }
  html.w-mod-js:not(.w-mod-ix) [data-w-id="cb3947e7-b8e9-99c4-5915-7b33beb731e4"] {
    opacity: 0;
  }
  html.w-mod-js:not(.w-mod-ix) [data-w-id="6d7d7d7f-0d96-03b3-0594-302574a57d86"] {
    opacity: 0;
  }
}