.site-main--home > .stack-lg {
	display: grid;
	gap: clamp(var(--hut-space-lg), 4vw, var(--hut-space-2xl));
}

.site-main--home > .stack-lg > * + * {
	margin-block-start: 0;
}

.site-main--home > .stack-lg > section {
	position: relative;
	padding: clamp(var(--hut-space-xl), 5vw, var(--hut-space-3xl));
	border: 1px solid rgb(223 210 191 / 62%);
	border-radius: var(--hut-radius-lg);
	background:
		linear-gradient(135deg, rgb(255 253 248 / 78%), rgb(250 244 232 / 66%)),
		var(--hut-color-surface-raised);
	box-shadow: var(--hut-shadow-warm-sm);
}

.site-main--home > .stack-lg > section:nth-of-type(1) {
	background:
		linear-gradient(145deg, rgb(250 244 232 / 86%), rgb(255 253 248 / 76%)),
		var(--hut-color-paper-050);
}

.site-main--home > .stack-lg > section:nth-of-type(2) {
	background:
		linear-gradient(145deg, rgb(255 253 248 / 88%), rgb(245 239 230 / 70%)),
		var(--hut-color-surface-raised);
}

.site-main--home > .stack-lg > section:nth-of-type(3) {
	background:
		linear-gradient(145deg, rgb(245 239 230 / 86%), rgb(255 253 248 / 72%)),
		var(--hut-color-surface-muted);
}

.site-main--home > .stack-lg > section:nth-of-type(4) {
	background:
		linear-gradient(145deg, rgb(255 253 248 / 84%), rgb(250 244 232 / 76%)),
		var(--hut-color-paper-000);
}

.site-main--home > .stack-lg > section:nth-of-type(5) {
	background:
		linear-gradient(145deg, rgb(250 244 232 / 88%), rgb(255 193 7 / 7%)),
		var(--hut-color-paper-050);
}

.site-main--home > .stack-lg > section:nth-of-type(6) {
	background:
		linear-gradient(145deg, rgb(245 239 230 / 90%), rgb(107 74 47 / 8%)),
		var(--hut-color-paper-100);
}

.site-main--home > .stack-lg > section + section {
	margin-block-start: calc(var(--hut-space-xs) * -1);
}

.site-main--home > .stack-lg > section::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	border-radius: inherit;
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 68%);
}

.site-main--home .section-header {
	margin-block-end: clamp(var(--hut-space-lg), 4vw, var(--hut-space-2xl));
}

.site-main--home .section-header__title {
	max-width: 13ch;
}

.site-main--home .section-header__description {
	max-width: 62ch;
}

.site-main--home .grid {
	gap: clamp(var(--hut-space-md), 3vw, var(--hut-space-xl));
}

.site-main--home .badge-list {
	margin-block-end: var(--hut-space-lg);
}

.site-main--home .newsletter-signup + .flow {
	margin-block-start: var(--hut-space-xl);
}

@media (min-width: 64rem) {
	.site-main--home > .stack-lg > section {
		padding-inline: var(--hut-space-3xl);
	}
}