@media (max-width: 1024px) {
	body { font-size: 17px; }
	.cl-container { width: min(calc(100% - 48px), var(--cl-container)); }
}

@media (max-width: 767px) {
	body { font-size: 16px; }
	.cl-container { width: calc(100% - 32px); }
	.cl-section { padding-block: 44px; }
	.cl-card:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
	.cl-reveal {
		opacity: 1;
		transform: none;
	}
}