.b-quotes .c-quote__author {
  margin-top: clamp(1.5rem, 1.54vw + 1.15rem, 3rem);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.b-quotes .c-quote__media {
  width: clamp(4rem, 4.1vw + 3.08rem, 8rem);
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  margin-right: clamp(1rem, 0.51vw + 0.88rem, 1.5rem);
}
.b-quotes .c-quote__media .c-media {
  width: 100%;
  height: 100%;
}
.b-quotes .c-quote__media .c-media__image {
  object-position: 50% 0;
}
.b-quotes .b__content {
  position: relative;
  padding-top: calc(var(--block-padding) / 2);
  padding-bottom: calc(var(--block-padding) / 2);
}
.b-quotes .b__content {
  width: 1px;
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
}
.b-quotes .b__content .b__background {
  position: absolute;
  top: 0;
  right: calc(var(--layout-offset) * -1);
  bottom: 0;
  left: calc(var(--layout-offset) * -1);
  background-color: var(--color-background-2);
  z-index: -1;
}
.b-quotes .b__intro {
  width: 1px;
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
}
.b-quotes .b__quotes:has(.splide--active) {
  margin-bottom: clamp(4rem, 2.05vw + 3.54rem, 6rem);
}
.b-quotes .b__quotes {
  width: 1px;
  min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
}
.b-quotes .b__quotes .splide__list {
  flex-flow: row nowrap;
  margin: 0 !important;
  padding: 0 !important;
}
.b-quotes .b__quotes .splide__track {
  overflow-x: clip;
}
.b-quotes .b__quotes .splide__arrows {
  display: flex;
}
.b-quotes .b__intro + .b__quotes {
  margin-top: clamp(2rem, 2.05vw + 1.54rem, 4rem);
}

@media (min-width: 1024px) {
  .b-quotes .b__content {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 12 - var(--layout-gutter) - 0.01px);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
  }
  .b-quotes .b__content .b__background {
    left: 0;
  }
  .b-quotes .b__intro {
    width: 1px;
    min-width: calc(100% / 12 * 5 - var(--layout-gutter) - 0.01px);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / 12 * 1 + var(--layout-gutter) / 2);
  }
  .b-quotes .b__quotes {
    width: 1px;
    min-width: calc(100% / 12 * 4 - var(--layout-gutter) - 0.01px);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / 12 * 1 + var(--layout-gutter) / 2);
  }
  .b-quotes .b__intro + .b__quotes {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .b-quotes .b__content {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 11 - var(--layout-gutter) - 0.01px);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-quotes .b__intro {
    width: 1px;
    min-width: calc(100% / 11 * 3 - var(--layout-gutter) - 0.01px);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / 11 * 1 + var(--layout-gutter) / 2);
  }
  .b-quotes .b__quotes {
    width: 1px;
    min-width: calc(100% / 11 * 4 - var(--layout-gutter) - 0.01px);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / 11 * 2 + var(--layout-gutter) / 2);
  }
}

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