.b-articles {
  margin: clamp(32px, 6vw, 104px) 0;
}

.b-articles__img {
  margin-bottom: clamp(16px, 2vw, 24px);
}

.b-articles__img img {
  object-fit: cover;
  object-position: 50% 50%;
}

.b-articles__img.ratio:before {
  padding-top: 60.25%;
}

.b-articles__heading {
  margin-bottom: clamp(16px, 2vw, 24px);
  color: #ffeb6c;
}



.b-articles__excerpt {
  margin-bottom: clamp(16px, 2vw, 24px);
}

.b-articles__footer {
  border-top: 1px solid #000;
  padding-top: clamp(16px, 2vw, 24px);
}

.b-articles__footer .btn {
  font-size: 13px;
  padding: 8px 29px;
}

.b-articles .swiper {
  overflow: initial;
}

.b-articles .swiper-slide {
  height: auto;
}

@media screen and (min-width: 992px) {
  .b-articles__list {
    margin-left: calc(clamp(8px, 3vw, 60px) * -1);
    margin-right: calc(clamp(8px, 3vw, 60px) * -1);
    row-gap: clamp(24px, 4vw, 40px);
  }

  .b-articles__list > * {
    padding-left: clamp(8px, 3vw, 60px);
    padding-right: clamp(8px, 3vw, 60px);
  }
}



.b-articles__footer .btn:before {
  content: '';
  display: block; 
  position: absolute; 
  left: 0; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  z-index: 1;
}