:where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid #fff;
	outline-offset: 4px;
}

.skip-link:focus-visible,
.brand-crops .hero :where(a, button):focus-visible,
.section--products :where(a, button):focus-visible,
.product-catalog__body :where(a, button):focus-visible,
.product-single__hero :where(a, button):focus-visible,
.product-single__body :where(a, button):focus-visible,
.brand-crops.home .site-header:not(.is-scrolled) :where(a, button):focus-visible,
.brand-crops.page:not(.home) .site-header:not(.is-scrolled) :where(a, button):focus-visible,
.brand-crops.single-product .site-header:not(.is-scrolled) :where(a, button):focus-visible,
.page-intro :where(a, button, input, select, textarea):focus-visible,
.section--intro :where(a, button, input, select, textarea):focus-visible,
.section--why :where(a, button, input, select, textarea):focus-visible,
.section--portfolio :where(a, button, input, select, textarea):focus-visible,
.section--insights :where(a, button, input, select, textarea):focus-visible {
	outline-color: #111;
}

.menu-toggle {
	min-width: 48px;
	min-height: 48px;
}

.capability-card > a {
	display: inline-grid;
	min-width: 44px;
	min-height: 44px;
	place-items: center;
	justify-self: start;
}

.brand-crops .hero h1 em {
	color: #9a5f12;
}

@media (max-width: 980px) {
	.primary-menu a {
		display: block;
		padding-block: 10px;
	}
}