@media (min-width: 992px) {
  .our-works__content--all-work {
    grid-column: 1 / -1;
    grid-template-columns: repeat(24, 1fr);
    display: grid;
  }
  .our-works__content--featured {
    margin-block-end: 16rem !important;
  }

  .our-works__content--all-work:nth-child(6n + 1) > div {
    grid-column: 12 / 24;
    margin-top: -6rem;
  }

  .our-works__content--all-work:nth-child(6n + 2) > div {
    grid-column: 3 / 11;
    margin-top: -6rem;
  }

  .our-works__content--all-work:nth-child(6n + 3) > div {
    grid-column: 15 / 23;
    margin-top: -6rem;
  }

  .our-works__content--all-work:nth-child(6n + 4) > div {
    grid-column: 2 / 14;
    margin-top: -6rem;
  }

  .our-works__content--all-work:nth-child(6n + 5) > div {
    grid-column: 16 / 24;
    margin-top: -6rem;
  }

  .our-works__content--all-work:nth-child(6n + 6) > div {
    grid-column: 2 / 10;
    margin-top: -6rem;
  }
}

.our-works__content--container--featured .our-works__content--link {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
  clip-path: inset(0 0 0 0);
}

.our-works__content--title_cats > div {
  position: relative;
}

.featured-animation {
  position: relative;
  color: var(--color-white) !important;
}

.featured-animation .featured-animation-content {
  clip-path: inset(0 0 0 0);
  transition: all 0.3s ease-in-out;
}

.featured-animation:hover .featured-animation-content {
  transform: translateY(-2rem);
  clip-path: inset(0 0 100% 0);
  transition: all 0.3s ease-in-out;
}

.featured-animation:hover + a .featured-animation-content {
  transform: translateY(-2rem);
  transition: all 0.3s ease-in-out;
  clip-path: inset(0 0 100% 0);
}

.our-works__content--link {
  transform: translateY(2.2rem) !important;
}

.featured-animation:hover .our-works__content--link,
.featured-animation:hover + a .our-works__content--link {
  transform: translateY(0) !important;
}

.our-works__content--all-work
  .our-works__content--container:hover
  .our-works__content--link {
  transform: translateY(0px) !important;
  clip-path: inset(0% 0% 0% 0%);
}

.our-works__content--all-work
  .our-works__content--container:hover
  .our-works__content--title_cats {
  transform: translateY(-50px);
  clip-path: inset(100% 0% 0% 0%);
  transition: all 0.3s ease-in-out;
}

/* .our-works .container-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
}

.our-works .container-grid .our-works__content {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin-block-end: 3rem;
}

.our-works
  .container-grid
  .our-works__content--featured
  .our-works__content--container--featured {
  grid-column: 1 / span 11 !important;
  display: flex;
  gap: 1.5rem;
}

.our-works__content--container--featured a {
  flex: 3;
}

.our-works__content--container--featured .our-works__content--title_cats {
  justify-content: flex-end !important;
  gap: 1.5rem;
}

.our-works
  .container-grid
  .our-works__content:nth-child(2)
  .our-works__content--container {
  grid-column: 6 / span 13;
}

.our-works
  .container-grid
  .our-works__content:nth-child(3)
  .our-works__content--container {
  grid-column: 2 / span 5;
}

.our-works
  .container-grid
  .our-works__content:nth-child(4)
  .our-works__content--container {
  grid-column: 8 / span 13;
  margin-top: -12rem;
}

.our-works
  .container-grid
  .our-works__content:nth-child(5)
  .our-works__content--container {
  grid-column: 1 / span 5;
  margin-top: -14rem;
}

.our-works
  .container-grid
  .our-works__content:nth-child(6)
  .our-works__content--container {
  grid-column: 7 / span 13;
  margin-top: -12rem;
}

.our-works
  .container-grid
  .our-works__content:nth-child(7)
  .our-works__content--container {
  grid-column: 2 / span 4;
  margin-top: -12rem;
}

.our-works
  .container-grid
  .our-works__content:nth-child(8)
  .our-works__content--container {
  grid-column: 5 / span 13;
}

.our-works
  .container-grid
  .our-works__content:nth-child(9)
  .our-works__content--container {
  grid-column: 2 / span 8;
}

.our-works__content img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.our-works__content .our-works__title,
.our-works__category {
  font-size: 1rem !important;
  color: var(--color-white) !important;
}

.our-works__content--featured .our-works__title,
.our-works__content--featured .our-works__category {
  font-size: 2rem !important;
  color: var(--color-white) !important;
}

.our-works__content--title {
  max-width: 300px;
}

.our-works__content--featured .our-works__content--title_cats {
  flex-direction: column;
  flex: 1;
  display: flex;
  justify-content: space-between;
}

.our-works__content--title_cats {
  flex: 0;
}

.our-works__content .our-works__title,
.our-works__content .our-works__content--title_cats {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.our-works__content .our-works__content--title_cats {
  margin-block-start: 1rem;
  text-transform: uppercase;
}

.our-works__content--title h2 {
  margin-block-start: 0;
}

.our-works__content--image {
  position: relative;
}

.our-works__title--fadeup {
  clip-path: inset(0 0 100% 0);
  position: absolute;
  transform: translateY(50%);
  bottom: 1rem;
  font-size: 4rem !important;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.our-works__title--fadeup span {
  display: inline-block;
  padding-right: 2rem;
  animation: marquee 16s linear infinite;
}
.our-works__content--container {
  position: relative;
}

.our-works__content--all-work .our-works__content--title_cats {
  position: static;
  bottom: 0;
  width: 100%;
  top: auto;
  min-height: 2.5rem;
}

.our-works__content--link {
  text-align: right;
  position: absolute;
  bottom: 0rem;
  right: 0;
  transform: translateY(100%);
  clip-path: inset(100% 0% 0% 0%);
}

.our-works__content--link a {
  color: #fff;
  text-decoration: none;
  font-family: var(--font-primary);
  font-weight: 800;
  font-size: 1rem;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
} */