/**
 * Responsive — loaded last; edge-case breakpoint overrides that don't belong
 * inline in component definitions (kept intentionally small).
 */

@media (max-width: 480px) {
	.rt-hero__actions .rt-button { width: 100%; }
	.rt-hero__actions { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}