/**
 * Breakpoints and reduced motion.
 */

@media (max-width: 63.99rem) {
	.ds-grid--3,
	.ds-grid--4,
	.ds-grid--solutions,
	.ds-grid--solutions:has(> :nth-child(5)),
	.ds-metrics,
	.ds-footer__grid,
	.ds-split {
		grid-template-columns: 1fr 1fr;
	}

	.ds-service-hero__inner {
		grid-template-columns: 1fr;
	}

	.ds-footer__grid {
		gap: var(--ds-space-7) var(--ds-space-5);
	}
}

@media (max-width: 47.99rem) {
	.ds-grid--2,
	.ds-grid--3,
	.ds-grid--4,
	.ds-grid--solutions,
	.ds-grid--solutions:has(> :nth-child(5)),
	.ds-metrics,
	.ds-footer__grid,
	.ds-split {
		grid-template-columns: 1fr;
	}

	.ds-header__toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: var(--ds-tap);
		min-height: var(--ds-tap);
	}

	.ds-logo {
		height: var(--ds-logo-height-sm);
	}

	.ds-section,
	.ds-hero,
	.ds-service-hero,
	.ds-cta-band {
		padding-block: var(--ds-space-8);
	}
}

@media (min-width: 80rem) {
	:root {
		--ds-gutter: 2rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	html,
	body,
	.ds,
	.ds *,
	.ds *::before,
	.ds *::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}

	.ds-btn:hover,
	.ds-card:hover,
	.ds-home-sols__card:hover,
	.ds-home-sols__card:focus-visible,
	.ds-home-sols-section__more .ds-btn:hover,
	.ds-home-sols-section__more .ds-btn:focus-visible,
	.ds-header__list a:hover,
	.ds-header__list a:focus-visible,
	.ds-footer__links a:hover,
	.ds-footer__links a:focus-visible {
		transform: none;
	}

	.ds-preloader {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}