/* Dyrk Frames — footer */

.dyrk-footer {
	background: var(--dyrk-navy-deep);
	color: var(--dyrk-text-invert-muted);
	font-size: 0.875rem;
}

.dyrk-footer__grid {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1.2fr 1.3fr;
	gap: 40px;
	padding-block: 64px 48px;
}

.dyrk-brand--footer {
	margin-bottom: 18px;
}

.dyrk-footer__about {
	margin: 0 0 20px;
	max-width: 34ch;
	line-height: 1.7;
}

.dyrk-footer__title {
	margin: 0 0 18px;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: var(--dyrk-tracking-wide);
	text-transform: uppercase;
	color: var(--dyrk-white);
}

.dyrk-footer__menu,
.dyrk-contact,
.dyrk-social {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dyrk-footer__menu li {
	margin: 0 0 11px;
	list-style: none;
}

.dyrk-footer__menu a,
.dyrk-contact a {
	color: var(--dyrk-text-invert-muted);
}

.dyrk-footer__menu a:hover,
.dyrk-contact a:hover {
	color: var(--dyrk-white);
}

.dyrk-contact li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 13px;
	list-style: none;
}

.dyrk-contact .dyrk-icon {
	margin-top: 3px;
	color: var(--dyrk-blue);
}

.dyrk-social {
	display: flex;
	gap: 10px;
}

.dyrk-social li {
	list-style: none;
	margin: 0;
}

.dyrk-social a {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	color: var(--dyrk-white);
	transition: background var(--dyrk-transition);
}

.dyrk-social a:hover {
	background: var(--dyrk-blue);
	color: var(--dyrk-white);
}

.dyrk-social .dyrk-icon {
	width: 16px;
	height: 16px;
}

.dyrk-footer__bar {
	border-top: 1px solid var(--dyrk-line-invert);
	padding-block: 18px;
	text-align: center;
	font-size: 0.8125rem;
}

.dyrk-footer__bar p {
	margin: 0;
}

@media (max-width: 900px) {
	.dyrk-footer__grid {
		grid-template-columns: 1fr 1fr;
		gap: 32px;
		padding-block: 48px 36px;
	}
}

@media (max-width: 560px) {
	.dyrk-footer__grid {
		grid-template-columns: 1fr;
	}

	.dyrk-footer__about {
		max-width: none;
	}
}