@layer components {
	.ftr { background: #16211F; color: rgba(255, 255, 255, .78); padding-block: 40px 28px; font-size: 13px; }
	.ftr__in { display: grid; grid-template-columns: 1fr; gap: 30px; }
	.ftr .logo-t { color: #fff; }
	.ftr .logo-s { color: rgba(255, 255, 255, .55); }
	.ftr address { margin-top: 22px; line-height: 2.1; }
	.ftr .ftr-h { color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .1em; margin-bottom: 14px; }
	.ftr li { padding-block: 5px; }
	.ftr a:hover { text-decoration: underline; text-underline-offset: .2em; }
	.fbar {
		border-top: 1px solid rgba(255, 255, 255, .13); margin-top: 32px; padding-top: 22px;
		display: flex; flex-direction: column; gap: 10px; font-size: 11.5px; color: rgba(255, 255, 255, .7); letter-spacing: .04em;
	}
	@media (min-width: 768px) {
		.ftr { padding-block: 68px 28px; }
		.ftr__in { grid-template-columns: 1.3fr 1fr 1fr; gap: 48px; }
		.fbar { flex-direction: row; gap: 26px; margin-top: 48px; }
		.fbar .cp { margin-inline-start: auto; }
	}
}