/*
 * Compact cinematic rhythm for the home page.
 * Keeps the full-screen opening scene while shortening the journey below it.
 */
body.home .section {
	padding-block: clamp(7rem, 8vw, 8rem);
}

body.home .section-heading {
	margin-bottom: 3rem;
}

body.home .featured {
	padding-block: clamp(7rem, 8vw, 8rem);
}

body.home .quote-band {
	padding-block: clamp(8rem, 10vw, 10rem);
}

body.home .quote-reader {
	min-height: 620px;
}

body.home .quote-stage {
	min-height: clamp(260px, 32vw, 420px);
	padding-block: 3rem;
}

body.home .micro-oracle {
	min-height: 820px;
	padding-block: clamp(6rem, 8.5vw, 8.5rem);
}

body.home .author {
	padding-block: clamp(7.5rem, 9vw, 9rem);
}

body.home .site-footer {
	gap: 3rem;
	padding-block: 3.75rem 2.25rem;
}

@media (max-width: 820px) {
	body.home .quote-reader {
		min-height: 590px;
	}

	body.home .quote-stage {
		min-height: 300px;
		padding-block: 2.5rem;
	}
}

@media (max-width: 760px) {
	body.home .section {
		padding-block: 4.75rem;
	}

	body.home .featured,
	body.home .quote-band {
		padding-block: 5.25rem;
	}

	body.home .author {
		padding-block: 5.5rem;
	}

	body.home .site-footer {
		gap: 2.5rem;
		padding-block: 3.25rem 2rem;
	}
}

@media (max-width: 680px) {
	body.home .micro-oracle {
		padding-block: 4.75rem;
		gap: 2.5rem;
	}
}

@media (max-width: 540px) {
	body.home .quote-stage {
		min-height: 320px;
	}
}