/* Site footer */

.vl-footer {
	background: var(--vl-ink);
	color: rgba(255, 255, 255, .72);
	margin-top: auto;
}
.vl-footer a { color: rgba(255, 255, 255, .86); text-decoration: none; }
.vl-footer a:hover { color: #fff; text-decoration: underline; }

.vl-footer__top {
	padding-block: clamp(48px, 7vw, 80px);
}
.vl-footer__grid {
	display: grid;
	gap: var(--vl-sp-6);
	grid-template-columns: 1.3fr 1fr 1fr 1fr;
}
@media (max-width: 900px) {
	.vl-footer__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.vl-footer__grid { grid-template-columns: 1fr; }
}

.vl-footer__brand {
	display: flex;
	flex-direction: column;
	gap: var(--vl-sp-3);
}
.vl-footer__brand .vl-brand { color: #fff; }

.vl-footer__tagline {
	color: rgba(255, 255, 255, .64);
	font-size: var(--vl-fs-sm);
	line-height: var(--vl-lh-relaxed);
	max-width: 360px;
}

.vl-footer-widget { }
.vl-footer-widget__title {
	color: #fff;
	font-size: var(--vl-fs-sm);
	font-weight: var(--vl-fw-semibold);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: 0 0 var(--vl-sp-4);
}
.vl-footer-widget ul,
.vl-footer__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--vl-sp-2);
}
.vl-footer__col h4 {
	color: #fff;
	font-size: var(--vl-fs-sm);
	font-weight: var(--vl-fw-semibold);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: 0 0 var(--vl-sp-4);
}

.vl-footer__meta {
	color: rgba(255, 255, 255, .55);
	font-size: var(--vl-fs-sm);
	line-height: var(--vl-lh-relaxed);
	margin-top: var(--vl-sp-4);
}
.vl-footer__meta dt {
	display: inline;
	color: rgba(255, 255, 255, .8);
	margin-right: 4px;
}
.vl-footer__meta dd {
	display: inline;
	margin: 0;
}

.vl-footer__bottom {
	padding-block: var(--vl-sp-5);
	border-top: 1px solid rgba(255, 255, 255, .1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--vl-sp-5);
	flex-wrap: wrap;
	font-size: var(--vl-fs-sm);
	color: rgba(255, 255, 255, .55);
}
.vl-footer__legal {
	display: inline-flex;
	gap: var(--vl-sp-4);
	list-style: none;
	margin: 0;
	padding: 0;
}