/* ==========================================================================
   Homepage Authors Carousel
   Overrides image-grid carousel item sizing for author portraits.
   ========================================================================== */

.homepage-authors .image-grid {
	margin-top: var(--spacing-6);
}

/* Mobile: ~1.5 authors visible (teaser effect) */
@media (max-width: 639px) {
	.homepage-authors .image-grid--carousel .image-grid__item {
		flex: 0 0 62%;
	}
}

/* Tablet: ~2.5 authors visible */
@media (min-width: 640px) and (max-width: 1023px) {
	.homepage-authors .image-grid--carousel .image-grid__item {
		flex: 0 0 calc((100% - var(--spacing-4)) / 2.5);
	}
}