.article-list-item .article-summary .link-wrapper {
            position: relative;
            text-decoration: none;
            display: block;
        }

.article-list-item .article-summary .link-wrapper .image-wrapper {
                position: relative;
                aspect-ratio: 360/262;
                overflow: hidden;
                border-radius: 0.5rem;
            }

.article-list-item .article-summary .link-wrapper .content-wrapper {
                position: relative;
                padding-inline: 0;
                text-decoration: none;
                padding-block: 1.25rem;
            }

.article-list-item .article-summary .link-wrapper .content-wrapper .info {
                    color: var(--color-primary);
                }

.article-list-item .article-summary .link-wrapper .content-wrapper .info .date {
                        color: var(--color-brown);
                        padding-bottom: 0.5rem;
                        font-size: 0.875rem;
                        line-height: 1;
                    }

.article-list-item .article-summary .link-wrapper .content-wrapper .info .title {
                        font-size: 1.125rem;
                        line-height: 1.3;
                        font-weight: 400;
                    }

.article-list-item .article-summary .link-wrapper .content-wrapper .info .read-more-link {
                        padding-top: 0.625rem;
                        font-size: 0.9375rem;
                        line-height: 1;
                        letter-spacing: 0.00625rem;
                        font-weight: 600;
                    }

.article-list-item .article-summary .link-wrapper .content-wrapper .info .read-more-link .label {
                            margin-inline-end: 0.125rem;
                        }

.article-list-item .article-summary .link-wrapper .content-wrapper .info .read-more-link .icon {
                            font-size: 0.625rem;
                        }

.article-list-item.featured .article-summary .link-wrapper .image-wrapper::before {
                        content: "";
                        position: absolute;
                        inset: 0;
                        background: linear-gradient(to bottom, transparent, transparent 30%, #0000008c);
                        z-index: 1;
                    }

.article-list-item.featured .article-summary .link-wrapper .content-wrapper {
                    position: absolute;
                    z-index: 1;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    padding-inline: 1.125rem;
                    padding-block: 1.375rem;
                }

.article-list-item.featured .article-summary .link-wrapper .content-wrapper .info {
                        color: #fff;
                    }

.article-list-item.featured .article-summary .link-wrapper .content-wrapper .info .date {
                            color: #fff;
                        }

@media screen and (min-width: 48rem) {
                        .article-list-item .article-summary .link-wrapper .content-wrapper .info .title {
                            min-height: 4.375rem;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            line-clamp: 3;
                            -webkit-line-clamp: 3;
                        }
                        .article-list-item.featured .article-summary .link-wrapper .content-wrapper .info {
                            padding-inline-end: 5%;
                        }

                            .article-list-item.featured .article-summary .link-wrapper .content-wrapper .info .title {
                                min-height: 2.9375rem;
                                line-clamp: 2;
                                -webkit-line-clamp: 2;
                                min-height: auto;
                            }
}

@media screen and (min-width: 96rem) {
                    .article-list-item .article-summary .link-wrapper .content-wrapper .info {
                        padding-right: 5%;
                    }

                        .article-list-item .article-summary .link-wrapper .content-wrapper .info .title {
                            min-height: 3.25rem;
                            font-size: 1.25rem;
                            line-clamp: 2;
                            -webkit-line-clamp: 2;
                        }
                        .article-list-item .article-summary .link-wrapper .content-wrapper .info .date {
                            font-size: 1rem;
                        }
                        .article-list-item .article-summary .link-wrapper .content-wrapper .info .read-more-link {
                            font-size: 1rem;
                        }

                            .article-list-item .article-summary .link-wrapper .content-wrapper .info .read-more-link .icon {
                                font-size: 0.75rem;
                            }
                    .article-list-item.featured .article-summary .link-wrapper .content-wrapper {
                        padding: 2.375rem;
                    }
                            .article-list-item.featured .article-summary .link-wrapper .content-wrapper .info .title {
                                font-size: 1.625rem;
                            }
}