.articles{padding:6.25rem 0;background-color:var(--gray);overflow:hidden}.articles__title{text-align:center;margin-bottom:3rem}.articles__card{position:relative}.articles__card-link{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}.articles__card-img{position:relative;margin-bottom:1rem;border-radius:1.25rem;overflow:hidden}.articles__card-img img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.articles__card-img::before{content:"";display:block;width:100%;padding-top:100%}.articles__card-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.articles__card-title{font-weight:600;font-size:1.25rem;line-height:140%;margin-bottom:4px;-webkit-transition:color var(--hover-transition);transition:color var(--hover-transition)}.articles__card-excerpt{letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.articles__card-btn{width:3rem;height:3rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%}.articles__card-btn svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.articles__card-btn svg path{-webkit-transition:fill var(--hover-transition);transition:fill var(--hover-transition)}.articles__card-btn svg rect{-webkit-transition:stroke var(--hover-transition),stroke-opacity var(--hover-transition);transition:stroke var(--hover-transition),stroke-opacity var(--hover-transition)}.articles__card-placeholder{background:#d9d9d9;width:100%;height:100%;left:0;top:0;position:absolute}@media (any-hover:hover){.articles__card:hover .articles__card-title{color:var(--yellow)}.articles__card:hover .articles__card-btn svg path{fill:var(--yellow)}.articles__card:hover .articles__card-btn svg rect{stroke:var(--yellow);stroke-opacity:1}}.articles .swiper{overflow:visible}@media (max-width:768px){.articles{padding:72px 0}.articles__title{text-align:left}.articles__card-title{font-size:16px;line-height:175%;margin-bottom:0}.articles__card-wrapper{-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px}.articles__card-btn{width:24px;height:24px}}