.stories-banner {
  background: linear-gradient(202deg,#fff 36.96%,rgba(255,255,255,0) 75.96%);
  margin-bottom: var(--md-1)
}
.stories-banner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - var(--md-1) - 50px + var(--sm-1));
  max-height: inherit;
  background-image: var(--stories-banner-bg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
  z-index: -1
}
.stories-banner__inner-content {
  position: relative;
  padding-bottom: 0
}
.stories-banner__date {
  margin-bottom: var(--md-4);
  margin-right: 0
}
.stories-banner__cta .cta {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}
.stories-banner__bottom-image {
  aspect-ratio: 328/250
}
.stories-banner--no-description-image:after {
  height: 100%
}
@media (min-width:768px) {
  .stories-banner::after {
    height: 100%
  }
  .stories-banner__bottom-image {
    aspect-ratio: 608/433
  }
  .stories-banner__inner-content {
    padding-bottom: 23rem
  }
  .stories-banner__bottom-content-wrapper {
    bottom: -22.5rem;
    top: auto
  }
  .stories-banner--fullWidthImage .stories-banner__bottom-image {
    aspect-ratio: 1028/433
  }
  .stories-banner__date {
    margin-bottom: 0;
    margin-right: var(--md-4)
  }
  .stories-banner__text-wrapper {
    padding-top: var(--sm-2)
  }
  .stories-banner__share {
    position: absolute;
    top: 0;
    right: 4.8rem;
    z-index: 1;
    width: 4.8rem
  }
  .stories-banner__date-tag .tag-list {
    position: relative
  }
  .stories-banner__date-tag .tag-list::before {
    position: absolute;
    content: "";
    background-color: rgba(0,0,0,.5);
    width: 1px;
    height: 1.4rem;
    top: 0;
    left: -1.5rem;
    bottom: 0;
    margin: auto 0
  }
}
@media (min-width:992px) {
  .stories-banner__date-tag .tag-list::before {
    left: -2rem
  }
}
@media (min-width:768px) and (max-width:1399.98px) {
  .stories-banner::after {
    max-height: 100%
  }
  .stories-banner__bottom-content-wrapper {
    bottom: auto;
    top: auto;
    position: relative
  }
  .stories-banner__inner-content {
    padding-bottom: inherit
  }
}
@media (min-width:992px) {
  .stories-banner {
    max-height: 100%
  }
  .stories-banner::after {
    max-height: 100%
  }
}
@media (min-width:1400px) {
  .stories-banner {
    max-height: 100%;
    margin-bottom: calc(12.9rem + var(--md-1))
  }
  .stories-banner::after {
    max-height: 100%
  }
  .stories-banner__bottom-content-wrapper {
    position: absolute
  }
  .stories-banner__share {
    right: calc((100% - 1240px)/ 2)
  }
}
@media (max-width:991.98px) {
  .stories-banner[class*=pb-] {
    padding-bottom: 0
  }
  .stories-banner--no-description-image {
    padding-bottom: var(--md-1)
  }
}