/* Responsive rules stay isolated so component files remain easy to scan. */
@media (max-width: 900px) {

	.marcone-home-hero {
		grid-template-columns: 1fr;
	}

	.marcone-flow-card {
		min-height: 320px;
	}

	.marcone-site-footer {
		grid-template-columns: 1fr;
		align-items: start;
	}
}

@media (max-width: 720px) {

	.marcone-shell {
		width: min(100% - 12px, 1480px);
	}

	.marcone-surface,
	.marcone-site-footer {
		border-radius: 20px;
	}

	.marcone-display-title {
		font-size: clamp(3rem, 15vw, 5rem);
	}

	.marcone-site-header {
		padding-top: 6px;
	}

	.marcone-site-footer {
		margin-block: 6px;
	}
}

@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}