/**
 * Home — front-page.php layout.
 *
 * Full-width hero + sections of curated content.
 */

.slist-main--home {
	padding-bottom: var(--slist-space-8);
}

/* Hero — subtle red radial glow at bottom */
.slist-home__hero {
	padding: clamp(3rem, 10vh, 6rem) 16px clamp(2rem, 6vh, 3rem);
	text-align: center;
	background:
		radial-gradient(ellipse at 50% 80%, rgba(255, 0, 0, 0.06) 0%, transparent 70%),
		var(--slist-bg);
}

@media (min-width: 768px) {
	.slist-home__hero {
		padding-left: 24px;
		padding-right: 24px;
	}
}

/* Tighter section padding for content-dense home */
.slist-main--home .slist-section {
	padding-top: var(--slist-space-5);
	padding-bottom: var(--slist-space-5);
}

/* Event/blog cards on home — constrain image height */
.slist-main--home .slist-card .slist-card__media {
	aspect-ratio: 3 / 4;
}

/* Home cards — no chrome (no padding, no background) but soft-rounded image */
.slist-main--home .slist-card {
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	overflow: visible;
}

.slist-main--home .slist-card .slist-card__media {
	border-radius: var(--slist-radius-md); /* 10px */
	overflow: hidden;
}

.slist-main--home .slist-card .slist-card__body {
	padding: var(--slist-space-2) 0 0;
}

/* Disable card hover lift on home — no card surface to lift off */
.slist-main--home .slist-card--interactive:hover,
.slist-main--home .slist-card--interactive:focus-within {
	transform: none;
	box-shadow: none;
}

/* Smaller cards on desktop — more columns, less massive flyers */
@media (min-width: 1024px) {
	.slist-main--home .slist-grid--2 {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
	.slist-main--home .slist-grid--3 {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	}
	/* Events grid — fixed 3 columns on desktop (overrides auto-fit) */
	.slist-main--home .slist-home__events .slist-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}