.layout--case {
}
.layout--case .layout-header {
  min-height: unset;
}
.layout--case .layout-header .layout-header__content {
  padding: 8rem 7.2rem 0;
}
.layout--case .layout-header .layout-header__title {
  color: var(--color-text);
}

.case-gallery {
  width: 100%;
  background-color: #fff;
  display: grid;
  gap: 3.6rem;
  padding: 3.6rem;
  border-radius: 2.8rem;
}
.case-gallery .case-gallery__title {
  font-size: 2.8rem;
}
.case-gallery .gallery-list {
  width: 100%;
  display: grid;
  gap: 0.6rem;
  grid-template-columns: repeat(6, 1fr);
}
.case-gallery .gallery-item {
  width: 100%;
  display: block;
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
  border-radius: 1.2rem;
}
.case-gallery .gallery-item__link {
  display: block;
  width: 100%;
  height: 100%;
}
.case-gallery .gallery-item__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.wp-content {
  margin-top: 6rem;
  max-width: 100rem;
}

.case-additional {
  width: 100%;
  margin-top: 6rem;
  display: flex;
  gap: 6rem;
  align-items: flex-start;
}
.case-employees {
  width: 100%;
  display: grid;
  gap: 3.6rem;
  padding: 3.6rem;
  border-radius: 2.8rem;
  background-color: #fff;
}
.case-employees .case-employees__title {
  font-size: 2.8rem;
  font-weight: 200;
}
.case-testimonials {
  width: 100%;
  display: grid;
  gap: 3.6rem;
  padding: 3.6rem;
  border-radius: 2.8rem;
  background-color: #fff;
}
.case-testimonials .case-testimonials__title {
  font-size: 2.8rem;
  font-weight: 200;
}

@media (width <= 900px) {
  .layout--case {
  }
  .layout--case .layout-header {
    min-height: unset;
  }
  .layout--case .layout-header .layout-header__content {
    padding: 6rem 2.8rem 0;
  }
  .layout--case .layout-header .layout-header__title {
    color: var(--color-text);
    font-size: 2.8rem;
  }

  .case-gallery {
    width: 100%;
    background-color: #fff;
    display: grid;
    gap: 2.4rem;
    padding: 2.8rem;
    border-radius: 2.8rem;
  }
  .case-gallery .case-gallery__title {
    font-size: 2.8rem;
  }
  .case-gallery .gallery-list {
    width: 100%;
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .case-gallery .gallery-item {
    width: 100%;
    display: block;
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden;
    border-radius: 1.2rem;
  }
  .case-gallery .gallery-item__link {
    display: block;
    width: 100%;
    height: 100%;
  }
  .case-gallery .gallery-item__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .wp-content {
    margin-top: 6rem;
    max-width: 100rem;
  }

  .case-additional {
    width: 100%;
    margin-top: 6rem;
    display: flex;
    gap: 6rem;
    align-items: flex-start;
    flex-direction: column;
    align-items: stretch;
  }
  .case-employees {
    width: 100%;
    display: flex;
    gap: 3.6rem;
    flex-direction: column;
    padding: 3.6rem;
    border-radius: 2.8rem;
    background-color: #fff;
  }
  .case-employees .case-employees__title {
    font-size: 2.8rem;
    font-weight: 200;
  }
  .case-employees .employee-card {
    width: 100%;
    padding: 0;
  }
  .case-employees .employee-card .card__inner {
    flex-direction: row;
    position: relative;
  }
  .case-employees .employee-card .card__inner .card__image-wrap {
    width: 10rem;
    position: absolute;
    left: 0;
    top: 0;
  }
  .case-employees .employee-card .card__content {
    padding-left: 12rem;
    align-items: start;
  }
  .case-employees .employee-card .card__content .card__details {
    align-items: flex-start;
  }
  .case-employees .employee-card .card__content .card__details {
    text-align: left;
  }
  .case-employees .employee-card .card__content .card__details .card__bullets {
    align-items: flex-start;
  }
  .case-employees .employee-card .card__content .card__actions {
    width: auto;
  }
  .case-testimonials {
    width: 100%;
    display: grid;
    gap: 3.6rem;
    padding: 3.6rem;
    border-radius: 2.8rem;
    background-color: #fff;
  }
  .case-testimonials .case-testimonials__title {
    font-size: 2.8rem;
    font-weight: 200;
  }
}