/*
 * DreamFast Studio — site footer (dark variant).
 */

.site-footer {
	color: rgb(197, 203, 213);
	background: rgb(9, 10, 9);
	padding: 75px max(32px, 50vw - 640px) 24px;
}
.footer-main {
	grid-template-columns: 2fr repeat(3, 1fr);
	gap: 70px;
	padding-bottom: 65px;
	display: grid;
}
.footer-main > div {
	flex-direction: column;
	align-items: flex-start;
	gap: 11px;
	display: flex;
}
.footer-main .brand {
	color: #fff;
	margin-bottom: 10px;
	font-size: 20px;
}
.footer-main .brand-wordmark b,
.footer-main .brand-spark {
	color: var(--lime);
}
.footer-main p {
	color: rgb(141, 152, 170);
	max-width: 360px;
	font-size: 13px;
	line-height: 1.7;
}
.footer-main a {
	padding-block: 6px;
	font-size: 14px;
	display: inline-block;
}
.footer-main h3 {
	color: #fff;
	font-size: 16px;
	margin: 0;
}
.footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
	display: flex;
}
.footer-bottom {
	color: rgb(119, 129, 149);
	border-top: 1px solid rgb(40, 50, 70);
	justify-content: space-between;
	padding-top: 21px;
	font-size: 11px;
	display: flex;
}
.footer-bottom span {
	color: rgb(170, 179, 193);
}

@media (width <= 1040px) {
	.footer-main {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 25px;
	}
	.footer-main > div:first-child {
		grid-column: 1 / -1;
	}
	.footer-bottom {
		flex-direction: column;
		gap: 8px;
	}
}