.am-footer {
	background: var(--am-dark);
	color: #fff;
}

.am-footer__inner {
	width: min(100%, var(--am-shell-width));
	margin-inline: auto;
	padding: 2.5rem var(--am-gutter) 1.5rem;
}

.am-footer__grid {
	display: grid;
	gap: 2.5rem;
}

.am-footer__tagline {
	max-width: 16rem;
	margin: 0.75rem 0 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.875rem;
	font-weight: 500;
}

.am-footer__heading {
	margin: 0;
	color: #fff;
	font-family: var(--wp--preset--font-family--heading), system-ui, sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.am-footer__heading a,
.am-footer__heading a:hover {
	color: #fff;
}

.am-footer__list {
	margin: 0.75rem 0 0;
	padding: 0;
	list-style: none;
}

.am-footer__list a {
	display: inline-block;
	padding-block: 0.2rem;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.875rem;
}

.am-footer__list a:hover {
	color: #fff;
}

.am-footer__copy {
	margin: 2.5rem 0 0;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.75rem;
}

@media (min-width: 640px) {
	.am-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.am-footer__inner {
		padding-block: 3rem 1.75rem;
	}

	.am-footer__grid {
		grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
	}
}