.home .section-articles {padding: 3rem 0; background-color: #fff;}
.home .section-articles .sectionTitle {margin-bottom: 2rem;}

.home .section-articles .slider {position: relative;}
.home .section-articles .slide {box-sizing: border-box; padding: 0 .5rem;}

/* Pre-init fallback mirrors slick's own float+width layout (see Treatments for why) */
.home .section-articles .slider:not(.slick-initialized) {display: block; overflow: hidden;}
.home .section-articles .slider:not(.slick-initialized) .slide {float: right; width: 100%;}
.home .section-articles .slider:not(.slick-initialized) .slide:nth-child(n+2) {display: none;}

.home .section-articles .articleCard {position: relative; display: flex; flex-direction: column; align-items: flex-start; text-align: right;}
.home .section-articles .articleCard > a {position: absolute; inset: 0; z-index: 2;}
.home .section-articles .articleCard .image {width: 100%; height: 12rem; border-radius: .5rem; background-color: var(--color-primary-lightest); background-size: cover; background-position: center;}
.home .section-articles .articleCard .name {margin-top: 1.25rem; line-height: 1.4; font-size: 1.15rem; font-weight: 700; color: var(--color-primary);}
.home .section-articles .articleCard .divider {width: 2.5rem; margin-top: .75rem; border-top: 2px solid var(--color-accent);}
.home .section-articles .articleCard .description {margin-top: 1rem; line-height: 1.7; font-size: .85rem; color: var(--color-primary-light);}
.home .section-articles .articleCard .more {display: inline-block; margin-top: 1rem; text-decoration: underline; font-size: .85rem; color: var(--color-primary);}
.home .section-articles .articleCard .more:hover {color: var(--color-accent);}

.home .section-articles .mButton.accent {display: flex; width: fit-content; margin: 2.5rem auto 0;}

@media screen and (min-width: 40em) {
	.home .section-articles {padding: 5rem 0;}
	.home .section-articles .slide {padding: 0 .75rem;}

	.home .section-articles .slider:not(.slick-initialized) .slide {width: 33.333%;}
	.home .section-articles .slider:not(.slick-initialized) .slide:nth-child(n+2) {display: block;}
	.home .section-articles .slider:not(.slick-initialized) .slide:nth-child(n+4) {display: none;}

	.home .section-articles .articleCard .image {height: 14rem;}
}
