@media (min-width: 38.75rem) {
  .carouselContainer {
    padding: 3.75rem 0 0;
    grid-template-rows: auto 7.5rem;
  }
  .carouselContainer::before {
    -webkit-clip-path: polygon(0 0, calc(100% - 10.625rem) 0, calc(100% - 15rem) 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 10.625rem) 0, calc(100% - 15rem) 100%, 0 100%);
  }
  .carouselButton.right {
    right: 0;
  }
  .carouselContainer .pagination {
    margin: 1.25rem 2.5rem 0;
  }
  .carouselSlide .promoBlockWrap {
    flex-flow: row-reverse;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0 var(--gutter-left);
    box-sizing: border-box;
    flex: 1 1 100%;
  }
  .carouselSlide .promoBlockWrap .image {
    width: 58%;
    height: 0;
    flex: 1 1 58%;
    padding: 0 0 33%;
  }
  .carouselSlide .promoBlockWrap .image a {
    padding: 0;
  }
  .carouselSlide .promoBlockWrap > .text {
    width: 42%;
    height: 100%;
    flex: 1 1 42%;
    margin: 1.875rem 0 0;
    display: block;
    padding: 0;
    transform: translate3d(-1.875rem, 0, 0);
    height: auto;
  }
  .carouselSlide .promoBlockWrap > .text .textWrap {
    width: calc(100% + 3.125rem);
  }
}
@media (min-width: 64rem) {
  .carouselContainer::before {
    -webkit-clip-path: polygon(0 0, calc(100% - 17.5rem) 0, calc(100% - 23.125rem) 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 17.5rem) 0, calc(100% - 23.125rem) 100%, 0 100%);
  }
  .carouselSlide .promoBlockWrap > .text .textWrap {
    width: calc(100% + 7.5rem);
    padding: 2.5rem 2.5rem 5rem;
  }
  .carouselSlideTitle {
    font-size: 1.5rem;
    line-height: 1.33;
  }
}
@media (min-width: 80rem) {
  .carouselContainer {
    grid-template-rows: auto 10.625rem;
    padding: 5.625rem 0 0;
  }
  .carouselContainer::before {
    -webkit-clip-path: polygon(0 0, calc(100% - 21.875rem) 0, calc(100% - 29.375rem) 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 21.875rem) 0, calc(100% - 29.375rem) 100%, 0 100%);
  }
  .carouselButton {
    margin: 2.5rem 0 0;
  }
  .carouselButton svg {
    left: 0.8125rem;
    top: 0.625rem;
    width: 0.875rem;
    height: 1.25rem;
  }
  .carouselContainer .pagination {
    margin: 2.5rem 2.5rem 0;
    font-size: 1rem;
    line-height: 1.25;
  }
  .carouselSlide .promoBlockWrap .image {
    width: 72%;
    flex: 1 1 72%;
    padding: 0 0 40%;
  }
  .carouselSlide .promoBlockWrap > .text {
    margin: 3.75rem 0 0;
    width: 28%;
    flex: 1 1 28%;
  }
  .carouselSlide .promoBlockWrap > .text .textWrap {
    width: calc(100% + 8.4375rem);
  }
  .carouselSlide .partialSummary {
    font-size: 1rem;
    line-height: 1.63;
  }
  .carouselSlide .cta {
    font-size: 1rem;
    line-height: 1.25;
  }
}
@media (min-width: 90rem) {
  .carouselContainer {
    grid-template-rows: auto 12.5rem;
    grid-template-columns: auto 2.5rem auto calc(2.5rem + (100vw - 75rem) / 2);
    padding: 7.5rem 0 0;
  }
  .carouselContainer::before {
    -webkit-clip-path: polygon(0 0, calc(100% - 23.75rem) 0, calc(100% - 33.125rem) 100%, 0 100%);
            clip-path: polygon(0 0, calc(100% - 23.75rem) 0, calc(100% - 33.125rem) 100%, 0 100%);
  }
}