body#at-theme {
/*
 * Site footer.
 * Surface-deep background, 4-column links grid, hashtag block centered,
 * legal bottom row.
 */

.at-site-footer {
	background-color: var(--at-surface);
	border-top: 1px solid var(--at-divider);
	color: var(--at-body);
	padding: var(--at-space-8) var(--at-space-6) var(--at-space-6);
	margin-top: var(--at-space-8);
}

.at-footer-inner {
	max-width: var(--at-content-max);
	margin-inline: auto;
}

/* Columns */
.at-footer-cols {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--at-space-7);
	margin-bottom: var(--at-space-7);
}
.at-footer-col h4 {
	font-family: var(--at-font-display);
	font-weight: normal;
	font-size: var(--at-fs-display-l);
	color: var(--at-headline);
	text-transform: uppercase;
	letter-spacing: var(--at-tracking-default);
	line-height: 1.05;
	margin: 0 0 var(--at-space-4);
}
.at-footer-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.at-footer-col li { margin-bottom: var(--at-space-2); }
.at-footer-col a {
	display: inline-block;
	font-family: var(--at-font-body);
	font-size: var(--at-fs-body-sm);
	color: var(--at-dim-888);
	line-height: 1.5;
}
.at-footer-col a:hover { color: var(--at-highlight); }

/* Hashtag block */
.at-footer-hashtag {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--at-space-3);
	font-family: var(--at-font-display);
	font-size: var(--at-fs-display-l);
	color: var(--at-highlight);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 1.05;
	margin: var(--at-space-7) 0;
}
.at-footer-hashtag img {
	height: 28px;
	width: auto;
	opacity: 0.7;
}

/* Bottom row */
.at-footer-bottom {
	border-top: 1px solid var(--at-divider);
	padding-top: var(--at-space-5);
	text-align: center;
}
.at-footer-copy {
	font-size: var(--at-fs-eyebrow);
	color: var(--at-dim-555);
	letter-spacing: var(--at-tracking-default);
	text-transform: uppercase;
	margin: 0;
}

@media (max-width: 980px) {
	.at-footer-cols {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--at-space-5);
	}
}
@media (max-width: 600px) {
	.at-footer-cols {
		grid-template-columns: 1fr;
	}
	.at-site-footer { padding: var(--at-space-6) var(--at-space-4) var(--at-space-4); }
}
}