.b-employees-quote .b__content {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-employees-quote .b__quote {
  margin-top: clamp(2.5rem, 2.56vw + 1.92rem, 5rem);
  font-family: var(--font-headline);
  font-size: clamp(2rem, 0.19vw + 1.96rem, 2.19rem);
  line-height: 1.2;
}
.b-employees-quote .b__quote {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-employees-quote .b__employees {
  margin-top: clamp(2.5rem, 2.56vw + 1.92rem, 5rem);
}
.b-employees-quote .b__employees {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-employees-quote .c-employees {
  row-gap: clamp(5rem, 1.28vw + 4.71rem, 6.25rem);
}
.b-employees-quote .c-employees .c-employee {
  padding: 20px;
  border: 1px dashed var(--color-background-1);
}
.b-employees-quote .c-employees .c-employee {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
}
.b-employees-quote .c-employees .c-employee .c-employee__images {
  position: relative;
  width: 50%;
  aspect-ratio: 161/215;
}
.b-employees-quote .c-employees .c-employee .c-employee__images .c-employee__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.b-employees-quote .c-employees .c-employee .c-employee__images .c-employee__image:nth-child(2) {
  opacity: 0;
  transition: opacity 0.48s linear;
}
.b-employees-quote .c-employees .c-employee .c-employee__images .c-media {
  aspect-ratio: 161/215;
}
.b-employees-quote .c-employees .c-employee:hover .c-employee__images .c-employee__image:nth-child(2) {
  opacity: 1;
}
.b-employees-quote .c-employees .c-employee .c-employee__content {
  margin-top: 40px;
}
.b-employees-quote .c-employees .c-employee .c-employee__name {
  margin-top: 40px;
  font-size: 22px;
  font-family: var(--font-special);
  text-transform: uppercase;
}
.b-employees-quote .c-employees .c-employee .c-employee__position {
  margin-top: 8px;
  font-family: var(--font-special);
  font-size: 15px;
  text-transform: uppercase;
}
.b-employees-quote .c-employees .c-employee .c-employee__buttons {
  margin-top: 40px;
}
.b-employees-quote .c-employees .c-employee .c-employee__buttons .c-button {
  background-color: var(--color-background-2);
  border-color: var(--color-background-1);
  color: var(--color-text-inverted);
  margin-top: clamp(0.5rem, 0.51vw + 0.38rem, 1rem);
}
.b-employees-quote .c-employees .c-employee .c-employee__buttons .c-button:first-child {
  margin-top: 0;
}
.b-employees-quote .c-employees .c-employee .c-employee__buttons .c-button:hover {
  background-color: var(--color-background-1);
  color: var(--color-text);
}

@media (min-width: 768px) {
  .b-employees-quote .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 11 - var(--layout-gutter) - 0.01px);
  }
  .b-employees-quote .b__quote {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 11 - var(--layout-gutter) - 0.01px);
  }
  .b-employees-quote .b__employees .c-employees .c-employee {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 6 - var(--layout-gutter) - 0.01px);
  }
}
@media (min-width: 1024px) {
  .b-employees-quote .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
  }
  .b-employees-quote .b__quote {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
  }
  .b-employees-quote .b__employees .c-employees .c-employee {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
  }
  .b-employees-quote .b__employees .c-employees .c-employee + .c-employee {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .b-employees-quote .b__content {
    order: 1;
  }
  .b-employees-quote .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 8 - var(--layout-gutter) - 0.01px);
  }
  .b-employees-quote .b__quote {
    order: 3;
    align-content: center;
  }
  .b-employees-quote .b__quote {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-employees-quote .b__employees {
    order: 2;
  }
  .b-employees-quote .b__employees {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 6 - var(--layout-gutter) - 0.01px);
  }
  .b-employees-quote .b__employees .c-employees {
    gap: 40px;
  }
  .b-employees-quote .b__employees .c-employees .c-employee {
    display: flex;
    flex-flow: row nowrap;
    column-gap: 20px;
  }
  .b-employees-quote .b__employees .c-employees .c-employee {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / 6 * 6 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / 6 * 0 + var(--layout-gutter) / 2);
  }
  .b-employees-quote .b__employees .c-employees .c-employee .c-employee__content {
    margin-top: 0;
  }
  .b-employees-quote .b__employees .c-employees .c-employee .c-employee__images {
    width: clamp(10.5rem, 0.63vw + 10rem, 10.75rem);
  }
  .b-employees-quote .b__employees .c-employees .c-employee + .c-employee {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / 6 * 6 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / 6 * 0 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1440px) {
  .b-employees-quote .b__content {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 8 - var(--layout-gutter) - 0.01px);
  }
  .b-employees-quote .b__quote {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 6 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-employees-quote .b__employees {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 5 - var(--layout-gutter) - 0.01px);
  }
}

/*# sourceMappingURL=style.css.map */