/**
 * Cross-cutting responsive tweaks that don't belong to any single section's
 * own stylesheet. Loads last (after every other theme stylesheet — see
 * inc/enqueue.php's dependency chain) so it can safely fine-tune things
 * without fighting load order.
 *
 * Most components are already mobile-first / fluid in their own files —
 * this file is intentionally small.
 */

@media (max-width: 480px) {
	.rentiva-h1 {
		font-size: var(--rentiva-text-4xl);
	}

	.rentiva-h2 {
		font-size: var(--rentiva-text-3xl);
	}

	.rentiva-section {
		padding-block: 3.5rem;
	}

	.rentiva-section--lg {
		padding-block: 4.5rem;
	}
}